8.1-8.6

1. 8.1 ลักษณะของภาพเวกเตอร์
เราวาดใน Photoshop โดยใช้เส้นพาธ (Path) ซึ่งเส้นพาธเหล่นี้สามารถดึงให้ตรง หรือตัดโค้งให้เกิดเป็นรูปร่าง
รูปร่างต่างๆได้ตามที่เราต้องการ โดยลักษณะของเส้นพาธจะถูกแบ่งได้เป็น 2 ประเภท
เส้นพาธที่มีรูปทรงตายตัว ได้แก่ เส้นพาธที่เป็นเส้นตรง สี่เหลี่ยม วงรี วงกลม และรูปหลายเหลี่ยม นอกจากนี้ ใน
นอกจากนี้ ใน Photoshop ได้รวมรูปทรงที่เราใช้บ่อยๆ ได้แก่ ภาพดอกไม้ ภาพหัวใจ ภาพดาว และภาพลูกศรไว้ให้เรา
ให้เรานาไปใช้ได้เลย ซึ่งใน Photoshop จะใช้เครื่องมือวาดที่เรียกว่า
Shape Tool

2. 8.2 การวาดรูปทรงสาเร็จรูป (Shape Tool)
Shape Tool เป็นเครื่องมือที่ใช้ในการวาดภาพที่เป็นรูปทรงพื้นฐาน เช่น การวาดภาพเป็นรูปสี่เหลี่ยม
สี่เหลี่ยม วงกลม รูปหลายเหลี่ยม เส้นตรง และ
รูปทรงสาเร็จรูป สามารถแบ่งตามลักษณะการใช้งานเป็น 6 รูปแบบ คือ
Rectangle Tool สร้างรูปสี่เหลี่ยมมุมฉาก
Rounded Rectangle Too l สร้างรูปสี่เหลี่ยมมุมโค้ง
Ellipse Tool สร้างรูปวงกลมและวงรี
Polygon Tool สร้างรูปหลายเหลี่ยม
Line Tool สร้างเส้นตรง
Custom Shape Tool สร้างภาพสาเร็จรูป

3. 8.3 ตัวอย่างการวาดภาพด้วยรูปทรงเรขาคณิต
ในตัวอย่างนี้ เราจะสร้างการ์ด โดยใช้เครื่องมือต่าง ๆ เช่น รูปสี่เหลี่ยม รูปหลายเหลี่ยม วงกลม
วงรี และเส้นตรง เพื่อให้ได้ผลลัพธ์ดังตัวอย่างมีขั้นตอนดังนี้
ขั้นตอนที่ 1 สร้างภาพพื้นหลัง
ขั้นตอนที่ 2 สร้างภาพตุ๊กตา
ขั้นตอนที่ 1 สร้างภาพพื้นหลัง
สร้างพื้นหลังขนาด 800*600 พิกเซล และเทสีแดงลงไป จากนั้นสร้างรูป 5 เหลี่ยมขั้นมาแล้วลบ สี
ลบ สีพื้นหลังของ 5 เหลี่ยมออกไป โดยมีขั้นตอนดังต่อไปนี้

4. 1.กำหนดขนำดกำร์ดในหน้ำต่ำง New เท่ำกับ 800*600 พิกเซล
2.คลิกเมำส์ เพื่อเพิ่มเลเยอร์ใหม่ขึ้นมำ
3.เลือกสีโฟร์กรำวนด์เป็นสีแดง
4.ใช้ Pint Bucket Tool เทพื้นสีแดงลงไป
5.คลิกเลือกเครื่องมือ Polygon Tool
6.คลิกเลือกกำรวำดแบบโครงร่ำงบนออปชั่นบำร์
7.คลิกเมำส์แล้วลำกวำดรูปหลำยเหลี่ยมในขนำดที่เรำต้องกำร
8.กดปุ่ม< Ctrl + Enter > เพื่อเปลี่ยนเส้นพำธให้เป็นกำรเลือกพื้นท
9.กดปุ่ม < Delete > เพื่อลบพื้นสีแดงที่อยู่ในกำรเลือกพื้นที่ออกไป

5. 8.4 ตัวอย่างการวาดภาพด้วยรูปทรงสาเร็จรูป
ในหัวข้อนี้ เราจะใช้เครื่องมือ Custom Shape Tool ที่ประกอบด้วยรูปทรงสาเร็จรูปแบบต่างๆ ที่
โปรแกรมมีมาให้ เช่น หมวดรูปสัตว์ (Animal) , หมวดธรรมชาติ (Nature) เป็นต้น มาสร้างงาน
งานวาดภาพกราฟิกที่สวยงามตามจินตนาการของเราดังนี้

6. 8.5 การวาดรูปทรงอิสระ(Pen Tool)
เราใช้เครื่องมือ Pen Tool วาดได้ทั้งเส้นตรงและเส้นโค้งอย่างอิสระ โดยสามารถควบคุมเครื่องมือได้ง่าย
และลงรายละเอียดภาพได้อย่างแม่นยา เครื่องมือในกลุ่ม Pen Tool มีทั้งหมด 5 ชนิดด้วยกัน
Pen Tool ใช้วาดเส้นด้วยปากกา
Freeform Pen Tool ใช้สร้างเส้นพาธตามการลากเมาส์อย่างอิสระ
Add Anchor Point Tool ใช้เพิ่มจุดในแนวเส้นพาธ
Delete Anchor Point tool ใช้ลบจุดในแนวเส้นพาธ
Convert Point tool ใช้เปลี่ยนแขนเส้นพาธ เพื่อให้เส้นพาธโค้งหรือตรง

7. Path Selection Tool ใช้เลือกเส้นพำธ และเคลื่อนย้ำยตำแหน่งของเส้นพำธ
Direct Selection Tool ใช้ในกำรดัด และเคลื่อนย้ำยตำแหน่งของจุดต่ำงๆบนเส้นพำธ
ในกำรวำดเส้นพำธจะมีเครื่องมือเพิ่มเติมที่เอำไว้เคลื่อนย้ำยและปรับรูปทรงของเส้น ดังนี้

8. 8.6 ตัวอย่างการฝึกวาดเส้นพาธด้วย Pen Tool เราจะมาทาการฝึกวาดเส้นพาธตั้งแต่
เริ่มต้นสร้าง และฝึกดัดให้เป็นรูปทรงตามที่ต้องการได้ตามขั้นตอนดังนี้
ขั้นตอนที่ 1สร้างเส้นพาธเพื่อเป็นโครงสร้างของรูปทรงก่อนดัดตามภาพ
เริ่มต้นเราจะสร้างเส้นพาธอย่างหยาบขึ้นมาก่อน เพื่อที่จะนามาปรับแต่งต่อในภายหลัง
1.คลิกเมาส์
2.เลือกลักษณะการเส้นพาธ
3.คลิกเมาส์ที่ตาแหน่งเริ่มต้น
4.คลิกเมาส์ที่ตาแหน่งปลาย
5.คลิกเมาส์ ลากเส้นต่อจนเป็นวงปิด
6.ผลลัพธ์ที่ได้

9. ขั้นตอนที่ 2 กำรเพิ่มจุดรอยต่อของเส้นพำธ เพื่อเพิ่มจุดในกำรปรับแต่งภำพ
จำกหัวข้อที่ผ่ำนมำ เรำจะได้ลักษณะของเส้นพำธที่มีรอยต่ออยู่ 3 จุด ต่อไปเรำจะเพิ่มจุดรอยต่อ
(จุด Anchor) เข้ำไปอีก โดยจะใช้ Add Anchor Point Tool ในตัวอย่ำงจะเพิ่มจุดตรงกลำง
เพื่อให้ปรับเส้นพำธตำมรูปทรงของอมยิ้มได้ดีขึ้น

10. ขั้นตอนที่ 3 เคลื่อนย้ำยจุดรอยต่อของเส้นพำธ ให้เป็นรูปทรงตำมที่ต้องกำร
ต่อไปเรำจะใช้เครื่องมือ Direct Selection Tool เคลื่อนย้ำยจุดรอยต่อ เพื่อบังคับเส้นพำธเดิมไป
ยังขอบภำพของอมยิ้ม
1.คลิกเมำส์
2.คลิกเมำส์เพื่อเคลื่อนย้ำยจุด
3.ลำกจุดรอยต่อไปยังตำแหน่งที่ต้องกำร
ผลลัพธ์ที่ได้คือ จุดรอยต่อที่เรำลำกจะเปลี่ยน
ตำแหน่งไปอยู่ที่ขอบภำพ และเส้นพำธจะมีรูปทรง
ใกล้เคียงภำพที่เรำต้องกำรมำกขึ้น

11. ขั้นตอนที่ 4 ปรับส่วนโค้งของเส้นพำธ เพื่อให้เส้นพำธโค้งตำมทิศทำงที่เรำต้องกำร
1.คลิกเมำส์
2.คลิกเมำส์แล้วเลือกที่แขนของส่วนโค้ง
3.ลำกเมำส์ปรับส่วนโค้ง

12. ขั้นตอนที่ 5 เติมสีลงในพื้นวำดด้วยเส้นพำธ เพื่อเติมสีในภำพ
1.คลิกเมำส์
2.เลือก Fill Path..
3.คลิกเมำส์เลือกใช้สีโฟร์กรำวนด์
4.คลิกเมำส์