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

Comment



smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry

Tweet

ชอบมากเลยค่า ~!!!!! >w<
สุดยอดมากเลย

ขอบคุณสำหรับความรู้ดีๆนะคะ ^^ Hot!

#1 By ★+::+@MilY+::+★ on 2009-04-03 21:20

น่าสนใจมากค่ะ
ไว้ว่างๆต้องลองหน่อย
ร้างรามานานconfused smile

#2 By (。_ 。) Half-Crazy Rabbit⌒★ on 2009-04-03 21:26

ว้าว จ๊าบมากHot!

#3 By 13ankster on 2009-04-04 10:22

โปรแกรมนี้มีไว้ทำอะไรหรอคะ น่าสนใจดีbig smile

#4 By MaLeSs_Amm on 2009-04-04 14:43

คารวะ

#5 By Magaret Literary on 2009-04-04 20:52

โอ้ว เจ๋ง

ใช้อิลลัส ไม่ค่อยจะเป็นอะ ง๊ง งง - -

#6 By myjevil on 2009-04-10 16:36

สวยดีเนอะ

open-mounthed smile

#7 By Barcerona on 2009-05-07 18:49

สุดยอดมากคับพี่

#8 By (112.143.29.203) on 2009-07-03 12:30

สอนทำอีกเยอะเลยนะคะ: )

#9 By มล (58.9.2.52) on 2009-08-03 23:02

ตั่งใจอ่านครับ

#10 By mireu (58.136.70.63) on 2009-08-24 16:01

ชอบมากๆๆค่ะ

#11 By MUXIzz on 2009-09-22 18:19

big smile

#12 By (58.147.26.140) on 2009-11-02 10:31

ขอบคุณมากๆๆ เป็นวิทยาทานเลยนะคะ จะลองทำตามดูนะคะ รูปออกมาเป้นยังไงจะกลับมาโพสอีกครั้งนะคะ ขอบคุณค่ะopen-mounthed smile

#13 By pim (58.8.105.196) on 2009-11-11 11:55

ทำแล้วมันไม่ได้เลยไม่เข้าใจ Cs4 นะค่ะ
ที่ให้เลือก object > envelope distort > make with mesh เสร็จแล้วมันใส่สีไม่ได้มะรู้ทำไม

#14 By (124.121.193.6) on 2009-11-24 17:07

Favourites