Illustrator-Tutorial


สวัสดีครับ เพื่อนๆ ขอบคุณเพื่อนๆทุกคนที่มาเยี่ยมชม Blog ของผม
และ ขอบคุณเพื่อนๆทั้ง 4 คนที่มา comment ให้นะครับ
วันนี้เราจะเข้าสู่ Tutorial ที่ 2ต่อจากตอนที่แล้ว วันนี้เราจะมา ทำ brush ใช้เองครับ
โดยจะเอาไปวาดลวดลาย และแสงวิ้งๆ เหมือนในภาพครับ
 
Illustrator tutorial by powercharge.exteen.com
*ใช้ oval tool วาด วงรีครับขนาดเล็กๆตามใจชอบ

Illustrator tutorial by powercharge.exteen.com
*หลังจากนั้นก็กด shift + C (convert to anchor point ครับ)
แล้วก็คลิกที่ anchor point ด้านซ้าย และขวาของวงรี จะได้ดังรูปครับ

Illustrator brush by powercharge.exteen.com
*เสร็จแล้วเราก็ copy วัตถุที่ได้ครับ แล้ว paste in front of
เราก็จะได้วัตถุอีกอันซ้อนอยู่ด้านบนครับ ให้เราย่อขนาดมันเหลือดังรูป
แล้ว ปรับค่า transparent > opacity ของวัตถุหลังเป็น 10
ส่วนวัตถุข้างหน้าเป็น 70 ครับ แล้วไปที่ object >blend > blend option ครับ
ตั้งค่า spacing เป็น specified steps และค่าข้างๆ 20 ครับ
ส่วนค่า orientation ให้เลือกเป็นอันซ้าย Align to page เหมือนเดิมเลยครับ

Illustrator brush by powercharge.exteen.com
*เสร็จแล้วจะได้วัตถุดังรูปครับ

Illustrator brush by powercharge.exteen.com
*เราจะนำวัตถุนี้ไปเป็น Brush ครับ โดยการไปที่ windows > brushes
หลังจากนั้นก็ลากวัตถุเข้าไปใน panel ของ brushes เลยครับ
เลือก make new art brush ก็จะได้ brush ใหม่ใช้สอยแล้วครับ

Illustrator tutorial by powercharge.exteen.com
*ให้เราเอา brush ที่ได้มาวาดลายเส้น smooth ดังภาพครับ
วาดตามใจชอบเลยครับ หุหุ

Illustrator tutorial by powercharge.exteen.com
*ขั้นสุดท้าย คือการทำ แสงวิ้งครับ โดยให้เราวาดวงกลมสีเหลืองครับ
เสร็จแล้วเราก็ copy วัตถุที่ได้ครับ แล้ว paste in front of
เราก็จะได้วัตถุอีกอันซ้อนอยู่ด้านบนครับ ให้เราย่อขนาดมันให้เล็กๆครับ
แล้ว ปรับค่า transparent > opacity ของวัตถุหลังเป็น 0
ส่วนวัตถุข้างหน้าเป็น 75 ครับ แล้วไปที่ object >blend > blend option ครับ
ตั้งค่า spacing เป็น specified steps และค่าข้างๆ 25 ครับ
ส่วนค่า orientation ให้เลือกเป็นอันซ้าย Align to page เหมือนเดิมเลยครับ

เราก็จะได้วงกลมวิ้งแล้วครับ

Illustrator tutorial by powercharge.exteen.com
*เราจะนำวัตถุนี้ไปเป็น Brush ครับ โดยการไปที่ windows > brushes
หลังจากนั้นก็ลากวัตถุเข้าไปใน panel ของ brushes เลยครับ
เลือก make new scatter brush ไม่ต้องตั้งอะไรเลยดังภาพ 
ก็จะได้ brush วิ้งไว้ใช้แล้วแล้วครับ คราวนี้ทำสีขาว และแดงตามลำดับ
แล้วเอาไปจุดลงบนรูปในตำแหน่งที่ต้องการให้เกิดความรู้สึกออร่าครับ

illustrator tutorial by powercharge.exteen.com


illustrator tutorial by powercharge.exteen.com

Tutorial นี้ก็จบเพียงเท่านี้ครับ หวังว่าคงจะเป็นประโยชน์แก่เพื่อนๆบ้างนะครับ

ปล.ช่วยกัน comment ติชม หรือถาม ด้วยนะคร้าบ

Creative Commons License
Dinocharacter โดย Charge อนุญาตให้ใช้ได้ตาม
สัญญาอนุญาตของครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-ไม่ดัดแปลง 3.0 ประเทศไทย.
อยู่บนพื้นฐานของงานที่ powercharge.exteen.com.
การอนุญาตนอกเหนือจากที่ระบุไว้ในสัญญาอนุญาตนี้ อาจมีอยู่ที่ http://powercharge.exteen.com

edit @ 4 Apr 2009 18:16:40 by Powercharge

edit @ 4 Apr 2009 18:19:18 by Powercharge

 
illustrator tutorial by powercharge.exteen.com
สวัสดีครับเพื่อนๆ วันนี้ผมได้ทำ tutorial สร้าง effect ดังภาพข้างบนนี้เลยครับ
 ผมรุ้สึกว่าจริงๆมันยังไม่ค่อยดี เพราะผมรีบทำมาก เด๋วต้องไปเชงเม้ง
แต่อย่างน้อย tutorial นี้ก็คงให้แนวคิดในการนำไปประยุกต์ต่อไปมากก็น้อยนะครับ

เรามาเริ่มกันเลยดีกว่าครับ
 

illustrator tutorial by powercharge.exteen.com
ขั้นแรกก็เปิดโปรแกรม Adobe Illustrator แล้ว
  เลือกเมนู New > File กำหนดขนาด 6 in * 3 in ครับ

illustrator tutorial by powercharge.exteen.com
*ใช้ rectangle tool วาดสี่เหลี่ยมกำหนดขนาดเท่ากระดานขาว (ขนาด 6 in * 3 in)
 

illustrator tutorial by powercharge.exteen.com
*เปลี่ยน สีเป็นสีดำครับ


illustrator tutorial by powercharge.exteen.com
*จากนั้นเราจะเริ่มทำแบลคกาวน์ให้เกิด effect ครับ
เริ่มจาก object > envelope distort > make  with mesh ครับ


illustrator tutorial by powercharge.exteen.com
*หลังจากนั้นก็กำหนดจุดต่างๆโดยกด 1 ครั้งบนกระดานต่อจุดหนึ่งจุดครับ


illustrator tutorial by powercharge.exteen.com
หลังจากนั้นก็เปิด swatches ขึ้นมาครับ แล้วเลือกสี
โดยกำหนดสีที่ตำแหน่งต่างๆได้โดยใช้เครื่องมือ mesh
กดลงบนจุดหรือเส้นที่เราได้ร่างไกด์ไว้ครับ
โดยสีที่ผมใช้ ด้านขวาและซ้าย = #009999
ตรงกลาง = #33FFFF
บนและล่าง = #003399
มุมทั้งสี่ = #006666

illustrator tutorial by powercharge.exteen.com
*ใ้ช้ rectangle tool วาดสี่เหลี่ยมขนาด 6*3 inches
แล้วก็เปลี่ยนเป็นสีบานเย็น #EE2BF9

 

illustrator tutorial by powercharge.exteen.com
*หลังจาดนั้นก็เปิดเครื่องมือ transparent แล้วปรับ opacity ของเจ้าสี่เหลี่ยมสีบานเย็นนี้
ให้เหลือ 25 % พร้อมเปลี่ยนค่าจาก normal เป็น screen ดังภาพ
ก็จะได้แบลคกาวน์เหมือนในรูปครับ

illustrator tutorial by powercharge.exteen.com
*จากนั้นสร้าง layer ใหม่สำหรับตัวอักษรของคุณครับ ใส่ลงไปเลย

illustrator tutorial by powercharge.exteen.com
*ขึ้น layer ใหม่อีกอันครับ เอา layer นี้ไว้ข้างล่าง layer ของตัวอักษรครับ
แล้วใช้ pentool วาดเส้นตามใจชอบ จะวาดเหมือนในรูปก็ได้ครับ
โดยให้วาดอันใหญ่ข้างนอกอันนึง และก็อันเล็กข้างในอันนึงครับ

illustrator tutorial by powercharge.exteen.com
*จากนั้นครับตั้ง ค่า opacity อันใหญ่เป็น 0 %
และอันเล็ก 60 - 70% ตามแต่ใจต้องการครับ
พอจัดการเรียบร้อยก็เคลือบทั้งสองอัน แล้วไปที่ object >blend > blend option ครับ
ตั้งค่า spacing เป็น specified steps และค่าข้างๆตั้งได้ตั้งแต่ 20 - 35 กำลังดีครับ
ส่วนค่า orientation ให้เลือกเป็นอันซ้าย Align to page ครับ

illustrator tutorial by powercharge.exteen.com
*เสร็จแล้วครับ จะได้ effect ดังรูป
จากนั้นให้ย่อขนาดตัวอักษรเหลือ 25 pt ครับ แล้ววางเยื้องไปทางซ้าย
เพราะเราจะใส่ effect ทางด้านขวาครับ

illustrator tutorial by powercharge.exteen.com
*ใช้ pencil toolวาด effect กระจายๆดังรูปครับ
จากนั้นครับตั้ง ค่า opacity อันใหญ่เป็น 0 %
และอันเล็ก 60 - 70% ตามแต่ใจต้องการครับ
พอจัดการเรียบร้อยก็เคลือบทั้งสองอัน แล้วไปที่ object >blend > blend option ครับ
ตั้งค่า spacing เป็น specified steps และค่าข้างๆตั้งได้ตั้งแต่ 20 - 35 กำลังดีครับ
ส่วนค่า orientation ให้เลือกเป็นอันซ้าย Align to page ครับ เหมือนเดิมเป๊ะ

 

illustrator tutorial by powercharge.exteen.com
*ทำซ้ำสีเหลืองสีแดง แล้ว tranform > scale ย่อขนาดสีเหลือง และแดงตามลำดับครับ
จะได้ effect ดังภาพครับ

illustrator tutorial by powercharge.exteen.com
*จากนั้นเลือกที่ text ครับ เลือก menu type > create outlines
ต่อไปให้เลือก menu object > Ungroup ครับ ซึ่งจะทำให้ปรับ tect ได้ตามใจชอบครับ

illustrator tutorial by powercharge.exteen.com
*ตัวอักษรแยกกันหมดแล้วครับ


illustrator tutorial by powercharge.exteen.com
*หลังจากนั้นเคลือบตัวอักษรทั้งหมดครับ แล้ว copy
เลือก menu edit > paste in front of
หลังจากนั้นให้คลิกขวาที่วัตถุที่เรา copy มา
เลือก transform > reflect เลือก horizontall 90 องศาครับ
จะได้ดังรูปเลยครับ : )

ยังไม่จบนะครับไว้จะมาต่อตอนที่สอง ต้องไปเช้งเม้งแล้วครับ รถมารอแล้ว !!!
คราวหน้าจะสอนทำ effect brush และเม็ดแสงวิ้งๆ นะครับ : )

 หวังว่าเพื่อนๆจะชอบนะครับ
ปล.ไม่รู้มีคนอ่าน Blog ผมบ้างรึป่าว T-T แต่ผมตั้งใจทำนะครับ : )

 

Creative Commons License
Dinocharacter โดย Charge อนุญาตให้ใช้ได้ตาม
สัญญาอนุญาตของครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-ไม่ดัดแปลง 3.0 ประเทศไทย.
อยู่บนพื้นฐานของงานที่ powercharge.exteen.com.
การอนุญาตนอกเหนือจากที่ระบุไว้ในสัญญาอนุญาตนี้ อาจมีอยู่ที่ http://powercharge.exteen.com

edit @ 3 Apr 2009 22:03:33 by Powercharge


edit @ 4 Apr 2009 18:21:17 by Powercharge

Favourites