หน่วยที่ 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 เหล่านี้ครับ

หน่วยที่ 9 เรื่องตกแต่งภาพอย่างสร้างสรรค์ด้วยฟิลเตอร์

การใช้ Filter >> Artistic
	ชุดคำสั่งของฟิลเตอร์มีทั้งหมด 11 ชุด แต่ละชุดจะมีรูปแบบการทำงานที่แตกต่างกัน ได้แก่ ชุดคำสั่ง Blur เป็นชุดคำสั่งสำหรับการกำหนดรูปภาพให้เบลอ ประกอบด้วยรูปแบบการเบลอหลายๆ แบบ เช่น Average, Blur, Blur More เป็นต้น เนื่องจากรูปแบบในแต่ละชุดคำสั่งมีความหลากหลายมาก ดังนั้น จึงขอยกตัวอย่างเฉพาะบางรูปแบบของแต่ละชุดคำสั่ง ผู้ใช้สามารถทดลองเลือกรูปแบบอื่นๆ ได้ตามต้องการ           การใช้ Filter >> Artistic >> Colored Pencil           1. คลิกเลือก Filter บนแถบ Menu Bar คลิกเลือก Artistic และคลิกเลือก Colored Pencil เพื่อปรับแต่งภาพให้เป็นแบบดินสอสี           2. จะปรากฏหน้าต่าง Colored Pencil           3. การปรับแต่งภาพ                      Pencil Width ค่าหนา/บาง                       Stroke Pressure ค่าน้ำหนักขอบเส้น                      Paper Brightness ความขาวสว่าง           4. คลิก OK เพื่อตกลงใช้คำสั่ง  ชมภาพวิดีโอการสาธิต         การใช้ Filter >> Artistic >> Cutout           1. คลิกเลือก Filter บนแถบ Menu Bar คลิกเลือก Artistic และคลิกเลือก Cutout เพื่อปรับแต่งภาพให้เป็นแบบการลงพู่กันเป็นโครงร่าง           2. จะปรากฏหน้าต่าง Cutout           3. การปรับแต่งภาพ                      Number of Levels  ค่าลายน้ำ                       Edge Simplicity  ค่าความแน่นของลาย                       Edge Fidelity  ค่าความแน่นของสี           4. คลิก OK เพื่อตกลงใช้คำสั่ง  ชมภาพวิดีโอการสาธิต การใช้ Filter >> Artistic >> Dry Brush           1. คลิกเลือก Filter บนแถบ Menu Bar คลิกเลือก Artistic และคลิกเลือก Dry Brush เพื่อปรับแต่งภาพให้เป็นแบบภาพเขียน           2. จะปรากฏหน้าต่าง Dry Brush           3. การปรับแต่งภาพ                      Brush Size ขนาดแปรง                       Brush Detail ปรับรายละเอียด                       Texture ปรับค่าลวดลาย           4. คลิก OK เพื่อตกลงใช้คำสั่ง  ชมภาพวิดีโอการสาธิต การใช้ Filter >> Artistic >> Film Grain           1. คลิกเลือก Filter บนแถบ Menu Bar คลิกเลือก Artistic และคลิกเลือก Film Grain เพื่อปรับแต่งภาพให้เป็นแบบภาพฟิล์ม           2. จะปรากฏหน้าต่าง Film Grain           3. การปรับแต่งภาพ                      Grain ค่าลายน้ำ                       Highlight Area เน้นพื้นที่                       Intensity ค่าความเข้ม           4. คลิก OK เพื่อตกลงใช้คำสั่ง การใช้ Filter >> Artistic >> Fresco           1. คลิกเลือก Filter บนแถบ Menu Bar คลิกเลือก Artistic และคลิกเลือก Fresco เพื่อปรับแต่งภาพให้เป็นแบบการลงสีน้ำ           2. จะปรากฏหน้าต่าง Fresco           3. การปรับแต่งภาพ                      Brush Size ขนาดแปรง                       Brush Detail ปรับรายละเอียด                       Texture ปรับค่าลวดลาย           4. คลิก OK เพื่อตกลงใช้คำสั่ง การใช้ Filter >> Artistic แบบอื่นๆ           นอกจากที่ได้ยกตัวอย่างมาอธิบายข้างต้นแล้ว Filter Artistic ในโปรแกรม Adobe Photoshop CS2 ยังมีให้เลือกอีกมากมายหลายแบบ ซึ่งแต่ละอันก็จะมีหน้าที่การใช้งานแตกต่างกันไป โดยสามารถกล่าวได้ดังนี้                      Filter >> Artistic >> Neon Glow  ภาพที่มีแสงสว่างสะท้อน                       Filter >> Artistic >> Paint Daubs   ภาพวาดแบบการแต้มสี                       Filter >> Artistic >> Palette Knife  ภาพวาดแบบการใช้สีน้ำ                       Filter >> Artistic >> Plastic Wrap  ภาพจะเหมือนมีพลาสติกหุ้ม                      Filter >> Artistic >> Poster Edges  ภาพที่ใช้สีโปสเตอร์ลายเส้นขอบแข็ง                      Filter >> Artistic >> Rough Pastels  ภาพวาดด้วยสีชอล์ก                      Filter >> Artistic >> Smudge Stick  ภาพวาดด้วยสีถ่าน                      Filter >> Artistic >> Sponge  ภาพวาดด้วยฟองน้ำ เปียกเป็นจุดๆ                      Filter >> Artistic >> Underpainting  ภาพวาดลายน้ำแบบละเอียด                      Filter >> Artistic >> Watercolor  ภาพวาดแบบการใช้สีน้ำ