มาอีกแล้วค่ะ  วันนี้ไปเจอเทคนิคการดราฟรูปมาค่ะ อ่านแล้วเข้าใจง่าย น่านำมาเผยแพร่อีกที มาจาก http://asoke.bloggang.com ให้เครดิตเค้าหน่อย

จะบอกลูกศิษย์เสมอค่ะว่า Illus CS นี่เค้าพัฒนาไปไกลมากๆ แล้วนะคะ ให้ลองเข้าไปจับไปลองฝึกดูบ้าง อย่ายืดติดกับ Illus 10 มากนัก ถึงแม้ว่าไฟล์งานที่ส่งโรงพิมพ์ส่วนใหญ่ยังนิยมใช้เวอร์ชั่นนี้อยู่ก็ตาม (เพราะ Illus CS มีปัญหาเรื่อง Font ภาษาไทยเดิมๆ ที่เคยใช้กัน)

 

เทคนิคการ draft ภาพคนด้วย Adobe Illustrator _ตอน 1

 สำหรับท่านที่มีพื้นฐานกับโปรแกรม Adobe Illustrator มาบ้างนะคะ อันนี้เป็น workshop ที่เขียนขึ้นเผื่อถ่ายทอดเทคนิคส่วนตัวในการวาดภาพด้วย illustrator CS ในลักษณะของการ draft จากภาพต้นฉบับค่ะ

เรามาดูภาพต้นฉบับและวิเคราะห์กันนิดนึง
นวลนางท่านนี้คือ แคธรีน ซีต้า โจนส์ นะคะ

รูปต้นฉบับรูปนี้สำหรับแอ้มว่ายากนะคะ เพราะ
1. แสงเงาชัดเจนเกินไป (มีงี้ด้วย)
2. ขยายใหญ่แล้วภาพแตก ทำให้ต้องเดาเอาเองอยู่หลายจุด
3. ผมของเธอ ไร้แสงเงาโดยสิ้นเชิง



งานนี้จะเป็นแนว Vector จ๋าๆ เลยนะคะ ดังนั้นจะไม่ใช้ effect blur เลยค่ะ
เริ่มจากใช้ Pen tool พระเอกของเราสร้าง shape ของใบหน้าขึ้นมา แล้วใช้ เครื่องมือดูดสี (eyedropper) ดูดสีผิวของแบบ (เลือกดูดสีกลางๆนะคะ คือไม่เข้มไปอ่อนไป) จากนั้นก็เริ่มวาดคิ้ว



จากนั้นก็วาดดวงตา ส่วนประกอบของดวงตา วิธีคือ วาดตาขาว แล้วตาดำ ใช้วงกลมแปะลงไปบนตาขาว แล้วใช้คำสั่ง pathfinder > devided ตัดแบ่ง แล้วตัดส่วนเกินออกไปค่ะ จากนั้นก็เริ่มใส่ส่วนประกอบเข้าไปตามภาพค่ะ



ค่อยๆเพิ่มไปจนเสร็จค่ะ



จมูก เดี๋ยวค่อยมาลงเงาทีหลัง ตอนนี้วาดไปเส้นร่างไว้ก่อน


ปาก เริ่มจาก pen tool วาด shape ของริมฝีปากขึ้นมา
ค่อยๆใส่แสงเงาค่ะ เริ่มจากมุมปาก รอยแยกระหว่างปากบนปากล่าง ส่วนนี้จะเข้มกว่าส่วนอื่นนะคะ ใส่รอยหยัก ใช้ transpency > multiply เปอร์เซ็นต์น้อยๆนะคะ
ใส่ไฮไลท์ที่ริมฝีปากล่าง transpency > screen ค่ะ


จากนั้นเรามาลงแสงเงาที่ใบหน้าค่ะ การลงแสงเงาแบบไม่ใส่ blur จะยากตรงที่ไม่มี blur มาช่วยกลบเกลื่อนรายละเอียด คือเราต้องลงน้ำหนักสีให้กลมกลืนไปเรื่อยๆ จนกว่าจะดูแล้ว ไม่รู้สึกว่าแสงเงาโดดน่ะค่ะ

ภาพนี้ แสงมา 2 ทิศทางคือ ด้านข้างขวาหน้า และด้านหลัง แสงเงาจะปรากฏตามภาพค่ะ


ช่วงลำตัวก็เช่นเดียวกันจ้า
สูตรเด็ดครองโลกของเราก็คือ ตรงไหนมืด transprency > multiply ตรงไหนสว่าง transparency > screen สองคำสั่งพาเพลินนะจ๊ะ


ทีนี้ก็มาถึงขั้นตอนซาลอน ที่หลายคนโอดโอยว่ามันย้ากยาก (ก็เห็นด้วยแหละค่ะว่ายาก) แต่ไม่มีอะไรนอกจากคำว่าขยันและอดทนนะคะสำหรับขั้นตอนนี้

เริ่มจากวาด shape ของทรงผมมาห่อนอีกเช่นเคย ภาพนี้ยากตรงที่ภาพต้นฉบับไม่มีแสงเงา ต้องอาศัยความมั่นใจ (ในการเดา) ค่ะ ภาพนี้ขอเปลี่ยนสีผมจากดำเป็นแนวน้ำตาลๆทองๆนะคะ

แอ้มสร้างแปรงสำหรับทำเส้นผมโดยเฉพาะ คือ art brush แบบปลายแหลม มีหลายๆแฉก เพื่อประหยัดเวลา (ลากทีเดียว ได้ 5 เส้นเลย ) ทำเส้นใหญ่เล็กเอาไว้ใช้ผสมๆกันนะคะ

ลากไปทีละช่อๆ จนหมดทั้งศีรษะ อาจจะแซมสีอื่นๆเข้าไปก็ได้ค่ะ


ลากเสร็จแล้วก็ลงแสงเงาด้วยสูตรเด็ดประจำชาติของเรา ค่อยๆลงจากอ่อนๆ แล้วลงทับไปเรื่อยๆ จนได้เข้มที่ต้องการ ใช้สีอื่นเข้ามาทำ shade ด้วยก็ได้ค่ะ เช่น แดงเลือดหมู ไม่จำเป็นต้องสีผมอย่างเดียว โทนสีก็จะได้สว่างๆร้อนแรง

ต้องศึกษาแสงเงาอีกเช่นกันนะคะ อะไรบังอะไร จะเกิดเงาที่ไหน เพื่อความกลมกลืนจ้ะ


จากนั้นก็มาถึงขนเฟอร์ค่ะ จริงๆแล้วแอ้มใช้ดินสอวาดเป็นแหลมๆไปเรื่อยอ่ะค่ะ แบบโบราณ แต่ว่ามีเทคนิคใหม่ๆมานำเสนอ คือ การใช้ wrinkle tool นะคะ ตามภาพ คือเป็นเครื่องมือสร้างรอยหยักอัตโนมัติค่ะ เอาวงกลมไปแปะที่ไหน ตรงนั้นก็จะหยักๆๆๆๆ ความกว้างใหญ่ของหัวพ่นอันนี้ปรับได้ค่ะ คลิกเลือก wrinkle tool และ ดับเบิ้ลคลิก 2 ทีที่หน้ากระดาษ ปรับเลือกได้ค่ะ


ทำสีพื้นแล้วก็ต้องมาทำเงาด้านในค่ะ ใช้สีที่ใกล้เคียงกันละเลงได้ตามสะดวกค่ะ
ด้านหลังอยู่ไกล เฉดสีไม่ต้องละเอียดมาก จะได้ให้ความรู้สึกเบลอๆหน่อย


เสร็จกิจในอิลัสนะคะ
เราย้ายบ้านไปที่ Photoshop โดยการ select เลือกสิ่งที่เราต้องการ retouch > Copy > และ Paste ใน Photoshop ไม่มีอะไรมากค่ะ อาจจะเสีย gen บ้าง หรือสีดร็อปลงไป ไม่ต้องตกใจน้า เดี๋ยวย้ายกลับมาทำในอิลัสก็สวยเหมือนเดิมค่ะ

ใน PS เราเลือก Smudge Tool แล้วก็เลือกฝีแปรง เอาแปรงที่แตกๆหน่อยค่ะ ขนจะได้ฟุ้ง เมื่อเลือกได้แล้วก็ ถูๆๆๆๆๆ จนกว่าขนเฟอร์นั้นจะนุ่มสวยดังใจ ถูเสร็จเก๊าะเป็นอันเสร็จ
(ง่ายใช่ม้า) ก่อนย้ายกลับมาทำในอิลัสต่อ อย่าลืมทำให้ด้านหลังภาพเป็นใสๆ น้า (จะได้มาซ้อน BG ในอิลัสได้)


ก่อนจะย้ายจาก PS เซฟเป็น PSD ก้ได้ค่ะ ละเอียดดีแล้วก็ transparency ได้ด้วย

ทำเสร็จแล้วดูไม่ค่อยเหมือนนะคะ เพราะว่ารูปมันเล็กกกกกก (หาข้ออ้างไปวันๆ)
แต่เสน่ห์ของ Vector อย่างนึงก็คือ ความไม่เหมือนเปี๊ยบๆนี่แหละค่ะ อยากบอกว่า ทำๆไป ไม่จำเป็นต้องให้เหมิอนแบบเป๊ะทุกตารางนิ้ว เราสามารถใส่เพิ่มลด ให้ชิ้นงานดูเป็นสไตล์เราได้ โดยศึกษาจากการลงแสงเงา การใช้สี การใช้แปรง

ต้องบอกอีกครั้งว่า ไม่ได้เก่งกาจขนาดจะมาบอกว่าวิธีนี้ดีและถูกต้อง ทุกท่านต่างมีวิธีเป็นของตัวเองอยู่แล้วค่ะ เพียงแต่เราจะสามารถนำมาประยุกต์ใช้กับงานในรูปแบบต่างๆได้ดีแค่ไหน อันนี้ต้องฝึกฝนและศึกษากันไป ขอแค่ให้คุณสนุกในการทำก็พอค่ะ

เหมือนแม่ชีศันสนีย์เคยกล่าวไว้เมื่อมีคนถามท่านตอนเดินจงกรมว่า "แม่ชีจะเดินไปไหน ไปหาความสุขสงบหรือ" ท่านตอบว่า "เราไม่ได้จะเดินไปหาความสุขหรอก แต่เรามีความสุข...ที่ได้เดิน"

ภาพที่เสร็จแล้วค่า


Comment

smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry ???????????????   ??????????????????
smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry ???????????????

Tweet

สวยจังเลยครับ ผมขอถามไรหน่อยดิครับ
คือผมอยากทำ ที่มันตัวหนังสืออยู่เยอะๆแล้วเรามีรูปมาวางตรงกลางแล้วตัวอักษรมันจะแยกอัตโนมัตินะทำไงครับ
จาส่งแบบแล้ว
ทำไม่ได้

#1 By jaspalo (222.123.183.76) on 2009-03-14 15:42

แวะเข้ามาดูครับ
สวยดีครับ

#2 By fampper (180.180.92.117) on 2010-02-03 21:43

เซียนมากHot!

#3 By namtansign on 2010-04-02 10:43

ว้าวว สุดยอด สวยมั๊กมากค่ะ
ใช้เวลากี่ชั่วโมงเนี่ย

#4 By SellVectorAc on 2010-06-02 22:19

มันยากเกินไปไหมมมอ่า T T '

#5 By beam (113.53.74.37) on 2010-06-16 19:08

ดีอ่ะ

#6 By kojang (110.164.243.231) on 2010-07-15 20:37

เก่งมากมาก

#7 By pg (124.122.83.184) on 2010-12-15 11:29

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

#8 By Illustration Essay Writing (119.155.123.115) on 2011-03-08 19:50

big smile จะลองทำดูนะค่ะ

#9 By นัท (101.108.58.198) on 2011-03-12 15:49

ผมกำลังหัดอยู่ สุดยอดเลยคับconfused smile

#10 By วงดนตรี งานแต่ง (58.9.188.163) on 2011-10-04 07:04

ยิ่งดู ยิ่งสวยคับ

#11 By วงดนตรี งานแต่ง (58.9.79.150) on 2011-10-04 07:12

ต้องมีจินตนาการเยอะพอสมควรค่ะbig smile

#12 By aom (171.6.93.153) on 2012-01-18 10:14

confused smile

#13 By (115.67.194.191|115.67.194.191) on 2014-01-30 08:09