ใบความรู้ที่ 3 การใช้เครื่องมือวาดภาพ

1. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 1
วาดแบบ Object Drawing
รูปทรงที่ไดจากการวาดแตละครั้งจะเปนอิสระจากกัน และเมื่อมีการวางซอนทับกัน
ก็ไมมีผลทําใหออบเจ็กตหรือตัวเองเปลี่ยนแปลงรูปรางในการวาดแบบนี้ใหคลิกเลือก Object
drawing ที่ออปชั่นของเครื่องมือไวกอนลงมือวาด
รูปทรงที่วาดหรือนํามาวางซอนกัน จะเปนอิสระจากกัน
วาดแบบ Merge Drawing
รูปทรงนี้ไดจากการวาดจะมีผลตอรูปทรงอื่นโดยเมื่อมีการวาดหรือนําไปวางซอนทับกัน
จะทําใหคุณสมบัติของพื้นภาพหรือเสนแปรเปลี่ยนไป ในการวาดแบบนี้ใหยกเลิกการเลือก
Object Drawing ที่ออปชั่นของเครื่องมือ กอนลงมือวาด
การซอนทับของรูปทรงในแบบ Merge Drawing ในการวาดแบบ Merge Drawing
เมื่อวาดรูปทรงใดๆ ทับรูปทรงอื่นที่อยูดานลาง (หรือยายรูปทรงที่วาดดวยวิธีนี้มาซอนกัน) จะมีผล
กับรูปทรงทั้งสองโดยแยกไดเปนกรณีตางๆ ดังนี้
 รูปทรงทั้งสองไมมีเสนและมีสีพื้นเปนสีเดียวกัน
จะทําใหรูปทรงทั้งหมดถูกรวมเปนชิ้นเดียวกัน
 รูปทรงทั้งสองไมมีเสนและมีสีพื้นที่ไมใชสีเดียวกัน
จะทําใหรูปทรงทั้งสองแยกออกจากกัน โดยที่รูปดานบน
ยังเหมือนเดิมแตรูปดานลางจะถูกตัดและสวนที่ถูกทับจะหายไป
ใบความรูที่ 3 เรื่อง การใชเครื่องมือวาดภาพ
วิชาการสรางภาพเคลื่อนไหว ชั้น ม.6 เวลา 2 ชั่วโมง ครูผูสอน ครูจิรัฐชญา ปาแปง

2. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 2
 รูปทรงทั้งสองหรือชิ้นใดชิ้นหนึ่งมีเสน
(ไมวาพื้นและเสนจะเปนสีเดียวกันหรือคนละสี)
จะทําใหรูปทรงทั้งสองแยกออกจากกัน โดยที่รูปทรง
ดานบนยังเหมือนเดิมแตรูปดานลางจะถูกตัด
และหากดับเบิลคลิกเลือกที่รูปทรงใดก็จะได
เสนกรอบตามรูปทรงนั้น ดังภาพ
ดับเบิลคลิกบนรูปสีเขียว ดับเบิลคลิกบนรูปสีฟา
แลวคลิกลากออกมา
 รูปทรงที่มีเฉพาะเสน ไมวาจะเปนสีเดียวกันหรือไมก็ตาม
เสนจะสามารถแยกสวนออกตามมุมหรือตรงจุดที่เสนตัดกันได
ลากเสนตรง (Line Tool)
เสนตรงเปนพื้นฐานของรูปทรงตางๆ การลากเสนตรงดวยเครื่องมือของโปรแกรม Flash
จะคลายกับเครื่องมือในโปรแกรมตกแตงภาพทั่วไป แตจะมีความสามารถบางอยางที่แตกตางกันไป
ดังตัวอยางตอไปนี้
1. คลิกปุม Line Tool ที่ทูลบ็อกซ
2. คลิกเลือกสีของเสนจากชอง Stroke Color
3. คลิกเมาสที่จุดเริ่มตนบนสเตจ (พื้นที่วาง) คลิกคางไวแลวลากเมาสกําหนดความยาว
และทิศทางของเสนตรง แลวปลอยเมาสก็จะไดเสนตรงตามที่ตองการ หรือจะลองลากเมาสสราง
เสนตรงอื่นๆ ไดอีกตามตองการ รวมถึงการเปลี่ยนสีสันที่หลากหลายใหเกิดความคลองตัวมากขึ้น
4. หากตองการวาดใหเปนรูปตางๆ ใหดรากสเมาสลากจนกลายเปนรูปที่ตองการ ซึ่ง Snap
to Objects (เปนรูปวงกลมที่ปรากฏพรอมเสนที่วาด) จะชวยทําใหขณะที่วาดอยูนั้น มุมมองเสน
จะสามารถชนกันและกลายเปนเสนที่ตอเนื่องกันโดยอัตโนมัติ

3. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 3

4. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 4
ปรับเปลี่ยนเสนแกไขระดับพื้นฐาน
เสนที่ไดสรางขึ้นมาใหมีรูปรางตางๆนั้นสามารถปรับเปลี่ยนแกไขในภายหลังได ไมวาจะเปน
สี ขนาด รูปรางของเสน ซึ่งเมื่อตองการปรับเปลี่ยนคาตางๆ ใหทําการเปด Properties Panel ขึ้นมา
เทานั้น ก็สามารถกําหนดคาตางๆ ไดตามตองการ
1. คลิกปุม Arrow Tool ที่ทูลบ็อกซ และดรากสเมาสคลุมเลือกออบเจ็กต
2. คลิกเมนู Window เลือกคาสั่ง Properties ใหปรากฏเครื่องหมายถูก
3. คลิกเลือกสีของเสนจากชอง Stroke Color
4. คลิกเลือกความหมายของเสนจากชอง Thickness
5. คลิกเลือกรูปแบบของเสนจากชองType
6. คลิกเมาสที่พื้นงาน 1 ครั้ง จากนั้นเสนที่เลือกไวจะมีสี ความหนา และรูปแบบเปลี่ยนไป
ตามคาที่กําหนด

5. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 5
ปรับเปลี่ยนแกไขระดับสูง
สําหรับวิธีการเปลี่ยนแปลงแกไขเสนนั้น ยังสามารถกําหนดรูปแบบตางๆ เพิ่มเติมขึ้นไดอีก
เชน หากเปนเสนประก็สามารถกําหนดวาตองการใหความถี่ของระยะหางระหวางเสนประแตละเสน
นั้น มีระยะความหางมากนอยเทาไรมีความเขมจางเทาไร เปนตน ซึ่งคาตางๆ ที่มีใหกําหนดนั้น
จะขึ้นอยูกับรูปรางลักษณะของเสนแตละรูปแบบที่ไดเลือกไว
1. คลิกปุม ที่ Properties Panel จะปรากฏไดอะล็อกบ็อกซ Stoke Style ขึ้นมา
2. กําหนดคาระยะหางของเสนประจากชอง Dot Spacing เมื่อกําหนดเรียบรอยแลวใหคลิก
ที่ปุม OK
3. จะไดรูปภาพเสนประที่มีระยะความหางมากขึ้นตามคาที่กําหนดไว

6. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 6
สรางเสนปากกาดวยเครื่องมือ Pen Tool
หนาที่การทางานของเครื่องมือ Pen Tool คือ ใชสําหรับวาดเสนตรงและเสนโคงไปใน
ทิศทาง ตางๆ เสนที่สรางจากเครื่องมือ Pen Tool จะมีความยืดหยุนตอการทํางานมากกวาเสนที่
สรางจากเครื่องมือ Line Tool เนื่องจากปรากฏแฮนเดิลขึ้นมาในระหวางทํางาน ทําใหสามารถดัด
เสนใหเปนรูปรางตามตองการไดอยางสะดวกขึ้น นอกจากการกําหนดสีเสนแลว ออบเจกตที่สรางจาก
เครื่องมือ Pen Tool ยังสามารถกําหนดใสสีใหกับพื้นได ซึ่งหลังจากการวาดเปนที่เรียบรอยแลว
1. คลิกปุม Pen Tool ที่ทูลบ็อกซ
2. คลิกเลือกสีเสนจากชอง Stroke Color
3. คลิกเลือกพื้นจากชอง Fill Color
4. คลิกเมาสที่พื้นที่งานจะปรากฏจุดแฮนเดิลขึ้นมา
5. ดรากสเมาสลากพรอมทั้งดึงแฮนเดิลไปในทิศทางและตําแหนงที่ตองการ
จากนั้นจะปรากฏเสนขึ้นมา
6. ใหดรากสเมาสลากจนกลายเปนรูปที่ตองการเมื่อตําแหนงเริ่มตน จุดแฮนเดิลจะเชื่อมตอ
เขาหากันเพื่อเปนการสิ้นสุดการสรางออบเจ็กตและจะปรากฏสีพื้นที่กําหนดขึ้นมาใหโดยอัตโนมัติ

7. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 7
การปรับเปลี่ยนแกไขสีพื้น
การสรางออบเจ็กตโดยใชเครื่องมือ Pen Tool แตกตางจากการสรางโดยใชเครื่องมือ Line
Tool ก็คือ ออบเจ็กตที่สรางขึ้นมานั้นสามารถกําหนดใสสีพื้นเติมไดตามตองการและสําหรับคาอื่นๆ
ไมวาจะเปนการปรับเปลี่ยน สีเสน ขนาด รวมถึงรูปรางลักษณะของเสนที่สรางขึ้นจะสามารถกําหนด
ไดเชนเดิม
1. คลิกปุม Arrow Tool ที่ทูลบ็อกซ และดรากสเมาสคลุมเลือกออบเจ็กต
2. คลิกเมนู Window > Properties ใหปรากฏเครื่องหมายถูก
3. คลิกเลือกพื้นจากชอง Fill Color
4. คลิกเมาสที่พื้นงาน 1 ครั้ง จากนั้นพื้นของออบกเจ็กตที่เลือกไวจะมีเปลี่ยนแปลงไปตาม
คาที่กําหนด

8. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 8
สรางเสนดินสอดวยเครื่องมือ Pencil Tool
หนาที่การทํางานของเครื่องมือPencil Tool คือ ใชสําหรับวาดเสนตรงและเสนโคง
ในรูปแบบอิสระ ซึ่งการสรางออบเจ็กตจากเครื่องมือPencil Tool นี้ จะสามารถกําหนดรูปแบบ
ลักษณะของดินสอที่ใชในการวาด เชน ตองการใหลายเสนที่ไดเปนเสนตรง เสนโคง หรือเสนอิสระยัง
สามารถกําหนดเปลี่ยนแปลงสีเสน สีพื้น ขนาด และรูปรางของเสนในภายหลังไดเชนเดียวกัน
ออบเจ็กตที่สรางขึ้นมาจากเครื่องมืออื่นๆ
1. คลิกปุม Pencil Tool ที่ทูลบ็อกซ และดรากสเมาสคลุมเลือกออบเจ็กต
2. คลิกเลือกลักษณะของดินสอที่ใชในการวาดที่ Options จากสวนของ Pencil Mode
 เลือก Straighten เสนที่ไดจะเปนเสนตรง
 เลือก Smooth เสนที่ไดจะเปนเสนโคง
 เลือก Ink เสนที่ไดจะเปนเสนอิสระ
3. ดรากสเมาสวาดเปนรูปตางๆ ตามตองการ

9. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 9
การสรางวงกลมดวยเครื่องมือ Oval Tool
หนาที่ของเครื่องมือ Oval Tool คือ ใชสําหรับวาดรูปวงกลม และวงรี ซึ่งหากตองการ
เปลี่ยนแปลงสี เสน สีพื้น ขนาด และรูปรางของเสน ในภายหลังก็สามารถทําไดเชนเดียวกันออบเจ็กต
ที่สรางขึ้นมาจากเครื่องมืออื่นๆ
1. คลิกปุม Rectangle Tool ที่ทูลบ็อกซคางไว จะปรากฏเครื่องขึ้นมา ใหเลือกมาที่
Oval Tool
2. คลิกเลือกสีเสนของรูปวงกลมจากชอง Stroke Color
3. คลิกเลือกพื้นของรูปวงกลมจากชองFill Color
4. กดปุม Shift ที่คียบอรดคางไว พรอมทั้งดรากสเมาสลากที่พื้นงานจากมุมหนึ่งทแยงไปยัง
มุมหนึ่ง จะเกิดรูปวงกลมขึ้นมา
5. คลิกเลือกเปลี่ยนสีพื้นของวงกลมจากชอง Fill Color
6. ดรากสเมาสไปในทิศทางและตําแหนงที่ตองการ โดยไมตองกดปุม Shift คางไว จากนั้นจะ
เกิดรูปวงรีขึ้นมา

10. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 10
การดัดแปลงรูปทรง
สามารถดัดแปลงรูปวงกลมหรือวงรี ใหมีลักษณะเปนเสี้ยวหรือเจาะเปนรูปโดนัท
โดยกําหนดคาตางๆ บน Property inspector ซึ่งมีสวนประกอบดังนี้

11. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 11
 Start angle (คามุมเริ่มตน) และ End angle (มุมสุดทาย) ใชเพื่อการดัดแปลงรูปทรงใหมี
ลักษณะเปนเสี้ยว ซึ่งมีทิศทางดังนี้
 Inner radius รัศมีของวงกลมในซึ่งจะเจาะทะลุรูปวงกลมวงนอกจนกลายเปนรูปโดนัท
โดยมีคาเปนเปอรเซ็นตเมื่อเทียบกับรัศมีของวงกลมวงนอก
 Close path เลือกออปชั่นนี้เพื่อใหรูปทรงเปนแบบปด ซึ่งจะสามารถเติมสีพื้นได แตหาก
ยกเลิกออปชั่นนี้ก็จะไดรูปทรงแบบเปด ซึ่งจะสามารถเติมสีพื้นได แตหากยกเลิกออปชั่นนี้ก็จะได
รูปทรงแบบเปดซึ่งมีเฉพาะเสนเทานั้น

12. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 12
การสรางสี่เหลี่ยมดวยเครื่องมือ Rectangle Tool
หนาที่การทํางานของเครื่องมือRectangle Tool คือ ใชสาหรับวาดรูปสี่เหลี่ยมผืนผา
และสี่เหลี่ยมจัตุรัส แตคุณสมบัติที่เพิ่มเติมสําหรับการทํางานของเครื่องมือ Rectangle Tool นี้
คือ สามารถกําหนดมุมของสี่เหลี่ยมกอนที่จะทําการวาดไดดวย ซึ่งหากกําหนดคาตัวเลขมากขึ้นเทาไร
สี่เหลี่ยมที่ไดก็จะมีมุมที่มนมากขึ้นเทานั้น
1. คลิกปุม Rectangle Tool ที่ทูลบ็อกซ
2. คลิกเลือกสีเสนของรูปสี่เหลี่ยมจากชอง Stroke Color
3. คลิกเลือกสีพื้นของรูปสี่เหลี่ยมจากชอง Fill Color
4. คลิกลากในแนวทแยงใหไดขนาดและรูปทรงตามตองการ

13. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 13
กําหนดความโคงของมุมตาง ๆ
ในขั้นตอนการวาด เราสามารถปรับความโคงของแตละมุมได โดยกําหนดคารัศมีมีมุมโคงบน
Property inspector ซึ่งคาบวกจะใหผลเปนมุมโคงออก สวนคาลบจะใหผลเปนมุมเวาเขา
ตัวอยางผลลัพธจากการกําหนดคารัศมีมุมโคงแบบตางๆ

14. วิชาการสรางภาพเคลื่อนไหว รหัส ง30245 โรงเรียนแนงมุดวิทยา หนา 14
ปรับแตงรูปทรงหลังการวาด
เฉพาะกรณีที่วาดดวยเครื่องมือ Rectangle Primitive จะสามารถดัดแปลงรูปทรง
ภายหลังไดโดยใชเครื่องมือ Selection คลิกเลือกออบเจ็ค แลวคลิกลากปรับจุดควบคุม
แตละมุมได ดังนี้