Thaigraph

 

   

ค้นหา
Thaigraph หน้าย่อย Illustrator วิธีทำเส้นผมแบบหลายโทนสี โ ...
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 11351|ตอบ: 6
go

[Illustrator ขั้นประยุกต์] วิธีทำเส้นผมแบบหลายโทนสี โปรแกรม Illustrator

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 14-4-2012 19:25 |แสดงโพสต์ทั้งหมด

วิธีทำเส้นผมแบบหลายโทนสี

เอาของเก่าดองเก็บมาเร่ขายอีกแล้ว เหอๆๆๆ

(อันนี้เป็นเทคนิคที่คิดค้นขึ้นเองนะค่ะ )


บทความนี้จะต่อเนื่องมาจาก

การทำ สีผิว โดยดูดสีจากภาพต้นแบบ [Mesh Tool]
การทำ คิ้ว จมูก ปาก โดยดูดสีจากภาพต้นแบบ [Mesh Tool]
การทำดวงตาโดยดูดสีจากภาพต้นแบบ  [Mesh Tool]

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

วิธีทำก็ง่ายๆ ไม่ได้ยากเหมือนการทำผิวหน้า ด้วย Mash Tool แต่ก็ต้องใช้ความประณีต และความขยันพอสมควร ส่วนอีกสิ่งที่สำคัญคือ ควรจะมีทักษะและความคล่อง ในการใช้เครื่องมือ Gradient Tool มาพอสมควรแล้ว


*สำหรับคนที่ยังใช้เครื่องมือ Gradient  ไม่คล่องให้ศึกษาจาก 2 บทความนี้ก่อนนะค่ะ
1. การใช้เครื่องมือ Gradient Tool เบื้องต้น> Advance
2. เทคนิคการดูดสี Gradient จากภาพต้นแบบ

งั้น... มาเริ่มกันเลยค่ะ ...



ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 16-4-2012 13:14 |แสดงโพสต์ทั้งหมด
(ภาพที่ทำไว้จากบทความที่แล้ว)


จากบทความที่แล้วข้าพเจ้าได้แนะนำให้นำภาพต้นแบบมาไว้ที่เลเยอร์ข้างบนสุด 1 ภาพ (และใส่กุญแจล๊อคไว้) และให้วางอยู่ด้านซ้าย ที่ตำแหน่งล่างสุด 1 ภาพ (และใส่กุญแจล๊อคไว้) รวมแล้วเราจะมีภาพต้นแบบวางไว้ 2 ตำแหน่งนะค่ะ

สำหรับภาพต้นแบบที่วางอยู่ในเลเยอร์บนสุดนั้น ข้าพเจ้าจะใช้สำหรับเปิด - ปิดตาเลเยอร์  (ภาพชิ้นงานที่ทำจะอยู่ด้านล่าง) เพื่อให้สะดวกต่อการดราฟเส้นตาม และเทียบระดับสีแต่ละจุด และวิธีนี้ยังทำให้ภาพของเราสร้างผลงานได้ความใกล้เคียงภาพต้นแบบมากที่สุด

----------------------------------------------
ทำไรผม
ก่อนจะวาดเส้นผมได้ เราก็ควรจะทำไรผมกันก่อน สำหรับวิธีทำไรผม บางคนอาจใช้วิธีวาดแนวไรเส้นผมที่ขอบหน้าผาก และลงสีพื้นเป็นสีเข้ม จากนั้นก็ใช้คำสั่ง Blur เพื่อทำให้เม็ดสีกระจาย เวลาดูไกลๆ หรือดูแบบเป็นภาพขนาดเล็ก ก็จะดูเบลอๆมัวๆ คล้ายกับไรผมคนจริงๆ แต่การใช้คำสั่ง Blur จะมีข้อเสียคือ ภาพจะขาดความคมชัด และหากขยายภาพให้ใหญ่ ก็จะเห็นภาพแตกเป็นเม็ดๆ มัวๆ เบลอๆ ดูเหมือนเอาสีสเปรย์มาฉีดพ่น

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

ก่อนที่จะใช้เครื่องมือ Mesh Tool สร้างโครงตาข่าย เราควรใช้ Pen Tool วาดแนวไรผม เพื่อสร้างพื้นที่ให้กับโครงตาข่าย Mesh Tool เสียก่อน  สำหรับภาพนี้ข้าพเจ้าแบ่งไว้เป็น 3 ส่วน



ที่ภาพด้านล่างนะค่ะ
- ภาพทางซ้ายจะเป็นภาพที่ข้าพเจ้าเปิดตาเลเยอร์ภาพต้นแบบด้านบนไว้(เพื่อดูดสีภาพต้นแบบบ และคอยเทียบความใกล้เคียงกับภาพที่ข้าพเจ้ากำลังทำอยู่(ที่เลเยอร์ข้างล่าง))

- ส่วนภาพฝั่งขวาจะเป็นภาพ จะเป็นภาพที่ข้าพเจ้าจัดการปิดตาเลเยอร์ภาพต้นแบบไว้ ทำให้มองเห็นภาพที่ที่ข้าพเจ้ากำลังทำอยู่ด้านล่าง



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




ทำให้ครบทั้ง 3 ส่วนเลยนะค่ะ (แค่เฉพาะไรผมนี้ ข้าพเจ้าใช้เวลาทำอยู่ประมาณ 2 วัน)



----------------------------------------------

ทำเส้นผม
ที่ภาพข้างล่าง... เมื่อเปิดตาเลเยอร์บนสุด ภาพต้นแบบก็จะแสดงทับภาพชิ้นงานที่เราทำไว้ข้างล่าง ให้คลิกเลือกทำงานที่เลเยอร์ "ผมด้านหลัง"  ที่เราสร้างไว้ และใช้ Pen Tool วาดโครงเส้นผมแบบคร่าวๆ  



จากนั้นก็ลงสีพื้น โดยการใช้เครื่องมือ Eyedropper Tool (หรือกดปุ่ม I) ดูดสีเส้นผมตรงจุดที่เป็นสีเข้มที่สุดในภาพต้นแบบ(ที่อยู่ทางซ้าย)และใส่กุญแจล๊อคไว้ค่ะ



ขั้นตอนต่อไป เราจะย้ายไปทำงานที่เลเยอร์ "ผมด้านหน้า" นะค่ะ  

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

เพื่อให้สะดวกต่อการทำ เราควรใส่ตัวเลขเรียงตามลำดับลงไปด้วย ว่ากลุ่มเส้นผมใดควรวาดก่อน วาดหลัง




*(กลุ่มเส้นผมที่วาดก่อน ควรเป็นกลุ่มเส้นผมที่อยู่เลเยอร์ล่างสุด )
*(การแบ่งกลุ่มเส้นผมที่ถูกต้อง ควรแบ่งตามทิศทางการโค้งตัวของกลุ่มเส้นผมนั้นๆ)

หลังจากแบ่งกลุ่มเส้นผมเสร็จแล้ว ในขั้นตอนต่ไป เราจะเปิด และปิดตาภาพต้นแบบ(เลเยอร์บนสุด) สลับกันเพื่อดูทิศทางของเส้นผมขณะวาดนะค่ะ

เลือกทำงานที่เลเยอร์ "ผมด้านหน้า" ใช้เครื่องมือ Pen Tool เริ่มวาดเส้นผมกลุ่มที่ 1 ก่อน



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


ถ้าไม่ชอบใช้เส้นแบบปลายแหลมที่โปรแกรมมีมาให้ ก็สามารถใช้เครื่องมือ Width Tool ( หรือกดปุ่ม Shift+W) ทำปลายเส้นให้เรียวแหลมแทนก็ได้นะค่ะ



ความจริงข้าพเจ้าจะวาดเส้นที่จะใช้หลักๆแค่ 2 - 3 เส้น นอกนั้นก็  Copy และวางเอา

(วิธีก๊อปปี๊แบบลัดๆ คือ 1. เลือกลุ่มเส้นผมที่ต้องการ 2.กดปุ่ม Alt ค้างไว้ และ 3. แดรกเม้าส์ลากกลุ่มเส้นผมนั้นออกมาวางในตำแหน่งที่ต้องการ)



สิ่งสำคัญอีกเรื่องนะค่ะ คือการเก็บรายละเอียด ทิศทางของเส้นผม



เมื่อวาดเส้นผมเสร็จแล้วก็ให้เลือกทั้งหมด และคลิกเม้าส์ขวา เลือกคำสั่ง Group เพื่อรวมเป็นกลุ่มไว้ *** ควรใส่แม่กุญแจเพื่อล๊อคเลเยอร์เอาไว้ด้วยนะค่ะ (วิธีใส่แม่กุญแจล๊อค คือให้คลิกที่ช่องสี่เหลี่ยม หลังไอคอนรูปดวงตา ข้างหน้าชื่อเลเยอร์)



มาทำเส้นผม "กลุ่มที่ 2" ต่อเลยค่ะ



เริ่มแรกก็วาดไปทีละเส้นก่อน


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


เหมือนเดิมค่ะ วาดเส้นผมกลุ่มที่ 2 เสร็จแล้วก็ คลิกขวาเลือกคำสั่ง Group ไว้ และใส่แม่กุญแจล๊อคเลเยอร์ กลุ่มเส้นผมที่ 2 เอาไว้


***สาเหตุที่ข้าพเจ้าบอกให้ใส่แม่กุญแจล๊อคเลเยอร์ไว้ทุกครั้งหลังจากที่ใช้คำสั่ง Group เพราะก่อนที่เราจะแดรกเม้าส์เลือกกลุ่มเส้นผมใหม่เพื่อใส่คำสั่ง Group เรามักจะแดรกเม้าส์ไปโดนเส้นผมของกลุ่มอื่นเข้า การใส่แม่กุญแจไว้ จะช่วยให้เราแดรกเม้าส์เลือกได้เฉพาะกลุ่มเส้นผมที่เพิ่งวาดใหม่



เพื่อไม่ให้สับสนทีหลัง ควรดับเบิ้ลที่เลเยอร์ Group กลุ่มเส้นผมนั้นๆ และตั้งชื่อตามตัวเลขกลุ่มเส้นผมที่เราแบ่งตามลำดับไว้


ทำกลุ่มเส้นผมที่ 3 ต่อ

เหมือนเดิมนะค่ะ วาดเสร็จแล้วก็ แดรกเม้าสเลือกเส้นผมทุกเส้นที่เราวาดไว้ของกลุ่มที่ 3 และคลิกเม้าส์ขวา เลือกคำสั่ง Group จากนั้นก็ใส่แม่กุญแจล๊อคเลเยอร์ไว้



เส้นผมกลุ่มอื่นที่เหลือ ก็ทำเหมือนวิธีเดิมนะค่ะ  ทำจนครบทุกกลุ่ม


---------------------------------------------------------
ทำสีเส้นผม
ขั้นตอนต่อไปนะค่ะ ให้คลิกปลดล๊อคแม่กุญแจที่ล๊อคกลุ่มเส้นผมทุกกลุ่มออกค่ะ และแดรกเม้าส์เลือกเส้นผมทุกกลุ่ม


และไปที่คำสั่ง Object > Path > Outline Stroke... เพื่อเปลี่ยนเส้น Stroke เป็นภาพ



หลังใช้คำสั่ง เส้นผมที่เป็นเส้น Stroke จะถูกเปลี่ยนกลายเป็นภาพ



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

จากนั้นก็คลิกเลือกกลุ่มเส้นผม  และใช้เครื่องมือ Eyedropper Tool ดูดสี Gradient ในสี่เหลี่ยมที่เราทำไว้




เส้นผมบางกลุ่ม เราอาจจะต้องเพิ่มจุดสีให้มากขึ้น เพื่อให้ใกล้เคียงกับภาพต้นแบบ



ในขั้นต่อไปนะค่ะ เราควรใส่แม่กุญแจล๊อคเลเยอร์กลุ่มเส้นผมกลุ่มอื่นที่ยังไม่ได้ทำเอาไว้ก่อน จากนั้นก็ให้คลิกเลือกกลุ่มเส้นผมที่จะทำ (ทำกลุ่มเส้นผมไหนก่อนก็ได้) และคลิกเม้าส์ขวาเลือกคำสั่ง Ungroup(ปลดล๊อค) เพื่อให้สะดวกต่อการปรับแต่งและแก้ไข



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



เก็บรายละเอียดเล็กน้อยกับเฉพาะเส้นผม บางเส้น



***นอกจากเครื่องมือ Direct Selection Tool แล้ว เครื่องมือที่มีประโยชน์และใช้บ่อยมากพอๆกัน ในการเลือกกลุ่มเส้นผมกระจุกเล็กๆนั่นคือ Lasso Tool ( หรือกดปุ่ม Q)



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


สร้างความแตกให้กับเฉดสีผมบางเส้น



เสร็จแล้วค่ะ


กดปุ่ม View > Outline ( หรือกดคีย์ลัด Ctrl+Y) เพื่อดูรายละเอียดลายเส้นงาน

เทียบความต่างระหว่างภาพต้นแบบ(ภาพทางซ้าย) และภาพเวคเตอร์ที่ข้าพเจ้าวาดตาม (ภาพทางขวา) จะเห็นว่าทิศทางของกลุ่มเส้นผมบางกลุ่มยังผิดเพี้ยนอยู่ แต่ก็ถือว่ามีความใกล้เคียงกับภาพต้นแบบอยู่พอสมควร (ถ้าความขยันยังมี ก็ควรจะแก้ไขทิศทางเส้นผมใหม่ แต่ข้าพเจ้าขี้เกียจแล้ว เลยขอพอแค่นี้ )




บทความโดย NOOKFUFU2
(ขอสงวนสิทธิ์ให้เผยแพร่เฉพาะในเว็บไทยกราฟเท่านั้น!!!)







ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้

Rank: 1

โพสต์เมื่อ 22-4-2012 17:03 |แสดงโพสต์ทั้งหมด
แจ่ม

Rank: 2

โพสต์เมื่อ 29-5-2012 00:18 |แสดงโพสต์ทั้งหมด
พลิ้วมากเลยค่ะ อึ้ง มองแล้วแทบไม่ต่างจากรูปต้นแบบเลย

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 13-7-2012 10:15 |แสดงโพสต์ทั้งหมด
ผมต้องขออภัยที่ต้องย้อนกลับมาอ่านใหม่ ตอนแรกคิดว่าไม่เอาดีก่า ยากอะ แต่พอทบไปวนมา ฝีมือจะพัฒนาขึ้นได้ ต้องมันซ้อม ไม่ว่าต้องใช้เวลายาวนานสักแค่ไหน ( เอไปเอาไอคอลมาจากไหนหว่า) อาจเป็นบทความปี 2009 เรื่องการวาดการ์ตูนก็ได้ หน้าจะเป็น illustrator 10 อยากให้อาจารย์รื้อมาทำใหม่จัง (ทำเวอร์ขัน CS อะครับ หนังใหญ่ ๆ ยังเอามาทำใหม่ได้เลย) ครับ ผมขอลุยนะครับ ขอบคุณครับ
เคารพ
ฮัยมิน

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 28-12-2012 20:37 |แสดงโพสต์ทั้งหมด
แหล่มเลย Thank

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 11-9-2013 18:40 |แสดงโพสต์ทั้งหมด
สุดยอดแล้ว

Thaigraph

GMT+7, 24-2-2017 17:20 , Processed in 0.092518 second(s), 21 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.