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

Comment:

Tweet

สอน ก็ไม่เข้าใจงง ได้โล่ขนาดเรียนมาแล้วยังงงเลยเอาไรมาก

#39 By sdfsdfsdfsdf (103.7.57.18|124.121.39.122) on 2012-06-17 00:11

ขอบคุณมากๆๆ

#38 By ินิ (58.9.17.128) on 2012-02-21 16:41

โปรแกรมนี้ทำได้ทุกอย่าง ที่เห็นกันไม่ว่าจะเป็น ......ที่มันเป็นสิ่งพิมพ์ หรือgraphicอะไรงี้ ก็ทำด้วย illus ทั้งน้าน อยากจะถ่ายทอดมั่งจัง แต่สอนไม่ค่อยเก่ง ตอนผมใช้ใหม่ๆก็หัดเอง ไม่อ่านหนังสืออะไรใดๆ (ไม่ได้หยิ่งนะคับแต่ขี้เกียจ555) ก็ทำๆๆมั่วมั่งอะไรมั่ง สมัยนั้นถามใครก็ไม่ค่อยได้เพราะยังไม่ค่อยมีใครใช้เป็น คอมก็เพิ่งจะเข้าถึงกันใหม่ๆ ก็ซัก16ปีที่แล้วมั้ง แก่จังตรู เพื่อนผมใช้lightWaveทำ3Dเรียกว่าชุดแรกของเมืองไทยเลยโว้ว แก่มั่ก

#37 By graphic (115.87.209.154) on 2012-02-10 00:01

เพิ่งรู้ว่าทำแบบนี้ได้ด้วย สวยมากเลย

ขอบคุณค่ะ Hot! Hot!

#36 By siver_buff on 2011-12-24 18:27

เหมือนง่ายแต่ยากอ่า

#35 By เดเ (202.28.249.178) on 2011-04-04 16:07

Very informative and helpful. I was searching for this information but there are very limited resources. Thank you for providing this information

#34 By Illustration Essay Writing (119.155.123.115) on 2011-03-08 19:57

โอ้ว สวยมาก :'D

#33 By ` lhimm on 2010-11-07 18:48

ขอบคุณมากสำหรับทุกอย่าง

#32 By Bensin (124.120.244.68) on 2010-09-25 17:01

กำลังมองหาคนช่วยออกแบบ logo ให้กับ web site ไม่จำเป็นต้องมีประสบการณ์ ขอแค่ไอเดียโดนใจ ลองเสนอไอเดียมาได้นะคะ ติดต่อ: pooni-ka@hotmail.com big smile

#31 By ponika (202.176.141.244) on 2010-06-07 13:45

ขอคุณครับ

ครั้งหน้ามี Effect ใหม่ เอามาสอนอีกนะครับ

#30 By a (203.146.116.9) on 2010-04-26 14:16

Thank

#29 By รวบรวมข่าว (58.8.108.212) on 2010-04-11 12:16

ปลุกปล้ำกับโปรแกรมนี้มาแรมเดือนแล้วค่ะ
แต่ก็จะพยายามต่อไป!!

ขอบคุณมากค่ะ
ไอ้คลื่นๆข้างหลังสวยcry

#28 By Khun Ploy on 2010-04-05 21:53

สอนไม่รุเรื่องเรย

ไม่เข้าใจเรย

#27 By พะไะไำ (118.172.8.113) on 2010-03-22 18:40

object > envelope distort > make with mesh

งงมาก

#26 By พำไพไำ (118.172.8.113) on 2010-03-22 18:38

ขอบคุณค่ะ

#25 By tick (203.113.29.173) on 2010-03-09 15:24

ชอบมากค่ะ สวยดี แล้วจะลองทำตามดูนะ

#24 By karn (58.10.64.69) on 2010-02-23 16:46

ดูอยู่ครับได้ความรู้เพิ่มมาอีกขอบคุณนะครับจะติดตามผลงานไปเรื่อยๆครับ

#23 By ปิง (58.8.122.150) on 2010-02-22 11:34

ดูอยู่ครับได้ความรู้เพิ่มมาอีกขอบคุณนะครับจะติดตามผลงานไปเรื่อยๆครับ

#22 By ปิง (58.8.122.150) on 2010-02-22 11:32

ตอนนี้เริ่มทำงานกราฟฟิก ดีมากค่ะช่วยได้มากเลย

#21 By น้ำตาลหวาน (118.173.88.61) on 2010-02-15 11:19

ดีมากค่ะ ละเอียดทุกขั้นตอนเลย ทำตามได้ง่ายค่ะ

#20 By น้ำผึ้งหวาน (118.173.88.61) on 2010-02-15 11:18

ดีมากค่ะ
ชอบจริง ๆ
จะคิดตามนะคะ

#19 By พี (124.122.14.57) on 2010-02-09 22:09

ok

#18 By chichi (110.49.31.14) on 2010-01-21 13:21


ของเรา CS3
ตอนกด object > envelope distort > make with mesh มันมีคอลัม ขึ้นมาให้กำหนดเองค่ะ กดตามจุดที่เรากำหนดเองไม่ได้อ่าค่ะ


งงเลย

#17 By (117.47.45.63) on 2010-01-16 22:49

ชอบครับ ได้ความรู้เพิ่มขึ้นเยอะเลยครับ
ขอบคุณมากครับ

#16 By nagata (114.128.133.97) on 2010-01-12 18:16

ชอบมากมายอ่ะ

#15 By Junior (58.9.161.110) on 2010-01-09 15:58

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

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

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

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

big smile

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

ชอบมากๆๆค่ะ

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

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

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

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

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

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

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

สวยดีเนอะ

open-mounthed smile

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

โอ้ว เจ๋ง

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

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

คารวะ

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

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

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

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

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

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

#2 By HASE on 2009-04-03 21:26

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

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

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

Favourites