เล่มที่ 2 การใช้เครื่องมือในการวาดภาพ

เร่อื ง การใชเ้ ครื่องมอื ในการวาดภาพ

ก คำนำ แบบฝึกทักษะ การสร้างงานแอนนเิ มชันดว้ ย โปรแกรม Macromedia Flash 8 กลุม่ สาระการเรยี นรกู้ ารงานอาชพี และเทคโนโลยี รายวิชาเพมิ่ เตมิ ชนั้ มัธยมศกึ ษาปี ที่ 3 เปน็ แบบฝึกทักษะเพ่อื ประกอบการเรียนการสอน โดยเนน้ นกั เรียนเปน็ สาคัญ นกั เรียนสามารถเรยี นรูไ้ ด้ด้วยตนเอง จัดทาขึ้นท้งั หมด 7 เลม่ ดังน้ี เลม่ ท่ี 1 รูจ้ ักกบั โปรแกรม Macromedia Flash 8 เลม่ ที่ 2 การใช้เครือ่ งมอื ในการวาดภาพ เลม่ ท่ี 3 การตกแต่งภาพและแต่งเติมสสี ัน เล่มที่ 4 การสร้างภาพเคลอื่ นไหว เลม่ ที่ 5 การสร้างขอ้ ความและใสล่ ูกเลน่ ตวั อกั ษร เล่มที่ 6 การใช้งานSymbol & Instance และAction Script พน้ื ฐาน เล่มท่ี 7 การใสเ่ สียงประกอบและนาเสนอผลงาน แบบฝึกทักษะ การสร้างงานแอนนเิ มชันดว้ ย โปรแกรม Macromedia Flash 8 กลมุ่ สาระการเรยี นรกู้ ารงานอาชีพและเทคโนโลยี รายวชิ าเพิม่ เตมิ ชั้นมธั ยมศึกษาปี ท่ี 3 เล่มท่ี 2 การใชเ้ ครอื่ งมือในการวาดภาพ มเี นื้อหา ประกอบดว้ ย การสรา้ งวตั ถุ (Object) ดว้ ยเคร่ืองมอื Line Tool ,Pen Tool ,Oval Tool ,Rectangle Tool ,Poly Star Tool ,Pencil Tool และเคร่ืองมอื Brush Tool แบบฝกึ ทักษะ การสร้างงานแอนนเิ มชันดว้ ย โปรแกรม Macromedia Flash 8 กลุม่ สาระการเรียนร้กู ารงานอาชพี และเทคโนโลยี รายวชิ าเพ่ิมเติม ชนั้ มธั ยมศกึ ษาปี ที่ 3 ได้รบั คาแนะนา การตรวจสอบโดยผ้เู ชี่ยวชาญ และได้รับความรว่ มมือ จาก ผู้อานวยการโรงเรียนบ้านทงุ่ แตพร้อมด้วยคณะครู จงึ ขอขอบคุณทุกท่าน ท่สี นับสนนุ การจัดทาแบบฝึกทกั ษะชุดนี้ จนสาเร็จและเป็นประโยชน์กบั นักเรียน นางสาวจนิ ตรา สน่ันปา่ เลม่ ท่ี 2 การใชเ้ คร่อื งมอื ในการวาดภาพ ครจู ินตรา สนั่นป่า

เรอ่ื ง สำรบัญ ข คานา หนำ้ สารบัญ ก คาชแี้ จงแบบฝกึ ทกั ษะ ข คาชี้แจงสาหรับครู 1 คาช้แี จงสาหรับนกั เรยี น 2 มาตรฐานการเรยี นรู้ 3 ตัวชี้วดั 4 สาระสาคญั 4 สาระการเรยี นรู้ 4 จุดประสงคก์ ารเรียนรู้ 4 แบบทดสอบก่อนเรยี น 5 กระดาษคาตอบแบบทดสอบกอ่ นเรยี น 6-7 กรอบเนือ้ หา 8 9 1. การสรา้ งวัตถดุ ว้ ยเคร่ืองมือ Line Tool 2. การสร้างวัตถดุ ว้ ย Pen Tool 10 – 11 3. การสร้างวตั ถุดว้ ย Oval Tool 12 - 13 4. การสร้างวตั ถดุ ้วย Rectangle Tool & Poly Star Tool 5. การสรา้ งวัตถดุ ว้ ย Pencil Tool 14 6. การสรา้ งวตั ถุดว้ ย Brush Tool 15 - 16 กรอบกจิ กรรม 1.กจิ กรรมฝกึ ทกั ษะที่ 2.1 – 2.3 17 แบบทดสอบหลังเรียน 18 กระดาษคาตอบแบบทดสอบหลังเรยี น 19 บรรณานุกรม 20 - 25 26 - 27 28 29 เล่มที่ 2 การใช้เครอ่ื งมือในการวาดภาพ ครจู นิ ตรา สนน่ั ป่า

1 คำชแ้ี จงแบบฝึกทกั ษะ แบบฝึกทักษะ การสร้างงานแอนนิเมชนั ดว้ ย โปรแกรม Macromedia Flash Professional 8 กลุ่มสาระการเรียนรกู้ ารงานอาชพี และเทคโนโลยี รายวิชาเพมิ่ เตมิ ช้นั มธั ยมศึกษาปที ่ี 3 เป็นแบบฝึกทกั ษะเพอ่ื ประกอบการเรียนการสอน โดยเนน้ นกั เรยี นเปน็ สาคัญ นักเรียนสามารถเรียนรไู้ ด้ด้วยตนเอง จดั ทาข้นึ ทัง้ หมด 7 เลม่ ดังนี้ เลม่ ท่ี 1 รจู้ ักกับโปรแกรม Macromedia Flash Professional 8 เลม่ ท่ี 2 การใช้เคร่อื งมือในการวาดภาพ เล่มที่ 3 การตกแตง่ ภาพและแต่งเติมสีสนั เล่มที่ 4 การสร้างขอ้ ความและใส่ลกู เลน่ ตวั อกั ษร เลม่ ที่ 5 การสรา้ งภาพเคลอ่ื นไหว เลม่ ท่ี 6 การใช่งาน Action Script พนื้ ฐาน เล่มที่ 7 การใสเ่ สยี งประกอบและนาเสนอผลงาน แบบฝึกทกั ษะท้งั 7 เล่ม เปน็ แบบฝกึ ทักษะทเี่ น้นให้นักเรียนไดร้ ับ ประสบการณ์การเรยี นรู้โดยตรง มงุ่ เนน้ ให้นกั เรียนศึกษาคน้ คว้าฝึกปฏบิ ตั ติ ามขน้ั ตอน ไปทลี ะแบบฝึกตามลาดบั เล่ม จากเลม่ ท่ี 1 ถงึ เลม่ ท่ี 7 และสามารถยอ้ นกลบั ไป ทบทวนเลม่ ก่อนหนา้ ได้ จนสามารถสร้างงานแอนนเิ มชันได้ โดยมคี รูคอยดแู ลและให้ คาแนะนา เพือ่ สง่ เสริมการเรียนรูข้ องผู้เรยี นใหเ้ ตม็ ศักยภาพและเกดิ ประสทิ ธิภาพ สูงสุด เล่มที่ 2 การใชเ้ คร่ืองมอื ในการวาดภาพ ครจู ินตรา สนน่ั ป่า

2 คำชแี้ จงสำหรบั ครู แบบฝกึ ทักษะ การสรา้ งงานแอนนเิ มชันด้วย โปรแกรม Macromedia Flash 8 กลุ่มสาระการเรียนรู้การงานอาชพี และเทคโนโลยี รายวิชาเพิ่มเตมิ ชน้ั มธั ยมศกึ ษาปที ี่ 3 ครผู ู้สอนเป็นผูท้ ่มี ีบทบาทสาคัญท่ีจะชว่ ยใหก้ ารเรียนรขู้ องนกั เรียนบรรลตุ าม วัตถุประสงค์ ครผู สู้ อนจงึ ควรปฏิบตั ิดังน้ี 1. ศึกษาแผนการจดั การเรยี นรู้และแบบฝกึ ทักษะและคาชีแ้ จงต่าง ๆ ให้เขา้ ใจ 2. ครแู จกแบบฝกึ ทกั ษะการใชโ้ ปรแกรม Macromedia Flash 8 เลม่ ท่ี 2 การใชเ้ ครอื่ งมอื ในการวาดภาพ ใหก้ บั นกั เรยี น 3. ใหน้ ักเรียนทาแบบทดสอบก่อนเรยี น เพือ่ ประเมนิ ความร้พู ื้นฐานของ นกั เรียนแต่ละคน 4. ให้นกั เรยี นศกึ ษาแบบฝกึ ทักษะ การสร้างงานแอนนิเมชนั ดว้ ย โปรแกรม Macromedia Flash 8 เลม่ ที่ 2 การใชเ้ คร่ืองมือในการวาดภาพ หากเกิดปญั หาหรือ ขอ้ สงสัยควรแจง้ ครผู ู้สอนทันทีเพ่อื ดาเนนิ การชว่ ยเหลอื 5. เมื่อนักเรยี นทาแบบฝึกทกั ษะแต่ละแบบฝกึ เสร็จ ครูและนกั เรียนรว่ มกัน เฉลยแบบฝึกทักษะและตรวจชิน้ งานนกั เรียน 6. หลังจากทาแบบฝกึ ทักษะครบทกุ แบบฝึก ให้นักเรียนทาแบบทดสอบหลัง เรียน โดยครแู ละนกั เรยี นร่วมกนั เฉลยคาตอบ เพือ่ ดคู วามกา้ วหนา้ ในการเรยี นรูข้ อง นกั เรยี น 7. ครูสงั เกตพฤติกรรม คณุ ลักษณะอนั พึงประสงค์ และบันทึกผล 8. ครแู จง้ ผลการประเมินใหน้ กั เรยี นทราบและชมเชยนกั เรียนพร้อมให้ คาแนะนาเพ่มิ เติม 9. นัดหมายนกั เรียนในการเรียนครงั้ ตอ่ ไป เลม่ ที่ 2 การใช้เครื่องมือในการวาดภาพ ครจู ินตรา สน่ันป่า

3 คำชีแ้ จงสำหรับนกั เรยี น แบบฝกึ ทักษะ การสร้างงานแอนนิเมชนั ด้วย โปรแกรม Macromedia Flash Professional 8 กลุม่ สาระการเรียนรูก้ ารงานอาชีพและเทคโนโลยี รายวชิ าเพ่มิ เตมิ ช้ันมัธยมศกึ ษาปีท่ี 3 นกั เรยี นสามารถศึกษาได้ดว้ ยตนเอง โดยให้นักเรียนอ่านคาช้ีแจง และปฏบิ ัตติ ามขัน้ ตอนดังน้ี 1. นักเรยี นรบั แบบฝกึ ทักษะ การสรา้ งงานแอนนิเมชันดว้ ย โปรแกรม Macromedia Flash 8 เล่มที่ 2 การใช้เครอ่ื งมอื ในการวาดภาพ 2. นกั เรยี นอา่ นคาช้ีแจงการใช้แบบฝึกทักษะการสรา้ งงานแอนนิเมชันดว้ ย โปรแกรม Macromedia Flash 8 เลม่ ท่ี 2 การใชเ้ คร่อื งมือในการวาดภาพ 3. นกั เรยี นทาแบบทดสอบกอ่ นเรียน เพ่อื ประเมนิ วา่ นกั เรยี นมพี ื้นฐานความรู้ ความเข้าใจเก่ยี วกับเร่ืองทจ่ี ะเรยี นมากนอ้ ยเพยี งใด 4. นักเรยี นฟงั คาอธบิ ายและการสาธติ ของครู พร้อมทั้ง ฝึกปฏิบัตหิ ลงั จากการ สาธติ 5. ศกึ ษาเนอื้ หา และฝึกปฏบิ ัตติ ามขนั้ ตอนท่รี ะบุไว้ในกรอบกจิ กรรม 6. ทดสอบการฝกึ ปฏิบัติกับครูผ้สู อน 7. ทาแบบทดสอบหลงั เรียนเพ่ือดูความก้าวหนา้ ในการเรยี นของนกั เรยี น หลงั จากทากจิ กรรมการเรยี นการสอน โดยใช้แบบฝึกทกั ษะการสร้างงานแอนนิเมชนั ดว้ ย โปรแกรม Macromedia Flash 8 เลม่ ที่ 2 การใช้เครื่องมือในการวาดภาพ 8. หลงั จากทากจิ กรรมการเรยี นการสอนเสร็จเรียบร้อยแล้ว ใหน้ กั เรยี นปดิ เครือ่ งคอมพวิ เตอร์อย่างถกู วิธอี เกบ็ เกา้ อ้ใี ห้เรียบร้อย 9. ในการทากิจกรรมตามแบบฝกึ ทักษะการสร้างงานแอนนิเมชันดว้ ย โปรแกรม Macromedia Flash 8 ทกุ เลม่ ขอใหน้ กั เรยี นปฏิบัตดิ ว้ ยความตง้ั ใจมีความ ซือ่ สตั ย์ต่อตนเองให้มากทส่ี ดุ และไม่ดเู ฉลยกอ่ นทาแบบทดสอบ 10. นักเรียนรับฟงั การบอกคะแนน คาชมเชย และคาแนะนาเพม่ิ เตมิ จากครู เล่มที่ 2 การใชเ้ ครื่องมอื ในการวาดภาพ ครจู นิ ตรา สน่ันป่า

4 มำตรฐำนกำรเรยี นรู้ มาตรฐาน ง 3.1 เข้าใจ เห็นคณุ คา่ และใช้กระบวนการเทคโนโลยี สารสนเทศในการสบื ค้นข้อมลู การเรียนรู้ การสื่อสาร การแก้ปัญหา การทางาน และอาชีพอย่างมีประสทิ ธิภาพ ประสทิ ธิผล มีคณุ ธรรม ตัวชี้วัด ม.3/2 เขียนโปรแกรมขนั้ พืน้ ฐาน ม.3/3 ใช้เทคโนโลยีสารสนเทศนาเสนองานในรูปแบบที่เหมาะสมกบั ลกั ษณะงาน สำระสำคญั ในการสร้างผลงานด้วยโปรแกรม Flash 8 เป็นความจาเป็นทจี่ ะต้องมี ความรใู้ นการใช้เครอื่ งมือทีอ่ ยู่ในกล่องเครื่องมอื (Tools) อยา่ งถูกตอ้ งและถูกวธิ ี เพ่อื ให้ สามารถเลือกใชเ้ ครือ่ งมือได้อยา่ งเหมาะสมกับการทางานและให้ได้ผลงานท่ตี รงตาม ความต้องการ และมปี ระสิทธภิ าพมากทีส่ ดุ ในการสร้างสรรค์ผลงาน สำระกำรเรียนรู้ 1. การสรา้ งวตั ถุด้วยเครอ่ื งมือ Line Tool 2. การสร้างวตั ถุด้วย Pen Tool 3. การสร้างวัตถดุ ้วย Oval Tool 4. การสรา้ งวัตถุดว้ ย Rectangle Tool 5. การสร้างวัตถดุ ว้ ย Pencil Tool 6. การสร้างวตั ถุดว้ ย Brush Tool เล่มท่ี 2 การใช้เคร่อื งมือในการวาดภาพ ครจู นิ ตรา สนัน่ ป่า

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

6 แบบทดสอบกอ่ นเรยี น เล่มที่ 2 กำรใชเ้ คร่อื งมือในกำรวำดภำพ คำชีแ้ จง แบบทดสอบชดุ นีเ้ป็นแบบปรนยั 4 ตวั เลือก จานวน 10 ข้อ เวลาในการ ทาแบบทดสอบ 10 นาที คำส่ัง ให้นกั เรียนเลือกคาตอบท่ีถกู ต้องท่ีสดุ เพียงคาตอบเดียวโดยทา เครื่องหมายกากบาท X ลงในกระดาษคาตอบ 1. กำรวำดรปู วงกลมหรอื วงรี ควรใชเ้ คร่อื งมือชนดิ ใด ก. Brush Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool 2. เครื่องมอื ชนิดใดท่ีใชใ้ นกำรวำดรปู หรอื ระบำยสกี ็ได้ ก. Brush Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool 3. กำรวำดรปู ส่ีเหลีย่ มผืนผ้ำหรือสี่เหล่ียมจตั ุรัส ควรใชเ้ ครื่องมอื ชนดิ ใด ก. Brush Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool 4. ข้อใดไมไ่ ด้นำควำมรู้เร่อื ง Rectangle Tool มำใชง้ ำน ก. การวาดหกเหลย่ี ม ข. การวาดวงกลม ค. การวาดสเ่ี หลย่ี ม ง. การวาดสามเหลี่ยม เล่มที่ 2 การใช้เคร่ืองมือในการวาดภาพ ครจู นิ ตรา สน่ันป่า

7 5. กำรวำดใหเ้ ปน็ รูปรำ่ งทีส่ ำมำรถดดั ได้ควรเลอื กใชเ้ ครอื่ งมือชนดิ ใด ก. Brush Tool ข. Pencil Tool ค. pen Tool ง. Line Tool 6. กำรวำดรปู แบบอิสระ ควรเลอื กใช้เครื่องมือชนิดใด ก. Brush Tool ข. Pencil Tool ค. pen Tool ง. Line Tool 7. จำกภำพทก่ี ำหนดให้ ควรจะใชเ้ ครอ่ื งมอื ชนิดใดในกำรวำด ก. Pencil Tool ข. Line Tool ค. Brush Tool ง. Pen Tool 8. ถ้ำต้องกำรวำดภำพทมี่ เี ส้นดูนุ่มนวลเหมือนจริง ควรเลอื กใช้เครือ่ งมอื และ รูปแบบใด ก. เลอื ก แลว้ คลกิ เลอื กที่ ข. เลอื ก แล้วคลกิ เลือกท่ี ค. เลอื ก แล้วคลิกเลือกที่ ง. เลอื ก แล้วคลกิ เลือกท่ี 9. จำกภำพทกี่ ำหนดให้ ควรเลอื กใชเ้ ครอ่ื งมอื ชนดิ ใดวำดภำพนี้ ก. Brush Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool 10. หำกต้องกำรวำดรปู ส่เี หล่ียมที่มีมมุ มนตอ้ งทำอย่ำงไร ก. ขณะวาดรูปส่ีเหล่ยี มใหล้ ากเมาส์แลว้ หมนุ เล็กนอ้ ย ข. กดปุ่ม Shift ขณะวาดรูปสเ่ี หล่ียม ค. ใส่ค่า Corner Radius กอ่ นวาดรปู ส่ีเหลีย่ ม ง. กดปุ่ม Alt กอ่ นวาดรปู ส่เี หลีย่ ม เล่มที่ 2 การใช้เครอ่ื งมอื ในการวาดภาพ ครจู ินตรา สน่นั ปา่

8 กระดำษคำตอบ แบบทดสอบกอ่ นเรียน ช่ือ – นามสกลุ ...........................................................ชนั้ .......เลขท่ี....... คำชีแ้ จง ให้นกั เรียนเลอื กคาตอบที่ถกู ต้องท่ีสดุ เพียงคาตอบเดียวโดยทา เคร่ืองหมายกากบาท X ลงในกระดาษคาตอบ ข้อ ก ข ค ง 1 2 3 4 5 6 7 8 9 10 เล่มที่ 2 การใชเ้ ครื่องมือในการวาดภาพ ครจู ินตรา สน่ันป่า

9 เล่มที่ 2 การใช้เครื่องมอื ในการวาดภาพ ครจู ินตรา สนนั่ ปา่

10 1. กำรสร้ำงวัตถดุ ้วยเครื่องมอื Line Tool Line Tool Line Tool คือเครอื่ งมือสำหรบั วำดเสน้ ตรง โดยเรำสำมำรถกำหนดสี ควำมหนำ และลวดลำย ตำ่ ง ๆ โดยกำหนดไดท้ ่ีหนำ้ ต่ำง properties ขัน้ ตอนกำรสรำ้ ง ดังนี้ กำรวำดเสน้ ตรงดว้ ย Line Tool 1. คลกิ ท่ี Line Tool ตัวช้ีเม้ำสจ์ ะเปล่ยี นเปน็ รปู เครือ่ งหมำย  2 กำหนดลกั ษณะของเส้นทีห่ น้ำต่ำง Properties เลือกสีของเสน้ เลอื กรูปแบบของเสน้ เลอื กขนำดของเสน้ 3. คลิกเมำสค์ ำ้ งไว้ท่จี ุดเร่ิมต้น 4. ลำกเมำสไ์ ปยังตำแหนง่ ที่ต้องกำรแล้วปล่อยเมำส์ จุดเรมิ่ ตน้ จุดที่ต้องกำร เลม่ ท่ี 2 การใชเ้ ครอื่ งมอื ในการวาดภาพ ครจู ินตรา สนั่นปา่

11 1. กำรสรำ้ งวัตถดุ ว้ ยเคร่ืองมอื Line Tool กำรเปลย่ี นเสน้ ตรงใหก้ ลำยเป็นเส้นโค้งดว้ ย Line Tool 1. วำดเสน้ ตรงดว้ ย Line Tool 2. คลิกท่ี Selection Tool 3. นาเมาสไ์ ปวางบริเวณเส้นตรง ตวั ชีเ้มาส์จะเปล่ียนเป็น (ดงั ภาพด้านลา่ ง) 4. คลกิ ลากเมาสด์ ดั เส้นตรงให้โค้งไปในทิศทางท่ีต้องการ เลม่ ท่ี 2 การใชเ้ ครอ่ื งมือในการวาดภาพ ครจู ินตรา สน่นั ปา่

12 2. กำรสรำ้ งวัตถดุ ว้ ย Pen Tool Pen Tool Pen Tool เป็นเครื่องมอื ทใี่ ชส้ ำหรับวำดเสน้ ตรง และเส้นโค้งแบบเทย่ี งตรง หรอื ที่ เรียกกนั วำ่ พำธ (path) ซง่ึ หำกลำกครบรอบจะมีกำรใส่ Fill ใหอ้ ตั โนมัติ นอกจำกนีย้ ังเพมิ่ หรือลบจดุ บนเสน้ โค้งไดอ้ กี ดว้ ย การใช้งาน Pen Tool วาดเสน้ โคง้ การวาดสว่ นโค้งโดยใช้เครื่องมือชนดิ นีจ้ ะได้สว่ นโค้งที่สวยงามและมีความราบเรียบสงู 1. คลกิ ที่ Pen tool ตวั ชีเ้มาสจ์ ะเปลยี่ นเป็นรูป 2. กาหนดสีเส้น และสพี ืน้ ดงั ภาพ เลม่ ท่ี 2 การใช้เคร่อื งมือในการวาดภาพ ครจู นิ ตรา สนน่ั ปา่

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

14 3. กำรสรำ้ งวตั ถุดว้ ย Oval Tool Oval Tool เป็นเคร่ืองมือสาหรบั วาดรูปวงกลม หรือวงรี รูปท่ีได้จะประกอบด้วยเส้นรอบวง และสีพืน้ การใช้งาน Oval Tool 1. คลกิ ที่ Oval Tool ตัวช้เี มำ้ สจ์ ะเปล่ยี นเป็นรปู เครอ่ื งหมำย  2. กำหนดคุณสมบัตขิ อง stroke และ fill บน Properties ตำมตอ้ งกำร 3. คลกิ ลำกเมำสไ์ ปในแนวทแยงตำมขนำดวงกลมหรอื วงรที ่ีต้องกำร ถำ้ ตอ้ งกำร วงกลมใหก้ ดคยี ์ Shift ค้ำงไว้ขณะทลี่ ำกเมำส์ เลม่ ท่ี 2 การใช้เคร่อื งมอื ในการวาดภาพ ครจู นิ ตรา สนน่ั ป่า

15 4. กำรสร้ำงวัตถุดว้ ย Rectangle Tool & PolyStar Tool Rectangle Tool เป็นเคร่ืองมือสาหรับวาดรูปสีเ่ หลีย่ ม ซง่ึ มีสว่ นประกอบเป็นเส้นรอบรูป และสพี ืน้ เชน่ เดียวกบั วงรี/วงกลม นอกจากนนั้ เคร่ืองมือชนดิ นีย้ งั มีเคร่ืองมือย่อย (Set Corner Radius) สาหรบั ปรับมมุ สี่เหลีย่ มให้มีลกั ษณะโค้งมนได้อีกด้วย การใช้งาน Rectangle Tool 1. คลิกท่ี Rectangle Tool ตัวช้เี ม้ำส์จะเปลย่ี นเปน็ รูปเครอ่ื งหมำย  2. กำหนดควำมโค้งมนของส่ีเหลยี่ มได้โดยคลกิ ท่ี สญั ลกั ษณ์ ดังภำพ คลิกSet Corner Radius กำหนดควำมโคง้ มนของรปู สเ่ี หลยี่ ม 3. คลกิ ลำกเมำสไ์ ปในแนวทแยงตำมขนำดส่เี หลี่ยมทตี่ ้องกำร ถ้ำตอ้ งกำรสเ่ี หล่ียม จตั ุรสั ให้กดคยี ์ Shift ค้ำงไว้ขณะทีล่ ำกเมำส์ เลม่ ท่ี 2 การใชเ้ คร่อื งมือในการวาดภาพ ครจู นิ ตรา สนนั่ ป่า

16 4. กำรสร้ำงวัตถดุ ้วย Rectangle Tool & Poly Star Tool Poly Star Tool เป็นเครื่องมือที่ใช้ในการวาดรูปหลายเหลย่ี มและรูปดาว โดยมีอปุ กรณ์เสริม Option (ตวั เลอื ก) ที่ Property ที่สามารถกาหนดค่าเพิ่มเตมิ ดงั นี ้ - Style กาหนดลกั ษณะให้เป็นรูปหลายเหลี่ยม (Polygon) หรือรูปดาว (Star) - Number of Sides กาหนดจานวนด้านของรูปหลายเหล่ยี มหรือจานวนแฉกของรูปดาว - Star point size กาหนดความลกึ ของแฉกของรูปดาวมีคา่ ระหวา่ ง 0 และ 1โดยคา่ น้อย จะให้มมุ แหลมมากขึน้ การใชง้ าน Poly Star Tool 1. คลกิ ที่ Rectangle Tool ตัวชเ้ี ม้ำสจ์ ะเปล่ียนเปน็ รปู เคร่ืองหมำย  2. กำหนดลกั ษณะและจานวนด้านของรูปหลายเหล่ยี มหรือรูปดาวไดโ้ ดย คลิกท่ี สัญลักษณ์ ดังภำพ รปู หลำยเหล่ียม รปู ดำว กำหนดจำนวนด้ำนของรปู หลำยเหลีย่ ม หรือจำนวนแฉกของรูปดำว 3. คลิกลำกเมำส์ไปในแนวทแยงตำมขนำดรูปหลำยเหลีย่ มหรือรูปดำวทต่ี ้องกำร ถำ้ ต้องกำรรูปหลำยเหล่ียมหรอื รูปดำวทีม่ ขี นำดเทำ่ กันเสมอใหก้ ดคยี ์ Shift ค้ำงไว้ ขณะท่ีลำกเมำส์ เลม่ ที่ 2 การใชเ้ คร่อื งมือในการวาดภาพ ครจู ินตรา สนนั่ ปา่

17 5. กำรสรำ้ งวัตถุดว้ ย Pencil Tool Pencil Tool เคร่ืองมือ Pencil มีไว้สาหรบั ลากเส้น Line โดยอาศยั เส้นทางท่ี เมาส์ผา่ น เหมาะสาหรับงานที่เป็น Freehand หรือมีอปุ กรณ์เสริม Option (ตวั เลอื ก) - Straighten - ลายเส้นที่ออกมาจะถกู ดดั ให้ตรง - Smooth - ลายเส้นที่ออกมาจะถกู ดดั ให้เป็นสว่ นโค้ง - Ink – ลายเส้นท่ีออกมาจะถกู ดดั ให้สว่ นโค้งแต่จะพยายามรักษาเส้นเดิม ให้มากท่ีสดุ การใช้งาน Pencil Tool 1. คลิกท่ี Pencil Tool ตวั ชี้เม้ำส์จะเปล่ยี นเปน็ รูปดินสอ 2. กำหนดลักษณะของเส้นที่หน้ำต่ำง Options ลกั ษณะเสน้ รปู แบบตำ่ ง ๆ 3. ทำกำรลำกเมำส์ไปตำมทศิ ทำงและรปู ทรงทต่ี อ้ งกำรวำด เลม่ ที่ 2 การใชเ้ คร่ืองมือในการวาดภาพ ครจู ินตรา สนน่ั ปา่

18 6. กำรสรำ้ งวตั ถดุ ้วย Brush Tool Brush Tool เคร่อื งมือ Brush มีไว้สำหรบั ลำกเสน้ วำดเปน็ รปู ร่ำงต่ำง ๆ โดยอำศยั เส้นทำง ท่เี มำส์ผ่ำน เหมำะสำหรบั งำนทเ่ี ปน็ Freehand หรือมอี ปุ กรณ์เสริม Brush Tool มลี ักษณะคลำ้ ยกับ Pencil Tool แตจ่ ะแตกตำ่ งกันตรงท่ี Brush Tool วำดภำพออกมำเปน็ Fill (สพี น้ื ) สว่ น Pencil Tool วำดภำพออกมำเปน็ Stroke (สีเสน้ ) การใช้งาน Brush Tool 1. คลิกที่ Brush Tool ตวั ชี้เมำ้ สจ์ ะเปล่ยี นเปน็ ลกั ษณะหัวแปรงพูก่ ัน 2. กำหนดขนำดและลักษณะของเสน้ ท่ีหน้ำตำ่ ง Options รปู แบบของหวั แปรง ขนำดของหัวแปรง 3. คลิกเลือกสที จี่ ะวำดภำพหรอื ระบำยสใี ห้กบั ภำพวำด 4. ทำกำรลำกเมำส์วำดรปู ไปตำมทศิ ทำงและรูปทรงทีต่ ้องกำรวำด หรอื ทำ กำรระบำยสีภำพวำดให้สวยงำม เล่มที่ 2 การใช้เครอื่ งมอื ในการวาดภาพ ครจู ินตรา สนั่นป่า

19 เล่มที่ 2 การใชเ้ ครอื่ งมือในการวาดภาพ ครจู นิ ตรา สน่นั ป่า

20 แบบฝกึ ทกั ษะท่ี 2.1 กำรสร้ำงวัตถุดว้ ยเครื่องมอื ต่ำงๆ ชอ่ื – นามสกุล ................................................. ชั้น .......... เลขที่ ............ คาชีแ้ จง 1. ให้นักเรียนจบั ครู่ ปู ภำพและขอ้ ควำมให้ถูกต้อง (5 คะแนน) 1. ................ A. ใช้สาหรบั ระบายสใี ห้กบั ภาพวาด 2. ................ B. ใช้สาหรับวาดเส้นตรง หรือเส้นโค้ง 3. ................ C. ใช้สาหรบั วาดเส้นตรง ในแบบต่าง ๆ ท่ีต้องการ 4. ................ D. ใช้สาหรบั วาดรูปวงกลม วงรี 5. ................ E. ใช้สาหรบั วาดภาพได้อยา่ งอสิ ระตามต้องการ F. ใช้สาหรับวาดรูปสีเ่ หลย่ี มผืนผ้า ส่เี หลย่ี มจตั รุ สั เล่มท่ี 2 การใชเ้ ครอ่ื งมอื ในการวาดภาพ ครจู ินตรา สนั่นป่า

21 แบบฝกึ ทกั ษะที่ 2.2 ฝกึ วำดภำพ ด้วย เครอ่ื งมือตำ่ ง ๆ คาชี้แจง ใหน้ ักเรยี น ฝกึ วำดภำพ ด้วย Line Tool, Oval Tool และ Pencil Tool 2.2.1 ฝึ กวำดภำพแสดงอำรมณ์ ด้วย Line Tool 1. คลิกเลอื ก Line Tool 2. ปรับแต่งเส้นตรงให้โค้งงอด้วย 3. ใช้ Oval Tool คลิกลำกเสน้ ใหต้ ่อเนอื่ งกนั จนไดโ้ ครงร่ำงของใบหน้ำ (Selection Tool) วำดรปู ดวงตำ 4. คลกิ เลือก Line Tool คลกิ ลำกเสน้ ให้ต่อเนื่องกัน จนได้ใบหนำ้ ที่แสดงอำรมณใ์ นแบบต่ำง ๆ เล่มที่ 2 การใช้เครือ่ งมอื ในการวาดภาพ ครจู ินตรา สนน่ั ป่า

24 แบบฝึกทกั ษะท่ี 2.2 ฝกึ วำดภำพ ด้วย เครื่องมือต่ำง ๆ 2.2.2 ฝกึ วาดตึก ดว้ ย Rectangle Tool 1. ใช้ Rectangle Tool 2. ปรับแตง่ รูปทรงส่เี หลยี่ มของตกึ ด้วย วำดรูปสีเ่ หลี่ยมเป็นแท่ง ๆ พอเปน็ เคำ้ โครงรปู ตกึ (Selection Tool) 3. วำดส่ีเหล่ียมเป็นชอ่ ง ๆ ให้เปน็ รูปหน้ำต่ำง ๆ และประตูตึก เล่มท่ี 2 การใช้เครื่องมอื ในการวาดภาพ ครจู ินตรา สน่นั ป่า

25 แบบฝกึ ทกั ษะที่ 2.2 ฝกึ วำดภำพ ดว้ ย เคร่ืองมือต่ำง ๆ 2.2.3 ฝกึ วาดรัว้ ดว้ ย Rectangle Tool & Poly Star Tool 1. ใช้ Rectangle Tool 2. ใช้ Poly Star Tool วำดรูปส่เี หล่ยี มเป็นระแนงรว้ั วำดปลำยรัว้ ดงั ภำพ 3. นำปลำยรั้วมำวำงทับบนระแนงร้วั 4. ปรบั แต่งภำพวำดให้สวยงำมโดย แล้วคดั ลอกให้ได้หลำย ๆ อนั ใช้เครือ่ งมอื Rectangle Tool & Poly Star Tool ดังภำพ เล่มที่ 2 การใช้เครอ่ื งมือในการวาดภาพ ครจู ินตรา สนัน่ ปา่

22 แบบฝึกทักษะที่ 2.3 ฝกึ วำดภำพ ดว้ ย เคร่ืองมอื ตำ่ ง ๆ 2.3.1 ฝึกวาดดอกไม้ ดว้ ย Oval Tool & Pencil Tool 1. ใช้ Oval Tool 2. คดั ลอกดอกไม้ 3. นาดอกไม้มาวางทบั กนั วำดดอกไมด้ งั ภำพ ให้ได้ 2 ดอกดงั ภาพ แล้วหมนุ ดอกไม้ที่อยู่ ด้านบนด้วย 4. วำดก้ำนดอกไมแ้ ละใบไม้ 5. จะไดภ้ ำพดอกไม้,ก้ำน 6. นำดอกไมม้ ำวำงทับบน ด้วย Pencil Tool ดอกไมแ้ ละใบไม้ดงั ภำพ ก้ำนดอกไมแ้ ละใบไม้ดงั ภำพ เลม่ ที่ 2 การใช้เครือ่ งมอื ในการวาดภาพ ครจู ินตรา สนัน่ ปา่

23 แบบฝกึ ทักษะท่ี 2.3 ฝึกวำดภำพ ดว้ ย เครอื่ งมอื ตำ่ ง ๆ คาชแี้ จง ให้นักเรียนฝกึ วำดภำพ ดว้ ย Pen Tool , Brush Tool และ Rectangle Tool 2.3.2 ฝึกวาดสตรอเบอรร์ ี่ ดว้ ย Pen Tool และ Brush Tool 1. ใช้ Pen Tool 2. ปรบั แต่งเส้นตรงให้โค้งงอด้วย วำดโครงร่ำงของสตรอเบอร์ร่ี (Selection Tool) 3. วำดจุดและกำ้ นลงบนสตรอเบอร์ร่ี 4. นำกำ้ นมำวำงทับบนก้ำน ดว้ ย Brush Tool ลกู สตรอเบอร์รี้ดังภำพ เลม่ ท่ี 2 การใชเ้ ครื่องมอื ในการวาดภาพ ครจู ินตรา สนัน่ ป่า

26 เล่มท่ี 2 แบบทดสอบหลงั เรียน กำรใช้เคร่อื งมือในกำรวำดภำพ คำชีแ้ จง แบบทดสอบชดุ นีเ้ป็นแบบปรนยั 4 ตวั เลือก จานวน 10 ข้อ เวลาในการ ทาแบบทดสอบ 10 นาที คำส่ัง ให้นกั เรียนเลือกคาตอบท่ีถกู ต้องที่สดุ เพียงคาตอบเดียวโดยทา เครื่องหมายกากบาท X ลงในกระดาษคาตอบ 1. กำรวำดใหเ้ ปน็ รูปร่ำงท่สี ำมำรถดัดได้ควรเลอื กใช้เคร่อื งมอื ชนิดใด ก. Brush Tool ข. Pencil Tool ค. pen Tool ง. Line Tool 2. กำรวำดรปู แบบอสิ ระ ควรเลอื กใชเ้ ครื่องมือชนดิ ใด ก. Brush Tool ข. Pencil Tool ค. pen Tool ง. Line Tool 3. จำกภำพทีก่ ำหนดให้ ควรเลือกใชเ้ คร่ืองมอื ชนิดใดวำดภำพนี้ ก. Brush Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool 4. จำกภำพท่กี ำหนดให้ ควรจะใชเ้ ครอื่ งมอื ชนิดใดในกำรวำด ก. Pencil Tool ข. Line Tool ค. Brush Tool ง. Pen Tool เล่มท่ี 2 การใช้เครื่องมอื ในการวาดภาพ ครจู ินตรา สนนั่ ปา่

27 5. ถำ้ ต้องกำรวำดภำพทม่ี ีเสน้ ดูน่มุ นวลเหมอื นจรงิ ควรเลือกใช้เคร่อื งมอื และ รูปแบบใด ก. เลอื ก แลว้ คลิกเลือกที่ ข. เลือก แลว้ คลิกเลอื กท่ี ค. เลอื ก แล้วคลกิ เลอื กท่ี ง. เลือก แล้วคลกิ เลือกที่ 6. กำรวำดรปู วงกลมหรือวงรี ควรใชเ้ ครื่องมือชนิดใด ก. Brush Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool 7. หำกต้องกำรวำดรูปส่เี หลีย่ มทม่ี ีมุมมนต้องทำอย่ำงไร ก. ขณะวาดรปู ส่ีเหลยี่ มให้ลากเมาสแ์ ล้วหมนุ เลก็ น้อย ข. กดปุ่ม Shift ขณะวาดรปู สเ่ี หล่ยี ม ค. ใส่คา่ Corner Radius กอ่ นวาดรูปส่เี หล่ียม ง. กดปุ่ม Alt ก่อนวาดรปู สี่เหลีย่ ม 8. กำรวำดรูปสี่เหลยี่ มผืนผ้ำหรือสี่เหลย่ี มจตั รุ ัส ควรใชเ้ ครอื่ งมือชนิดใด ก. Brush Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool 9. เครื่องมอื ชนดิ ใดที่ใชใ้ นกำรวำดรูปหรอื ระบำยสกี ไ็ ด้ ก. Brush Tool ข. Pencil Tool ค. Rectangle Tool ง. Oval Tool 10. ขอ้ ใดไมไ่ ด้นำควำมรูเ้ ร่อื ง Rectangle Tool มำใช้งำน ก. การวาดหกเหล่ียม ข. การวาดวงกลม ค. การวาดสี่เหลย่ี ม ง. การวาดสามเหลยี่ ม เลม่ ท่ี 2 การใชเ้ ครอ่ื งมือในการวาดภาพ ครจู นิ ตรา สน่ันปา่

28 กระดำษคำตอบ แบบทดสอบหลังเรียน ชื่อ – นามสกลุ ...........................................................ชนั้ .......เลขที่....... คำชีแ้ จง ให้นกั เรียนเลอื กคาตอบที่ถกู ต้องที่สดุ เพียงคาตอบเดียวโดยทา เคร่ืองหมายกากบาท X ลงในกระดาษคาตอบ ข้อ ก ข ค ง 1 2 3 4 5 6 7 8 9 10 เลม่ ท่ี 2 การใช้เคร่อื งมือในการวาดภาพ ครจู นิ ตรา สนนั่ ป่า

29 บรรณำนุกรม นมัสสนิ ี ลา่ สนั เทียะ. Workshop Flash CS6 Animation สร้างงานแอนิเมชั่น การต์ ูน. กรงุ เทพฯ : รไี วว่า , 2558. ภุชงค์ จนั ทร์เปล่ง. การใชโ้ ปรแกรมMacromedia Flash8. ปทุมธานี : มีเดยี อิน เทลลเิ จนซ์ เทคโนโลยี, 2555. สิทธิชัย ทพิ ย์สิงห์. บทเรยี นออนไลน์การสรา้ งแอนิเมชนั ดว้ ย Flash. [ออนไลน์]. เขา้ ถงึ ไดจ้ าก : http://www.kroojan.com/flash/. (วันท่คี ้นข้อมูล : 10 กนั ยายน 2558). อรรคเดช สมั ปันณา. มือใหม่แต่งเวบ็ สวยด้วย Flash ActionScript. กรุงเทพฯ : บรษิ ัทโปรวิชนั จากัด. 2555. ชิษณพุ งศ์ ธัญลักษณ์. การสรา้ งงานแอนิเมชัน่ ดว้ ย FLASH เวอรช์ ัน CS6. – กรงุ เทพ ฯ: ซัคเซส มเี ดีย, 2558. เลม่ ที่ 2 การใช้เครอ่ื งมือในการวาดภาพ ครจู นิ ตรา สนนั่ ป่า

เลม่ ท่ี 2 การใชเ้ ครื่องมอื ในการวาดภาพ