แผนการสอนวิชาโปรแกรมกราฟิก

146

แผนการจดั การเรียนรู้
หน่วยท.ี่ .............. 7...................................... จำนวน........8..........ชั่วโมง สัปดาห์ที่.....13-14.......
ช่ือวชิ า โปรแกรมกราฟกิ
ชอ่ื หน่วย การวาดภาพ (Drawing)
ชื่อเร่อื ง การวาดภาพ (Drawing)

1. สาระสำคัญ
การสร้างภาพให้เหมาะสมสวยงาม โดยการใช้กลุ่มเครื่องมือวาดรูปทรงสำเร็จรูปที่โปรแกรมกำหนดให้

แล้วต้องการให้รูปทรงตา่ งๆ มีลักษณะที่แตกต่างไปจากการวาดรูปทรงปกติ โดยการเลือกรูปแบบการรวมหรอื
การลดพื้นที่รูปทรงเพื่อให้ได้รูปทรงใหม่ และการสร้างรูปทรงจากการวาดเส้นแบบ Vector แล้วปรับแต่งเส้น
Pathให้มีความสวยงามเพ่มิ ขึน้ การสร้างขอบเขตพนื้ ท่ีเพอ่ื การระบายสีเฉพาะหรือการไลโ่ ทนสใี หม่ให้มีสวยงาม
เพ่อื ใหไ้ ด้องค์ประกอบภาพใหม่แลว้ นำภาพพมิ พ์ออกทางเครื่องพมิ พ์
2. สมรรถนะประจำหนว่ ย

สร้างภาพโดยใช้เครอ่ื งมือรปู ทรงสำเรจ็ รูปด้วยโปรแกรมกราฟกิ
3. จดุ ประสงค์การเรียนรู้

3.2 จุดประสงค์ทั่วไป
1.เพื่อให้มีความรู้ความเข้าใจเก่ียวกบั สร้างรูปทรงสำเรจ็ รปู
2.เพอ่ื ใหม้ ีความรคู้ วามเขา้ ใจเกย่ี วกับวาดรปู ทรงแบบรวม-ลดพ้ืนท่ี
3.เพื่อให้มคี วามรคู้ วามเขา้ ใจเกี่ยวกบั สร้างเสน้ Path รูปทรงต่างๆ

3.2 จดุ ประสงค์เชิงพฤติกรรม (ความรู้ ทักษะ คุณธรรม จริยธรรม จรรยาบรรณวิชาชพี )
1. สร้างรปู ทรงสำเรจ็ รูปได้
2. วาดรปู ทรงแบบรวม-ลดพ้นื ทีไ่ ด้
3. สรา้ งเสน้ Path รูปทรงตา่ งๆได้
4. แสดงตัวอย่างและการตงั้ คา่ กอ่ นพิมพไ์ ด้
5. มคี วามประหยัดตามหลักเศรษฐกิจพอเพียง

4. สาระการเรยี นรู้
กลมุ่ เคร่ืองมือหน่งึ ทส่ี นับสนุนการทำงานดา้ นการวาดภาพ คอื ปากกาสำหรับวาดภาพซึง่ สามารถสร้าง

รูปทรงแบบ Vector การสรา้ งเสน้ Path เพ่ือออกแบบสรา้ งสรรคง์ านกราฟกิ ท่สี วยงามได้มากมายเพือ่ ตัดต่อ
ปรบั แตง่ สสี นั ภาพให้สวยงามการวาดรูปทรงหรอื ภาพแบบลายเส้นท่ีมีความซบั ซอ้ นด้วยเคร่ืองมอื ในกลมุ่ Shape
Tool และเคร่ืองมือ Pen Tool เครือ่ งมอื เหล่านีค้ รอบคลุมไปถงึ การสร้างขอบเขตพ้นื ทีใ่ ห้รปู ทรงการสรา้ งเส้น
Path เพือ่ ให้เกิดลวดลายจากเส้นกำหนดขอบเขตพ้นื ทีใ่ นการลงสีเพอ่ื การระบายสีเส้นเส้นสามารถย่อ/ขยายและ
ภาพไมส่ ญู เสยี ความละเอียดคมชัด

147

5. กจิ กรรมการเรยี นรู้ (สปั ดาห์ที่......13-14.........)

กระบวนการจดั การเรียนรู้

ขน้ั ตอนการจัดการเรยี นรู้ หรอื กิจกรรมครู ขน้ั ตอนการเรียนรู้ หรอื กิจกรรมผเู้ รยี น

5.1 ขน้ั นำเข้าสบู่ ทเรยี น

1. ครูชี้แจงให้นักศึกษาทราบถึงแนวทางในการ 1. นกั เรียนรับฟงั คำชแ้ี จงจากครผู ู้สอนและซักถาม
ปฏิบัติตน เกี่ยวกับการเรียนการสอนการ เพื่อความเขา้ ใจ และรบั ฟงั การอบรมคณุ ลักษณะท่พี งึ
ประเมินผล การเรียน และไดอ้ บรมคณุ ลักษณะท่ี พงึ ประสงคเ์ รอื่ ง ความมวี นิ ยั การแต่งกาย การตรงตอ่ -
ประสงค์ คือ เรื่องความ มีวินัย โดยเฉพาะการแตง่ - เวลา และการใช้เวลาให้เปน็ ประโยชน์
ก าย ก าร ตร ง ต่อเว ลา ก ฎร ะ เบียบก า ร ใ ช้

หอ้ งปฏิบตั กิ าร การรกั ษาความสะอาดภายในห้อง 2. นักเรียนยกมือเพื่อแสดงความคิดเห็น และ
2. ครสู อบถามนักเรียนในชนั้ เรียนเรื่องการ สอบถามเม่ือไม่เขา้ ใจ

วาดภาพ (Drawing)

5.2 ข้ันสอน 3. นักเรียนฟงั ครูอธบิ ายและจดบนั ทกึ เนือ้ หาหลัก
3. ครอู ธบิ ายการวาดภาพ (Drawing)สำหรับ ทสี่ ำคญั

เวบ็ เพจ 4. นักเรยี นช่วยกนั อธบิ ายและซักถามขอ้ สงสยั
เพอ่ื ความเข้าใจ
4. ครูให้นกั เรียนอธบิ ายการวาดภาพ
(Drawing) 5. นักเรยี นฟังครสู รปุ แล้วจดบันทกึ ส่วนทส่ี ำคัญ
เพิ่มเติม
5. ครูผ้สู อนทำการสรุปเนอ้ื หา

6. นกั เรียนฟงั ครูอธบิ ายและจด บันทึกเน้อื หา

หลกั ท่สี ำคญั

7. นกั เรียนช่วยกันอธบิ ายเนื้อหา และทดลองการ

5.3 ขน้ั สรปุ เขา้ สู่โปรแกรม บนเครื่องคอมพิวเตอร์ เพือ่ ใหเ้ ห็น
6. ครแู จกใบงานใหก้ บั นักเรยี น ภาพที่เป็นความจริง

เพ่ือทำการฝึกปฏิบัติบน เครือ่ งคอมพวิ เตอร์เพ่อื 9. นกั เรยี นนำใบงานไปฝกึ ปฏิบตั บิ นเคร่อื ง
ฝึก ทักษะ คอมพิวเตอรใ์ นหอ้ งปฏบิ ัตกิ าร

7. ครูใหน้ กั เรียนทำแบบประเมนิ ทา้ ยบทประจำ 10. นักเรยี นทำแบบฝึกหัดจาก แบบประเมิน
หนว่ ย และสง่ แบบฝึกหัดตามเวลาท่กี ำหนด ท้ายบทของหนังสอื เรยี นและส่งครตู ามเวลาท่ี
กำหนด
8. ครูประเมนิ ผลการเรียนของนักเรยี น และนำ 11. นกั เรียนนำผลการประเมินมารว่ มเฉลยพร้อมกัน
ผลการประเมินคืนให้กับนกั เรยี นพรอ้ มเฉลยร่วมกับ กบั ครูผู้สอน
นกั เรียน

148

6. สื่อและแหล่งการเรียนรู้
6.1 หนงั สือเรยี น
6.2 ใบความรู้
6.3 แบบฝึกหัด
6.4 แบบฝึกปฏบิ ัติ
6.5 แบบทดสอบหลงั เรียน
6.7 คอมพวิ เตอร์
6.8 เครอ่ื งฉายโปรเจค็ เตอร์

7. หลกั ฐานการเรยี นรู้
7.1 หลักฐานความรู้
ใบงาน แบบฝกึ หัด การค้นควา้ ข้อมูล ท่ไี ดร้ ับการเรยี บเรียง สวยงาม เป็นระเบียบ ถูกต้อง

7.2 หลักฐานการปฏบิ ตั งิ าน

ใบงาน แบบฝกึ หัด รปู เลม่ รายงานการคน้ ควา้ ขอ้ มูล ทไี่ ดร้ ับการเรียบเรยี ง สวยงาม เป็นระเบียบ ถกู ต้อง

พรอ้ มทัง้ เอกสารประกอบการนำเสนองานหนา้ ช้ันเรียนของผเู้ รียน และภาพประกอบ

8. การวดั และประเมนิ ผลการเรียนรู้

8.1 เครอ่ื งมือประเมนิ

1. ใบงาน

2. แบบฝึกหัด

3. แบบประเมินผลงาน

4. แบบประเมินการนำเสนอผลงาน

8.2 เกณฑ์การประเมิน

เครอื่ งมอื การประเมนิ วิธวี ดั และประเมิน เกณฑ์การประเมิน

แบบฝกึ หัด ตรวจแบบฝึกหัด ได้คะแนน

ขอ้ ละ 1 คะแนน ร้อยละ 75 ข้นึ ไป
ถูก 1 คะแนน

ไมถ่ ูก 0 คะแนน

แบบฝึกปฏิบัติ ตรวจแบบฝกึ ปฏิบัติ ไดค้ ะแนน

ขอ้ ละ 1 คะแนน ร้อยละ 75 ขึน้ ไป
ถูก 1 คะแนน

ไม่ถกู 0 คะแนน

149

แบบทดสอบหลังเรียน ตรวจแบบทดสอบหลังเรยี น ได้คะแนน
ขอ้ ละ 1 คะแนน รอ้ ยละ 75 ขึน้ ไป
แบบสงั เกตพฤติกรรมดา้ นคุณธรรม ถูก 1 คะแนน
จริยธรรม ค่านยิ ม และคณุ ลกั ษณะอนั พงึ ไมถ่ ูก 0 คะแนน ได้คะแนน
ประสงค์ สงั เกตพฤติกรรม รอ้ ยละ 80 ข้ึนไป
ดี 2 คะแนน
พอใช้ 1 คะแนน
ปรบั ปรุง 0 คะแนน

9. กิจกรรมเสนอแนะ/งานทีม่ อบหมาย (ถา้ ม)ี
1. ผ้เู รยี นต้องใหค้ วามสนใจในการศกึ ษา เพอ่ื หาเทคนคิ วธิ ีการ หรอื หลกั การงา่ ยเพอ่ื ให้หาคำตอบได้อย่าง

ถูกต้อง และรวดเร็ว โดยการ ตงั้ ใจฟงั หลกั การ เทคนคิ วธิ ีการที่ครูผู้สอนสรุปในขณะทีท่ ำการสอน และนำขอ้ สงสัย
ซกั ถามครูในการเรียนทุกครัง้ ทเ่ี กิดความสบั สน และไมเ่ ขา้ ใจ

2. ผูม้ กี ารทบทวนบทเรยี น ตลอดเพ่ือเสริมสร้างความเขา้ ใจอยา่ งแท้จรงิ
3. ผูเ้ รียนหมนั่ ทำใบงาน แบบฝกึ หัด และแก้ไขข้อทีผ่ ดิ ใหถ้ กู ต้องเสมอ
4. ผู้เรียนต้องสร้างมโนภาพให้เกิดความคิดรวบยอดในสาระการเรียนรู้และเทคนิควิธีการพร้อมกับความ
จำเปน็ ในการนำไปประยุกต์ใชใ้ ห้เกิดข้ึนโดยตนเองใหไ้ ด้เพ่ือเกิดความรู้ความเขา้ ใจอย่างแท้จรงิ ไม่ใช่เกิดจากการ
ท่องจำ
10. เอกสารอ้างองิ
สทิ ธิชยั ประสานวงศ.์ (2556). แบบเรยี นวชิ าโปรแกรมกราฟิก Adobe Photoshop CS6 สรา้ ง
และตกแต่งงานคอมพวิ เตอร์กราฟิกดว้ ยโปรแกรมกราฟกิ . กรงุ เทพฯ : ซอฟท์เพรส.

150

ใบความรูท้ ่ี 7 หนว่ ยที่ 7

รหัสวชิ า 20204-2007 ช่ือวชิ า โปรแกรมกราฟิก ภาคเรียนที่ 1

ชอ่ื หนว่ ย การวาดภาพ (Drawing) เวลารวม 8 ช่ัวโมง

ชือ่ เรอื่ ง การวาดภาพ (Drawing) เวลา 4 ชัว่ โมง

จุดประสงค์การเรียนรู้

จดุ ประสงค์ท่ัวไป
1.เพือ่ ใหม้ ีความรู้ความเข้าใจเก่ียวกบั สรา้ งรปู ทรงสำเร็จรูป
2.เพอ่ื ใหม้ ีความรูค้ วามเขา้ ใจเกย่ี วกบั วาดรปู ทรงแบบรวม-ลดพนื้ ที่
3.เพอื่ ใหม้ คี วามรคู้ วามเข้าใจเก่ยี วกบั สร้างเส้น Path รูปทรงต่างๆ

จุดประสงคเ์ ชิงพฤตกิ รรม (ความรู้ ทกั ษะ คุณธรรม จริยธรรม จรรยาบรรณวิชาชีพ)
1. สรา้ งรปู ทรงสำเร็จรปู ได้
2. วาดรูปทรงแบบรวม-ลดพน้ื ที่ได้
3. สรา้ งเส้น Path รูปทรงตา่ งๆได้
4. แสดงตวั อยา่ งและการต้งั ค่าก่อนพิมพ์ได้
5. มคี วามประหยดั ตามหลักเศรษฐกิจพอเพียง

สมรรถนะรายหน่วย
สรา้ งภาพโดยใชเ้ ครอ่ื งมือรปู ทรงสำเร็จรูปด้วยโปรแกรมกราฟิก

151

หนว่ ยท่ี 7 การวาดภาพ (Drawing)
7.1 กล่มุ เครื่องมอื สร้างรูปทรงสำเร็จรูป

เครื่องมอื วาดรปู ทรงแบบ Vector แบบง่ายๆ เช่น ส่ีเหลย่ี ม ส่ีเหลี่ยมมุมมน วงกลม หรอื รปู ทรง
แบบต่างๆ ท่โี ปรแกรมจัดไวใ้ ห้ ดังภาพ

7.1.1 Rectangle Tool สร้างรปู ทรงแบบสี่เหลี่ยม

7.1.2 Rounded Rectangle Tool สร้างรูปทรงส่เี หลย่ี มมมุ มน

7.1.3 Ellipse Tool สรา้ งรปู ทรงกลมหรอื ทรงรี

7.1.4 Polygon Tool วาดรปู ทรงหลายเหลีย่ ม และดดั แปลงเคร่ืองมือให้สามารถวาด

รปู ทรงแบบอน่ื ได้

7.1.5 Line Tool สร้างเสน้ ตรง โดยกำหนดความหนาและสรา้ งหัวลูกศร

7.1.6 Custom Shape Tool สร้างรูปทรงสำเร็จรปู

เคร่อื งมอื แตล่ ะตวั มี Option Bar สำหรบั กำหนดคุณสมบตั ิพิเศษตา่ งๆ เฉพาะเพื่อความสะดวก

เชน่ Option Bar เครื่องมอื Rectangle Tool ดังภาพ

รูปทรงมพี นื้ หลงั ขนาดเสน้ รูปแบบเสน้ รูปแบบการจดั วาง
รูปแบบการวาด

เลอื กสี กาหนดขนาด

7.1.1 การใชเ้ ครอื่ งมือ Rectangle การวาดรูปทรงสีเ่ หล่ยี มแบบอสิ ระ หรอื การกำหนด
รูปแบบในการวาดรูปทรงใน Option Bar เครื่องมอื แต่ละตัว ดงั นี้

1. คลิกท่ีเคร่ืองมอื
2. กำหนดลกั ษณะการทำงานของเครอ่ื งมอื และเลือกรูปแบบสี

152

7.1.2 การใชเ้ คร่อื งมือ Rounded Rectangle คือ เครอ่ื งมือวาดรปู ทรงส่ีเหลีย่ มมมุ โค้ง

มนกำหนดมุมไดจ้ ากคำสง่ั Radius ขัน้ ตอนดงั น้ี

1. คลกิ เคร่อื งมอื

2. กำหนดลักษณะการทำงานเครอื่ งมือ ซงึ่ มีรายละเอียดเหมือนกบั เครื่องมอื Rectangle

แตเ่ พ่มิ ชอ่ งของ Radius บน Option Bar กำหนดความโค้งมนของมุมภาพ

3. คลกิ เมาสซ์ ้ายค้างไวแ้ ลว้ ลากเพื่อวาด

7.1.3 การใชเ้ ครือ่ งมอื Ellipse คือ เครื่องมอื วาดรูปทรงวงกลมหรือทรงรขี นั้ ตอนดังนี้

1. คลิกเครื่องมอื

2. กำหนดคณุ ลกั ษณะเหมือนกับเครอ่ื งมอื Rectangle

3. คลิกเมาสซ์ ้ายคา้ งไว้แล้วลากเพ่ือวาด

7.1.4 การใชเ้ คร่อื งมือ Polygon Tool คือ เคร่ืองมอื วาดรปู ทรงเหลี่ยมและสามารถ

กำหนดจำนวนเหลีย่ มของภาพได้ ดังนี้

1. คลกิ ที่เคร่อื งมือ กำหนดลกั ษณะการทำงานของเคร่ืองมือรายละเอยี ด ดงั น้ี

Sides กำหนดจำนวนมมุ ใหก้ ับรูปทรง

Radius กำหนดรูปทรงใหม้ ขี นาดแน่นอนโดยกำหนดเส้นรัศมี

Smooth Corners กำหนดใหม้ มุ มีความโคง้ มน

Star สร้างรูปดาว

Indent Sides By กำหนดระยะการเว้าโค้งมน

Smooth Indents กำหนดใหม้ ุมทเ่ี ว้ามีความโค้งมน

2. คลิกเมาสซ์ า้ ยคา้ งไวแ้ ลว้ ลากบนพืน้ ท่กี ารทำงานเพ่อื วาดรูปทรง

Smooth Corners Star

ภาพท่ี 7.6 เคร่ืองมอื Polygon Options
7.1.5 การใชเ้ ครอ่ื งมือ Line Tool คอื เครื่องมอื วาดเสน้ ตรงและสามารถกำหนดเป็นลูกศร
ทิศทางต่างๆ ขัน้ ตอนดังนี้
1. คลกิ ทเี่ ครือ่ งมอื
2. กำหนดคณุ ลกั ษณะการทำงานของเครื่องมอื รายละเอียด ดังน้ี

Weight กำหนดขนาดเสน้
Arrowheads กำหนดหวั ลูกศร
Start สรา้ งหัวลกู ศรทสี่ ว่ นหวั เส้น

153

End สรา้ งหัวลูกศรส่วนปลายเสน้

Width กำหนดความกว้างหัวลกู ศร

Length กำหนดความยาวหวั ลูกศร

Concavity กำหนดความเว้าของฐานลูกศร

3. คลิกเมาส์ซา้ ยค้างไวแ้ ล้วลากบนพืน้ ท่ีการทำงานเพ่ือวาดรปู ทรง ดังภาพ

กำหนดคุณลกั ษณะกำรทำงำน คลกิ ป่ ุม End คลกิ ป่ ุม Start และ ป่ มุ End
ของเครื่องมือ

คลิกป่ มุ Start

7.1.6 การใช้เคร่อื งมอื Custom Shape คือ เคร่อื งมอื สรา้ งรปู ทรงสำเรจ็ รปู ทีโ่ ปรแกรม
กำหนด ข้ันตอนดงั นี้

1. คลิกเครือ่ งมอื
2. กำหนดลกั ษณะของเคร่ืองมอื รายละเอยี ดดังภาพ

Custom Shape Options การวาดรูปทรงสำเรจ็ รปู รายละเอียดดงั น้ี
Unconstrained วาดรูปทรงอย่างอิสระโดยไม่กำหนดสดั ส่วน
Defined Proportional วาดรูปทรงแบบกำหนดสัดสว่ น
Defined Size วาดรปู ทรงแบบกำหนดสัดสว่ นตายตัวมีขนาดเทา่ กนั
Fixed Size กำหนดขนาดรูปทรงโดยระบคุ า่ ด้วยตนเอง
From Center เลอื ก Option การวาดรูปทรง โดยให้ขยายขนาดจากจุดทีแ่ ดรก

เมาส์
3. คลกิ เลือกชดุ รปู ทรงแล้วคลกิ ลากเมาสเ์ พ่ือวาดรูปทรง
การเพิ่มชดุ รปู ทรง คอื ชดุ รปู ทรงสำเรจ็ รปู ที่โปรแกรมเตรียมไวใ้ หเ้ ลอื กหลายชดุ ซ่ึงหาก

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

154

7.2 การวาดรปู ทรงแบบรวม - ลดพน้ื ท่ี
การวาดวาดรปู ทรงในรปู แบบต่างๆ ข้นึ มาใหม่ โดยการกำหนดคา่ บน Option Bar สำหรบั การ

สรา้ งรปู ทรงหลายๆ ภาพให้มีลกั ษณะทีโ่ ดดเดน่ โดยวิธกี ารซ้อนทับของเสน้ Pathไดร้ ูปทรงแบบใหมก่ าร
กำหนดคา่ Option Bar ดงั นี้

New layer การเลอื กขอบเขตพื้นทใี่ หม่

Combine Shapes ขอบเขตพืน้ ที่การรวมพ้ืนท่ีซอ้ นกนั หลายชิน้ ใหเ้ ปน็ ชิ้นเดยี วกัน

Intersect Shape Areas ขอบเขตพน้ื ที่ตัดสว่ นทซ่ี อ้ นทับกนั ออก

Exclude Overlapping Shapes ขอบเขตพ้นื ทต่ี ัดรปู ทรง เกบ็ เฉพาะสว่ นท่ซี อ้ นทับกนั ไว้

7.2.1 เลือกใช้เฉพาะสว่ นของรูปทรง คอื การสรา้ งรูปทรงด้วยเครือ่ งมือในกลมุ่ Shape Tool มี

หลักการทำงาน ขัน้ ตอนดังนี้

1. คลิกเลือกเคร่อื งมือ แล้วเลือกวาดรปู ทรงแบบมีพน้ื หลังและเลอื กภาพ

ที่ตอ้ งการวาดรูปทรง กำหนดรูปแบบเป็น Shape

2. วาดรปู ทรงแล้วคลกิ เลือก Option Bar กำหนดแบบ Exclude Overlapping

Shapes เลอื กรปู ทรงแบบวงกลมแล้ววาดรูปทรงใหม่ทบั รปู ทรงเดมิ

7.2.2 การรวมรปู ทรงเข้าดว้ ยกัน คอื การวาดรูปทรงหลายๆ ส่วนใหเ้ ปน็ รปู ทรงเดยี วกนั
ข้ันตอนดงั น้ี

1. เลอื กการวาดรูปทรงแบบมีพ้นื หลัง
2. เลอื กรูปทรงแล้วเลอื กสี
3. คลิกเลอื ก แลว้ วาดรปู ทรงแรก และวาดภาพต่อไปตามจำนวนท่ีเหมาะสม
7.3 การใชเ้ ครอื่ งมอื วาดเสน้ Path
เครื่องมอื สรา้ งเสน้ Path หรอื รปู ทรงต่างๆ ซงึ่ ส่วนประกอบของเสน้ มจี ดุ แองเคอร์ (จดุ ยอ่ ยท่อี ยู่
ตามแนวเส้น) คอื กลมุ่ เครือ่ งมือ Pen Tool สามารถสรา้ งเสน้ Path

Pen สร้างเส้น Path โดยการคลิกวางจุดแองเคอร์
Freeform Pen สร้างเสน้ Path แบบลากอสิ ระ
Add Anchor Point เพิ่มจดุ แองเคอร์
Delete Anchor Point ลดจดุ แองเคอร์
Convert Point แปลงรูปแบบของเสน้ และมุม

155

ลกั ษณะของเส้น Path สามารถแบ่งออกเปน็ 2 แบบ คือ

1. แบบ Shape Layer คือ การวาดเส้น Path แบบ Layer ภาพโดยการ

เลือกสี

ของรปู ทรงเส้น Path นไ้ี ด้

2. แบบ Paths คอื การวาดเส้น Path อย่างเดียว ท่ปี ระกอบด้วยจุดและ

เสน้ โคง้ โดยยงั ไม่มกี ารกำหนดสีเสน้ หรือสพี ื้น และเส้น Path จะไม่ปรากฎในภาพผลลัพธ์ทนี่ ำไปใช้งานแต่

สามารถเติมสีพนื้ หรอื สเี สน้ ในภายหลังได้

7.3.1 การสรา้ งเส้น Path คอื การวาดรูปทรงด้วยการคลกิ เมาส์วาดรูปทรงตามจินตนาการ

ของผวู้ าด ซึ่งสามารถวาดได้หลายวิธี และแก้ไขรปู ทรงในภายหลังได้ ดงั นี้

7.3.1.1 การสรา้ งเส้น Path ด้วยเครอ่ื งมือ Pen Tool คือ เคร่ืองมือสร้าง

เสน้ Path รปู ทรงตา่ งๆ แบบอิสระ ข้ันตอนดงั น้ี

1. คลกิ เครื่องมอื

2. คลกิ เมาสซ์ ้ายในตำแหน่งทีต่ อ้ งการสร้างเปน็ เส้น Path หรือรูปทรงที่ต้องการ

จดุ ทคี่ ลิกเมาส์จะปรากฏจุดสี่เหลี่ยมเลก็ ๆ ณ บรเิ วณดงั กลา่ ว เรียกวา่ จุดแองเคอร์

7.3.1.2 การสรา้ งเส้น Path ดว้ ยเคร่ืองมอื Freeform Pen Tool คือ การวาดเสน้

Path แบบครา่ วๆ ก่อน ขนั้ ตอนดังนี้

1. คลิกเคร่ืองมอื

2. คลิกเมาสซ์ า้ ยค้างไว้แลว้ ลากไปในตำแหน่งท่ีตอ้ งการสรา้ งเป็นเส้น Path แลว้

ปล่อยเมาสเ์ ม่อื ไดร้ ปู ทรงทตี่ อ้ งการ

7.3.1.3 การเพม่ิ จดุ แองเคอร์ดว้ ยเครือ่ งมอื Add Anchor Point Tool คอื

เคร่อื งมือเพิ่มจุดแองเคอรแ์ ละแกไ้ ขจุดดังกล่าว ข้ันตอนดงั นี้

1. คลกิ ทเ่ี ครือ่ งมอื

2. คลกิ เมาส์ซ้ายในตำแหน่งทต่ี ้องการเพมิ่ จุดแองเคอรแ์ ลว้ คลกิ เมาสซ์ ้ายค้างไว้

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

การหยุดการดดั เสน้ ใหม่

7.3.1.4 การลบจดุ แองเคอรด์ ว้ ยเคร่อื งมือ Delete Anchor Point Tool คือ
เคร่ืองมือลบจุดแองเคอรอ์ อกเพื่อแก้ไขภาพ

ข้นั ตอนดังนี้ 7.3.1.5 การแปลงรูปแบบของเส้นและมมุ ดว้ ยเครื่องมือ Convert Point

1. คลกิ ที่เคร่อื งมอื
2. คลกิ เมาส์ซ้ายในตำแหนง่ ท่ีต้องการแปลงเสน้ รปู แบบใหม่

156

7.3.2 การเคล่ือนยา้ ยเส้น Path
การวาดรปู ทรงเส้น Path นัน้ เมื่อรูปทรงทไี่ ด้ยงั ไม่เหมาะสม และตอ้ งการแก้ไขทิศทาง

หรอื ตำแหนง่ ตา่ งๆ ในรูปทรง ซง่ึ สามารถแกไ้ ขได้ดว้ ยเคร่อื งมอื Direct Select Tool คือ เครอ่ื งมือสำหรบั
แก้ไขเส้น Path ดงั นี้

7.3.2.1 Path Selection Tool คือ การเคลอื่ นย้ายเส้น Path ทัง้ หมด
7.3.2.2 Direct selection Tool คือ การเคลือ่ นยา้ ยเสน้ Path เฉพาะจดุ แองเคอร์
7.3.2.1 การเคล่อื นยา้ ยเส้น Path ดว้ ยเคร่อื งมอื Path Selection Tool คือ การ
เคลอ่ื นยา้ ยวัตถุท่วี าดจากเสน้ Path ท้ังหมดไปยงั ตำแหน่งตา่ งๆ คลกิ ท่ีเครอื่ งมอื คลิกเมาส์ท่ีภาพแล้ว
สามารถเคล่ือนยา้ ยภาพไดท้ ัง้ หมด

7.3.2.2 การเคลอื่ นยา้ ยเสน้ Path ดว้ ยเครอื่ งมือ Direct selection Tool คอื การ
เคลอ่ื นยา้ ยตำแหนง่ เส้น Path ณ จดุ แองเคอร์ทค่ี ลิกเมาส์ คลิกท่ีเครื่องมือ คลกิ เมาส์ ณ จดุ แองเคอร์
ค้างไว้แล้วลากไปในตำแหนง่ ทีต่ ้องการ

การปรับแต่งรูปทรงคลกิ เลือกเคร่อื งมอื แล้วคลกิ จุดแองเคอรท์ ่ีต้องการปรับหรือเคล่อื นย้าย
จะปรากฏแขนของจุดข้ึนมา เพือ่ ปรับระยะ และกำหนดทิศทางของแขนแต่ละข้าง
ของภาพ

7.3.3 สรา้ งข้อความบนเส้น Path คือ การสรา้ งข้อความทอดโค้งไปตามแนวเสน้ Pathใดๆ
โดยการวาดเส้น Path ด้วยเครื่องมือ Pen Tool เพือ่ ให้ได้ลักษณะเส้นทต่ี อ้ งการแลว้ จึงพมิ พ์ขอ้ ความลงไป
ในเส้น Path น้นั ข้อความเหล่านสี้ ามารถกำหนดทิศทางตามเส้น Path ตา่ งๆ ดังนี้

7.3.3.1 การพมิ พข์ อ้ ความ คอื ขั้นตอนการพิมพข์ ้อความตามแนวเส้น Path ข้นั ตอนดงั นี้
1. คลิกเครอื่ งมือ เลือกรูปแบบไมม่ ีสีพ้ืนหลัง
2. วาดเส้น Path เป็นตามแนวภาพ

สร้ำงแนวเสน้ Path

คลิกจดุ เริ่มตน้

157

4. คลกิ เครอ่ื งมอื นำเมาส์วางจะปรากฏสัญลักษณ์ คลิกเมาสบ์ นเส้น
Path

5. พมิ พ์ขอ้ ความ โดยขอ้ ความจะไล่ไปตามแนวเส้น Path ทสี่ รา้ งไว้

7.3.3.2 แกไ้ ขข้อความบนเส้น Path คือ การแก้ไขข้อความทอ่ี ยู่บนแนวเสน้ Path ทำ
เหมอื นกบั การแก้ไขข้อความปกติ โดยคลกิ เลือกเครื่องมอื เพอ่ื แกไ้ ขข้อความนน้ั หรือปรับเปล่ยี นตัวเลอื ก
Option Bar เช่น การเปลยี่ น Font เปลีย่ นสี หรือขนาดข้อความใหม่ ขั้นตอนดังนี้

1. ดับเบิลคลกิ Layer ขอ้ ความ
2. เลือก Option ข้อความท่ตี ้องการปรบั แต่ง

7.3.4.3 การปรับตำแหนง่ ขอ้ ความบน Path คอื การเลือ่ นตำแหน่งข้อความที่พมิ พ์
โดยการกำหนดจุดเริ่มตน้ และจุดสิน้ สุดข้อความแล้วใช้เคร่ืองมอื Path Selection Tool หรือ
Direct Selection Tool ปรับแตง่ ตำแหน่งขอ้ ความ

เม่ือเลือ่ นเมาส์จากต้นขอ้ ความ สังเกตเมาส์จะเปน็ รปู
เมอ่ื เลื่อนเมาส์จากท้ายขอ้ ความ สังเกตเมาสจ์ ะเป็นรปู
7.4 แสดงตวั อยา่ งและการต้ังคา่ กอ่ นพมิ พ์

กอ่ นพิมพ์ภาพจรงิ น้ันตอ้ งมกี ารดูตวั อยา่ งภาพก่อนพิมพ์ก่อน เพ่อื ใหไ้ ด้ภาพตรงความต้องการหรือ
กำหนดขนาดของภาพใหม่ เชน่ เปลยี่ นแนวการพมิ พ์ หรอื เลอื ก Option การพมิ พ์อ่นื ๆ เพม่ิ เติมได้ โดยการ
เลือกคำสง่ั File → Print เพ่อื เข้าสู่ Dialog Box การพมิ พ์ ข้ันตอนดังน้ี

รายละเอยี ดใน Dialog Box การพิมพ์ ดังนี้
Printer เลือกช่ือเครื่องพมิ พท์ ใ่ี ชง้ าน
Copies จำนวนชุดท่ีพมิ พ์
Print Settings ตง้ั ค่าเก่ยี วกบั เคร่ืองพมิ พ์ หนา้ กระดาษ และการใสก่ ระดาษ

เลอื กแนวการพิมพ์ แนวต้ังหรอื แนวนอน
กลุ่ม Position จดั แนวของภาพ โดย

Center Image คลิก ถ้าต้องการจัดภาพอยู่กึง่ กลางหนา้ กระดาษ
Top, Left คอื ระบตุ ำแหนง่ ขอบบนและขอบซา้ ย
กล่มุ Scaled Print Size กำหนดขนาดภาพ
Scale to Fit Media ตอ้ งการให้ปรับขนาดพอดกี ับกระดาษ
Scale ขนาดของภาพเป็นเปอรเ์ ซ็นต์ (ตอ้ งยกเลิก Scaled Tool Print ก่อน)
Height ความสูงของภาพ (ตามหน่วยวดั ของ Unit)
Width ความกว้างของภาพ (ตามหนว่ ยวดั ของ Unit)
Print Resolution แสดงค่าความละเอยี ดจรงิ ภาพจากการพมิ พ์

158

Bounding Box คลิกเลือก แสดงกรอบปรบั ขนาดและเลอ่ื นตำแหน่งภาพบนหนา้ กระดาษ
Unit เลือกหน่วยวัด
7.4.1 ขั้นตอนการพิมพ์ คือ เมอื่ เข้าใจหลักการการกำหนดค่าตา่ งๆ สำหรับการพิมพ์แล้วตอ้ งการ
พมิ พภ์ าพออกทางเครือ่ งพมิ พ์ สามารถปฏิบัตไิ ด้ ขน้ั ตอนดังนี้

1. เปดิ ไฟลภ์ าพท่ีตอ้ งการพิมพ์ เลอื กเมนู File → Print
3. ตง้ั คา่ การพมิ พ์
4. สง่ั พมิ พ์คลกิ

159

แบบฝึกหดั /เฉลย
ตอนท่ี 1 คำชีแ้ จง จงตอบคาถามต่อไปนใี้ หไ้ ดใ้ จความสมบรู ณ์
1. กลุ่มเคร่ืองมือสรา้ งรูปทรงสำเร็จรูปมอี ะไรบ้าง และมวี ธิ กี ารอยา่ งไร
ตอบ เครื่องมือทใ่ี ชว้ าดรปู ทรงแบบเวคเตอรแ์ บบงา่ ยๆ เช่น ส่ีเหล่ยี ม สี่เหลี่ยมมุมมน วงกลม หรอื รูปทรง
แบบต่างๆ ท่โี ปรแกรมจดั ไว้ให้ มีเครื่องมอื ดังนี้

1. รีแทงเกลิ ทูล (Rectangle Too) ใช้สำหรับสรา้ งรปู ทรงแบบส่เี หล่ยี ม
2. ราวเดด็ รแี ทงเกลิ ทลู (Rounded Rectangle Tool) ใช้สำหรับสรา้ งรปู ทรงแบบสี่เหลย่ี ม
มมุ มน
3. เอลลิปเซ่ ทลู (Ellipse Tool) ใช้สำหรบั วาดรูปทรงกลมหรือรี
4. โพลีก้อน ทูล (Polygon Tool) ใชส้ ำหรับวาดรปู ทรงหลายเหลยี่ ม และสามารถดดั แปลง
เคร่อื งมือให้สามารถวาดรูปทรงแบบอื่นไดด้ ้วย
5. ไลน์ ทูล (Line Tool) ใช้สรา้ งเส้นตรงโดยกำหนดความหนา และสรา้ งหัวลกู ศร
6. สสะตัม เชพ ทูล (Custom Shape Tool) ใช้สรา้ งรปู ทรงสำเร็จรูป
2. ภาพเคร่ืองมือการวาดรูปทรงแบบรวม–ลดพ้นื ทก่ี ำหนดทก่ี ำหนดให้มีความหมายวา่ อะไร

2.1 การเลอื กพนื้ ทใี่ หม่

2.2 การรวมพ้นื ทีซ่ อ้ นกันใหก้ ลายเป็นชิ้นเดยี วกัน

2.3

2.4 ตัดส่วนที่ซ้อนท้ายทับกันออกไป
3. การใช้เคร่อื งมอื วาดเสน้ Path ทกี่ ำหนดให้ มีความหมายวา่ อะไร

3.1 Penสรา้ งเสน้ พาธ โดยการคลิกวางจดุ แองเคอร์
3.2 Freeform Penสร้างเสน้ พาธ แบบลากอิสระ
3.3 Add Anchor Pointเพิม่ จดุ แองเคอร์
3.4 Delete Anchor Pointลดจดุ แองเคอร์
3.5 Convert Pointแปลงรูปแบบของเสน้ และมมุ

160

ตอนท่ี 2 จงเลือกคาํ ตอบท่ีถกู ต้องทีส่ ุดเพียงขอ้ เดียว

คำสงั่ จงทำเคร่อื งหมายกากบาท () หนา้ ข้อท่ีถูกต้องมากทส่ี ุดเพียงข้อเดยี ว

ใชต้ วั เลอื กตอ่ ไปน้ี ตอบคำถำมขอ้ 1–2

ก. Rectangle Tool ข. Ellipse Tool ค. Polygon Tool ง. Custom Tool

1. เครือ่ งมือขอ้ ใดสรา้ งภาพเป็นรูปสเ่ี หล่ยี ม

ค. Polygon Tool

2. เคร่ืองมือขอ้ ใดสรา้ งภาพเป็นรูปดาว

ก. Rectangle Tool

3. เครอ่ื งมอื ในขอ้ ใดไมใ่ ชก่ ารเลือกวาดรูปทรงแบบรวม–ลดพนื้ ท่ี

ก. New ข. Add to ค. Subtract from ง. Intersect with

4. การกาหนดค่า Option การวาดรูปทรงอยา่ งอิสระคือขอ้ ใด

ก. Unconstrained ข. Defined Proportions

ค. Fixed Size ง. From Center

5. เครอ่ื งมอื ขอ้ ใดสรา้ งเสน้ Path

ก. Pen Tool ข. Freeform Pen ค. Add Anchor Point ง. Convert Point

6. ขอ้ ใดคอื ความหมายของจดุ แองเคอร์

ก. จุดย่อยท่ีอย่ตู ามแนวเสน้ Path ข. เสน้ ทางท่ีลากเพอ่ื สรา้ งรูปทรง

ค. จดุ สเ่ี หล่ยี มลอ้ มภาพ ง. แขนและขาของภาพ

7. เครื่องมือขอ้ ใดแปลงรูปแบบของเสน้ และมมุ ของเสน้ Path

ก. Pen Tool ข. Freeform Pen

ค. Add Anchor Point Tool ง. Convert Point Tool

8. การเคลื่อนยา้ ยเสน้ Path ใชเ้ ครอื่ งมือขอ้ ใด

ก. Move Tool ข. Move Path Tool

ค. Direct Selection Tool ง. Path Selection Tool

9. การเปลี่ยนแนวการพมิ พ์ และเลือก Option การพิมพ์ เลอื กคาส่งั ขอ้ ใด

ก. Print Pen Tool ข. File → Printout ค. File → Print ง. File → Printpreview

10. ขอ้ ใดกลา่ วผิด “การกาหนดค่าการพิมพ”์

ก. Scaled Print Size กาหนดขนาดกระดาษสาหรบั การพิมพ์

ข. Scale ขนาดของภาพเป็นเปอรเ์ ซ็นต์

ค. Print Resolution แสดงค่าความละเอียดจริงภาพจากการพมิ พ์

ง. Bounding Box คลกิ เลอื กเพือ่ แสดงกรอบปรบั ขนาดและเลื่อนตาแหน่งภาพบนหนา้ กระดาษ

เอกสารอ้างองิ

สิทธชิ ยั ประสานวงศ์. (2556). แบบเรยี นวิชาโปรแกรมกราฟกิ Adobe Photoshop CS6 สร้าง
และตกแตง่ งานคอมพิวเตอร์กราฟิกด้วยโปรแกรมกราฟกิ . กรงุ เทพฯ : ซอฟทเ์ พรส.
ภาคผนวก (ถ้ามี)0

161

ใบงานท่ี 7 หน่วยที่ 7

รหัสวชิ า 20204-2007 ชือ่ วิชา โปรแกรมกราฟกิ ภาคเรียนท่ี 1

ชือ่ หนว่ ย การวาดภาพ (Drawing) เวลารวม 8 ช่ัวโมง

ชอื่ งาน การวาดภาพ (Drawing) จำนวน 4 ชัว่ โมง

จดุ ประสงค์การเรียนรู้

จดุ ประสงค์ท่ัวไป
1.เพือ่ ใหม้ ีความรู้ความเขา้ ใจเก่ยี วกบั สร้างรปู ทรงสำเรจ็ รปู
2.เพื่อให้มีความรคู้ วามเขา้ ใจเกย่ี วกบั วาดรูปทรงแบบรวม-ลดพื้นท่ี
3.เพือ่ ให้มคี วามร้คู วามเข้าใจเก่ยี วกับสรา้ งเส้น Path รปู ทรงต่างๆ

จุดประสงคเ์ ชิงพฤติกรรม (ความรู้ ทกั ษะ คณุ ธรรม จรยิ ธรรม จรรยาบรรณวิชาชีพ)
1. สรา้ งรปู ทรงสำเร็จรปู ได้
2. วาดรูปทรงแบบรวม-ลดพื้นท่ไี ด้
3. สรา้ งเสน้ Path รูปทรงตา่ งๆได้
4. แสดงตวั อย่างและการตัง้ คา่ กอ่ นพมิ พไ์ ด้
5. มีความประหยัดตามหลกั เศรษฐกิจพอเพยี ง

สมรรถนะรายหน่วย
สร้างภาพโดยใชเ้ ครือ่ งมือรูปทรงสำเรจ็ รปู ด้วยโปรแกรมกราฟิก

เครื่องมอื วัสดุ – อุปกรณ์
1. เคร่อื งคอมพิวเตอร์ PC หรอื Notebook
2. โปรเจ็คเตอร์
3. หนังสือ

ลำดบั ขัน้ ตอนการปฏิบตั ิงาน
1. ใหน้ ักศึกษาแบง่ กลุ่มตามความเหมาะสม เพ่อื ศึกษาและอภิปราย
1.1 อธบิ ายการสร้างตัวอักษรและขอ้ ความ
1.2 เขียนรูปพร้อมอธบิ ายการวาดภาพ (Drawing)
2. เขยี นอภิปรายและวเิ คราะหใ์ ส่กระดาษ
3. นำผลงานส่งครูผู้สอนเพ่อื ประเมินผล

ภาพประกอบ

ขอ้ ควรระวัง
ผู้เรยี นควรตรวจสอบข้อมูลก่อนใหถ้ ่ถี ว้ น ละเอยี ด และรอบคอบกอ่ น เพื่อปอ้ งกันความผิดพลาดก่อน

การส่งงาน
ขอ้ เสนอแนะ (ถ้ามี)

162

นักศกึ ษาควรมีภาพประกอบการนำเสนองาน และสามารถอธบิ ายเนอ้ื หาให้สอดคล้องกบั ภาพให้ถกู ต้อง
การประเมนิ ผล (ต้องระบุเกณฑ์การประเมินให้ชัดเจน)

1. สงั เกตผ้เู รยี นมคี วามสนใจ เกดิ ความเข้าใจในสาระการเรียนรู้ ตลอดจนแสดงความกระตอื รือรน้
ในการแสดงความคิดเหน็ และสรปุ สาระการเรยี นรู้ประจำหน่วย
2. ทำใบงานไดอ้ ย่างถูกต้อง ทันเวลาทีก่ ำหนด ใบงานสะอาดและเป็นระเบยี บ
3. ผเู้ รียนทำแบบฝกึ หดั หลงั เรียนไดถ้ ูกตอ้ ง โดยไดค้ ะแนน 50% เป็นอย่างตำ่
เอกสารอา้ งอิง
สิทธชิ ัย ประสานวงศ.์ (2556). แบบเรยี นวชิ าโปรแกรมกราฟิก Adobe Photoshop CS6 สรา้ ง
และตกแตง่ งานคอมพิวเตอรก์ ราฟกิ ด้วยโปรแกรมกราฟกิ . กรงุ เทพฯ : ซอฟท์เพรส.

163

ใบกิจกรรมที่ 7 หน่วยท่ี 7

รหัสวิชา 20204-2007 ชอ่ื วชิ า โปรแกรมกราฟิก ภาคเรียนท่ี 1

ชื่อหน่วย การวาดภาพ (Drawing) เวลารวม 8 ชั่วโมง

ช่ืองาน การวาดภาพ (Drawing) จำนวน 4 ชว่ั โมง

จุดประสงค์การเรียนรู้

จุดประสงค์ทั่วไป
1.เพอ่ื ใหม้ คี วามรู้ความเข้าใจเก่ียวกับสร้างรูปทรงสำเร็จรูป
2.เพือ่ ให้มีความรู้ความเขา้ ใจเกยี่ วกับวาดรูปทรงแบบรวม-ลดพนื้ ท่ี
3.เพือ่ ให้มคี วามรู้ความเข้าใจเกีย่ วกับสรา้ งเสน้ Path รปู ทรงต่างๆ

จดุ ประสงคเ์ ชิงพฤติกรรม (ความรู้ ทกั ษะ คุณธรรม จรยิ ธรรม จรรยาบรรณวชิ าชพี )
1. สรา้ งรูปทรงสำเรจ็ รปู ได้
2. วาดรูปทรงแบบรวม-ลดพื้นทไี่ ด้
3. สร้างเสน้ Path รูปทรงต่างๆได้
4. แสดงตวั อย่างและการตั้งคา่ กอ่ นพิมพ์ได้
5. มคี วามประหยดั ตามหลักเศรษฐกจิ พอเพยี ง

สมรรถนะรายหน่วย
สรา้ งภาพโดยใชเ้ ครอื่ งมือรูปทรงสำเร็จรปู ดว้ ยโปรแกรมกราฟกิ

เครอ่ื งมอื วัสดุ – อปุ กรณ์
1. เคร่ืองคอมพวิ เตอร์ PC หรือ Notebook
2. โปรเจค็ เตอร์
3. หนังสอื

ลำดบั กจิ กรรม
1. ผู้เรียนตอ้ งใหค้ วามสนใจในการศึกษา เพื่อหาเทคนิค วิธีการ หรือหลักการงา่ ยเพื่อใหห้ าคำตอบ

ได้อย่างถูกต้อง และรวดเร็ว โดยการ ตั้งใจฟังหลักการ เทคนิควิธีการที่ครูผู้สอนสรุปในขณะที่ทำการ
สอน และนำขอ้ สงสยั ซักถามครูในการเรยี นทุกครงั้ ท่เี กิดความสบั สน และไม่เข้าใจ

2. ผมู้ กี ารทบทวนบทเรยี น ตลอดเพื่อเสรมิ สรา้ งความเข้าใจอยา่ งแท้จริง
3. ผ้เู รยี นหมั่นทำใบงาน แบบฝึกหดั และแกไ้ ขขอ้ ทีผ่ ดิ ให้ถูกตอ้ งเสมอ
4. ผู้เรียนต้องสร้างมโนภาพให้เกิดความคิดรวบยอดในสาระการเรียนรู้และเทคนิควิธีการพร้อมกับ
ความจำเป็นในการนำไปประยุกต์ใช้ให้เกิดขึ้นโดยตนเองให้ได้เพ่ือเกิดความรู้ความเข้าใจอย่างแท้จรงิ
ไม่ใชเ่ กิดจากการท่องจำ
5. ผู้เรียนต้องดำเนินการตามกิจกรรมหรืองานที่ได้รับมอบหมาย ให้เสร็จสิ้นภายในระยะเวลาที่
กำหนด และฝึกฝนตนเองเสมอ เมอ่ื ไดร้ ับมอบหมายงานมา

164

การประเมนิ ผล (ตอ้ งระบุเกณฑก์ ารประเมนิ ใหช้ ัดเจน)
1. สังเกตผู้เรยี นมคี วามสนใจ เกิดความเข้าใจในสาระการเรียนรู้ ตลอดจนแสดงความกระตอื รอื รน้ ใน
การแสดงความคิดเห็นและสรุปสาระการเรียนรูป้ ระจำหนว่ ย
2. ทำใบงานได้อยา่ งถกู ต้อง ทนั เวลาทกี่ ำหนด ใบงานสะอาดและเป็นระเบียบ
3. ผู้เรียนทำแบบฝกึ หัดหลังเรยี นได้ถูกต้อง โดยได้คะแนน 50% เป็นอยา่ งต่ำ

เอกสารอ้างองิ
สทิ ธิชัย ประสานวงศ์. (2556). แบบเรียนวิชาโปรแกรมกราฟกิ Adobe Photoshop CS6 สรา้ ง
และตกแต่งงานคอมพวิ เตอรก์ ราฟกิ ดว้ ยโปรแกรมกราฟิก. กรุงเทพฯ : ซอฟทเ์ พรส.

165

ใบปฏบิ ัตงิ านที่ 7 หน่วยท่ี 7

รหสั วชิ า 20204-2007 ช่อื วิชา โปรแกรมกราฟิก ภาคเรยี นที่ 1

ช่อื หน่วย การวาดภาพ (Drawing) เวลารวม 8 ช่ัวโมง

ชอ่ื งาน การวาดภาพ (Drawing) จำนวน 4 ช่วั โมง

จุดประสงค์การเรียนรู้

จดุ ประสงค์ทั่วไป
1.เพอ่ื ให้มีความรู้ความเข้าใจเกยี่ วกบั สร้างรูปทรงสำเร็จรูป
2.เพ่ือใหม้ คี วามรคู้ วามเข้าใจเก่ยี วกบั วาดรูปทรงแบบรวม-ลดพื้นที่
3.เพื่อให้มีความรคู้ วามเขา้ ใจเก่ียวกับสร้างเสน้ Path รปู ทรงตา่ งๆ

จดุ ประสงคเ์ ชิงพฤตกิ รรม (ความรู้ ทักษะ คุณธรรม จรยิ ธรรม จรรยาบรรณวชิ าชพี )
1. สร้างรปู ทรงสำเร็จรูปได้
2. วาดรูปทรงแบบรวม-ลดพืน้ ทไ่ี ด้
3. สร้างเส้น Path รูปทรงต่างๆได้
4. แสดงตัวอยา่ งและการตง้ั คา่ กอ่ นพิมพ์ได้
5. มีความประหยัดตามหลกั เศรษฐกิจพอเพยี ง

สมรรถนะรายหน่วย
สรา้ งภาพโดยใช้เคร่ืองมือรปู ทรงสำเรจ็ รปู ด้วยโปรแกรมกราฟิก

เครือ่ งมือ วัสดุ – อปุ กรณ์
1. เครือ่ งคอมพวิ เตอร์ PC หรอื Notebook
2. โปรเจ็คเตอร์
3. หนงั สือ

ลำดับข้นั ตอนการปฏบิ ัติงาน
1. ผู้เรยี นคน้ หาขอ้ มลู จากในอินเตอร์เน็ต ตามเรือ่ งทไี่ ด้รบั มอบหมายมาจาครูผูส้ อน
2. เม่ือผเู้ รียนไดร้ บั ข้อมลู เรียบรอ้ ยแล้ว ให้ผเู้ รียน นำข้อมลู นั้น มาเรียบเรียงให้เปน็ ระเบียบ สวยงาม ให้
สามารถเข้าใจไดง้ ่าย โดยจัดทำในรปู แบบเล่มรายงาน

ภาพประกอบ

ขอ้ ควรระวัง
ผู้เรยี นควรตรวจสอบข้อมูลก่อนใหถ้ ่ถี ้วน ละเอียด และรอบคอบก่อน เพอื่ ปอ้ งกันความผดิ พลาดก่อน

การสง่ งาน
ขอ้ เสนอแนะ

166

นักศกึ ษาควรมีภาพประกอบการนำเสนองาน และสามารถอธบิ ายเนื้อหาใหส้ อดคล้องกับภาพให้
ถกู ตอ้ ง
การประเมินผล

1. สงั เกตผเู้ รยี นมีความสนใจ เกดิ ความเข้าใจในสาระการเรยี นรู้ ตลอดจนแสดงความกระตือรอื ร้นใน
การแสดงความคิดเห็นและสรุปสาระการเรียนรู้ประจำหน่วย
2. ทำใบงานได้อยา่ งถูกต้อง ทันเวลาทกี่ ำหนด ใบงานสะอาดและเปน็ ระเบียบ
3. ผเู้ รยี นทำแบบฝกึ หดั หลังเรยี นไดถ้ ูกต้อง โดยไดค้ ะแนน 50% เป็นอยา่ งต่ำ
เอกสารอา้ งอิง
สทิ ธชิ ยั ประสานวงศ์. (2556). แบบเรยี นวิชาโปรแกรมกราฟิก Adobe Photoshop CS6 สร้าง
และตกแตง่ งานคอมพิวเตอร์กราฟกิ ดว้ ยโปรแกรมกราฟิก. กรุงเทพฯ : ซอฟท์เพรส.

167

ใบมอมหมายงานท่ี 7 หน่วยที่ 7

รหัสวชิ า 20204-2007 ชอื่ วชิ า โปรแกรมกราฟิก ภาคเรียนที่ 1

ชื่อหน่วย การวาดภาพ (Drawing) เวลารวม 8 ช่ัวโมง

ชือ่ งาน การวาดภาพ (Drawing) จำนวน 4 ชัว่ โมง

จุดประสงค์การเรยี นรู้

จุดประสงคท์ ่ัวไป
1.เพื่อให้มีความรู้ความเข้าใจเก่ยี วกบั สรา้ งรปู ทรงสำเร็จรปู
2.เพอ่ื ใหม้ คี วามรคู้ วามเข้าใจเกย่ี วกบั วาดรปู ทรงแบบรวม-ลดพืน้ ที่
3.เพื่อใหม้ ีความร้คู วามเข้าใจเกี่ยวกับสร้างเส้น Path รูปทรงต่างๆ

จุดประสงคเ์ ชิงพฤติกรรม (ความรู้ ทกั ษะ คุณธรรม จรยิ ธรรม จรรยาบรรณวชิ าชพี )
1. สร้างรูปทรงสำเรจ็ รูปได้
2. วาดรปู ทรงแบบรวม-ลดพน้ื ท่ไี ด้
3. สร้างเส้น Path รูปทรงต่างๆได้
4. แสดงตัวอย่างและการตั้งค่ากอ่ นพมิ พ์ได้
5. มคี วามประหยดั ตามหลกั เศรษฐกจิ พอเพยี ง

สมรรถนะรายหน่วย
สร้างภาพโดยใชเ้ คร่ืองมอื รูปทรงสำเรจ็ รปู ดว้ ยโปรแกรมกราฟกิ

เคร่อื งมอื วสั ดุ – อปุ กรณ์
1. เครื่องคอมพิวเตอร์ PC หรอื Notebook
2. โปรเจ็คเตอร์
3. หนังสอื

แนวทางการปฏิบัติงาน
1. ใหผ้ ู้เรยี นปฏบิ ัติงานตามใบงาน ใบกิจกรรม ใบปฏิบตั งิ าน อยา่ งเคร่งครดั ตามหวั ขอ้ ท่ไี ดร้ ับ
มอบหมาย ให้เสร็จส้นิ ตามระยะเวลาทก่ี ำหนด พร้อมทงั้ การจดั ทำรายงาน และนำเสนองานอยา่ ง
ถูกต้อง ครบถว้ น เป็นระเบียบเรยี บรอ้ ย
2. ใหผ้ เู้ รยี นแบ่งหน้าทก่ี บั เพื่อนในกลุ่มให้ชัดเจน และสามารถเขา้ ใจเน้ือหาตามหัวขอ้ ดงั กล่าว ได้
อยา่ งถกู ต้อง ครบถว้ น

ภาพประกอบ
ขอ้ ควรระวัง

168

ผู้เรียนควรตรวจสอบขอ้ มูลก่อนให้ถี่ถว้ น ละเอยี ด และรอบคอบก่อน เพือ่ ป้องกันความผดิ พลาดก่อน
การส่งงาน
ขอ้ เสนอแนะ

นักศกึ ษาควรมภี าพประกอบการนำเสนองาน และสามารถอธบิ ายเนอ้ื หาใหส้ อดคลอ้ งกบั ภาพให้
ถูกตอ้ ง
การประเมินผล

1. สังเกตผู้เรียนมคี วามสนใจ เกิดความเข้าใจในสาระการเรียนรู้ ตลอดจนแสดงความกระตือรอื รน้ ใน
การแสดงความคิดเหน็ และสรปุ สาระการเรียนรู้ประจำหน่วย
2. ทำใบงานไดอ้ ย่างถกู ต้อง ทนั เวลาท่ีกำหนด ใบงานสะอาดและเปน็ ระเบียบ
3. ผู้เรยี นทำแบบฝึกหดั หลังเรยี นได้ถกู ต้อง โดยได้คะแนน 50% เปน็ อยา่ งต่ำ
เอกสารอ้างอิง
สิทธิชยั ประสานวงศ์. (2556). แบบเรียนวิชาโปรแกรมกราฟกิ Adobe Photoshop CS6 สร้าง
และตกแตง่ งานคอมพิวเตอร์กราฟิกด้วยโปรแกรมกราฟกิ . กรงุ เทพฯ : ซอฟท์เพรส.

169

แผนการจดั การเรียนรู้
หนว่ ยท.่ี .............. 8...................................... จำนวน........8..........ชั่วโมง สัปดาห์ที่.....15-16......
ชอื่ วิชา โปรแกรมกราฟิก
ชอ่ื หนว่ ย การใชโ้ ปรแกรมกราฟิกแบบเวคเตอร์
ช่อื เรื่อง การใชโ้ ปรแกรมกราฟิกแบบเวคเตอร์

1. สาระสำคัญ
การใช้โปรแกรมสรา้ งภาพกราฟิกแบบ Vector มหี ลากหลายโปรแกรม Adobe Illustrator โปรแกรมมี

ลักษณะการทำงานและเครื่องมือต่างๆ เหมือนกบั โปรแกรม Adobe Photoshop แตกต่างกันบา้ งเล็กนอ้ ย แต่การ
ใชเ้ ครือ่ งมอื หรือการพมิ พอ์ กั ษรลักษณะการใชง้ านเหมอื นกนั เช่น เครอ่ื งมอื Pen Tool การไล่โทนสี การเรยี กใช้
โปรแกรม ส่วนประกอบหนา้ ต่างโปรแกรม การใชก้ ล่องเครอื่ งมอื ต่างๆ การกำหนดสเี สน้ และสีพ้นื ให้กับภาพที่
ตอ้ งการวาด หรอื การใช้เคร่ืองมือวาดภาพสำเร็จรูปทีโ่ ปรแกรม2. สมรรถนะประจำหนว่ ยสร้างภาพโดยใช้เครื่องมือ
รปู ทรงสำเร็จรูปด้วยโปรแกรมกราฟิก
2. สมรรถนะประจำหนว่ ย

สร้างภาพกราฟิกและจดั การแฟ้มภาพดว้ ยโปรแกรมกราฟิก
3. จดุ ประสงค์การเรียนรู้

1. เพอื่ ให้มคี วามรู้ความเข้าใจเก่ียวกบั การเรียกใชโ้ ปรแกรมและออกจากโปรแกรม
2. เพ่ือใหม้ คี วามรคู้ วามเขา้ ใจเกย่ี วกับขัน้ ตอนการสร้างไฟลภ์ าพใหม่
3. เพอื่ ใหม้ ีความร้คู วามเขา้ ใจเกย่ี วกับการปรบั มมุ มองของภาพ
4. เพอ่ื ใหม้ ีความรูค้ วามเข้าใจเกย่ี วกับกำหนดสีพ้นื และสีเสน้ ขอบ
3.2 จดุ ประสงคเ์ ชิงพฤติกรรม (ความรู้ ทักษะ คณุ ธรรม จรยิ ธรรม จรรยาบรรณวชิ าชพี )

1. เรียกใช้โปรแกรมและออกจากโปรแกรมได้
2. อธบิ ายขน้ั ตอนการสรา้ งไฟล์ภาพใหม่ได้
3. ปรบั มมุ มองของภาพได้
4. วาดภาพ โดยการใชเ้ ครอ่ื งวาดภาพได้
5. กำหนดสีพ้นื และสีเสน้ ขอบได้
6. วาดเสน้ ดว้ ยกลุ่มเคร่อื งมอื Line ได้
7. ซอ่ นขอบเขตของภาพได้
4. สาระการเรียนรู้
โปรแกรม Adobe Illustrator คอื โปรแกรมที่นยิ มใช้ในการวาดภาพลายเส้น เช่น การวาดภาพ
การ์ตูน การออกแบบ Logo การออกแบบผลิตภัณฑ์ การออกแบบปกหนังสือ การออกแบบป้ายโฆษณาตา่ งๆ และ
การออกแบบองคป์ ระกอบ Web Page ซง่ึ เปน็ โปรแกรมทใี่ ชง้ านงา่ ยเนอื่ งจากเครอ่ื งมอื ตา่ งๆ อำนวยความสะดวก
ในการสร้างภาพไดส้ วยงามเหมาะสม

170

5. กิจกรรมการเรยี นรู้ (สปั ดาหท์ .่ี .....15-16.........)

กระบวนการจดั การเรยี นรู้

ข้นั ตอนการจดั การเรียนรู้ หรอื กิจกรรมครู ข้ันตอนการเรียนรู้ หรอื กิจกรรมผเู้ รยี น

5.1 ข้นั นำเขา้ สบู่ ทเรียน

1. ครชู ้ีแจงให้นักศกึ ษาทราบถึงแนวทางในการ 1. นกั เรียนรับฟงั คำชแ้ี จงจากครผู ู้สอนและซักถาม
ปฏบิ ตั ติ น เกีย่ วกบั การเรียนการสอนการ
เพื่อความเขา้ ใจ และรบั ฟงั การอบรมคณุ ลักษณะท่พี งึ
ประเมินผล การเรยี น และไดอ้ บรมคุณลกั ษณะท่ี พึง ประสงค์เรอื่ ง ความมวี นิ ยั การแต่งกาย การตรงตอ่ -
ประสงค์ คือ เรอ่ื งความ มวี ินยั โดยเฉพาะการแต่ง- เวลา และการใช้เวลาให้เปน็ ประโยชน์
กาย การตรงตอ่ เวลา กฎระเบยี บการใชห้ ้องปฏบิ ัต

การ การรกั ษาความสะอาดภายในหอ้ ง 2. นักเรียนยกมือเพื่อแสดงความคิดเห็น และ
2. ครูสอบถามนักเรียนในชนั้ เรยี นเรอื่ งการใช้ สอบถามเม่ือไม่เขา้ ใจ

โปรแกรมกราฟกิ แบบเวคเตอร์

5.2 ข้ันสอน 3. นักเรียนฟงั ครูอธบิ ายและจดบนั ทกึ เนือ้ หาหลัก
3. ครอู ธิบายการใชโ้ ปรแกรมกราฟกิ แบบ ท่สี ำคัญ

เวคเตอร์ 4. นักเรยี นช่วยกนั อธบิ ายและซักถามขอ้ สงสยั

4. ครูใหน้ กั เรียนอธิบายการใช้โปรแกรมกราฟกิ เพอื่ ความเข้าใจ
แบบเวคเตอร์
5. นักเรยี นฟังครสู รปุ แล้วจดบันทกึ ส่วนท่ีสำคัญ
5. ครผู สู้ อนทำการสรุปเนอ้ื หา
เพิม่ เติม

6. นักเรียนฟงั ครูอธบิ ายและจด บันทึกเน้อื หา

หลกั ทีส่ ำคญั

7. นกั เรียนช่วยกันอธบิ ายเนื้อหา และทดลองการ

5.3 ขน้ั สรุป เข้าสู่โปรแกรม บนเครื่องคอมพิวเตอร์ เพือ่ ใหเ้ ห็น
6. ครแู จกใบงานใหก้ บั นกั เรียน ภาพท่ีเปน็ ความจริง

เพอ่ื ทำการฝึกปฏบิ ัติบน เครอ่ื งคอมพวิ เตอร์เพื่อ 9. นกั เรยี นนำใบงานไปฝกึ ปฏิบตั บิ นเคร่อื ง
ฝึก ทกั ษะ คอมพวิ เตอรใ์ นหอ้ งปฏบิ ตั กิ าร

7. ครูให้นักเรยี นทำแบบประเมนิ ทา้ ยบทประจำ 10. นักเรยี นทำแบบฝึกหัดจาก แบบประเมิน
หนว่ ย และส่งแบบฝกึ หัดตามเวลาทก่ี ำหนด ท้ายบทของหนังสอื เรยี นและส่งครตู ามเวลาท่ี
กำหนด
8. ครูประเมนิ ผลการเรยี นของนักเรยี น และนำ 11. นักเรยี นนำผลการประเมินมารว่ มเฉลยพร้อมกัน
ผลการประเมินคืนใหก้ ับนกั เรยี นพร้อมเฉลยร่วมกบั กบั ครผู ูส้ อน
นักเรยี น

171

6. สื่อและแหล่งการเรียนรู้
6.1 หนงั สือเรยี น
6.2 ใบความรู้
6.3 แบบฝึกหัด
6.4 แบบฝึกปฏบิ ัติ
6.5 แบบทดสอบหลงั เรียน
6.7 คอมพวิ เตอร์
6.8 เครอ่ื งฉายโปรเจค็ เตอร์

7. หลกั ฐานการเรยี นรู้
7.1 หลักฐานความรู้
ใบงาน แบบฝกึ หัด การค้นควา้ ข้อมูล ท่ไี ดร้ ับการเรยี บเรียง สวยงาม เป็นระเบียบ ถูกต้อง

7.2 หลักฐานการปฏบิ ตั งิ าน

ใบงาน แบบฝกึ หัด รปู เลม่ รายงานการคน้ ควา้ ขอ้ มูล ทไี่ ดร้ ับการเรียบเรยี ง สวยงาม เป็นระเบียบ ถกู ต้อง

พรอ้ มทัง้ เอกสารประกอบการนำเสนองานหนา้ ช้ันเรียนของผเู้ รียน และภาพประกอบ

8. การวดั และประเมนิ ผลการเรียนรู้

8.1 เครอ่ื งมือประเมนิ

1. ใบงาน

2. แบบฝึกหัด

3. แบบประเมินผลงาน

4. แบบประเมินการนำเสนอผลงาน

8.2 เกณฑ์การประเมิน

เครอื่ งมอื การประเมนิ วิธวี ดั และประเมิน เกณฑ์การประเมิน

แบบฝกึ หัด ตรวจแบบฝึกหัด ได้คะแนน

ขอ้ ละ 1 คะแนน ร้อยละ 75 ข้นึ ไป
ถูก 1 คะแนน

ไมถ่ ูก 0 คะแนน

แบบฝึกปฏิบัติ ตรวจแบบฝกึ ปฏิบัติ ไดค้ ะแนน

ขอ้ ละ 1 คะแนน ร้อยละ 75 ขึน้ ไป
ถูก 1 คะแนน

ไม่ถกู 0 คะแนน

172

แบบทดสอบหลังเรียน ตรวจแบบทดสอบหลังเรยี น ได้คะแนน
ขอ้ ละ 1 คะแนน รอ้ ยละ 75 ขึน้ ไป
แบบสงั เกตพฤติกรรมดา้ นคุณธรรม ถูก 1 คะแนน
จริยธรรม ค่านยิ ม และคณุ ลกั ษณะอนั พงึ ไมถ่ ูก 0 คะแนน ได้คะแนน
ประสงค์ สงั เกตพฤติกรรม รอ้ ยละ 80 ข้ึนไป
ดี 2 คะแนน
พอใช้ 1 คะแนน
ปรบั ปรุง 0 คะแนน

9. กิจกรรมเสนอแนะ/งานทีม่ อบหมาย (ถา้ ม)ี
1. ผ้เู รยี นต้องใหค้ วามสนใจในการศกึ ษา เพอ่ื หาเทคนคิ วธิ ีการ หรอื หลกั การงา่ ยเพอ่ื ให้หาคำตอบได้อย่าง

ถูกต้อง และรวดเร็ว โดยการ ตงั้ ใจฟงั หลกั การ เทคนคิ วธิ ีการที่ครูผู้สอนสรุปในขณะทีท่ ำการสอน และนำขอ้ สงสัย
ซกั ถามครูในการเรียนทุกครัง้ ทเ่ี กิดความสบั สน และไมเ่ ขา้ ใจ

2. ผูม้ กี ารทบทวนบทเรยี น ตลอดเพ่ือเสริมสร้างความเขา้ ใจอยา่ งแท้จรงิ
3. ผูเ้ รียนหมนั่ ทำใบงาน แบบฝกึ หัด และแก้ไขข้อทีผ่ ดิ ใหถ้ กู ต้องเสมอ
4. ผู้เรียนต้องสร้างมโนภาพให้เกิดความคิดรวบยอดในสาระการเรียนรู้และเทคนิควิธีการพร้อมกับความ
จำเปน็ ในการนำไปประยุกต์ใชใ้ ห้เกิดข้ึนโดยตนเองใหไ้ ด้เพ่ือเกิดความรู้ความเขา้ ใจอย่างแท้จรงิ ไม่ใช่เกิดจากการ
ท่องจำ
10. เอกสารอ้างองิ
สทิ ธิชยั ประสานวงศ.์ (2556). แบบเรยี นวชิ าโปรแกรมกราฟิก Adobe Photoshop CS6 สรา้ ง
และตกแต่งงานคอมพวิ เตอร์กราฟิกดว้ ยโปรแกรมกราฟกิ . กรงุ เทพฯ : ซอฟท์เพรส.

173

ใบความรทู้ ี่ 8 หน่วยที่ 8

รหสั วิชา 20204-2007 ชื่อวิชา โปรแกรมกราฟกิ ภาคเรียนท่ี 1

ช่อื หนว่ ย การใชโ้ ปรแกรมกราฟิกแบบเวคเตอร์ เวลารวม 8 ช่ัวโมง

ชื่อเรือ่ ง การใชโ้ ปรแกรมกราฟิกแบบเวคเตอร์ เวลา 4 ชัว่ โมง

จดุ ประสงค์การเรียนรู้

จุดประสงค์ท่ัวไป
1. เพือ่ ให้มคี วามรู้ความเขา้ ใจเกย่ี วกบั การเรยี กใชโ้ ปรแกรมและออกจากโปรแกรม
2. เพื่อใหม้ ีความรคู้ วามเขา้ ใจเก่ยี วกบั ขน้ั ตอนการสร้างไฟลภ์ าพใหม่
3. เพ่ือให้มคี วามรคู้ วามเข้าใจเก่ียวกับการปรบั มุมมองของภาพ
4. เพอ่ื ใหม้ คี วามรู้ความเขา้ ใจเก่ียวกบั กำหนดสีพนื้ และสเี สน้ ขอบ

จดุ ประสงคเ์ ชิงพฤติกรรม (ความรู้ ทักษะ คุณธรรม จรยิ ธรรม จรรยาบรรณวชิ าชพี )
1. เรียกใชโ้ ปรแกรมและออกจากโปรแกรมได้
2. อธิบายข้นั ตอนการสรา้ งไฟลภ์ าพใหมไ่ ด้
3. ปรับมุมมองของภาพได้
4. วาดภาพ โดยการใช้เคร่ืองวาดภาพได้
5. กำหนดสพี ื้นและสเี สน้ ขอบได้
6. วาดเสน้ ด้วยกลุ่มเคร่ืองมอื Line ได้
7. ซอ่ นขอบเขตของภาพได้

สมรรถนะรายหนว่ ย
สร้างภาพกราฟกิ และจัดการแฟ้มภาพดว้ ยโปรแกรมกราฟกิ

174

หนว่ ยท่ี 8 การใชโ้ ปรแกรมกราฟิกแบบเวคเตอร์
โปรแกรม Adobe Illustrator คือ โปรแกรมที่นยิ มใชใ้ นการวาดภาพลายเส้น เชน่ การวาดภาพ

การ์ตนู การออกแบบ Logo การออกแบบผลิตภณั ฑ์ การออกแบบปกหนังสอื การออกแบบป้ายโฆษณา
ต่างๆ และการออกแบบองคป์ ระกอบ Web Page ซงึ่ เป็นโปรแกรมท่ใี ช้งานงา่ ยเน่อื งจากเครือ่ งมือตา่ งๆ
อำนวยความสะดวกในการสรา้ งภาพไดส้ วยงามเหมาะสม
8.1 การเข้า/ออกโปรแกรม Adobe Illustrator

การเรียกใช้โปรแกรม คอื ข้ันตอนการใชง้ านแรกเมอื่ ใชง้ านเสรจ็ แลว้ ควรมีการปิดโปรแกรม เพอ่ื
ป้องกันขอ้ ผิดพลาดทอี่ าจขน้ึ กรณใี ช้โปรแกรมหลายๆ โปรแกรมพร้อมๆ กัน ดังน้ี

8.1.1 การเขา้ โปรแกรม Adobe Illustrator คือ ขน้ั ตอนการเรยี กใช้โปรแกรม คลิก Start
→ All Program → Adobe Master Collection CS3→ Adobe Illustrator รอสักครู่จะ
ปรากฏหนา้ ตา่ งโปรแกรม Adobe Illustrator

8.1.2 ส่วนประกอบของโปรแกรม Adobe Illustrator
8.1.3 การออกโปรแกรม Adobe Illustrator คือ ขน้ั ตอนสุดท้ายเมือ่ ใชง้ านสน้ิ สุดแล้วตอ้ งการ
ปิดโปรแกรมดงั กล่าว ขนั้ ตอนดังนี้

1. คลกิ ทป่ี ่มุ Close มุมขวาบนสดุ ของหน้าต่างหลักหรือ
2. คลกิ ท่เี มนู File → Exit ดงั ภาพ

8.1.4 Menu Bar “เมนูบาร”์ คือ เคร่ืองมือทีเ่ กบ็ รวบรวมคำสัง่ ไวเ้ ป็นหมวดหมู่ เพ่ือใช้จัดการ
กับภาพ และปรบั ค่าต่างๆ ดังนี้

File มีหน้าท่จี ดั การเกี่ยวกบั การสร้าง การเปิด การบันทกึ และการตงั้ ค่าต่างๆ
Edit มีหน้าที่เกย่ี วกบั การยกเลิก การคัดลอก การปรบั เปลี่ยนตา่ งๆ
Object มหี น้าทเี่ กย่ี วกับการปรับเปลีย่ นวัตถุตา่ งๆ
Type มีหน้าทีเ่ ก่ียวกับการจดั การกับข้อความ
Select มีหน้าทเ่ี ก่ยี วกบั การเลือกขอบเขตพื้นทแ่ี ละการยกเลิกการเลือก
Filter มีหน้าทเี่ ก่ยี วกบั การใส่ลกั ษณะพิเศษต่างๆ ใหก้ ับวัตถุ
Effect มหี น้าท่เี กย่ี วกับการใส่ Effects ตา่ งๆ ใหก้ ับวัตถุ
View มหี น้าที่จดั การมุมมองหน้าตา่ งการทำงาน
Windowมีหน้าที่เปิด/ปดิ พาเลตตา่ งๆ
Help มหี น้าท่ีแนะนำการใชเ้ ครอื่ งมอื ต่างๆ

175

8.1.5 Control Panel คอื ส่วนการปรับแต่งค่าการทำงานของเครอื่ งมอื ตา่ งๆ ซึง่ รายละเอียด จะ
เปลยี่ นไปตามการเลือกเครอื่ งมอื หรือเลอื ก Object ขณะน้นั เชน่ หากเลือก Object ทวั่ ๆ ไป Control
Panel จะแสดง Option การกำหนดสี ขนาดของพ้ืนและเส้น หรอื หากเลือก Object ตัวอักษรหรอื ขอ้ ความ
จะแสดง Option ท่เี กี่ยวกับการกำหนดรปู แบบตัวอักษร เปน็ ต้น

8.1.6 Title Bar คอื มีหนา้ ทีแ่ สดงชอื่ โปรแกรมมุมด้านซา้ ย
8.1.7 Status Bar คือ แถบสถานะปรากฏอยู่ดา้ นล่างสดุ ของวินโดว์ แสดงเปอรเ์ ซน็ ต์ ของการ
Zoom ภาพ (เลอื ก Zoom ภาพไดจ้ ากเมนูหรือพมิ พ์คา่ ลงไป)
8.1.8 Tool box คือ เครอื่ งมอื ตา่ งๆ ทจ่ี ำเปน็ ต่อการทำงานและมจี ำนวนมาก ดงั นัน้ จึงมี การ
รวมเครอื่ งมอื บางอย่างเป็นกล่มุ ๆ โดยมสี ัญลกั ษณ์รูปสามเหลี่ยม อยมู่ ุมขวาด้านลา่ ง
เพ่ือแสดงว่ายงั มเี ครื่องมอื อน่ื ๆ อยรู่ ว่ มและสามารถเรยี กใช้งานได้
8.1.9 Palette “พาเลต” คือ หนา้ ตา่ งการทำงานตา่ งๆ แตล่ ะพาเลตมีหนา้ ทกี่ ารทำงานท่ี
แตกต่างกัน เช่น พาเลต Color สำหรบั เลือกสี พาเลต Appearance สำหรับใสส่ พี ้นื และสีเส้น พาเลต
Brushes สำหรับเลอื กรูปแบบของหัวพูก่ นั การเรียกใชพ้ าเลต Color คอื คลิกเมนู Windows → Color
ถา้ ต้องการปิดพาเลตอ่นื ๆ ทำตามข้ันตอนเดิมอีกคร้งั
8.2 การจัดการสร้างไฟล์ภาพ

การสร้างไฟล์ภาพใหมป่ ระกอบดว้ ยการวาดภาพส่วนตา่ งๆ แต่ละช้ินสว่ นเรยี กวา่ Object “ออบ
เจค็ ” การวาดทัง้ หมดถกู ประกอบกนั ขึน้ มาเรยี กวา่ Artwork “อารต์ เวิรค์ ” การสรา้ งอาร์ตเวิรค์ จะถูกสร้าง
บนพืน้ ท่ีการทำงานซงึ่ เรยี กวา่ Art Board “อารต์ บอรด์ ” อารต์ บอร์ดเปรียบเสมอื นกระดาษหรือผา้ ใบทีใ่ ช้
วาดภาพ โดยกำหนดขนาดและคุณสมบัติก่อนลงมือวาดภาพ ดงั น้ี

8.2.1 การสร้างไฟลภ์ าพใหม่หรอื การสรา้ งอารบ์ อร์ด คือ การสร้างไฟลภ์ าพใหม่ ดังน้ี
1. คลิกเมนู File → New จะปรากฏหน้าต่าง New Document
2. Name ตง้ั ชอื่ ไฟล์ภาพ หรอื เก็บไวข้ ณะบนั ทึกไฟล์
3. New Document Profile คลิกแลว้ เลือก Profile มาตรฐานที่ตรงกับลักษณะงาน เช่น
Print

คอื ไฟลเ์ อกสารสำหรับงานพมิ พ์, Web คอื ไฟลเ์ อกสารสำหรับงาน Web Page
4. Size คลกิ แลว้ เลือกขนาดพนื้ ทีก่ ารทำงานท่ตี ้องการ
5. Orientation เลอื กแนวการวางแนวต้งั หรือแนวนอน แล้วกดปุ่ม OK
การกำหนดค่า Option การสร้างไฟลภ์ าพใหม่ ดังนี้
1. กำหนดความกวา้ งและความสูง
2. พื้นท่กี ารพมิ พ์สว่ นท่เี กินออกมาดา้ นนอกอาจมกี ารกำหนดคา่ ให้เกินออกมาเล็กนอ้ ย

เป็นการเผอื่ พ้นื ทีใ่ นการตดั ออก หรือเรียกว่า “ตดั ตก”
3. คลกิ Advanced ก่อน
Color Mode เลือกโหมดสขี องไฟล์
Raster Effects ความละเอยี ดของภาพเมื่อมีการปรับแต่งด้วย Filter/Effects

176

Preview Mode มุมมองภาพผลลพั ธ์ (ปกตจิ ะถกู ตั้งให้ตามทเี่ ลอื กตรง
New Document Profile ด้านบน)

8.2.2 การสรา้ งไฟลแ์ บบรวดเร็ว โดยกดคยี ์ Alt + Ctrl + N โปรแกรมจะสรา้ ง
ไฟล์ขน้ึ มาใหม่ โดยไมม่ กี ารกำหนด Option แต่จะใช้ตาม Option ล่าสดุ ที่เคยกำหนดไว้ลา่ สุด

8.2.3 การเปดิ ไฟล์ภาพท่มี ีอย่แู ลว้ คือ ขั้นตอนการเปดิ ไฟลเ์ ก่าทีไ่ ด้บนั ทึกแล้วข้นึ มาปรับปรุง
หรอื แกไ้ ขสามารถ ขัน้ ตอนดังน้ี

1. คลิกเมนู File → Open หรอื กดปุ่ม Ctrl + O ที่คยี บ์ อรด์
2. ระบุโฟลเดอร์ทจ่ี ัดเก็บไฟลภ์ าพ
3. คลกิ เลอื กไฟลภ์ าพทีต่ อ้ งการ
4. แสดงตัวอย่างภาพจากไฟล์ที่เลือก
8.3 การปรบั มมุ มองและการใชค้ ำสงั่ เบอ้ื งตน้

การกำหนดมมุ มองหนา้ ตา่ งวนิ โดว์โปรแกรม เพือ่ ความเหมาะสมและสะดวกต่อการทำงาน เชน่
การปรับมุมมองภาพ การย่อ/ขยายภาพ การเลอ่ื นดภู าพ การใช้เมนูลัด การยกเลิกคำส่งั ดังนี้

8.3.1 การปรับมมุ มองวนิ โดวโ์ ปรแกรม คอื การปรับมุมมองเพื่อความสะดวกในการทำงาน
โดยคลิกกล่มุ เครอื่ งมือ Screen Mode จาก Tool Panels หรือกดคีย์ F เพอื่ การสลับมมุ มอง ดงั นี้

8.3.1.1. Normal Screen Mode คอื การแสดงส่วนประกอบทกุ อย่างท้ังหมดเหมอื นกบั
ขณะท่ีเปิดโปรแกรมคร้งั แรก แสดงเครอ่ื งมือต่างๆ ทง้ั หมดตดิ กบั วนิ โดวโ์ ปรแกรม

8.3.1.2 Full Screen Mode With Menu Bar คือ แสดงวนิ โดวเ์ ตม็ หนา้ จอ โดยไมแ่ สดง
ช่อื ของโปรแกรมและ Taskbar ของวินโดว์ เพอื่ เพิ่มพ้นื ทีก่ ารทำงานมากข้นึ

8.3.1.3 Full Screen Mode คือ แสดงพน้ื ที่การทำงานมากท่ีสุด แตไ่ มแ่ สดงเมนบู าร์
8.3.2 มุมมองการทำงาน คือ การเปลย่ี นมุมมองใหเ้ หมาะสมกับภาพนนั้ ๆ โดยคลิกคำสั่ง View
→ Preview หรือ View → Outline (คยี ์ลัด Ctrl + Y ) เพ่อื สลบั มุมมอง Priview และ Outline
ดงั นี้

8.3.2.1 Preview คือ การเปดิ ไฟลก์ ารทำงานครั้งแรกจะทำงานในมุมมองนี้
เปน็ มมุ มองแรก (สังเกตจากแถบ Title Bar) ซ่ึงเป็นมมุ มองท่ีเห็นสีพื้น สีเสน้ Effects และลักษณะการ
ซอ้ นทับกนั ของ Object ตามจรงิ แบบปกติ

8.3.2.2 Outline คือ มุมมองภาพแบบโครงรา่ ง แสดงเฉพาะโครงร่างของเส้นท่ีประกอบ
กันเป็น Object ท้งั หมดทกุ ภาพ Object ท่ีมกี ารซอ้ นทับกนั อยู่เปน็ จำนวนมากการใชม้ มุ มองนเ้ี ลอื กจัดการ
กบั Object ทีซ่ อ้ นอยดู่ า้ นหลังไดง้ ่ายขึน้ และโปรแกรมตอบสนองการทำงานได้รวดเร็วขนึ้

8.3.3 การใชเ้ มนลู ัด คอื การคลิกขวาบนอาร์ตบอร์ดหรือบน Object ทีเ่ ลอื กไวเ้ พ่อื เปดิ เมนูลดั ซึ่ง
เปน็ อีกวธิ ีทใ่ี ชเ้ รียกคำส่งั อยา่ งรวดเร็วแทนการคลิกคำสง่ั จากแถบเมนหู ลกั เช่น การคลกิ ขวาบนข้อความจะ

177

แสดงคำส่ังในการปรับแตง่ ข้อความ หรอื คลิกขวาบน Object แบบ Symbol จะแสดงคำส่ังในการจัดการกบั
Symbol ตัวอยา่ งดงั นี้

ตัวอย่าง เม่อื คลกิ ขวาบน Symbol จะแสดงคำส่ังจัดการ Symbol ดังภาพ

ตัวอย่าง เมื่อคลิกขวาบนขอ้ ความจะแสดงคำส่ังจดั การข้อความ ดงั ภาพ

คลิกขวาบนข้อความ

8.3.4 ยกเลกิ หรอื ทำซำ้ คำส่งั คือ การยกเลกิ คำสัง่ ก่อนหน้านน้ั หรือยกเลิกการทำงานกลับไป 1
ขั้น ดังนี้

8.3.4.1 ยกเลกิ หรอื ทำซำ้ คำสงั่ ทีละคำสั่ง ดงั นี้
1. Undo คอื คำสั่งเพอ่ื ยอ้ นกลบั การทำงานกลบั ไป 1 ขัน้ หรือวิธี

ยกเลิกคำสั่งครั้งหลังสุดที่ทำไป 1 คำสงั่ ถ้าตอ้ งการย้อนกลบั ไปหลายข้นั ใช้คำส่งั น้ซี ้ำๆ โดยวธิ ีการเรยี กใช้
จากเมนู Edit → Undo หรือ Ctrl + Z

2. Redo คอื คำส่ังทำซำ้ การกระทำ หรือคำสั่งทถ่ี กู ยกเลกิ ไป ถา้ มกี ารยกเลิก
หลายคำสง่ั สามารถทำซำ้ กลับมาทีละคำส่งั ได้ตามจำนวน

8.3.4.2 ยกเลิกคำสัง่ ท่ีทำไปแลว้ ทงั้ หมด คอื การยกเลิกคำสั่งการทำงานทกุ อย่าง ใน
ข้ันตอนเดียว โดยเน้อื หาบนอาร์ตบอรด์ จะย้อนกลับไปเป็นเหมอื นครัง้ สดุ ท้ายท่ไี ด้บนั ทกึ ไฟลน์ ้นั โดยการ
คลิกเมนู File → Revert แลว้ เลอื ก Revert อกี ครั้งเพือ่ ยนื ยันการยกเลกิ คำส่งั

178

8.4 การใช้เครอื่ งมอื วาดภาพ
โปรแกรม Adobe Illustrator คอื โปรแกรมสำหรับการวาดภาพลายเสน้ การปรับแตง่ ภาพ

โปรแกรมมเี ครอื่ งมือทส่ี ามารถใชว้ าดภาพและสามารถปรับการใชง้ านไดเ้ หมือนกบั เครอ่ื งมือวาดภาพบน
กระดาษการกำหนดค่าเครื่องมือต่างๆ ให้ใชง้ านได้งา่ ย เช่น เครอื่ งมือ Pencil เครอื่ งมือ Pen และเคร่ืองมือ
Mesh เปน็ ต้น

8.4.1 ส่วนประกอบของ Object คอื ภาพกราฟกิ แบบ Vector ประกอบดว้ ยเสน้ ช้นิ ส่วน
ตา่ งๆ เรียกวา่ Object หลายๆ ชิน้ วางรวมกัน โดยแต่ละ Object มีองคป์ ระกอบหลักๆ ดงั นี้

Stroke Bounding Box
Fill เสน้ Path
Anchor Point

Stroke คอื เส้นตามรูปทรงของ Object สามารถกำหนดสี ขนาด และรูปแบบ
ลกั ษณะของเสน้

Fill คอื พืน้ ที่ด้านในของ Object ซง่ึ สามารถกำหนดสไี ดท้ ้ังสีแบบทบึ สพี นื้
แบบไลโ่ ทนสี การใส่ลวดลาย การกำหนดความโปร่งใสของภาพ และการปรับ Filter และ Effect ของภาพ

Bounding Box คือ ขอบเขตการปรับขนาดภาพ เช่น การยอ่ ภาพและการขยายภาพ
หรือการหมนุ ภาพในลักษณะต่างๆ

Path คือ เส้นโครงร่างพ้ืนฐานของ Object ปรับเปลย่ี นรปู ทรงของ Object
Anchor Point คือ จุดกำหนดความโค้งหรือปรับความโค้งสามารถเพิ่มและลดจำนวนจุด
8.4.1.2 วิธกี ารควบคมุ เสน้ Path ของภาพลายเสน้ คอื การวาดภาพลายเส้นในลักษณะ
ต่างๆ โดย Object ท่วี าดมเี ส้นโครงรา่ งเป็นตวั กำหนดรปู ทรงเรียกวา่ “Path Line” ดังนั้น Object ทีส่ รา้ ง
จะมีความสวยงามมากนอ้ ยเพียงใดข้ึนอยกู่ บั การควบคมุ เสน้ Path ของผวู้ าดเอง ถา้ มกี ารวาดสว่ นท่ีมีความ
โค้งเวา้ ไดด้ รี ูปทรงสวยงามการกำหนดเส้น Path แตล่ ะเสน้ นน้ั มคี วามสมั พันธ์
Anchor Point คอื จดุ ท่ีตรึงเส้น Path แต่ละช่วงไว้ในตำแหนง่ ต่างๆ อย่ตู ่อเนื่อง เมอื่ Anchor
Point เปล่ียนตำแหน่งก็จะมีผลตอ่ รปู ทรงเปล่ยี นตาม
Direction คอื สว่ นท่ีควบคุมความโคง้ และทิศทางของเส้น Path ที่ออกจาก Anchor Point
หากแขนยาวจะไดม้ ุมโคง้ ที่กวา้ งในทางตรงกนั ขา้ มหากแขนสนั้ ได้มมุ โค้งท่แี คบหรือหากจดุ Anchor Point ท่ี
ไม่มแี ขนสองจุดติดกันเส้น Path นัน้ เป็นเสน้ ตรง
จดุ ปลายเส้น คอื จดุ สน้ิ สุดของเสน้ Path แบบปลายเปิด (เส้น Path ไมค่ รบรอบเปน็ วง)
ส่วนโคง้ ของเสน้ Path คอื สว่ นโค้งท่เี กดิ จากการปรับดงึ แขนท่กี างออก และเป็นตวั กำหนด
รูปทรงของ Object

179

วาดเส้น Path เสร็จแล้วไปทำงาน ณ ตำแหน่งอ่นื Anchor Point และแขนของ Object จะถูกซ่อน
หากตอ้ งการแสดงสว่ นต่างๆ เส้นน้ันอีก โดยใช้เครอ่ื งมือ (Selection) ปรบั แก้ Object ทั้งหมด เช่น
การย่อการขยายหรือ Direct Selection คลิกบน Object เพอ่ื ปรับตำแหนง่ เฉพาะจุดดงั กล่าว

8.4.3 ตัวอยา่ งผลลัพธก์ ารใช้เสน้ Path วาดรปู ต่างๆ การวาดท่ีมคี วามสวยงามเกิดจากการวาด
ด้วยเส้น Path ท่มี กี ารดัดเสน้ ในลักษณะต่างๆ ตามผู้ใช้กำหนดในตำแหน่งและทิศทางเพื่อให้เกิดภาพทม่ี ี
ความ
8.5 การใช้สี

การเลือกลกั ษณะการใช้สีจากพาเลต Appearance หรอื การใชส้ ีจากพาเลต Swatches ขนึ้ อยู่กบั
ความตอ้ งการของผูใ้ ช้ ซึง่ มีการเลอื กหลายรูปแบบให้เหมาะสมกับ Object นัน้ ดงั น้ี

8.5.1 การเลอื กลักษณะการใช้สจี ากพาเลต Appearance คอื การเติมสภี าพสามารถเตมิ เฉพาะ
Stroke หรอื Fill โดยคลกิ เมนู Window → Appearance เพ่อื แสดงพาเลต Appearance
รายละเอยี ดดงั นี้

เลอื กใส่สีเสน้

เลือกใส่สีพ้นื

8.5.2 การใช้สจี ากพาเลต Swatches การเลือกวัตถทุ ี่ตอ้ งการใส่สกี ่อนแล้วคลิกสี ท่ีต้องการ
(สีเหลอื ง)สงั เกตเห็นว่าวัตถเุ ปลยี่ นเปน็ สีท่เี ลอื ก(กำหนดสีพ้ืน กำหนดสีเส้น

8.5.3 กำหนดสีพืน้ และเส้นกอ่ นการวาด โดยพาเลต Color คือ กำหนดคา่ สีเรม่ิ ต้นสีพืน้ เปน็ สี
ขาวและเส้นเป็นสีดำ โดย Object ทวี่ าดข้ึนใช้สีพื้นและสีเสน้ ดงั กลา่ ว แต่หากตอ้ งการให้ Object เปน็ สีที่
ต้องการต้องกำหนดสกี ่อนการวาด

8.5.4 การเติมสพี นื้ และสเี สน้ ดว้ ย Color Picker คือ การเติมสพี นื้ และเสน้ โดยเลือก Object

กอ่ นแล้วคลิกเลอื ก สพี นื้ หรือสเี ส้น ขัน้ ตอนดงั นี้

1. เลอื ก Object ดับเบิลคลิกสีพ้นื (จะปรากฏ Panel Color)

2. คลิกบนแถบสีเพือ่ กำหนดค่าสีขององค์ประกอบแรกหรอื คลิกลากเลือ่ นแถบสี

3. คลกิ บนกรอบสเี่ หลี่ยมใหญเ่ พือ่ เลอื กสีท่ตี ้องการ คลกิ ปุม่ OK

8.5.5 การกำหนดขนาดและรปู แบบเส้นด้วยพาเลต Stroke คอื การวาดภาพปกตถิ ้าไมก่ ำหนด
ขนาดและรปู แบบเส้นก่อน เมื่อวาดภา2พแล้วจะได้เสน้ ทม่ี ขี นาดเดียว คอื 1 pt. และเปน็ เสน้ ยาวต่อเนอื่ ง แต่
หากตอ้ งการปรบั แต่งเสน้ ใหม่ โดยการใชพ้ าเลต Stroke ปรบั เปลีย่ นขนาดเส้นสร้างเสน้ ประ และเปล่ียน
ลกั ษณะปลายเสน้ ขนั้ ตอนดงั น้ี

180

1. เลือกเสน้ หรอื ภาพท่ตี ้องการ
2. เลอื กพาเลต Stroke แลว้ คลิก Stroke กำหนดคา่ Option

พาเลต Stroke มี Option ในการปรบั แต่งรูปแบบเสน้ ลักษณะต่างๆ ดงั น้ี

Weight คอื ขนาดของเส้นซงึ่ มหี นว่ ยเป็น Point (pt.) โดย 1 pt. เทา่ กับ 1/72 น้วิ

Cap รูปแบบของปลายเส้นสำหรับรปู ทรงปลายเปิดหรือเสน้ ประ มี 3 แบบ คอื

ปลายเสน้ ตดั พอดกี ับเส้น Path

ปลายเส้นโค้งมนรอบเส้น Path

ปลายเส้นตดั ย่นื ยาวรอบเสน้ Path

8.6 กากรลวุ่มาเดคเร1ส่อื น้ งมดือ้ววยากดลเุ่มสเ้นคแรบ่อื บงมเสือน้ วสาำดเรเสจ็ น้รูปLซinึง่ eการวาดนัน้ ทำได้ 2 วิธี คอื วาดโดยการคลกิ ลาก และ

วาดโดยการกำหนดคา่ Option

8.6.1 วาดเสน้ ตรงด้วยเครือ่ งมือ Line Segment คอื การวาดลักษณะของเส้นใน

รปู แบบเส้นตรง ขัน้ ตอนดงั นี้

1. คลิกเครือ่ งมอื

2. คลิกลากบนพื้นท่กี ารทำงานตามตำแหน่งขนาดและทิศทางท่ีต้องการ

2.1 กดคีย์ Shift ค้างไวข้ ณะวาดจะทำใหจ้ ุดเร่ิมตน้ ทค่ี ลิกถูกยึดออกเป็นเส้นตรง

2.2 กดคยี ์ Alt ค้างไว้ขณะวาดทำใหจ้ ุดเรมิ่ ต้นทค่ี ลกิ ถกู ยึดเป็นจุดกึง่ กลางและ

ผลลพั ธข์ องเส้นยาวทั้ง 2 ด้านเท่าๆ กัน

2.3 กดคยี ์ ˜ คา้ งไวข้ ณะวาดจะเป็นการวาดเส้นใหม่เพม่ิ ข้ึนเรอื่ ยๆ โดยวนรอบ

จุดศนู ย์กลาง

8.6.2 การวาดเส้นโค้งดว้ ยเคร่ืองมือ Arc คอื เคร่อื งมือการวาดเสน้ ลักษณะโคง้ ดังนี้

1. คลิกเคร่อื งมือ

2. คลกิ เมาส์ลากบนพนื้ ท่กี ารทำงาน ตามตำแหนง่ ขนาดและทศิ ทางที่ต้องการ

1.1 กดคยี ์ C ขณะลากเสน้ จะเปน็ การสลบั เส้นระหวา่ งการวาดเสน้ แบบปลายปดิ

และปลายเปดิ

1.2 กดคยี ์ F ขณะกำลงั วาดเสน้ จะเป็นการสลบั พลิกกลับแนวโคง้ ของเส้น

2. กดคีย์ → หรือ  ขณะกำลังวาดเสน้ จะเป็นการเพม่ิ หรอื ลดความโค้งของเสน้

8.6.3 การใช้เครอ่ื งมือ Spiral การวาดเสน้ จะเป็นการเพ่ิมหรือลดจำนวนโค้งเสน้ ดังนี้

1. คลกิ เคร่อื งมือ คลิกเมาสล์ ากบนพ้นื ท่ตี ามตำแหนง่ ขนาดและทศิ ทางที่ต้องการ

2. กดคีย์ → หรอื  ขณะวาดเส้นจะเปน็ การเพ่ิมหรือลดจำนวนโคง้ ของเสน้

โดยกำหนดคา่ Segments หรอื กำหนดคา่ ตา่ งๆ เครอ่ื งมือวาดแลว้ คลกิ บนอารต์ บอร์ด

181

8.6.4 การใช้เครอื่ งมือ Rectangular Grid คือ การวาดเส้นกรดิ (Grid) ขั้นตอนดังน้ี
1. คลกิ เครอ่ื งมอื แล้วคลกิ เมาส์ซา้ ย 1 คร้ัง บนพน้ื ทกี่ ารทำงานจะปรากฏ

หนา้ ตา่ ง Rectangular Grid Tool Option ดังภาพ
กำหนดกว้าง

กำหนดความสูง
กำหนดจำนวนเส้นแนวต้ัง
กำหนดระยะหา่ งแตล่ ะแถว
กำหนดจำนวนเส้นแนวนอน
กำหนดระยะห่างแตล่ ะแถว

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

8.6.5 การใชเ้ ครือ่ งมอื Polar Grid คอื การวาดเสน้ รัศมี ขัน้ ตอนดงั นี้
1. คลิกเคร่ืองมอื แลว้ คลิกเมาส์ 1 คร้ัง บนพนื้ ทีก่ ารทำงานจะปรากฏหน้าต่าง

Polar Grid Tool Options เพอื่ กำหนดคา่ คลิกลากบนพืน้ ทีก่ ารทำงานตามตำแหนง่ ขนาดและทิศทางที่
ตอ้ งการ

2. หรอื คลกิ เมาส์คา้ งแลว้ ลากตามขนาด ดังภาพ

8.6.6 การใชเ้ ครื่องมอื Symbol Sprayer คอื เครอื่ งมือสร้างสญั ลักษณพ์ เิ ศษตา่ งๆ ทีโ่ ปรแกรม
กำหนด ขนั้ ตอนดงั นี้

1. คลิกเครอื่ งมือ แล้วคลิกเลือกสญั ลกั ษณท์ ่ีต้องการจากพาเลต Symbol
2. คลิกเลอื ก (Symbols ) ที่ต้องการเลือก
3. คลิกเมาส์ดงึ ภาพจาก Symbol วางบนพนื้ ท่กี ารทำงาน

182

การยอ่ หรือขยายสัญลักษณ์นนั้ คลกิ เครือ่ งมือ แล้วคลกิ ที่สญั ลักษณท์ ่ีต้องการเพ่ือย่อหรอื
ขยายตามความเหมาะสม

กรณตี อ้ งการสญั ลักษณ์พเิ ศษจากพาเลตอ่ืนๆ โดยคลกิ บนพาเลต Symbol เลือกคำส่งั
Open Symbol Library แลว้ เลือกเปิดพาเลตใหม่ใดๆ
8.7 การซ่อนขอบเขตของภาพ

การซอ่ นขอบเขตของภาพในส่วนทไ่ี ม่ต้องการ หรือแสดงภาพเฉพาะสว่ นทตี่ อ้ งการเลอื กไวใ้ ห้
ปรากฏในลกั ษณะต่างๆ ตามรปู แบบของภาพทอ่ี ยู่ด้านบนของภาพ และสามารถนำภาพดงั กล่าวแก้ไข
ปรบั แต่ง เช่น กำหนดเส้นขอบของภาพ กำหนดความฟงุ้ เบลอ ขน้ั ตอนดงั น้ี

8.7.1 การซอ่ นขอบเขตของภาพ คอื การซ่อนภาพทอ่ี ยดู่ ้านล่างให้แสดงภาพในขอบเขตภาพ
เท่ากบั ภาพทอ่ี ยู่ด้านบน ขัน้ ตอนดงั นี้

1. เปิดไฟล์ภาพ
2. วาดรูปทรงภาพดา้ นบน ณ ตำแหน่งท่ีต้องการ
8.7.2 การกำหนดเส้นขอบภาพที่ซอ่ นขอบเขต คอื การกำหนดขนาดเส้นหรอื กำหนดสีเส้นให้
ภาพเพื่อความสวยงามยงิ่ ขึน้ (ภาพท่ไี ม่มีการซ่อนขอบเขตของภาพไมส่ ามารถกำหนดเส้นขอบ)ข้นั ตอนดังน้ี
1. คลกิ เลือกภาพแลว้ เลือกพาเลต Stroke เพอ่ื กำหนดขนาดเสน้
2. เลอื กพาเลต Color แล้วกำหนดสีเสน้ ขอบ

183

แบบฝึกหัด/เฉลย

ตอนท่ี 1 คำชีแ้ จง จงตอบคาถามตอ่ ไปนใี้ หไ้ ดใ้ จความสมบรู ณ์

1. การเรยี กใช้โปรแกรม Adobe Illustrator มีขั้นตอนอยา่ งไร

ตอบ การเข้าโปรแกรม Adobe Illustrator ดังน้ี

คลกิ ท่ี Start → All Program → Adobe Master Collection CS3→

Adobe Illustrator

2. การสร้างไฟลภ์ าพใหมม่ ขี ้นั ตอนอย่างไร

ตอบ การสร้างไฟล์ภาพใหม่หรือการสร้างอาร์บอรด์ คอื ขัน้ ตอนสรา้ งไฟลภ์ าพใหม่มี

ขัน้ ตอนดังนี้

1. คลกิ ท่เี มนู File → New จะปรากฎหนา้ ต่าง New Document

2. ชอ่ ง Name ให้ตั้งชอ่ื ไฟลภ์ าพ หรอื เกบ็ ไว้ตง้ั ตอนทีจ่ ะบนั ทึกไฟล์กไ็ ด้

3. ช่อง New Document Profile ใหค้ ลกิ แลว้ เลือก โปรไฟลม์ าตรฐานทต่ี รงกับลักษณะ

งาน เช่น Print คอื ไฟล์เอกสารสำหรบั งานพมิ พ์,Web คือไฟลเ์ อกสารสำหรับงานเว็บเพจ

4. ช่อง Size ให้คลิกแล้วเลอื กขนาดพนื้ ที่การทำงานท่ีต้องการ

5. ที่ Orientation ให้คลกิ เลอื กแนวการวางเปน็ แนวตง้ั หรอื แนวนอน

6. กำหนดพืน้ ทต่ี ามต้องการกด Ok

3. การเปิดไฟล์ภาพท่มี ีอย่แู ล้วมขี ้ันตอนอยา่ งไร

ตอบ คอื ข้นั ตอนการเปิดไฟล์เก่าทีไ่ ด้บนั ทกึ แล้วข้นึ มาปรับปรุงหรือแกไ้ ขสามารถทำไดด้ งั น้ี

1. คลิกเมนู File → Open หรือกดปุม่ Ctrl + O ท่ีคยี บ์ อรด์

2. ระบุโฟลเดอร์ทจี่ ัดเกบ็ ไฟล์รูปภาพ

3. คลกิ เลือกไฟล์รปู ภาพที่ตอ้ งการ

4. แสดงตวั อย่างรปู ภาพจากไฟล์ทีเ่ ลอื ก

5. ไฟลภ์ าพทีเ่ ปิด

4. สพี น้ื และสเี สน้ ขอบมีวธิ ีการกำหนดอยา่ งไร

ตอบ การเตมิ สพี ืน้ และสเี ส้น โดยการเลือกออบเจ็คกอ่ นแล้วคลิกเลอื ก สีพนื้ หรือสีเส้น

ดังขัน้ ตอนนี้

1. เลอื กออบเจ็ค ดบั เบิลคลิกสีพ้นื (จะปรากฎพาเนลสี)

2. คลกิ ลากเลื่อนสไลเดอร์หรอื คลิกบนแถบสีเพอื่ กำหนดคา่ สีขององค์ประกอบแรก

3. คลกิ บนกรอบสีเหลีย่ มใหญเ่ พ่อื เลือกสีทีต่ อ้ งการ

4. คลกิ ปมุ่ OK

5. การวาดเสน้ ดว้ ยกลุม่ เครอ่ื งมอื วาดเสน้ Line มีวิธีการวาดเส้นอย่างไร

ตอบ กล่มุ เครอ่ื งมือวาดเสน้ ทีใ่ ช้สำหรับวาดเส้นแบบเสน้ แบบสำเร็จรปู ซึ่งการวาดนน้ั ทำได้ 2 วิธี คือ วาด
โดยการคลิกลาก และวาดโดยการกำห2นดออปชนั

184

ตอนที่ 2 จงเลือกคาํ ตอบที่ถูกต้องทสี่ ุดเพียงขอ้ เดยี ว

คำสงั่ จงทำเคร่อื งหมายกากบาท () หนา้ ขอ้ ทีถ่ ูกตอ้ งมากทส่ี ุดเพยี งขอ้ เดียว

1. ขนั้ ตอนการเรยี กใชโ้ ปรแกรม Adobe Illustrator CS3 คือขอ้ ใด

ก. Start→ All Program → Adobe Master Collection CS3 → Adobe Illustrator

ข. Start → All Program → Illustrator

ค. Start → All Program → Adobe Master Collection CS3

ง. Start → All Program → Illustrator CS3

2. การเปิดไฟลภ์ าพทีม่ ีอย่แู ลว้ คือคาส่งั ขอ้ ใด

ก. File → Open เลอื กรูปแบบ Name, New Document Profile, Size และ Orientation

ข. File → New เลือกรูปแบบ Name, New Document Profile, Size และ Orientation

ค. File → New เลือกไฟลภ์ าพ กด OK

ง. File → Open เลือกไฟลภ์ าพ กด OK

3. ขอ้ ใดไม่ใช่การปรบั มมุ มองวินโดวโ์ ปรแกรม

ก. Normal Screen Mode ข. Full Screen Mode With Menu Bar

ค. Full Scree Bar ง. Full Screen Mode

4. สว่ นประกอบของ Object คือขอ้ ใด

ก. Stroke ข. Bounding Box

ค. Anchor Point ง. ถกู ทงั้ ขอ้ ก และ ข

5. ตาแหนง่ จดุ ที่ใชค้ วบคมุ ความโคง้ และทศิ ทางของเสน้ Path ท่ีออกจากจดุ คอื ขอ้ ใด

ก. แขน Direction ข. Anchor Point

ค. Path ง. Anchor Point, Path

6. การวาดเสน้ โคง้ ควรใชเ้ ครอื่ งมือคอื ขอ้ ใด

ก. Rectangular Grid ข. Polar Grid

ค. Line Segment ง. Arc

7. ลกั ษณะสี ขอ้ ใดกลา่ วถกู ตอ้ ง

ก. แสดงเฉพาะสชี มพเู ทา่ นน้ั ข. แสดงสีพนื้ สชี มพเู ท่านน้ั

ค. ไม่แสดงสเี สน้ แสดงเฉพาะสีพนื้ ง. ไม่แสดงสีพนื้ แสดงเฉพาะสีเสน้

8. การกาหนดสเี สน้ และสพี นื้ ขอ้ ใดกลา่ วถกู ตอ้ ง

ก. เลือกพาเลต Color คลกิ เลือกสีพนื้ → คลิกเลอื กสเี สน้ → วาด Object

ข. เลอื กพาเลต Appearance คลกิ เลือกสีพนื้ → คลิกเลือกสเี สน้ → วาด Object

ค. เลอื กพาเลต Swatches คลิกเลือกสีพนื้ → คลิกเลอื กสเี สน้ → วาด Object

ง. ไม่มขี อ้ ใดถกู

185

9. เครือ่ งมือ Rectangular Grid คอื การวาดเสน้ ลกั ษณะใด

ก. เสน้ โคง้ ข. วาดเสน้ กริด

ค. เสน้ แนวตงั้ ง. วาดเสน้ ตรง

10. การซ่อนขอบเขตของภาพขอ้ ใดกลา่ วถกู ตอ้ ง

ก. แสดงภาพเฉพาะส่วน ตามรูปแบบของภาพทีอ่ ยดู่ า้ นบนของภาพ

ข. แสดงภาพเฉพาะส่วน ตามรูปแบบของภาพทีอ่ ยดู่ า้ นล่างของภาพ

ค. ปิดภาพเฉพาะส่วน ตามรูปแบบของภาพที่อย่ดู า้ นลา่ งของภาพ

ง. ปิดภาพเฉพาะสว่ น ตามรูปแบบของภาพท่อี ย่ดู า้ นบนของภาพ

เอกสารอา้ งอิง
สทิ ธิชยั ประสานวงศ.์ (2556). แบบเรียนวิชาโปรแกรมกราฟิก Adobe Photoshop CS6 สรา้ ง
และตกแตง่ งานคอมพิวเตอร์กราฟิกด้วยโปรแกรมกราฟกิ . กรุงเทพฯ : ซอฟทเ์ พรส.
ภาคผนวก (ถา้ ม)ี

186

ใบงานที่ 8 หนว่ ยที่ 8

รหสั วิชา 20204-2007 ชื่อวชิ า โปรแกรมกราฟกิ ภาคเรยี นที่ 1

ชอ่ื หนว่ ย การใช้โปรแกรมกราฟกิ แบบเวคเตอร์ เวลารวม 8 ชั่วโมง

ชื่องาน การใช้โปรแกรมกราฟกิ แบบเวคเตอร์ จำนวน 4 ชั่วโมง

จุดประสงค์การเรยี นรู้

จุดประสงคท์ ั่วไป
1. เพือ่ ใหม้ ีความรู้ความเขา้ ใจเกยี่ วกบั การเรียกใช้โปรแกรมและออกจากโปรแกรม
2. เพื่อให้มีความรู้ความเข้าใจเกี่ยวกบั ขัน้ ตอนการสร้างไฟลภ์ าพใหม่
3. เพ่อื ใหม้ คี วามร้คู วามเขา้ ใจเก่ียวกบั การปรบั มุมมองของภาพ
4. เพ่อื ใหม้ ีความรู้ความเข้าใจเกีย่ วกับกำหนดสีพ้นื และสเี สน้ ขอบ

จุดประสงค์เชิงพฤติกรรม (ความรู้ ทกั ษะ คณุ ธรรม จริยธรรม จรรยาบรรณวชิ าชีพ)
1. เรยี กใช้โปรแกรมและออกจากโปรแกรมได้
2. อธบิ ายขัน้ ตอนการสร้างไฟลภ์ าพใหม่ได้
3. ปรบั มุมมองของภาพได้
4. วาดภาพ โดยการใช้เครือ่ งวาดภาพได้
5. กำหนดสีพ้นื และสีเส้นขอบได้
6. วาดเส้นด้วยกล่มุ เครือ่ งมอื Line ได้
7. ซ่อนขอบเขตของภาพได้

สมรรถนะรายหน่วย
สรา้ งภาพกราฟกิ และจดั การแฟ้มภาพด้วยโปรแกรมกราฟกิ

เคร่ืองมือ วัสดุ – อปุ กรณ์
1. เครอ่ื งคอมพิวเตอร์ PC หรอื Notebook
2. โปรเจค็ เตอร์
3. หนังสอื

ลำดับข้ันตอนการปฏิบตั งิ าน
1. ใหน้ ักศึกษาแบง่ กลมุ่ ตามความเหมาะสม เพ่ือศึกษาและอภิปราย
1.1 อธบิ ายการสรา้ งตัวอกั ษรและขอ้ ความ
1.2 เขยี นรูปพรอ้ มอธิบายการวาดภาพ (Drawing)
2. เขียนอภปิ รายและวิเคราะหใ์ สก่ ระดาษ
3. นำผลงานส่งครูผู้สอนเพือ่ ประเมนิ ผล

ภาพประกอบ

ขอ้ ควรระวัง

187

ผเู้ รียนควรตรวจสอบขอ้ มูลก่อนให้ถถ่ี ้วน ละเอยี ด และรอบคอบก่อน เพอื่ ปอ้ งกนั ความผดิ พลาดก่อน
การส่งงาน
ข้อเสนอแนะ (ถ้าม)ี
นกั ศกึ ษาควรมีภาพประกอบการนำเสนองาน และสามารถอธบิ ายเนื้อหาให้สอดคล้องกับภาพให้ถกู ต้อง
การประเมินผล (ตอ้ งระบุเกณฑ์การประเมินใหช้ ัดเจน)

1. สังเกตผเู้ รยี นมคี วามสนใจ เกดิ ความเขา้ ใจในสาระการเรียนรู้ ตลอดจนแสดงความกระตอื รอื รน้
ในการแสดงความคิดเห็นและสรุปสาระการเรียนรู้ประจำหนว่ ย
2. ทำใบงานได้อย่างถกู ต้อง ทันเวลาทีก่ ำหนด ใบงานสะอาดและเปน็ ระเบียบ
3. ผ้เู รยี นทำแบบฝึกหัดหลงั เรยี นไดถ้ กู ต้อง โดยไดค้ ะแนน 50% เป็นอยา่ งต่ำ
เอกสารอา้ งองิ
สทิ ธิชยั ประสานวงศ.์ (2556). แบบเรยี นวชิ าโปรแกรมกราฟิก Adobe Photoshop CS6 สร้าง
และตกแต่งงานคอมพิวเตอร์กราฟิกด้วยโปรแกรมกราฟิก. กรุงเทพฯ : ซอฟท์เพรส.

188

ใบกิจกรรมที่ 8 หน่วยที่ 8

รหัสวชิ า 20204-2007 ชื่อวิชา โปรแกรมกราฟิก ภาคเรยี นที่ 1

ชอื่ หนว่ ย การใชโ้ ปรแกรมกราฟิกแบบเวคเตอร์ เวลารวม 8 ชั่วโมง

ชอ่ื งาน การใช้โปรแกรมกราฟิกแบบเวคเตอร์ จำนวน 4 ชั่วโมง

จดุ ประสงค์การเรยี นรู้

จดุ ประสงค์ทั่วไป
1. เพอ่ื ให้มีความรู้ความเขา้ ใจเกยี่ วกับการเรยี กใชโ้ ปรแกรมและออกจากโปรแกรม
2. เพอื่ ใหม้ ีความรู้ความเขา้ ใจเกย่ี วกับขั้นตอนการสร้างไฟลภ์ าพใหม่
3. เพื่อใหม้ ีความรูค้ วามเข้าใจเก่ียวกับการปรบั มมุ มองของภาพ
4. เพอ่ื ให้มคี วามรู้ความเขา้ ใจเกย่ี วกับกำหนดสพี ้ืนและสีเส้นขอบ

จดุ ประสงคเ์ ชิงพฤติกรรม (ความรู้ ทักษะ คุณธรรม จรยิ ธรรม จรรยาบรรณวิชาชีพ)
1. เรียกใช้โปรแกรมและออกจากโปรแกรมได้
2. อธิบายข้นั ตอนการสร้างไฟล์ภาพใหม่ได้
3. ปรับมมุ มองของภาพได้
4. วาดภาพ โดยการใช้เครอื่ งวาดภาพได้
5. กำหนดสพี ื้นและสีเสน้ ขอบได้
6. วาดเสน้ ดว้ ยกลุ่มเครอ่ื งมอื Line ได้
7. ซ่อนขอบเขตของภาพได้

สมรรถนะรายหน่วย
สรา้ งภาพกราฟิกและจดั การแฟ้มภาพดว้ ยโปรแกรมกราฟิก

เครื่องมอื วัสดุ – อุปกรณ์
1. เครือ่ งคอมพวิ เตอร์ PC หรือ Notebook
2. โปรเจ็คเตอร์
3. หนงั สอื

ลำดบั กจิ กรรม
1. ผู้เรียนตอ้ งใหค้ วามสนใจในการศึกษา เพื่อหาเทคนิค วิธีการ หรือหลักการง่ายเพ่ือให้หาคำตอบ

ได้อย่างถูกต้อง และรวดเร็ว โดยการ ตั้งใจฟังหลักการ เทคนิควิธีการที่ครูผู้สอนสรุปในขณะที่ทำการ
สอน และนำขอ้ สงสัยซกั ถามครูในการเรยี นทุกคร้ังทเ่ี กิดความสบั สน และไม่เข้าใจ

2. ผูม้ กี ารทบทวนบทเรยี น ตลอดเพือ่ เสรมิ สรา้ งความเข้าใจอยา่ งแท้จรงิ
3. ผ้เู รียนหมัน่ ทำใบงาน แบบฝึกหัด และแก้ไขข้อที่ผดิ ให้ถกู ตอ้ งเสมอ
4. ผู้เรียนต้องสร้างมโนภาพให้เกิดความคิดรวบยอดในสาระการเรียนรู้และเทคนิควธิ ีการพร้อมกับ
ความจำเป็นในการนำไปประยุกต์ใช้ให้เกิดขึ้นโดยตนเองให้ได้เพ่ือเกิดความรู้ความเข้าใจอย่างแท้จริง
ไมใ่ ชเ่ กิดจากการทอ่ งจำ

189

5. ผู้เรียนต้องดำเนินการตามกิจกรรมหรืองานที่ได้รับมอบหมาย ให้เสร็จสิ้นภายในระยะเวลาท่ี
กำหนด และฝกึ ฝนตนเองเสมอ เม่ือไดร้ บั มอบหมายงานมา

การประเมนิ ผล (ตอ้ งระบเุ กณฑก์ ารประเมินให้ชัดเจน)
1. สังเกตผเู้ รียนมีความสนใจ เกิดความเขา้ ใจในสาระการเรียนรู้ ตลอดจนแสดงความกระตือรอื รน้ ใน
การแสดงความคิดเหน็ และสรปุ สาระการเรยี นรู้ประจำหนว่ ย
2. ทำใบงานได้อยา่ งถกู ต้อง ทันเวลาทก่ี ำหนด ใบงานสะอาดและเป็นระเบยี บ
3. ผเู้ รยี นทำแบบฝกึ หัดหลังเรยี นได้ถกู ตอ้ ง โดยได้คะแนน 50% เปน็ อย่างตำ่

เอกสารอ้างอิง
สทิ ธิชยั ประสานวงศ.์ (2556). แบบเรียนวชิ าโปรแกรมกราฟิก Adobe Photoshop CS6 สรา้ ง
และตกแต่งงานคอมพิวเตอร์กราฟิกด้วยโปรแกรมกราฟกิ . กรงุ เทพฯ : ซอฟทเ์ พรส.

190

ใบปฏบิ ตั งิ านที่ 8 หน่วยท่ี 8

รหสั วชิ า 20204-2007 ชื่อวชิ า โปรแกรมกราฟกิ ภาคเรียนท่ี 1

ช่ือหน่วย การใช้โปรแกรมกราฟิกแบบเวคเตอร์ เวลารวม 8 ชั่วโมง

ชอื่ งาน การใชโ้ ปรแกรมกราฟกิ แบบเวคเตอร์ จำนวน 4 ช่วั โมง

จดุ ประสงค์การเรยี นรู้

จุดประสงคท์ ่ัวไป
1. เพอื่ ให้มีความรู้ความเข้าใจเกี่ยวกบั การเรยี กใช้โปรแกรมและออกจากโปรแกรม
2. เพอ่ื ใหม้ คี วามรู้ความเข้าใจเกี่ยวกับขน้ั ตอนการสร้างไฟล์ภาพใหม่
3. เพอื่ ให้มีความรู้ความเข้าใจเก่ยี วกับการปรับมมุ มองของภาพ
4. เพ่ือใหม้ คี วามรคู้ วามเขา้ ใจเก่ยี วกบั กำหนดสีพืน้ และสีเสน้ ขอบ

จดุ ประสงค์เชิงพฤตกิ รรม (ความรู้ ทักษะ คุณธรรม จรยิ ธรรม จรรยาบรรณวิชาชีพ)
1. เรียกใช้โปรแกรมและออกจากโปรแกรมได้
2. อธบิ ายขั้นตอนการสรา้ งไฟลภ์ าพใหมไ่ ด้
3. ปรบั มุมมองของภาพได้
4. วาดภาพ โดยการใชเ้ คร่ืองวาดภาพได้
5. กำหนดสพี ื้นและสเี สน้ ขอบได้
6. วาดเส้นด้วยกล่มุ เครื่องมือ Line ได้
7. ซอ่ นขอบเขตของภาพได้

สมรรถนะรายหน่วย
สร้างภาพกราฟิกและจัดการแฟ้มภาพดว้ ยโปรแกรมกราฟกิ

เคร่อื งมอื วัสดุ – อุปกรณ์
1. เครื่องคอมพวิ เตอร์ PC หรอื Notebook
2. โปรเจ็คเตอร์
3. หนังสอื

ลำดบั ขนั้ ตอนการปฏิบตั งิ าน
1. ผเู้ รียนคน้ หาขอ้ มลู จากในอนิ เตอรเ์ นต็ ตามเร่อื งที่ได้รบั มอบหมายมาจาครูผู้สอน
2. เมื่อผ้เู รียนได้รับขอ้ มลู เรียบร้อยแล้ว ให้ผ้เู รยี น นำขอ้ มูลนัน้ มาเรียบเรยี งให้เป็นระเบยี บ สวยงาม ให้
สามารถเขา้ ใจไดง้ ่าย โดยจัดทำในรูปแบบเลม่ รายงาน

ภาพประกอบ

ข้อควรระวัง

191

ผู้เรียนควรตรวจสอบขอ้ มูลก่อนให้ถี่ถว้ น ละเอยี ด และรอบคอบก่อน เพือ่ ป้องกันความผดิ พลาดก่อน
การส่งงาน
ขอ้ เสนอแนะ

นักศกึ ษาควรมภี าพประกอบการนำเสนองาน และสามารถอธบิ ายเนอ้ื หาใหส้ อดคลอ้ งกบั ภาพให้
ถูกตอ้ ง
การประเมินผล

1. สังเกตผู้เรียนมคี วามสนใจ เกิดความเข้าใจในสาระการเรียนรู้ ตลอดจนแสดงความกระตือรอื รน้ ใน
การแสดงความคิดเหน็ และสรปุ สาระการเรียนรู้ประจำหน่วย
2. ทำใบงานไดอ้ ย่างถกู ต้อง ทนั เวลาท่ีกำหนด ใบงานสะอาดและเปน็ ระเบียบ
3. ผู้เรยี นทำแบบฝึกหดั หลังเรยี นได้ถกู ต้อง โดยได้คะแนน 50% เปน็ อยา่ งตำ่
เอกสารอ้างอิง
สิทธิชยั ประสานวงศ์. (2556). แบบเรียนวิชาโปรแกรมกราฟกิ Adobe Photoshop CS6 สร้าง
และตกแตง่ งานคอมพิวเตอร์กราฟิกด้วยโปรแกรมกราฟกิ . กรงุ เทพฯ : ซอฟท์เพรส.

192

ใบมอมหมายงานท่ี 8 หน่วยท่ี 8

รหัสวิชา 20204-2007 ช่อื วชิ า โปรแกรมกราฟกิ ภาคเรียนที่ 1

ชอ่ื หน่วย การใช้โปรแกรมกราฟกิ แบบเวคเตอร์ เวลารวม 8 ชั่วโมง

ชอ่ื งาน การใช้โปรแกรมกราฟกิ แบบเวคเตอร์ จำนวน 4 ชั่วโมง

จดุ ประสงค์การเรียนรู้

จุดประสงค์ท่ัวไป
1. เพอ่ื ใหม้ คี วามรู้ความเขา้ ใจเกยี่ วกบั การเรียกใช้โปรแกรมและออกจากโปรแกรม
2. เพอ่ื ใหม้ คี วามรู้ความเขา้ ใจเกีย่ วกับข้นั ตอนการสร้างไฟล์ภาพใหม่
3. เพือ่ ใหม้ ีความรูค้ วามเข้าใจเกย่ี วกับการปรับมุมมองของภาพ
4. เพอ่ื ให้มีความร้คู วามเข้าใจเก่ียวกับกำหนดสีพืน้ และสีเส้นขอบ

จุดประสงค์เชิงพฤติกรรม (ความรู้ ทกั ษะ คณุ ธรรม จริยธรรม จรรยาบรรณวชิ าชพี )
1. เรียกใชโ้ ปรแกรมและออกจากโปรแกรมได้
2. อธบิ ายขนั้ ตอนการสร้างไฟลภ์ าพใหมไ่ ด้
3. ปรบั มุมมองของภาพได้
4. วาดภาพ โดยการใช้เคร่อื งวาดภาพได้
5. กำหนดสพี น้ื และสีเส้นขอบได้
6. วาดเสน้ ดว้ ยกลมุ่ เครือ่ งมือ Line ได้
7. ซ่อนขอบเขตของภาพได้

สมรรถนะรายหน่วย
สร้างภาพกราฟิกและจัดการแฟม้ ภาพด้วยโปรแกรมกราฟิก

เครื่องมือ วัสดุ – อุปกรณ์
1. เครอื่ งคอมพิวเตอร์ PC หรอื Notebook
2. โปรเจ็คเตอร์
3. หนงั สอื

แนวทางการปฏิบตั ิงาน

193

1. ให้ผ้เู รยี นปฏิบัติงานตามใบงาน ใบกิจกรรม ใบปฏบิ ัติงาน อย่างเครง่ ครดั ตามหวั ข้อทไ่ี ด้รับ
มอบหมาย ให้เสร็จสนิ้ ตามระยะเวลาท่ีกำหนด พร้อมท้งั การจัดทำรายงาน และนำเสนองานอยา่ ง
ถูกต้อง ครบถ้วน เปน็ ระเบยี บเรยี บร้อย
2. ให้ผเู้ รียนแบง่ หนา้ ท่ีกับเพือ่ นในกลุ่มใหช้ ัดเจน และสามารถเข้าใจเนอ้ื หาตามหวั ขอ้ ดงั กล่าว ได้
อย่างถูกตอ้ ง ครบถ้วน
ภาพประกอบ
ข้อควรระวัง
ผ้เู รยี นควรตรวจสอบขอ้ มูลกอ่ นใหถ้ ีถ่ ้วน ละเอยี ด และรอบคอบกอ่ น เพื่อปอ้ งกนั ความผิดพลาดก่อน
การสง่ งาน
ข้อเสนอแนะ
นักศกึ ษาควรมีภาพประกอบการนำเสนองาน และสามารถอธิบายเน้ือหาใหส้ อดคล้องกับภาพให้
ถกู ตอ้ ง
การประเมนิ ผล
1. สงั เกตผู้เรียนมคี วามสนใจ เกิดความเข้าใจในสาระการเรียนรู้ ตลอดจนแสดงความกระตอื รอื รน้ ใน
การแสดงความคิดเหน็ และสรุปสาระการเรียนรู้ประจำหน่วย
2. ทำใบงานไดอ้ ย่างถกู ตอ้ ง ทนั เวลาที่กำหนด ใบงานสะอาดและเป็นระเบียบ
3. ผู้เรยี นทำแบบฝกึ หัดหลงั เรยี นได้ถกู ต้อง โดยได้คะแนน 50% เป็นอย่างต่ำ
เอกสารอา้ งองิ
สทิ ธิชยั ประสานวงศ.์ (2556). แบบเรียนวิชาโปรแกรมกราฟิก Adobe Photoshop CS6 สรา้ ง
และตกแตง่ งานคอมพวิ เตอร์กราฟกิ ดว้ ยโปรแกรมกราฟกิ . กรงุ เทพฯ : ซอฟทเ์ พรส.

194

แผนการจดั การเรยี นรู้
หน่วยท.่ี .............. 9...................................... จำนวน........8..........ชั่วโมง สัปดาห์ที่.....17......
ช่อื วชิ า โปรแกรมกราฟิก
ชื่อหน่วย การสรา้ งขอ้ ความ การปรบั รูปทรงภาพ และการใชพ้ าเลต
ชื่อเรือ่ ง การสร้างข้อความ การปรบั รปู ทรงภาพ และการใช้พาเลต

1. สาระสำคญั
การสือ่ ความหมายของภาพใหช้ ัดเจน คือ การสรา้ งขอ้ ความแทรกทสี่ วยงามน่าสนใจและมคี วามเหมาะสม

กบั ภาพ การสร้างรปู ทรงใหมด่ ้วยวธิ ีการปรับรปู ทรงภาพ เช่น การปรับแตง่ เสน้ Pathด้วยการปรบั ขนาด การหมุน
การบิดเอยี ง และพลิกกลับตำแหน่ง หรือการปรับสว่ นประกอบตา่ งๆ ของขอ้ ความบนเส้น Path การกำหนดสีพนื้
และสเี ส้นขอบอกั ษร และการใชพ้ าเลต Pathfinder จดั การลกั ษณะของวัตถทุ ีเ่ รยี งซอ้ นกนั เช่น การตดั เจาะทะลุ
การจดั ลำดับวัตถุและรวมวตั ถุทมี่ กี ารซอ้ นทบั กันอยู่ตัง้ แต่ 2 ชนิ้ ข้ึนไป เพือ่ สร้างรูปทรงใหม่ประยุกตใ์ ช้งานตกแตง่
ภาพ
2. สมรรถนะประจำหนว่ ย

สร้างข้อความปรับรูปทรงภาพและใช้พาเลตดว้ ยโปรแกรมกราฟิก
3. จดุ ประสงค์การเรียนรู้

3.1 จดุ ประสงคท์ ว่ั ไป

1. เพ่ือให้มคี วามรู้ความเข้าใจเก่ียวกับการสร้างขอ้ ความกลุ่มเคร่อื งมอื กล่มุ Type Tool
2. เพ่อื ให้มีความรคู้ วามเข้าใจเก่ยี วกับการสร้างข้อความหลายบรรทัด
3. เพื่อใหม้ คี วามรู้ความเข้าใจเก่ียวกบั การปรบั แต่ง ดัดแปลง จดั รูปทรงภาพ
4. เพือ่ ใหม้ คี วามร้คู วามเข้าใจเกี่ยวกับการสร้างภาพใหมโ่ ดยพาเลต Pathfinder
3.2 จดุ ประสงค์เชิงพฤติกรรม (ความรู้ ทกั ษะ คุณธรรม จรยิ ธรรม จรรยาบรรณวชิ าชพี )
1. สรา้ งข้อความกลมุ่ เครือ่ งมอื กลมุ่ Type Tool ได้
2. สร้างขอ้ ความหลายบรรทดั ได้
3. เลือกและการปรบั แต่งรปู แบบขอ้ ความได้
4. ปรับแต่ง ดัดแปลง จดั รปู ทรงภาพได้
5. สรา้ งภาพใหมโ่ ดยพาเลต Pathfinder ได้
6. มคี วามรบั ผดิ ชอบต่องานทไี่ ด้รบั มอบหมาย

195

4. สาระการเรียนรู้
โปรแกรม Adobe Illustrator คอื โปรแกรมทีน่ ิยมใชใ้ นการวาดภาพลายเสน้ เชน่ การวาดภาพการต์ นู

การออกแบบ Logo การออกแบบผลิตภัณฑ์ การออกแบบปกหนงั สือ การออกแบบป้ายโฆษณาต่างๆ และการ
ออกแบบองค์ประกอบ Web Page ซ่งึ เปน็ โปรแกรมท่ใี ช้งานงา่ ยเน่ืองจากเครือ่ งมือต่างๆ อำนวยความสะดวกใน
การสร้างภาพไดส้ วยงามเหมาะสม

5. กจิ กรรมการเรยี นรู้ (สัปดาห์ท่ี......17.........)

กระบวนการจัดการเรยี นรู้

ข้ันตอนการจดั การเรียนรู้ หรือกิจกรรมครู ขั้นตอนการเรยี นรู้ หรอื กจิ กรรมผู้เรียน

5.1 ข้นั นำเข้าสูบ่ ทเรียน

1. ครูชี้แจงให้นักศึกษาทราบถึงแนวทางในการ 1. นกั เรียนรับฟงั คำช้แี จงจากครูผู้สอนและซักถาม
ปฏิบัติตน เกี่ยวกับการเรียนการสอนการ เพ่อื ความเข้าใจ และรับฟังการอบรมคณุ ลักษณะที่พงึ
ประเมนิ ผล การเรยี น และไดอ้ บรมคณุ ลกั ษณะที่ พงึ ประสงคเ์ รอื่ ง ความมวี ินยั การแตง่ กาย การตรงตอ่ -
ประสงค์ คือ เรื่องความ มีวินัย โดยเฉพาะการแตง่ - เวลา และการใชเ้ วลาให้เป็นประโยชน์
ก าย ก าร ตร ง ต่อเว ลา ก ฎร ะ เบียบก า ร ใ ช้

หอ้ งปฏบิ ัตกิ าร การรกั ษาความสะอาดภายในห้อง 2. นักเรียนยกมือเพื่อแสดงความคิดเห็น และ
2. ครสู อบถามนักเรยี นในช้ัน เรียนเรื่องการ สอบถามเมอ่ื ไม่เข้าใจ

สร้างข้อความ การปรับรูปทรงภาพ และการใช้พา

เลต 3. นักเรยี นฟังครูอธิบายและจดบันทกึ เนือ้ หาหลัก
5.2 ขัน้ สอน ทสี่ ำคญั

3. ครอู ธบิ ายการสร้างข้อความ การปรบั รปู ทรง 4. นกั เรยี นช่วยกนั อธิบายและซกั ถามขอ้ สงสัย
ภาพ และการใชพ้ าเลต เพ่อื ความเขา้ ใจ

4. ครใู ห้นกั เรยี นอธบิ ายการสร้างข้อความ การ 5. นกั เรยี นฟงั ครูสรปุ แล้วจดบันทกึ ส่วนท่สี ำคัญ
ปรบั รูปทรงภาพ และการใชพ้ าเลต เพมิ่ เติม

5. ครผู ู้สอนทำการสรปุ เนื้อหา 6. นักเรียนฟงั ครอู ธบิ ายและจด บันทกึ เนอ้ื หา

หลกั ทส่ี ำคัญ

7. นักเรยี นชว่ ยกันอธบิ ายเนอ้ื หา และทดลองการ

เข้าสู่โปรแกรม บนเครอื่ งคอมพิวเตอร์ เพ่อื ใหเ้ หน็

5.3 ขัน้ สรุป ภาพท่เี ปน็ ความจริง

6. ครแู จกใบงานใหก้ บั นักเรยี น 9. นกั เรียนนำใบงานไปฝกึ ปฏบิ ตั บิ นเครื่อง
เพ่อื ทำการฝกึ ปฏบิ ัตบิ น เครื่องคอมพิวเตอรเ์ พือ่ คอมพวิ เตอรใ์ นห้องปฏบิ ตั ิการ
ฝึก ทกั ษะ