หน่วยการเรี ยนรู้ที่ 2 เริ่ มต้ นใช้ งาน

ใบความรู้ที่ 2.3

ความสามารถของ Pen Tool
ภาพต่าง ๆ ที่ใช้ งานในโปรแกรม Illustrator จะประกอบไปด้ วยเส้ น path มากมาย โดยเส้ น Path เหล่านี ้จะถูกนามา
ประกอบเข้ าด้ วยกันจนเป็ นรูปร่างที่ต้องการ เครื่ องมือ Pen Tool

เส้ น Path คืออะไร

Anchor Point : ที่ถกเลือกใช้ งานจะ
ู

เป็ นสีทบ
ึ

Direction Line คื อ

เส้นทีใช้ในการควบคุม
่

Anchor Point : ที่ไม่ถกเลือกจะ
ู

ความโค้งของเส้น

แสดงสีขาว

Path ถ้ายิ่ งยาวก็จะ

โค้งมากขึ้น

เส้ นโค้ งหรื อเส้ นตรง (Path
Segments) ซึงเป็ นส่วนแสดง
่

รูปทรงของ Path

แบบฝึ กหัด
ให้ นกเรี ยนฝึ กทักษะการใช้ งาน Pen Tool ด้ วยการดราฟ ภาพลายไทยดังนี ้
ั

ใบความรู้ที่ 2.3 Pen Tool และเส้ น Path
หน่วยการเรี ยนรู้ที่ 2 เริ่ มต้ นใช้ งาน

เส้น Path
การปรับแต่งเส้ น Path ให้ มีรูปร่างสวยงามเป็ นไปตามที่เราต้ องการนัน จะต้ องใช้ เครื่ องมือต่าง ๆ เข้ ามาช่วย ทัง้
้
(selection tool) การปรับตาแหน่งให้ รูปทรง

(Direction Selection Tool) สาหรับปรับแต่งความโค้ งมน หรื อ

แม้ แต่เครื่ องมือในกลุมของ Pen Tool
่

เมื่อต้ องการเลือกทางานกับเส้ น Path ทังเส้ น ให้ ใช้ เครื่ องมือ
้

(Selection Tool) คลิกลงบนเส้ น Path จะเห็นจุด

Anchor เป็ นจุดทึบทังหมด สามารถปรับย้ ายตาแหน่งของเส้ น Path ได้ แต่จะไม่สามารถแก้ ไขรู ปทรงหรื อจุดได้
้

หลังจากวาดเส้ นเรียบร้ อยแล้ วจะเกิดมุมของเส้ น Path ใช้ เครื่ องมือ

(Direction Selection Tool) คลิกลงไปบน

เส้ น Path หรื อจุดเพื่อแสดงแขนของ Direction

Path Segment เป็ นส่วนของเส้ นที่อยูระหว่างจุดสองจุด
่

ใช้ เครื่ องมือ Derection Selection Tool คลิกที่

Anchor Point เพื่อให้ จดแสดงเส้ น
ุ

Derection ดังรู ป จากนันให้ ใช้ เมาส์ เลือกที่เส้ น Path Segment จากนันคลิกเมาส์ค้าง
้
้

ลากเส้ นตามต้ องการ

การควบคุมจุด Anchor ด้ วยพาเนล Control
ในขณะที่ทางานกับเส้ น Path เราสามารถปรับแต่งจุด Anchor ด้ วยการเลือกปุ่ มคาสังต่าง ๆ บน Panel Control ได้
่
เช่นกันโดยการ คลิกเลือกที่เครื่ องมือ

(Direction Selection Tool) หรื อ

แปลงจุด Anchor ให้ เป็ นมุมเหลียม
่
แปลงจุด Anchor ให้ เป็ นมุมโค้ ง
คลิกเพื่อเลือกแขนเมื่อทางานกับจุด Anchor
ใบความรู้ที่ 2.3 Pen Tool และเส้ น Path

เพื่อปรับแต่งแยกชิ ้นส่วน

เพื่อเชื่อมระหว่างจุดสองจุด

(Pen Tool)
หน่วยการเรี ยนรู้ที่ 2 เริ่ มต้ นใช้ งาน

ปรับเส้น Path ให้เรียบ หรือหยักด้วยคาสั่ง Simplify
Simplify เป็ นคาสังที่ใช้ แก้ ปัญหาเส้ น Path ที่มีรอยหยักมาก ๆ ให้ ดเรี ยบเนียนขึ ้น ในขณะเดียวกันก็สามารถแปลงเส้ น
่
ู
Path

โดยคลิกที่เมนู Object > Path > Simplify
ปรับค่าเพื่อควบคุมมุมของจุด

ปรับค่าหรื อลดความโค้ งมนของเส้ น Path
Anchor

ซึงมีผลต่อทิศของรูปทรงด้ วย
่

ปรับเส้ นโค้ งให้ เป็ นเส้ นตรง
ปรับเส้ นโค้ งให้ เป็ นเส้ นตรง

1. ให้นักเรียนวาดรูปการ์ตูนคนละ 1 แบบ ด้วยโปรแกรม Illustrator
2. ให้นักเรียนส่งไฟล์ AI ที่ Teacher-PC/ส่งงาน ม.5 ตามด้วยชื่อห้อง

ใบความรู้ที่ 2.3 Pen Tool และเส้ น Path

Pen Tool และเส้น Path

  • 1.
    หน่วยการเรี ยนรู้ที่ 2เริ่ มต้ นใช้ งาน ใบความรู้ที่ 2.3 ความสามารถของ Pen Tool ภาพต่าง ๆ ที่ใช้ งานในโปรแกรม Illustrator จะประกอบไปด้ วยเส้ น path มากมาย โดยเส้ น Path เหล่านี ้จะถูกนามา ประกอบเข้ าด้ วยกันจนเป็ นรูปร่างที่ต้องการ เครื่ องมือ Pen Tool เส้ น Path คืออะไร Anchor Point : ที่ถกเลือกใช้ งานจะ ู เป็ นสีทบ ึ Direction Line คื อ เส้นทีใช้ในการควบคุม ่ Anchor Point : ที่ไม่ถกเลือกจะ ู ความโค้งของเส้น แสดงสีขาว Path ถ้ายิ่ งยาวก็จะ โค้งมากขึ้น เส้ นโค้ งหรื อเส้ นตรง (Path Segments) ซึงเป็ นส่วนแสดง ่ รูปทรงของ Path แบบฝึ กหัด ให้ นกเรี ยนฝึ กทักษะการใช้ งาน Pen Tool ด้ วยการดราฟ ภาพลายไทยดังนี ้ ั ใบความรู้ที่ 2.3 Pen Tool และเส้ น Path
  • 2.
    หน่วยการเรี ยนรู้ที่ 2เริ่ มต้ นใช้ งาน เส้น Path การปรับแต่งเส้ น Path ให้ มีรูปร่างสวยงามเป็ นไปตามที่เราต้ องการนัน จะต้ องใช้ เครื่ องมือต่าง ๆ เข้ ามาช่วย ทัง้ ้ (selection tool) การปรับตาแหน่งให้ รูปทรง (Direction Selection Tool) สาหรับปรับแต่งความโค้ งมน หรื อ แม้ แต่เครื่ องมือในกลุมของ Pen Tool ่ เมื่อต้ องการเลือกทางานกับเส้ น Path ทังเส้ น ให้ ใช้ เครื่ องมือ ้ (Selection Tool) คลิกลงบนเส้ น Path จะเห็นจุด Anchor เป็ นจุดทึบทังหมด สามารถปรับย้ ายตาแหน่งของเส้ น Path ได้ แต่จะไม่สามารถแก้ ไขรู ปทรงหรื อจุดได้ ้ หลังจากวาดเส้ นเรียบร้ อยแล้ วจะเกิดมุมของเส้ น Path ใช้ เครื่ องมือ (Direction Selection Tool) คลิกลงไปบน เส้ น Path หรื อจุดเพื่อแสดงแขนของ Direction Path Segment เป็ นส่วนของเส้ นที่อยูระหว่างจุดสองจุด ่ ใช้ เครื่ องมือ Derection Selection Tool คลิกที่ Anchor Point เพื่อให้ จดแสดงเส้ น ุ Derection ดังรู ป จากนันให้ ใช้ เมาส์ เลือกที่เส้ น Path Segment จากนันคลิกเมาส์ค้าง ้ ้ ลากเส้ นตามต้ องการ การควบคุมจุด Anchor ด้ วยพาเนล Control ในขณะที่ทางานกับเส้ น Path เราสามารถปรับแต่งจุด Anchor ด้ วยการเลือกปุ่ มคาสังต่าง ๆ บน Panel Control ได้ ่ เช่นกันโดยการ คลิกเลือกที่เครื่ องมือ (Direction Selection Tool) หรื อ แปลงจุด Anchor ให้ เป็ นมุมเหลียม ่ แปลงจุด Anchor ให้ เป็ นมุมโค้ ง คลิกเพื่อเลือกแขนเมื่อทางานกับจุด Anchor ใบความรู้ที่ 2.3 Pen Tool และเส้ น Path เพื่อปรับแต่งแยกชิ ้นส่วน เพื่อเชื่อมระหว่างจุดสองจุด (Pen Tool)
  • 3.
    หน่วยการเรี ยนรู้ที่ 2เริ่ มต้ นใช้ งาน ปรับเส้น Path ให้เรียบ หรือหยักด้วยคาสั่ง Simplify Simplify เป็ นคาสังที่ใช้ แก้ ปัญหาเส้ น Path ที่มีรอยหยักมาก ๆ ให้ ดเรี ยบเนียนขึ ้น ในขณะเดียวกันก็สามารถแปลงเส้ น ่ ู Path โดยคลิกที่เมนู Object > Path > Simplify ปรับค่าเพื่อควบคุมมุมของจุด ปรับค่าหรื อลดความโค้ งมนของเส้ น Path Anchor ซึงมีผลต่อทิศของรูปทรงด้ วย ่ ปรับเส้ นโค้ งให้ เป็ นเส้ นตรง ปรับเส้ นโค้ งให้ เป็ นเส้ นตรง 1. ให้นักเรียนวาดรูปการ์ตูนคนละ 1 แบบ ด้วยโปรแกรม Illustrator 2. ให้นักเรียนส่งไฟล์ AI ที่ Teacher-PC/ส่งงาน ม.5 ตามด้วยชื่อห้อง ใบความรู้ที่ 2.3 Pen Tool และเส้ น Path