หน่วยที่ 10 เรื่องการวาดภาพบน Photoshop

                         การวาดภาพบน Photoshop

                หลายคนอาจจะไม่เคยใช้เจ้า    Pen Tool ใน Photoshop เลยเพราะอาจจะงงๆว่ามันใช้ทำอะไรแต่เจ้าเนี่ยแหละ ที่คนวาดภาพกราฟิกนิยมใช้ ซึ่งเป็นเครื่องมือเดียวกันกับใน Illustrator เลย

วันนี้ผมจะมาแนะนำเครื่องมือนี้กันครับ

ก่อนอื่น ถ้าคลิกดูจะเห็นเครื่องมือย่อยอีก 5 อย่าง

1 = เครื่องมือหลัก ใช้ลากกำหนดจุดหรือลากเส้น path (เปรียบเสมือนเส้นร่าง)

2 = เหมือนกับแบบแรก แต่จะอิสระ ลากไปได้เรื่อยๆแล้วแต่มือเราจะลากไป (จะเกิดจุดยุบยับเลย)

3 = ใช้เพิ่มจุด path

4 = ใช้ลบจุด path

5 = ใช้แปลงจุด path

นอกจากนี้ ส่วนที่เกี่ยวข้องในการวาด ...

แถบด้านบน

6 = เวลาเราลากจะมีแค่เส้น path ธรรมดา

7 = จะเกิดแถบสีขณะที่เราลากเส้น เหมือนกับเราเทสีด้วยตลอดเวลา

ส่วนใหญ่จะเลือก 6 นะครับ แล้วค่อยลงสีทีหลัง ทำง่ายกว่า

ในหัวข้อ path ...

8 = ช่องของเส้น path ที่เราสร้างขึ้น เหมือนกับ layer ในหน้าต่างทำงานปกติ

9 = สร้างเส้นไข่ปลาจากเส้น path เหมือนกับเวลาใช้เครื่องมือ Magic wand Tool

10 = stroke เส้นจากเส้น path

11 = fill หรือเทสีจากเส้น path

คร่าวๆก็ประมาณนั้น

ต่อไปเป็นขั้นตอนเวลาวาดครับ สาธิตการวาดสี่เหลี่ยม 1 รูป ...

ขั้นตอน 1 เริ่มแรกเราก็จิ้มจึ้กลงไป 1 จุดก่อน (จิ้มแล้วปล่อยเมาส์)

ขั้นตอน 2 ไปจิ้มอีกจุดหนึ่ง มันก็จะเกิดเส้นที่เชื่อมระหว่างจุดสองจุด

ขั้นตอน 3 - 5 ทำแบบเดียวกันครับจนครบ เกิดเป็นเส้น path รูปสี่เหลี่ยม

ขั้นตอน 6 กดที่เครื่องมือเทสี มันก็จะเติมสีลงไปในช่องว่างที่เกิดจากการลากเส้น

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

- ภาพตัวอย่างครับ สังเกตว่าส่วนหักมุมก็คือจุดที่เรากำหนดทั้งหมด -

เมื่อได้เส้นตรงแล้วในกรณีที่จะวาดเส้นโค้งก็ทำตามนี้ สาธิตการวาดรูปครึ่งวงกลม ...

ขั้นตอน 1 ก็จิ้มไปก่อน 1 จุด

ขั้นตอน 2 จิ้มจุดเพิ่มแต่ยังกดเมาส์ค้างไว้นะครับ

ขั้นตอน 3 ลากเมาส์ไปด้านข้างเพื่อให้เกิดเส้นที่ใช้ดัดส่วนโค้ง แล้วปล่อยเมาส์

ขั้นตอน 4 - 5 จุดเพิ่มจนครบตามรูปที่เราต้องการ

ขั้นตอน 6 กดเทสี ก็จะได้รูปครึ่งวงกลมขึ้นมา

:: ข้อสังเกต :: เส้นที่เกิดขึ้นข้างๆจุด 2 เส้น ถ้าเราดึงยืดเข้า - ออก เอียงซ้าย - ขวาก็จะปรับให้เส้น path โค้งมากน้อยต่างกันครับ

- เวลาเราจะปรับความโค้ง ก็เลือกลูกศรสีขาวแล้วหมุน จะปรับได้ทีละจุด -

- ถ้าเป็นลูกศรสีดำ จะเป็นการย้ายตำแหน่งเส้น path ที่เราวาดทั้งเส้นครับ -

มีอีกวิธีในการสร้างเส้นโค้งครับ แรกๆอาจจะฝึกจากวิธีนี้ก่อนก็ได้ ...

ขั้นตอน 1 ก็สร้างจุดธรรมดา เกิดเส้น path เป็นเส้นตรง

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

ขั้นตอน 3 ใช้ลูกศรลากเพื่อให้เกิดเส้นโค้ง (สังเกตว่าจุดที่เพิ่มขึ้นมาจะต่างจากจุดที่เราสร้างไว้)

ขั้นตอน 4 ก็เทสีตามปกติ

ในกรณีที่เราต้องการเปลี่ยนจุดที่เป็นส่วนโค้งให้เป็นจุดหักมุมตรง หรือจุดมุมเป็นจุดโค้ง ...

เลือกเครื่องมือ convert point tool แล้วก็จิ้มตรงจุดที่ต้องการเปลี่ยน

ถ้าจิ้มธรรมดา = จุดหักมุมตรง, ถ้าจิ้มแล้วลาก = จุดเส้นโค้ง

ไว้ใช้แก้ไขหรือเพิ่มจุดเวลาต้องการให้เส้นดูสมจริงขึ้นครับ

- ภาพตัวอย่างการลากเส้น path เป็นเส้นโค้งกับจุดหักมุมรวมกัน -

ข้อแนะนำเพิ่มเติม :

ก่อนการเทสี ให้เราเลือกเครื่องมือ brush หรือหัวแปรงก่อนทุกครั้งนะครับ ไม่งั้นภาพจะไม่เรียบ

และการเลือกหัวแปรงแบบต่างๆ จะทำให้เกิด effect ที่แตกต่างกันด้วย

- ตัวอย่างการ stroke เส้นด้วยหัวแปรงแบบต่างๆ -

- เส้น path สามารถปรับขนาดใหญ่เล็กได้เหมือน layer ปกติครับ -

(Edit > Transform > Scale ... ซึ่งจะปรับให้ใหญ่เท่าไหร่ก็ได้แล้วค่อยเทสี ภาพก็จะคมชัดเสมอ)

หลักการคร่าวๆก็ตามที่อธิบายไปนะครับ ต่อไปก็เป็นการนำไปกระยุกต์ใช้

ถ้าฝึกจนชิน ก็จะใช้วาดภาพขึ้นมาใหม่ หรือใช้ตัดขอบภาพให้คมชัดมากขึ้นก็ได้

- ลากเส้น path แล้ว stroke แบบปกติ อย่าลืมกำหนดหัวแปรงก่อนนะ -

- ถ้าจะถึกกว่านี้ก็สร้างเส้นที่เป็นรูปปิด แล้วเทสีจะได้ภาพที่ดูสมจริงมากขึ้น -

ส่วนนี่ก็เป็นภาพงานส่วนหนึ่งที่ผมเคยทำโดยใช้เส้น path เหล่านี้ครับ