Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Illustrator วิธีทำเส้นผมแบบหลายโทนสี โ ...
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 12259|ตอบ: 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, 15-12-2017 01:56 , Processed in 0.289977 second(s), 21 queries .

Powered by Discuz! X1.5

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

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books