วิชาโปรแกรมสร้างภาพเคลื่อนไหว

โครงสรา้ ง วิชาการสร้างภาพเคลือ่ นไหว กล่มุ สาระการเรียนรวู้ ิทยาศาสตร์และเทคโนโลยี ระดับมัธยมศึกษาปีที่ 6 นางสาวปาริชาติ สงิ คาโล ตาแหนง่ ครู คศ.1 โรงเรียนราชประชานุเคราะห์ 31 จงั หวัดเชียงใหม่ สานักบริหารงานการศึกษาพิเศษ สานกั งานคณะกรรมการการศึกษาขัน้ พื้นฐาน กระทรวงศึกษาธกิ าร

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

ผังมโนทศั น์ วิชาการสร้างภาพเคลือ่ นไหว ระดบั มธั ยมศึกษาปีท่ี 6 หน่วยท่ี 1 หนว่ ยที่ 2 หนว่ ยท่ี 3 แนวคิดการสรา้ งภาพ รจู้ กั โปรแกรม เครอ่ื งมือในการสรา้ งภาพ Animation Adobe Flash Animation 10 ชว่ั โมง 10 ชัว่ โมง 20 ชั่วโมง การสร้างภาพเคลือ่ นไหว จานวน 80 ช่ัวโมง หน่วยที่ 4 หน่วยที่ 5 การสรา้ งช้นิ งาน Animation จริยธรรมและความปลอดภยั ในการ เผยแพรผ่ ลงาน 30 ชั่วโมง 10 ชว่ั โมง

โครงสรา้ งรายวิชาการสร้างภาพเคลอ่ื ภาคเรยี นที่ 1 ป หนว่ ยที่ ชอื่ หน่วยการเรียนรู้ ผลการเรยี นรู้ ก ป 1 แนวคดิ การสรา้ งภาพ 1. มีความรู้ความเข้าใจเกีย่ วกับการสรา้ ง บ Animation ภาพ Animation ซ ภ งา น โป A ห ส น เล น ค

อนไหว ระดับช้นั มธั ยมศกึ ษาปีที่ 6 ปกี ารศึกษา 2564 สาระสาคญั เวลา นา้ หนกั คะแนน คะแนน (ช่วั โมง) K PA เตม็ การนาเสนอข้อมูลสารสนเทศให้นา่ สนใจใน 2 62 10 ปจั จุบนั นิยมนาเสนอในรูปแบบมลั ตมิ ีเดีย 10 บนสือ่ ตา่ ง ๆ ทั้งแบบออฟไลน์และออนไลน์ ซ่ึงการนาเสนอจะมีทัง้ ข้อความ ภาพนิ่ง ภาพเคล่อื นไหวและเสยี ง ประกอบอย่ใู น านเดียวกนั โดยมีโปรแกรมที่ชว่ ยสร้างงาน นาเสนอหลากหลายโปรแกรม หน่ึงใน ปรแกรมท่ีได้รับความนิยมคือโปรแกรม Adobe Flash เนอ่ื งจากมเี ครื่องมือ หลากหลายที่อานวยความสะดวกในการ สรา้ งชน้ิ งาน และขั้นตอนการสร้างงาน นาเสนอก็ไม่ยุ่งยากซบั ซ้อน ท้ังยงั สามารถ ลอื กรปู แบบการ Publish ชน้ิ งานเป็นไฟล์ นาเสนอในรปู แบบต่าง ๆ ทเี่ หมาะสมกบั ความต้องการของงาน

หน่วยท่ี ช่ือหน่วยการเรียนรู้ ผลการเรียนรู้ 2 รู้จักโปรแกรม Adobe 1. มคี วามรู้ความเข้าใจเกย่ี วกับ ก Flash โปรแกรม Adobe Flash น 2. อธบิ ายกระบวนการทางานของโปรแกรม ภ Adobe Flash ได้ ให ส โป เค ว เร ต ข ป ข

สาระสาคัญ เวลา น้าหนักคะแนน คะแนน (ช่วั โมง) K PA เตม็ การสร้างงานนาเสนอแบบมลั ติมเี ดียให้ 2 62 10 น่าสนใจมอี งคป์ ระกอบหนึ่งท่ีสาคญั คอื 10 ภาพกราฟกิ ซงึ่ ในการสรา้ งภาพกราฟกิ หม้ คี วามคมชดั สวยงาม และท่ีสาคญั สร้างไดง้ ่ายเราสามารถทาได้ใน ปรแกรม Adobe Flash ซง่ึ มี ครือ่ งมือที่อานวยความสะดวกในการ วาดภาพตา่ ง ๆ เช่น เสน้ ตรง รูปทรง รขาคณติ ลายเส้นอิสระ เสน้ โคง้ เปน็ ต้น ทั้งยงั มีเครื่องมือท่ใี ชล้ งสพี ้ืน สเี สน้ ขอบ ลวดลายของพ้นื และเสน้ ขอบ การ ปรับแตง่ รูปทรง และการลบบางส่วน ของรูปทรงท่ีไม่ต้องการ

หนว่ ยท่ี ชื่อหน่วยการเรยี นรู้ ผลการเรียนรู้ 3 เคร่ืองมอื ในการสรา้ งภาพ 1. สามารถใช้เครอ่ื งมือตา่ งๆ ในโปรแกรม ภ Animation Adobe Flash ได้ อ 2. สามารถจดั การกบั วตั ถใุ นโปรแกรม F Adobe Flash ได้ ว 3. สามารถสร้างข้อความในโปรแกรม ผ Adobe Flash ได้ รูป 4. สามารถสร้าง Symbol และใชง้ าน ท Instance ได้ S อ ช ท โป ข ส งา ต ส

สาระสาคญั เวลา นา้ หนกั คะแนน คะแนน (ช่ัวโมง) 2 62 เต็ม ภาพกราฟกิ หรือภาพเคลื่อนไหว ที่วาง 10 อยู่บนพื้นทส่ี เตจ ในโปรแกรม Adobe 20 Flash เราจะเรยี กภาพเหล่านน้ั วา่ วัตถุ หรอื Object ซงึ่ ในการสร้าง ผลงานไม่ว่าจะเป็นการใสส่ ี การปรับ ปทรง เราตอ้ งเลือกวัตถทุ ่ีเราตอ้ งการ ทางานดว้ ยทกุ ครัง้ ดว้ ยเคร่ืองมอื Selection Tool และ Lasso Tool องค์ประกอบท่สี าคญั ต่อการออกแบบ ช้ินงานในโปรแกรม Adobe Flash ที่นอกจากจะใช้สรา้ งภาพกราฟิกแลว้ ปรแกรมยังมีเครอ่ื งมอื ช่วยใหก้ ารสรา้ ง ขอ้ ความหลากหลายประเภท ซง่ึ เรา สามารถเลือกได้ตามความเหมาะสมของ าน ท้งั ยงั สามารถตกแตง่ ข้อความ ตัวอกั ษรและจดั รปู แบบใหม้ ีความ สวยงามได้ตามต้องการ

หน่วยท่ี ชื่อหน่วยการเรยี นรู้ ผลการเรยี นรู้ 4 การสร้างช้ินงาน 1. สามารถใชโ้ ปรแกรม Adobe ก Animation Flash สร้างภาพเคลื่อนไหวได้ A 2. สามารถนาไฟลเ์ สียง และไฟลว์ ีดโี อมาใช้ ค งานในโปรแกรม Adobe Flash ได้ จ ได (L แ น ท ให อ เส ต บ จ A ไฟ F ให

สาระสาคญั เวลา น้าหนกั คะแนน คะแนน (ชั่วโมง) K PA เต็ม การสร้างภาพเคลื่อนไหวในโปรแกรม 6 10 4 20 Adobe Flash มหี ลกั การสร้าง 30 คลา้ ยกับหลักการสร้างภาพยนตร์ โดย จะมีองค์ประกอบของภาพเคลอื่ นไหว ดแ้ ก่ ฉากการแสดง (scene) ตวั ละคร Layer) ทา่ ทางของตัวละคร (Frame) และเวทกี ารแสดง (Stage) นอกจากภาพกราฟิกและภาพเคลือ่ นไหวท่ี ทาให้ผลงานสวยงามแล้วยังมีเสียงทีจ่ ะช่วย ห้ผลงานน่าสนใจยง่ิ ขน้ึ เสยี งท่ใี ช้ อาจเป็นทงั้ เสยี งบรรยาย เสียงดนตรี สยี งเพลง ท้ังน้ี เสียงทจี่ ะนาเขา้ มาใช้ ตอ้ งสร้างหรอื บันทึกเสียงด้วยโปรแกรม บันทึกเสียงอ่นื หรือหาดาวนโ์ หลดเสยี งได้ จากอนิ เทอรเ์ น็ต เน่ืองจากโปรแกรม Adobe Flash ไมส่ ามารถบันทึก ฟลเ์ สียงได้ แต่ท้ังนีโ้ ปรแกรม Adobe Flash CS6 ไดจ้ ดั เตรยี มเสยี งเอฟเฟคไว้ ห้เลอื กใช้ จานวน 185 เสียง

หนว่ ยท่ี ชื่อหน่วยการเรยี นรู้ ผลการเรียนรู้ ก 1. มจี ริยธรรมและความปลอดภยั ในการ อ 5 จริยธรรมและความ เผยแพร่ผลงาน โป ปลอดภัยในการเผยแพร่ แ ผลงาน สอบกลางภาค และสอบปลายภาค ห H เป ไฟ แ (p

สาระสาคัญ เวลา น้าหนักคะแนน คะแนน (ชั่วโมง) K PA เต็ม การมีจรรยาบรรณในการเผยแพรผ่ ลงาน 4 24 10 อย่างสรา้ งสรรค์ และไมผ่ ดิ กฎหมาย 10 ปรแกรม Adobe Flash CS6 สามารถ แปลงไฟลง์ านเพ่ือนาไปเผยแพร่ ได้ 40 หลายรูปแบบ ไม่ว่าจะเป็นไฟล์ SWF, 40 100 HTML, GIF, JPEG, PNG, QuickTime ป็นต้นโดยสามารถปรบั คุณลกั ษณะของ ฟล์งานเหลา่ นั้นได้เราจะเรียกวิธกี าร แปลงงาน Flash วา่ “การพับลชิ publish)” รวม

การวเิ คราะห์มาตรฐานแล รายวิชาการสรา้ งภาพเคล่อื นไหว ระดบั ชนั้ มธั ยมศกึ ษาปที ี่ ผลการเรียนรู้ รอู้ ะไร ทาอะไร ภาระงาน/ชิ้น 1. มีความร้คู วามเข้าใจ ร้อู ะไร บอกความหมายของ เกย่ี วกับการสรา้ งภาพ ความเป็นมาและความหมายของ Animation รปู แบบ Animation ภาพ Animation รปู แบบของ และข้อดขี องภาพเคล งาน Animation ข้อดีของ ภาพเคลอื่ นไหว ทาอะไร บอกความหมายของภาพ Animation รปู แบบของงาน Animation ขอ้ ดีของ ภาพเคลื่อนไหว

ละตวั ชี้วดั /ผลการเรยี นรู้ 6 จานวน 2 หน่วยกิต ภาคเรยี นท่ี 1 ปีการศึกษา 2564 นงาน สมรรถนะสาคัญ คณุ ลักษณะของวิชา คณุ ลักษณะอนั พงึ ประสงค์ งภาพ 1. ความสามารถในการ 1. มคี วามรับผิดชอบ 1. ซอื่ สัตย์ สจุ ริต บของงาน 2. มีวนิ ยั ลอื่ นไหว คิด ต่อตนเอง และงานที่ 3. ใฝเ่ รยี นรู้ 2. ความสามารถในการ ได้รับมอบหมาย 4. มุ่งมั่นในการทางาน แก้ปัญหา 3. ความสามารถในการใช้ ทักษะชวี ิต

2. มีความรู้ความเข้าใจ รู้อะไร บอกลกั ษณะและปร เกีย่ วกับ ความหมาย ลักษณะการทางาน โปรแกรม Adobe F โปรแกรม Adobe Flash และประโยชนข์ อง 3. อธิบายกระบวนการ โปรแกรม Adobe Flash ทางานของโปรแกรม ทาอะไร Adobe Flash ได้ บอกลกั ษณะและประโยชน์ของ โปรแกรม Adobe Flash 4. สามารถใช้เครื่องมือ รู้อะไร เขียนสว่ นประกอบต ตา่ งๆ ในโปรแกรม Adobe สว่ นประกอบตา่ งๆ ขน้ั ตอนการ ขนั้ ตอนการทางานเบ Flash ได้ ทางานเบ้ืองตน้ และใชเ้ ครื่องมือ ลงมอื ปฏบิ ตั กิ ารใชเ้ ค 5. สามารถจดั การกบั วัตถุ พน้ื ฐานของโปรแกรม Adobe พน้ื ฐานของโปรแกรม ในโปรแกรม Adobe Flash Flash Flash ได้ ทาอะไร 6. สามารถสรา้ งข้อความ เขียนสว่ นประกอบตา่ งๆ ข้นั ตอน ในโปรแกรม Adobe การทางานเบื้องต้น และการใช้ Flash ได้ เคร่ืองมอื พื้นฐานของ 7. สามารถสรา้ ง Symbol โปรแกรม Adobe Flash และใช้งาน Instance ได้

ระโยชนข์ อง 1. ความสามารถในการ 1. มีความรับผิดชอบ 1. ซ่อื สัตย์ สจุ รติ Flash คิด ตอ่ ตนเอง และงานท่ี 2. มวี ินยั 2. ความสามารถในการ ไดร้ ับมอบหมาย 3. ใฝเ่ รยี นรู้ แก้ปญั หา 4. มงุ่ ม่นั ในการทางาน 3. ความสามารถในการใช้ ทักษะชีวิต ต่างๆ 1. ความสามารถในการ 1. มีความรับผดิ ชอบ 1. ซอ่ื สตั ย์ สุจรติ 2. มีวินัย บือ้ งตน้ และ คิด ตอ่ ตนเอง และงานท่ี 3. ใฝเ่ รียนรู้ 4. มุ่งม่ันในการทางาน คร่ืองมือ 2. ความสามารถในการ ได้รับมอบหมาย ม Adobe แกป้ ัญหา 3. ความสามารถในการใช้ ทกั ษะชีวติ

8. สามารถใช้ รู้อะไร สร้างชิ้นงาน Anim โปรแกรม Adobe ขั้นตอนการสร้างภาพเคล่ือนไหว โปรแกรม Adobe F Flash สร้าง สร้างชิ้นงาน Animation ด้วย ภาพเคล่ือนไหวได้ โปรแกรม Adobe Flash 9. สามารถนาไฟล์เสยี ง ทาอะไร และไฟล์วีดโี อมาใชง้ านใน สร้างชิ้นงาน Animation ด้วย โปรแกรม Adobe โปรแกรม Adobe Flash Flash ได้ 10. มจี รยิ ธรรมและความ ร้อู ะไร เขียนจริยธรรมและค ปลอดภยั ในการเผยแพร่ จริยธรรมและความปลอดภัยใน ปลอดภัยในการเผยแ ผลงาน การเผยแพรผ่ ลงาน ทาอะไร บอกไดว้ า่ จรยิ ธรรมและความ ปลอดภยั ในการเผยแพร่ผลงาน มีอะไรบา้ ง

mation ด้วย 1. ความสามารถในการ 1. มีความรับผิดชอบ 1. ซ่ือสตั ย์ สจุ รติ 2. มีวนิ ยั Flash คิด ต่อตนเอง และงานที่ 3. ใฝ่เรียนรู้ 4. มุ่งมน่ั ในการทางาน 2. ความสามารถในการ ได้รบั มอบหมาย แกป้ ัญหา 3. ความสามารถในการใช้ ทักษะชวี ติ ความ 1. ความสามารถในการ 1. มคี วามรับผิดชอบ 1. ซื่อสตั ย์ สุจรติ แพรผ่ ลงาน คดิ ตอ่ ตนเอง และงานท่ี 2. มีวนิ ัย 2. ความสามารถในการ ไดร้ บั มอบหมาย 3. ใฝ่เรียนรู้ แกป้ ัญหา 4. ม่งุ มน่ั ในการทางาน 3. ความสามารถในการใช้ ทักษะชีวิต

การวดั และประเมินผล รายวชิ าการสร้างภา เป้าหมาย ภาระงาน/ชิ้นง 1. มีความรคู้ วามเขา้ ใจเกยี่ วกับการสรา้ งภาพ Animation 1. บอกความหมายของภาพ รูปแบบของงาน และข้อดีขอ ภาพเคลอ่ื นไหว 2. มีความรูค้ วามเขา้ ใจเก่ยี วกับโปรแกรม Adobe Flash 1. บอกลักษณะและประโยช 3. อธิบายกระบวนการทางานของโปรแกรม Adobe Flash ได้ Adobe Flash 4. สามารถใช้เครื่องมือต่างๆ ในโปรแกรม Adobe Flash ได้ 1. เขียนส่วนประกอบต่างๆ 5. สามารถจดั การกบั วัตถใุ นโปรแกรม Adobe Flash ได้ ทางานเบื้องต้น และลงมือปฏ 6. สามารถสร้างข้อความในโปรแกรม Adobe Flash ได้ เคร่อื งมือพน้ื ฐานของโปรแกร 7. สามารถสรา้ ง Symbol และใช้งาน Instance ได้ Flash 8. สามารถใชโ้ ปรแกรม Adobe Flash สรา้ งภาพเคล่อื นไหวได้ 1. สร้างชนิ้ งาน Animation 9. สามารถนาไฟลเ์ สียง และไฟลว์ ีดโี อมาใช้งานใน โปรแกรม Adobe Flash โปรแกรม Adobe Flash ได้ 10. มีจรยิ ธรรมและความปลอดภัยในการเผยแพร่ผลงาน 1. เขียนจรยิ ธรรมและความป เผยแพรผ่ ลงาน

าพเคลื่อนไหว ระดบั ช้นั มธั ยมศกึ ษาปีท่ี 6 งาน วธิ ีวดั เคร่ืองมอื วดั เกณฑ์การใหค้ ะแนน คะแนน Animation ทดสอบ แบบทดสอบ อง ความถกู ต้อง 10 ชน์ของโปรแกรม ทดสอบ แบบทดสอบ ความถูกต้อง 10 ขั้นตอนการ ทดสอบ แบบทดสอบ ความถกู ตอ้ ง 10 ฏิบตั ิการใช้ ปฏบิ ัติจริง แบบประเมนิ การ ร้อยละ 80 ของผเู้ รียน รม Adobe ปฏิบตั ิ ปฏบิ ัติได้ถูกตอ้ ง ด้วย ปฏิบัตจิ ริง แบบประเมนิ การ ร้อยละ 80 ของผูเ้ รียน 20 ปฏบิ ตั ิ ปฏิบตั ิไดถ้ ูกต้อง ปลอดภัยในการ ทดสอบ แบบทดสอบ ความถกู ตอ้ ง 10