-:- Asakura Yuki -:-

 

 

[How to] วาดเส้นเนี้ยบไม่ง้อเม้าส์ปากกาด้วย pen tool

 

How to นี้สำหรับคนที่ไม่มีเม้าส์ปากกา(เช่นเรา)นะคะ

 

แต่สำหรับคนที่มีเม้าส์ปากกาแล้ว ก็ใช้ได้เหมือนกันนะในบางกรณี

 

อนึ่ง how to อันนี้เกิดขึ้นเพราะมีคนถามมาหลายคนค่ะ

 

ว่าเราวาดเส้นด้วยเม้าส์หนูยังไงให้เนียนเหมือนเม้าส์ปากกา

 

เพิ่งจะเคยทำ How to เป็นครั้งแรก

 

หวังว่าจะเป็นประโยชน์ต่อคนที่เข้ามาอ่านบ้างนะคะ

 

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

 

++++++++++++++++++++++++++++++++++++++++++++++++++

 

เชื่อว่า ทุกคนที่ชอบวาดรูปลงสีในคอมพิวเตอร์

 

แต่ไม่มีเม้าส์ปากกา ต้องใช้เม้าส์หนูวาด ไม่ว่าจะโปรแกรมอะไรก็ตาม

 

ยิ่งเพิ่งหัดใช้ใหม่ๆแล้วด้วย

 

ต้องเคยเจอปัญหาเหล่านี้ค่ะ

 

- มือไม่นิ่ง วาดเส้นให้ตรงไม่ได้ ยิ่งเส้นโค้งยิ่งแล้วใหญ่

 

- เส้นที่ลากออกมาเท่ากันตลอดเส้น ลงเส้นหนัก - เบาไม่ได้

(สุดยอดปัญหาของเม้าส์หนูเลย แง่งๆ)

 

- สำหรับบางคน

ต้องมานั่งลบสีที่ออกนอกเส้นเพราะมือไม่นิ่งพอ เสียเวลาหลายเท่า = ="

 

ปัญหาเหล่านี้แก้ได้ด้วย pen tool ใน photoshop ค่ะ

(จริงๆแล้วโปรแกรมอื่นก็มีนะ แต่จะขอแนะนำจากโปรแกรมนี้ก็แล้วกัน)

 

ก่อนอื่นก็ขอแนะนำเครื่องมือนี้คร่าวๆก่อนนะ

 

Q :"Pen tool" คืออะไร?

 

A : Pen tool เป็นอุปกรณ์จากโปรแกรม Photoshop ที่ใช้สร้างเส้น "Path" ขึ้นมา

โดยใช้ได้ทั้งวิธี กำหนดจุดแล้วดัดเส้นเอา หรือจะวาดเอาด้วยมือสดๆเลยก็ได้ค่ะ

 

Q : แล้ว "Path" คืออะไรละ?

 

A : ถ้าเปรียบเทียบกับการวาดรูปบนกระดาษแล้ว

Path ก็คือ "เส้นร่าง" ค่ะ

ซึ่งเส้น path ที่เราสร้างขึ้นมานี้จะแยกจาก layer ปกติค่ะ ไม่มีผลกับ layer ปกติโดยสิ้นเชิง

ใน how to อันนี้ก็จะสอนวีธีใช้เส้น path นี่แหละค่ะในการวาดเส้นเนียนๆขึ้นมา

 

ข้อดี - ข้อเสีย ของวิธีใช้Pen tool สร้างเส้น Path

 

ข้อดี

- เส้นที่วาดโดยใช้คำสั่งนี้จะตรง-โค้งได้ตามที่เราต้องการ

- เราสามารถสร้างและกำหนดความหนา-บาง ให้กับเส้นได้

- การกำหนดพื้นที่ด้วยเส้น Path ขอบเส้นจะเนียนกว่า selection (จะเห็นได้ชัดเวลาเทสีลงไป)

และตรงพื้นทีแคบๆหรือปลายแหลม Path ก็จะดีกว่าค่ะ

ถ้าเราเกิดอยากได้ selection แทน เราก็แปลงเส้น path ไปเป็น selection ได้อยู่ดี

- สำหรับรูปร่างบางอย่าง โปรแกรม photoshop ก็จะมีเส้น path สำเร็จรูปมาให้เราใช้เลยค่ะ

เช่นรูปดอกไม้ ดอกไพ่ วงกลม สัญลักษณ์ต่างๆ

ทีนี่ก็ไม่ต้องกลัววาดรูปพวกนี้เบี้ยวแล้วค่า = w =

 

ข้อเสีย

ข้อเสียที่คิดได้ข้อเดียว และเป็นข้อเสียที่หนักมาก ก็คือ ค่อนข้างกินเวลานานค่ะ = ="

การที่เราต้องมานั่งกำหนดจุด ค่อยดัดทีละเส้นๆ แล้วถึงสั่งให้มันตัดเส้นตามที่เราวาง path ไว้

มันทำให้เราเสียเวลากว่าการวาดสดเยอะเลยแหละค่ะ

โดยเฉพาะคนที่ยังไม่ชินกับเครื่องมือตัวนี้ จะเสียเวลาหนักขึ้นไปอีก

จะแก้ในส่วนนี้ก็ต้องใช้การพิจารณาเอาแล้วละค่ะ ว่าตรงไหนเราควรใช้ ตรงไหนลากมือเอาก็ได้

แล้วก็ควรจำและใช้ปุ่มลัดให้เป็นค่ะ

 

ตอนนี้ก็รู้จักความสามารถของ pen tool กันคร่าวๆแล้วนะค่ะ

 

ต่อไปก็จะเริ่มพูดถึงวิธีใช้เบื้องต้นกันละค่ะ

 

แนะนำว่า "ให้เปิดโปรแกรมPhotoshop แล้วทำตามค่ะ"

 

เพราะว่า ร้อยทั้งร้อย ของคนที่เราอธิบายเครื่องมือตัวนี้ให้ฟังด้วยปาก ไม่เข้าใจ...

 

ตอนแรกที่เราเคยอ่านหนังสือเกี่ยวกับเครื่องมือตัวนี้ ...เราก็ไม่เข้าใจว่ามันดัดยังไงของมัน = ="

 

ต้องมาลองลากๆดัดๆดูเองทีหลังค่ะ ถึงจะเข้าใจ

 

เพราะฉะนั้น เปิดโปรแกรมซะนะค่ะ = w =

 

เริ่มจากหน้าตากับส่วนประกอบของเจ้าเครื่องมือตัวนี้กันก่อนเลย

 

 

ส่วนที่ 1

 

Pen tool

- เลือกที่จะวาดเส้น Path ด้วยวิธีกำหนดจุดแล้วดัดเส้นเอาค่ะ (นี่แหละสำหรับเราชาวเม้าส์หนู)

 

Freeform Pen Tool

- เลือกที่จะวาดเส้น Path ด้วยการลากสดๆค่ะ (เหมาะสำหรับคนใช้เม้าส์ปากกาหรือคนมือนิ่งค่ะ)

 

ปุ่มลัดของทั้งสองตัวนี้คือ P นะคะ

ส่วนเวลากดแล้วจะขึ้นตัวไหนมาก็ขึ้นอยู่กับว่าเราใช้ตัวไหนเป็นตัวสุดท้ายค่ะ

 

Add - Delete Anchor Point

- ใช้สำหรับเพิ่ม - ลบ จุดดัด (Anchor Point) นะค่ะ เดี๋ยวจะอธิบายเพิ่มข้างล่าง

 

Convert Point Tool

- ใช้สำหรับปรับและดัดโค้งเส้น Path ค่ะ (มีอธิบายข้างล่างเหมือนกัน)

ซึ่งเราจะใช้การ"กดปุ่ม Ctrl ค้างไว้"ระหว่างใช้เครื่องมือ Pen tool แทน เพื่อความรวดเร็ว

 

ส่วนที่ 2

ตัวนี้เป็นการกำหนดใช้เส้น path ของเราวาดออกมาเป็น Shape เท่านั้นค่ะ

ซึ่งก็คือ รูปปิดนั่นเอง เพราะฉะนั้นไม่ว่าเราจะลากเส้น Path ไม่กลับมาจุดเริ่มต้น

ถ้าเราเลือกโหมดนี้ โปรแกรมจะลากเส้นจากจุดสุดท้ายไปยังจุดแรกให้กลายเป็นรูปปิดเสมอ

 

เราจะไม่ใช้โหมดนี้ในการตัดเส้นตัวการ์ตูนค่ะ ยุ่งยาก บอกให้รู้ไว้เฉยๆ = w =

 

ตัวนี้เป็นการกำหนดให้เส้น path ของเรามีค่าเป็น Line ค่ะ

โหมดนี้แหละค่ะที่เราจะใช้กัน จิ้มไว้นะคะ

 

ส่วนที่ 3

นอกจากสองตัวแรกที่อธิบายไปแล้วในส่วนที่ 1

ทั้งหมดคือเครื่องมือสร้าง path รูปร่างพื้นฐานที่โปรแกรมมีให้ค่ะ

อย่างเวลาวาดวงกลมเราก็จิ้มรูปวงกลมแล้วก็วาดได้เลย

แล้วถ้าเลือกตัวสุดท้าย จะมีรูปพื้นฐานอื่นๆขึ้นมาให้เลือกอีกเยอะเลย

ลองดูนะคะ แล้วจะเข้าใจ

ส่วนที่ 4

ถ้าติ๊กเลือกตรงนี้ไว้ จะทำให้เราไม่ต้องเปลี่ยนไปใช้เครื่องมือ add - delete anchor point

โปรแกรมจะสร้างจุดดัดให้เราอัตโนมัติเมื่อเราคลิกเม้าส์ตรงเส้น path ค่ะ

และจะลบจุดดัดและจุดเชื่อมออกถ้าเราคลิกเม้าส์บนจุดนั้นๆ

ควรจะเลือกไว้นะคะ ทำงานเร็วขึ้นเยอะค่ะ

 

 

หลังจากแนะนำนู่นนี่ซะยาว เขียนละเอียดไปรึเปล่าเนี่ย = w ="

 

ต่อไปเราจะเริ่มวาดเส้น path กัน(ซะที) ละค่ะ

 

อย่าลืมเปิดโปรแกรมทำตามเลยนะคะ จะเข้าใจง่ายกว่า

 

มือขวาประจำเม้าส์ มือซ้ายประจำปุ่ม ctrl ได้เลยค่ะ!

 

เลือกโหมดไว้ที่ auto add-delete / สร้างเส้นแบบ Line

 

[Step 1 ]

ลองจิ้มสร้างเส้น Path ขึ้นมา ตรงไหนก็ได้ค่ะ

 

 

[สังเกต!] ก่อนอื่นเราจะเริ่มจากการจุดจุดเริ่มต้นขึ้นมาก่อน 1 จุด

แล้วพอคลิกเพิ่มจุดต่อไปก็จะมีเส้น(Segment)ลากเชื่อมจุดขึ้นมา

 

[Step 2]

ตอนนี้ลองกดปุ่ม Ctrl ค้างไว้แล้วลากจุดเชื่อมหรือเส้นไปมาค่ะ

 

[สังเกต!] เมื่อเรากด ctrl ค้างไว้ จะเป็นการขยับ ปรับ เลื่อน ส่วนต่างๆของ Path

ใช้ตลอดเวลาเลยค่ะ ถึงได้ให้มือซ้ายประจำอยู่แถวปุ่ม Ctrl

เพราะอย่างที่บอกไป ถ้ามัวแต่มาเปลี่ยนเครื่องมือ งานเสร็จช้าแน่นอนค่ะ

 

[Step 3]

ต่อไปให้ลองเพิ่มจุดดัด (Anchor Point) ด้วยการคลิกบนเส้น (Segment)

พอเพิ่มจุดดัดแล้ว ให้ลองกด Ctrl ค้างไว้แล้วขยับจุดดัดดูค่ะ

[สังเกตุ!] เมื่อเรากด Ctrl ค้างไว้ และลากจุดดัดไปมา เส้นจะถูกดัดให้เป็นเส้นโค้ง

นี่แหละค่ะคือสิ่งที่จะใช้บ่อยที่สุดในการตัดเส้นตัวละคร เป็นจุดขายของ Pen Tool!!

 

ลองสร้างจุดดัดเยอะๆแล้วลากไปมาๆ ดูผลของมันนะคะ

 

ตรงที่เป็นอะไรที่ต้องพึ่งประสบการณ์นิดนึง บางทีอาจจะเจอเทคนิคที่เหมาะกับเราก็ได้ค่ะ

 

 

แค่นี้แหละค่ะ!!

 

เท่านี้เราก็สร้างและดัดเส้น Path ให้เข้ากับเส้นของตัวละครที่เราจะตัดเส้นแล้ว!

 

 

Q : หา? จบแล้วเหรอ? โม้ใช่ปะ?

 

A : ใช่ค่ะ โม้ค่ะ ยังไม่จบหรอก = w = *วิ่งหลบการโจมตีต่างๆนาๆ*

อย่างที่เคยบอกไปข้างบนค่ะ ว่าเส้น Path นั้นไม่เกี่ยวกับ Layer ธรรมดาโดยสิ้นเชิง

ต่อให้ลากเส้น Path ไว้ยุ่ง ทับงานไปหมด เวลาเซฟงานไปก็มองไม่เห็นค่ะ

ต่อไปเราจะใช้คำสั่ง Stroke Path กันค่ะ

 

Q : "Stroke Path" มันอะไรอีกละ?

 

A : คำสั่ง Stroke Path คือการสั่งให้โปรแกรมลาก.... ตามเส้น Path ค่ะที่เรากำหนดไว้

โดยถ้ามันขึ้นว่า Stroke Subpath แปลว่าเราสร้าง Path ไว้หลายเส้น

แล้วจะตัดเส้นแค่เส้นเดียวค่ะ

 

Q : เดี๋ยวๆ ไอ้ "..." ข้างบนนั่นมันอะไร?

 

A : Stroke Path นั่น ไม่จำกัดเครื่องมือค่ะ

สรุปก็คือ เครื่องมืออะไรที่เราใช้เม้าส์ลากได้

Stroke ก็สั่งให้โปรแกรมลากเจ้าเครื่องมือนั้นไปตามเส้น Path ค่ะ

 

 

ลองใช้คำสั่งนี้กันเลยดีกว่าค่ะ

 

[Step 4]

คลิกขวาระหว่างที่ใช้ Pen Tool

ตรงนี้ก็เป็น short cut ที่น่าจำเหมือนกันนะ

[สังเกตุ!] คลิกขวาบนงานระหว่างใช้ Pen Tool เป็นการเรียกแถบเครื่องมือ Path ขึ้นมา

สำคัญค่ะ! มันเป็นกลยุทธ์ย่นย่อเวลาการใช้ Pen Tool อีกวิธี ไม่ต้องไปคลิกตรงไหนให้เหนื่อย

 

[Step 5]

เลือก Stroke Path ค่ะ

นี่แหละ เครื่องมือทั้งหมดที่ Stroke Path สั่งให้ลากตามเส้น Path ได้

ในที่นี้เราจะใช้ Brush ค่ะ

เอาติ๊กถูกตรง Simulate Pressure ออก แล้วกดตกลงนะคะ

ได้เส้นเนี้ยบๆแล้ว! ง่ายใช่มั้ยละ?

ไม่มีเบี้ยว! ไม่มียึกยือ! เย้!!!

 

Q : อ้าว เส้นมันเท่ากันหมดเลย ไหนว่าทำเส้นหนัก-เบาได้ไง?

 

A : ถ้าใครเกิดคำถามแบบนี้แปลว่าไม่ได้ติ๊กถูกไว้ตรง Simulate Pressure ค่ะ

หรือก็คือทำตามเราบอกทุกขั้นตอนเลยนั่นเอง = w =

ขอบคุณนะคะ แต่โดนหลอกซะแล้วแหละ หุหุ *โดนตบ*

เอ้า ลองสร้าง Path ใหม่ แล้ว Stroke เส้นนั้น คราวนี้ติ๊กเลือก Simulate Pressure ด้วยนะ

แล้วลองเทียบผลลัพธ์กันดูนะคะ

 

 

[สังเกตุ]

เวลาติ๊กถูกเลือก Simulate Pressure เส้นจะมีการเล่นน้ำหนักหนา-บาง

โดยไล่จากตรงกลางหนาที่สุดค่อยๆบางลงจนบางที่สุดที่ปลายเส้น

ตรงนี้เป็นสิ่งที่ควรจะใช้นะคะ

เพราะการที่เราไล่เส้นหนา-บาง จะทำให้ภาพของเราดูซอฟต์ลงเยอะเลยค่ะ

 

Q : อ่อ.... แล้วที่เคยบอกไว้ว่าปรับความหนา - บางได้ด้วย ทำไง?

 

A : ตรงนี้เราจะใช้การปรับค่าบรัชเข้าช่วยค่ะ

อย่าลืมว่า Stroke Path เป็นการสั่งให้โปรแกรมลากเครื่องมือต่างๆตามเส้น Path ที่เราลากไว้

เพราะฉะนั้น ถ้าเครื่องมือตัวนั้นเราปรับไว้ยังไง ผลเวลาสั่ง Stroke ก็จะเป็นไปตามนั้นด้วย

ไม่ว่าจะเป็นขนาด opacity flow หรือหัวบรัช

 

[วิธีปรับความหนา-บาง]

ก่อนอื่นให้เปลี่ยนเครื่องมือเป็นบรัชซะก่อน

แล้วมองหาปุ่มปรับค่าบรัชแถวๆมุมขวาบนของโปรแกรมนะคะ

 

 

เจอแล้วก็จิ้มซะ

เลือก Shape Dynamic

เลือก Control ให้เป็น Pen Pressure เหมือนในภาพ

แล้วปรับค่าตรง Miimum Diameter ค่ะ

 

 

เวลาปรับแล้วจะออกมาประมาณนี้ค่ะ

ลองสังเกตุดูแล้วเลือกอันที่ชอบดูนะ

ส่วนตัวเราใช้ที่ 30 % ค่ะ

 

ส่วนสามเส้นข้างล่างคือเราเปลี่ยนขนาดของบรัชค่ะ

ซึ่งเราก็เปลี่ยนได้ตามใจเหมือนกัน

 

พอปรับแล้วให้กดรูปแม่กุญแจข้างหลัง Shape Dynamic นะคะ จะเป็นการล็อคค่านี้ไว้

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

 

 

[Last Step] ใช้งานจริง

 

 

หลังจากทนอ่านมาตั้งนานแล้ว ต่อไปก็เหลือแต่การประยุกต์เอาไปใช้แล้วละค่ะ

 

จริงๆถ้าเข้าใจข้างบนหมดแล้วก็น่าจะตัดเส้นด้วย Path ได้เองแล้ว

 

ตรงนี้แค่อ่านผ่านๆก็ได้นะ เผื่อจะมีประโยชน์บ้าง

 

ต่อจากนี้เราจะอธิบายวิธีเอามาประยุกต์ใช้ในแบบของเราเองค่ะ

 

 

เอาพี่โน่รูปเก่ามาหากิน = w ="

แนะนำให้สร้างเลเยอร์ใหม่ไว้ข้างบนเลเยอร์เส้นค่ะ

แล้วก็ลดค่า Opacity ของเลเยอร์เส้นที่ร่างไว้ลง

เราจะได้เห็นเส้นที่เราตัดใหม่ได้ชัดๆ

 

 

 

ค่อยๆตัดไปทีละเส้นเลยค่ะ

 

Q : ง่ะ นั่งทำทีละเส้นเลยเหรอ? แล้วเมื่อไหร่มันจะเสร็จละเนี่ย = [ ] =?

 

A : ค่ะ = _ =

ถึงได้บอกไงว่า มันจะช้า.......มากกกกกกก ถึงจะวางเส้น Path รวดเดียวแล้วค่อยตัดเส้นก็ได้

แต่นั่งตัดทีละเส้นเราจะกำหนดความหนา-บางของเส้นได้ดีกว่าค่ะ

อยากได้เส้นเนี้ยบๆก็ต้องอดทนค่ะ ...

 

บางทีเวลาดัดเส้นไปก็จะเจอปัญหาอย่างนี้ค่ะ

 

 

1 : เส้นมันไม่ลงตามที่เราวาดไว้!?

 

ส่วนมากจะเจอตอนที่ตัดเส้นส่วนผมนี่แหละค่ะ

วิธีแก้ก็คือใช้วิธีกด Ctrl ค้าง แล้วขยับเส้น Segment ค่ะ

หรือในบางกรณี จะปล่อยไว้อย่างนั้นเลยก็ได้นะ

แล้วแต่คนวาดค่ะ

 

 

2 : วาดวงกลมแต่มันไม่เห็นกลมเลยอ้ะ มันมีเหลี่ยม (สังเกตุจากในรูป)

 

วิธีวาดวงกลมให้ไม่มีเหลี่ยมก็คือ

หลังจากดัดเส้นแล้ว ให้ลบจุดเชื่อมออกค่ะ (อย่างในรูปบน คือจุดล่างสุด)

แล้วมันจะกลายเป็นเส้นโค้งสวยๆแล้วละ = w =

 

[Fill Path]

ในบางส่วนที่เราอยากได้เส้นที่หนา - บาง แบบที่ Stroke ทำไม่ได้

เราจะใช้ Fill Path กันค่ะ

 

ก่อนอื่นเริ่มจากวาด Path กำหนดขอบเขตก่อน

แล้วคลิกขวา เลือกคำสั่ง Fill Path

 

 

พอคลิกแล้วมันจะขึ้นมาให้ปรับค่าอะไรนิดๆหน่อยๆ

คล้ายๆถังสีเลยค่ะ ปรับเสร็จแล้วก็กดตกลง

 

 

ส่วนใหญ่เราจะใช้วิธีนี้กับส่วนตา แล้วก็ส่วนที่อยากให้เส้นหนาๆหน่อย เน้นเงาค่ะ

เราจะควบคุมน้ำหนักเส้นได้ตามใจเราเลยทีเดียว

แต่ก็ใช้เวลานานกว่าเดิมอีกนะ = _ =

 

แปะตัวอย่างผลงานของเราที่ใช้ Path ตัดเส้นให้ดูอารมณ์เส้นนะคะ

 

 

 

เส้นที่ได้ออกมาก็จะค่อนข้างแข็งนิดหน่อย ให้อารมณ์แบบอนิเมะค่ะ

 

แต่เท่าที่เคยศึกษาผลงานของระดับเทพๆ ที่ใช้ Path ช่วย เส้นเค้าดูเนียนมากเลยนะ

 

ยิ่งเวลาลงสีแล้ว เส้นดูซอฟต์มากๆ

 

เราเองก็ต้องฝึกฝนอีกเยอะค่ะ = _ =

 

 

 

เท่านี้ก็หมดพื้นฐานที่ใช้ในการตัดเส้นแล้วละค่ะ

 

ที่เหลือก็ต้องพึ่งประสบการณ์และการฝึกฝนแล้วนะคะ

 

ว่าตรงไหนควรทำเส้นหนา - บางยังไง ตรงไหนเขียนมือได้บ้าง

 

แรกๆถ้าทำได้ช้ามาก ก็ไม่ต้องตกใจนะคะ

 

พอเริ่มเข้าใจหลักการของเส้น Path แล้วก็เริ่มชินกับเครื่องมืองานก็จะไวขึ้นเองค่ะ

 

++++++++++++++++++++++++++++++++++++++++++++++++++

 

ก็ขอจบ How to อันนี้ไว้ตรงนี้นะคะ

 

ถ้ามีภาษาผิดพลาดตรงไหนก็ขออภัยด้วย อาจจะตกหล่นไปบ้าง = ="

 

แล้วก็ไม่อนุญาตให้นำไปเผยแพร่ที่ไหนโดยไม่ได้รับอนุญาตนะคะ

 

อย่างน้อยยังไงก็ช่วยให้เครดิตกันนิดนึง

 

ไม่ใช่แค่งานของเรานะคะ

 

ไม่ว่าจะงานใครของบล็อคไหนก็ไม่ควรไปใช้ของเค้าค่ะ

 

ทุกคนทำด้วยแรงกายแรงใจ เหนื่อยนะคะ อยากให้เห็นใจกันด้วย

 

ขอบคุณไว้ล่วงหน้าเลยค่ะ

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

เป็นครั้งแรกที่เขียน How to

เพราะฉะนั้นก็อยากเห็นคอมเมนต์ค่ะ

จะได้เอาไปปรับปรุงงานต่อไป = w ="