การใช้กลุ่มเครื่องมือ Pen Tool [Illustrator & Photoshop CS]

nooknazha

การใช้กลุ่มเครื่องมือ Pen Tool [Illustrator & Photoshop CS]
(บทความนี้จะครอบคลุมถึงการใช้ Pen Tool วาดเส้นใน โปรแกรม Photoshop  CS ด้วยค่ะ)

เนื่องจากบทความ Illustrator CS ต่อๆไปที่นำมาลงเสนอในอนาคต จะมีการใช้อุปกรณ์ Pen Tool บ่อยมาก ด้วยเหตุนี้ข้าพเจ้าจึงต้องทำบทความอธิบายการใช้อุปกรณ์ Pen Tool ขึ้นมาก่อน

Pen Tool ถือเป็นเครื่องมือหลักอีกตัวหนึ่งที่ผู้สนใจโปรแกรม Illustrator จะต้องหัดใช้ให้คล่อง  ซึ่งในที่นี้ข้าพเจ้าจะขอเรียกว่ามันว่า เครื่องมือทำมาหากินใน Illustrator ^^"

เริ่มแรกเลยค่ะ คือการดึงกลุ่มเครื่องมือ Pen Tool ออกมาข้างนอกเพื่อให้สะดวกต่อมาเลือกใช้งานค่ะ (ทำตามภาพประกอบด้านล่าง)



นี่คือหน้าตาของกลุ่มเครื่องมือ Pen Tool และเครื่องมือย่อยตัวต่างๆที่เราจะต้องมาทำความรู้จักกันค่ะ





คราวนี้เราก็มาหัดเริ่มวาดเส้นแบบต่างๆกันเลย....

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



===================================================
Note: หากกดปุ่ม Shift ค้างไว้ขณะวาด เส้นที่ได้จะตั้งฉาก 90 องศา หรือเส้นนอน 180 องศา หรือทำมุม 45 องศา ตามทิศทางที่เรากำหนด
===================================================
แต่ถ้าเราไม่พอใจ!!! เกิดอยากจะวาดเส้นต่อล่ะ จะทำยังไง!!!

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

(ภาพด้านล่าง คือภาพหลังจากทำการวาดต่อเรียบร้อยแล้วค่ะ)



2. การเพิ่มจุดแองเคอร์ด้วย Add Anchor Piont

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

2.2 คลิกที่เครื่องมือ Add Anchor Piont และคลิกตามตำแหน่งที่เราต้องการบนเส้น Path (ดูภาพด้านล่างประกอบ)


2.3 แล้วก็ปรับแต่งเส้นตามที่เราต้องการ ซึ่งในที่นี้ข้าพเจ้าจะใช้เครื่องมือ Direct Selection คลิกเลือกที่จุดตรงกลางแล้วลากขึ้นดังภาพค่ะ



3. การลบจุดแองเคอร์ด้วย Delete Anchor Point
ยิ่งมีจุดแองเคอร์บนเส้น Path มากเท่าไหร่ ก็จะยิ่งสร้างความปัญหาในดัดเส้นมากขึ้นตามไปด้วย เราสามารถลบจุดแองเคอร์ บางจุดบนเส้น Path ที่ไม่จำเป็นออกได้ดังนี้ค่ะ
1. คลิกที่เครื่องมือ Delete Anchor Point
2. คลิกที่จุดแองเคอร์ที่เราต้องการจะลบ ดังภาพประกอบด้านล่าง

หลังจากลบจุดแองเคอร์ที่เราไม่ต้องการออกแล้ว ก็จะได้ดังภาพด้านล่างค่ะ undefined


4. การดัดเส้นตรงให้โค้งดังใจด้วย Convert Anchor Point
สำหรับการดัดเส้น Path นั้น ความโค้งของมันจะขึ้นอยู่กับแขน Direction ทั้ง 2 ข้าง การจะทำให้เส้นตรงมีความโค้งได้นั้น เราจะต้องใช้เครื่องมือ Convert Anchor Point
ดึงแขนทั้ง 2 ข้างออกมาจากจุดแองเคอร์เสียก่อน เพื่อให้เข้าใจมากยิ่งขึ้นเรามาดูภาพประกอบกันดีกว่าค่ะ

4.1 คลิกที่เครื่องมือ Convert Anchor Point
4.2 คลิกที่จุดแองเคอร์ที่เราจะทำการดึงแขนค้างไว้ แล้วลากเฉียงลงมาดังภาพ

ผลลัพธ์ที่ได้...

ต่อมาเราก็มาดึงแขนอีก 2 จุด ในวงกลมสีแดง (ทำเหมือนกับขั้นตอนแรก)


เสร็จแล้วเราจะมาดัดแขนของมันกันค่ะ undefined
1. ใช้เครื่องมือ Direct Selection คลิกบนจุดแองเคอร์ที่เราจะทำการดัด 1ครั้ง เพื่อให้แขนทั้งสองข้างปรากฏขึ้น
2. เลือกเครื่องมือ Convert Anchor Point  

3. เอาเม้าส์ไปคลิกที่ปลายแขนซ้ายค้างไว้ และดัดขึ้นให้ตั้งตรง


ข้อ 4-6. ทำเหมือนกับข้อ 1 2 และข้อ 3 ค่ะ เพียงแต่ย้ายมาดัดแขนข้างขวาบ้าง


อ๊า...กลายเป็นรูปหัวใจแล้ว...


5. วาดเส้นโค้งด้วย Pen Tool
5.1 คลิกที่เครื่องมือ  Pen Tool
5.2 คลิกและลากเพื่อดึงแขนของจุดเริ่มต้น (เป็นแค่จุด ยังไม่มีเส้น)

5.3 คลิกที่ตำแหน่งต่อไปและลากแขนของมันขึ้น ดังภาพ

5.4 ทำซ้ำเหมือนข้อ 5.3 ค่ะแต่คราวนี้เปลี่ยนเป็นคลิกและลากแขนลง

เมื่อทำสลับกันไปเรื่อยๆก็จะออกมาเป็นดังภาพประกอบด้านล่างค่ะ undefined

คราวนี้เราจะลองใช้เครื่องมือ Direct Selection และ Convert Anchor Point  มาดัดเส้น ตามภาพประกอบด้านล่างกันดูนะค่ะ จะบูดๆเบี้ยวๆบ้างก็ไม่เป็นไร ทำแค่เพื่อให้เราเข้าใจทิศทางการโค้ง และการนำไปประยุกต์ใช้กับงานอื่น (ดูวิธีการดัดเส้น ได้ที่ข้อ 4 ใหญ่)


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

Note : ถ้ากดปุ่ม Alt แทรกขณะใช้เครื่องมือ Pen Tool จะเป็นการดัดเส้นไปด้วยขณะวาด

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


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


ตัวอย่าง..ลองฝึกวาดภาพและดัดเส้นโค้งที่มีลายเส้นไม่ซับซ้อน


******************************
บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)