ชุดกิจกรรมการเรียนรู้ที่ 1 Adobe flash CS6

สำหรบั นกั เรยี น ชดุ ท่ี 1 รจู้ กั โปรแกรม Flash CS6 นางธนพร พัตราภักด์ิ ตาแหน่ง ครู วิทยฐานะ ครชู านาญการ โรงเรยี นชุมพลวิทยาสรรค์ อาเภอชุมพลบรุ ี จังหวัดสรุ ินทร์ สานักงานเขตพ้ืนท่ีการศึกษามธั ยมศึกษา เขต 33

ชดุ กจิ กรรมการเรยี นรูแ้ บบรว่ มมอื เรอื่ ง การสรา้ งงานแอนิเมชันด้วย Flash CS6 คานา ชุดกิจกรรมการเรยี นรู้แบบรว่ มมือ เรื่อง การสร้างงานแอนเิ มชนั ด้วย Flash CS6 รายวชิ าการ สรา้ งภาพเคลื่อนไหว สาหรบั นักเรยี นชนั้ มธั ยมศึกษาปีท่ี 3 กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ได้ จดั ทาข้นึ เพือ่ ให้การจดั กจิ กรรมการเรียนรู้เป็นไปตามลาดบั ขัน้ ตอนและบรรลุวตั ถุประสงค์ ตลอดจนพัฒนา ผ้เู รยี นให้มีความรู้ความเข้าใจ เร่อื ง การสร้างงานแอนเิ มชัน Flash CS6 นอกจากนช้ี ดุ กิจกรรมยงั ส่งเสริมให้ ผ้เู รียนได้ฝกึ ทักษะการอา่ น คิดวเิ คราะห์ และเขยี นสือ่ ความหมายถอื เป็นทกั ษะและกระบวนการเรยี นร้ทู ่ีสาคัญ ยง่ิ ที่มผี ลต่อการพัฒนา โดยเฉพาะการคิดทีถ่ ือวา่ เปน็ หัวใจสาคญั ของการพัฒนา ตลอดจนเป็นชดุ กิจกรรมการ เรยี นรู้ทีม่ ่งุ เนน้ ให้ผู้เรียนปฏบิ ัติกิจกรรมเปน็ กลุ่มรว่ มกัน สมาชกิ ช่วยการศึกษาคน้ หาคาตอบ และสรปุ หาคาตอบ ร่วมกนั อยา่ งสมเหตสุ มผล ส่งเสรมิ ให้ผ้เู รียนมคี วามซื่อสัตย์ รับผิดชอบ สามคั คี เอื้อเฟื้อเผอ่ื แผ่ในหมู่คณะ ยอมรบั ฟังความคิดเหน็ ของผู้อน่ื เสรมิ สร้างวนิ ยั และประชาธปิ ไตยในระบบกล่มุ ทส่ี าคัญผู้เรยี นได้รับความ สนุกสนานเพลดิ เพลนิ ในการเรียนจนกอ่ ให้เกิดเจตคติทีด่ ตี ่อการเรียนรู้ในรายวชิ าการสร้างภาพเคลอ่ื นไหว และ ส่งผลให้มผี ลสัมฤทธิ์ทางการเรียนทด่ี ีย่งิ ขน้ึ ต่อไป ทง้ั นีเ้ พราะว่าชุดกิจกรรมการเรยี นร้เู ป็นนวตั กรรมและ เทคโนโลยที างการเรยี นรู้อย่างหน่งึ ในปัจจุบนั ทม่ี ีส่วนช่วยในการจดั กจิ กรรมการเรยี นรู้บรรลสุ ู่เปา้ หมาย ขอขอบพระคณุ ผู้อานวยการโรงเรียนชมุ พลวทิ ยาสรรค์ และเพ่ือนครูทุกท่านทใ่ี ห้กาลังใจ ใหค้ าแนะนาการจดั ทาชุดกจิ กรรมการเรียนรู้แบบรว่ มมือ การสรา้ งงานแอนิเมชันดว้ ย Flash CS6 จนสาเร็จ และสมบูรณ์เป็นอย่างดี หวงั เปน็ อยา่ งยิ่งว่า ชุดกจิ กรรมการเรียนรูน้ ีจ้ ะเปน็ ประโยชนก์ ับนกั เรียน ธนพร พตั ราภักด์ิ ชดุ ท่ี 1 รู้จักโปรแกรม Flash CS6 นางธนพร พตั ราภักด์ิ ครู โรงเรียนชุมพลวิทยาสรรค์

ชุดกิจกรรมการเรียนรูแ้ บบร่วมมือ เรือ่ ง การสรา้ งงานแอนเิ มชันด้วย Flash CS6 สารบญั หนา้ เร่อื ง 1 4 คานา 4 สารบัญ 4 คาแนะนาการใชช้ ุดกจิ กรรมการเรยี นรแู้ บบร่วมมือ 5 ผลการเรียนรู้ 6 สาระสาคญั 9 สาระการเรียนรู้ 10 จุดประสงค์การเรยี นรู้ 13 แบบทดสอบกอ่ นเรยี น 15 บตั รคาสง่ั 17 ใบความรทู้ ี่ 1.1 เร่ือง ความรู้พืน้ ฐานโปรแกรม Flash CS6 19 กิจกรรมการเรียนรทู้ ี่ 1.1 22 ใบความรทู้ ่ี 1.2 เรื่อง สว่ นประกอบของโปรแกรม Flash CS6 24 กิจกรรมการเรียนรู้ที่ 1.2 28 ใบความรู้ที่ 1.3 เร่ือง การใช้เครอ่ื งมือของโปรแกรม Flash CS6 30 กิจกรรมการเรียนรทู้ ี่ 1.3 33 ใบความรทู้ ี่ 1.4 เรื่อง การสรา้ ง การบันทกึ การเปิดไฟลง์ าน 34 กจิ กรรมการเรยี นรูท้ ี่ 1.4 35 แบบทดสอบหลังเรยี น 36 บรรณานกุ รม 37 ภาคผนวก 38 39 แบบบนั ทกึ คะแนนชุดกิจกรรมการเรยี นรแู้ บบรว่ มมอื 40 เฉลย กิจกรรมการเรียนรู้ท่ี 1.1 เฉลย กจิ กรรมการเรียนรทู้ ี่ 1.2 เฉลย กิจกรรมการเรยี นรทู้ ี่ 1.3 เฉลย กิจกรรมการเรียนรทู้ ี่ 1.4 เฉลย แบบทดสอบกอ่ นเรียน - หลังเรียน ชดุ ท่ี 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พัตราภักดิ์ ครู โรงเรยี นชุมพลวิทยาสรรค์

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

2 ชดุ กจิ กรรมการเรียนรูแ้ บบร่วมมือ เร่ือง การสรา้ งงานแอนเิ มชันดว้ ย Flash CS6 คาแนะนาสาหรับครู ชดุ กิจกรรมการเรียนรู้แบบรว่ มมือ เรื่อง การสร้างงานแอนิเมชันดว้ ย Flash CS6 กลุม่ สาระการเรยี นรู้ การงานอาชพี และเทคโนโลยี ชั้นมัธยมศกึ ษาปที ่ี 3 ครผู ูส้ อนมีขนั้ ตอนการสอน ดังนี้ 1. ขอ้ ควรปฏบิ ัติก่อนดาเนนิ การสอน 1.1 ศกึ ษาแผนการจดั กิจกรรมการเรียนรู้อย่างละเอียด 1.2 ศกึ ษาชดุ กิจกรรมการเรียนรจู้ นเขา้ ใจเป็นอย่างดี 1.3 ดาเนินการสอนตามแผนการจดั กจิ กรรมการเรียนรู้ เพื่อใหส้ อดคล้องกบั จุดประสงค์ เนอื้ หา และเวลาที่กาหนด 1.4 แบ่งกลุ่มนักเรยี นโดยคละความสามารถ เกง่ ปานกลาง ออ่ น และคละเพศชายกับเพศหญงิ 1.5 กาหนดบทบาทให้สมาชิกในกลุ่มทราบถึงการปฏบิ ัตติ น 2. ขอ้ ควรปฏบิ ัติขณะดาเนนิ การสอน 2.1 ช้ีแจงกจิ กรรมการเรยี นใหน้ กั เรียนทุกคนทราบ 2.2 ดาเนินการจัดกิจกรรมการเรียนการสอนตามแผนการจัดกิจกรรมการเรียนรู้ เพื่อให้สอดคล้อง กบั จดุ ประสงค์ เน้ือหาและเวลาท่ีกาหนด 2.3 ครผู ู้สอนต้องให้คาแนะนาและคอยดแู ลนักเรียนอย่างใกล้ชิด 2.4 ใหน้ กั เรียนเรยี นรชู้ ุดกิจกรรมการเรียนรู้ตามข้นั ตอนอยา่ งเคร่งครัด และมีความซ่ือสตั ย์ตอ่ ตนเอง 2.5 ตรวจสอบการทางานของนกั เรยี นและสรุปบทเรียนร่วมกับนักเรยี น 3. ขอ้ ควรปฏิบัติเมื่อดาเนนิ การสอนสิ้นสุด 3.1 ตรวจแบบทดสอบและกิจกรรมการเรียนรู้ 3.2 บันทึกคะแนน 3.3 หากมนี ักเรยี นคนใดยังทาแบบทดสอบหลงั เรยี นและกิจกรรมการเรยี นรู้ไมผ่ ่านร้อยละ 80 ให้ ทาการศึกษาชุดกจิ กรรมการเรียนรู้ ตามขัน้ ตอนใหม่อกี คร้ังเพือ่ ใหเ้ กดิ ความเขา้ ใจทีถ่ ูกต้อง ชดุ ท่ี 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พัตราภกั ดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

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

4 ชดุ กิจกรรมการเรียนรูแ้ บบร่วมมอื เรอื่ ง การสรา้ งงานแอนเิ มชนั ด้วย Flash CS6 ผลการเรียนรู้ อธิบายความรพู้ ื้นฐานและหลักการทางานของโปรแกรม Flash ได้ สาระสาคัญ โปรแกรม Flash เปน็ โปรแกรมทส่ี ามารถสร้างชนิ้ งาน ได้หลายประเภทไมว่ ่าจะเปน็ แอนเิ มชัน พรีเซนเตชัน เกมส์ สอ่ื โฆษณาบนเว็บไซตห์ รืออินเตอร์เฟซ แผ่นซดี ีท่ีมกี ารตอบโต้กบั ผู้ใช้ และ ช้ินงานทีต่ อบสนองความต้องการทไ่ี ด้อย่างหลายรปู แบบ หากมคี วามรู้ความเข้าใจในการใช้เครือ่ งมือของ โปรแกรมจะทาใหง้ านทีส่ รา้ งขึน้ มาเปน็ ทนี่ ่าสนใจและมีคณุ ภาพ สาระการเรียนรู้ 1. ความร้พู น้ื ฐาน โปรแกรม Flash CS6 2. สว่ นประกอบของโปรแกรม Flash CS6 3. การใชเ้ ครอื่ งมอื ของโปรแกรม Flash CS6 4. การสร้าง การบนั ทึก การเปิด ไฟล์งาน ชดุ ท่ี 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พตั ราภักดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

5 ชดุ กิจกรรมการเรยี นรูแ้ บบร่วมมือ เร่ือง การสร้างงานแอนเิ มชนั ดว้ ย Flash CS6 จดุ ประสงคก์ ารเรยี นรู้ ด้านความรู้ (K) 1. สามารถอธบิ ายความรู้พ้ืนฐาน โปรแกรม Flash CS6 ได้ 2. สามารถอธิบายส่วนประกอบของโปรแกรม Flash CS6 ได้ ทกั ษะ/กระบวนการ/กระบวนการคิด (P) สามารถเรียกใช้โปรแกรม Flash ได้ คณุ ลักษณะอันพงึ ประสงค์ (A) ซ่ือสตั ย์ มีวนิ ยั ใฝเ่ รียนรู้ มุ่งมั่นในการทางาน ชดุ ที่ 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พัตราภักดิ์ ครู โรงเรยี นชุมพลวิทยาสรรค์

6 ชดุ กิจกรรมการเรียนรู้แบบร่วมมือ เรื่อง การสรา้ งงานแอนเิ มชนั ดว้ ย Flash CS6 แบบทดสอบก่อนเรียน ชุดที่ 1 เรื่อง รู้จกั กับโปรแกรม Flash CS6 คาชแี้ จง 1. แบบทดสอบมีทัง้ หมด 10 ขอ้ คะแนนเต็ม 10 คะแนน 2. ใชเ้ วลาทาแบบทดสอบ 10 นาที 3. แบบทดสอบ มี 4 ตัวเลอื ก 4. ใหน้ กั เรียนทาเครื่องหมายกากบาท () ทับตัวอักษร ก ข ค หรือ ง ท่ถี กู ตอ้ งทสี่ ดุ เพียงข้อเดยี ว 1. โปรแกรม Adobe Flash CS6 มีความสามารถในดา้ นใด ก. งานพิมพเ์ อกสาร ข. การสรา้ งฐานขอ้ มูล ค. การออกแบบรูปภาพ ง. การสรา้ งภาพเคลื่อนไหว 2. ส่วนประกอบใดในโปรแกรม Flash เป็นทีร่ วบรวมคาสงั่ และการตั้งค่าสาหรบั การใชง้ านของโปรแกรม ก. ทูลบ็อกซ์ ข. เมนูบาร์ ค. พาเนล ง. ไทมไ์ ลน์ 3. ไฟลข์ องโปรแกรม Adobe Flash CS6 ขอ้ ใดท่สี ามารถนากลบั มาแก้ไขได้ ก. .Swf ข. .Flv ค. .Fla ง. .Pdf 4. เครื่องมือชนิดใดไม่ไดจ้ ัดอยใู่ นกลุ่มเคร่ืองมือ Edit ก. Pencil Tool ข. Sub selection Tool ค. Brush Tool ง. Eraser Tool ชดุ ท่ี 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พตั ราภักดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

7 ชุดกิจกรรมการเรียนรู้แบบร่วมมอื เรื่อง การสรา้ งงานแอนิเมชนั ด้วย Flash CS6 5. คาสัง่ ใดใชเ้ รียกกล่องเคร่ืองมอื ในการทางาน ก. Edit > Tools ข. Insert > Tools ค. Modify > Tools ง. Window > Tools 6. Stage ทาหนา้ ท่ีอะไร ก. พืน้ ที่สาหรับการสร้างภาพเคล่ือนไหว ข. กาหนดการเคล่ือนไหวของวตั ถุ ค. หาเครอ่ื งมือท่หี ายไป ง. กาหนดคุณสมบตั ิให้กับวัตถุ 7. ถ้าตอ้ งการกาหนดสีของ Stage จากสีขาว ใหเ้ ปน็ สีฟ้าต้องใช้ Panel คาสั่งใด ก. Action ข. Toolbar ค. Properties ง. Motion Editor 8. ไฟลม์ ัลติมเี ดยี ท่ีสรา้ งจาก Flash มชี ่อื เรยี กวา่ อะไร ก. มูฟวี่ ข. ออบเจ็กต์ ค. พาเนล ง. มเี ดยี 9. ถา้ ตอ้ งการบันทึกไฟล์ เพ่ือนากลบั มาแกไ้ ขใหม่ได้ต้องใช้คาสัง่ ใด ก. File > Browse ข. File > Save ค. File > Open ง. File > New 10. สว่ นประกอบใดที่ใชส้ าหรบั วางออบเจ็กต์ทยี่ ังไมต่ ้องการให้แสดง ก. สเตจ ข. พาเนล ทาข้อสอบกนั ได้ ค. ไทม์ไลน์ หรือเปลา่ ครับ ง. พ้นื ทีก่ ารทางาน ชดุ ที่ 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พัตราภักด์ิ ครู โรงเรียนชุมพลวิทยาสรรค์

8 ชดุ กจิ กรรมการเรยี นรูแ้ บบรว่ มมอื เรือ่ ง การสรา้ งงานแอนเิ มชันด้วย Flash CS6 กระดาษคาตอบแบบทดสอบ (ก่อนเรียน) ชือ่ -นามสกลุ .................................................................................................ช้นั ...........................เลขท่ี............... ข้อ ก ตัวเลือก ง เกณฑก์ ารประเมนิ 1 ขค ตอบถกู ข้อละ 1 คะแนน 2 ตอบผิด/ไมต่ อบ ข้อละ 0 คะแนน 3 4 ผา่ นเกณฑ์การประเมนิ ร้อยละ 80 5  คะแนน 8 – 10 คะแนน ถือวา่ ผา่ น 6  คะแนน 0 – 7 คะแนน ถือวา่ ไมผ่ ่าน 7 8 ระดับคุณภาพ 9  ดี ได้คะแนนระหว่าง 8 - 10 คะแนน 10  พอใช้ ได้คะแนนระหวา่ ง 5 - 7 คะแนน  ปรับปรุง ไดค้ ะแนนระหวา่ ง 1 – 4 คะแนน สรุปผลการประเมิน รวมคะแนน................ คะแนน  ผา่ น  ไม่ผ่าน ลงชอื่ .........................................................ผตู้ รวจ (นางธนพร พัตราภักดิ์) ชดุ ที่ 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พตั ราภกั ดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

9 ชุดกจิ กรรมการเรียนรู้แบบร่วมมือ เร่อื ง การสรา้ งงานแอนิเมชนั ดว้ ย Flash CS6 บัตรคาส่งั วธิ ีปฏบิ ัตกิ จิ กรรม ประธานกลุ่มอา่ นบตั รคาสั่งให้เพ่อื นฟังและปฏิบตั กิ ิจกรรมตามลาดับขน้ั ตอน ดงั น้ี 1. นกั เรยี นศกึ ษาใบความรู้ เรื่อง รจู้ ักกับโปรแกรม Flash CS6 ภายในกลุ่ม 2. ประธานกลมุ่ นากิจกรรมการเรยี นรู้ท่ี 1.1 – 1.4 ออกมาจากซองกิจกรรมและแจกให้ สมาชกิ กลมุ่ ทุกคน คนละ 1 ฉบบั (งานเด่ยี ว) โดยปฏิบตั ิ ดงั นี้ 2.1 กจิ กรรมท่ี 1.1 ให้นกั เรียนหาคาตอบเกีย่ วกับการทางานของโปรแกรม Flash CS6 2.2 กิจกรรมที่ 1.2 ให้นกั เรียนบอกหน้าท่ีการทางาน สว่ นประกอบของโปรแกรม Flash CS6 2.3 กจิ กรรมที่ 1.3 ให้นกั เรียนจบั คู่เครอื่ งมือการทางานในโปรแกรม Flash CS6 2.4 กิจกรรมท่ี 1.4 ใหน้ ักเรียนอธิบายการสร้าง บนั ทึก และเปดิ ไฟลง์ านในโปรแกรม Flash CS6 3. เม่ือปฏิบตั กิ ิจกรรมเสรจ็ แลว้ ประธานกลมุ่ นาบตั รเฉลยออกจากซองกิจกรรมและแจกให้ สมาชิกกล่มุ ทุกคน คนละ 1 ฉบบั 4. ใหส้ มาชกิ กลุม่ เปลยี่ นกันตรวจกจิ กรรมเรียนรู้ที่ 1.1 - 1.4 ภายในกล่มุ จากบตั รเฉลย 5. ตรวจสอบความถูกต้องเสรจ็ แลว้ รวบรวมกจิ กรรมการเรียนรู้ส่งครูเพ่ือเก็บผลงานต่อไป ลองศกึ ษาและปฏบิ ัติ กจิ กรรมดนู ะคะ ชดุ ท่ี 1 รู้จกั โปรแกรม Flash CS6 นางธนพร พัตราภกั ด์ิ ครู โรงเรียนชุมพลวิทยาสรรค์

10 ชุดกจิ กรรมการเรียนรู้แบบร่วมมอื เร่ือง การสร้างงานแอนิเมชนั ด้วย Flash CS6 ใบความรทู้ ี่ 1.1 ความร้พู นื้ ฐานโปรแกรม Flash CS6 โปรแกรม Flash คอื อะไร โปรแกรม Flash เป็นซอฟตแ์ วร์ที่ชว่ ยในการสร้างส่ือมลั ตมิ ีเดีย, ภาพเคลอ่ื นไหว (Animation), ภาพกราฟิกที่มคี วามคมชดั เนื่องจากเป็นกราฟกิ แบบเวกเตอร์(Vector), สามารถเลน่ เสียงและวดี โิ อ แบบ สเตริโอได้, สามารถสรา้ งงานใหโ้ ต้ตอบกับผู้ใช(้ Interactive Multimedia) มฟี งั กช์ นั่ สาหรับการเขยี นโปรแกรม (Action Script) และยังทางานในลักษณะ CGI โดยเช่ือมต่อกับการเขียนโปรแกรมภาษาอ่ืนๆ ได้มากมาย เช่น ภาษา PHP, JSP, ASP, ASP.NET, C/C++, C#, C#.NET, VB, VB.NET, JAVA และอ่นื ๆ โดยเฉพาะขอ้ ดีของ โปรแกรม Flash คือ ความสามารถในการบีบอัดไฟล์ให้มขี นาดเลก็ มีผลทาใหแ้ สดงผลได้อย่างรวดเร็ว นอกจากนนั้ ยงั แปลงไฟล์ไปอยู่ในฟอร์แมตอ่นื ไดห้ ลากหลาย เช่น avi, mov, gif, wav, emf, eps, ai, dxf, bmp, jpg, gif, png เป็นตน้ โปรแกรม Flash เรม่ิ มชี ่อื เสยี งประมาณปี พ.ศ. 2539 จนถึงปจั จุบันไดถ้ ูกนามาใชง้ านอย่างแพรห่ ลาย โดยเฉพาะเทคโนโลยเี ว็บ ทาใหก้ ารนาเสนอทาได้อยา่ งนา่ สนใจ นอกจากน้ันโปรแกรม Flash ยังสามารถสรา้ ง แอพพลิเคช่นั (Application) เพือ่ ใช้ทางานต่างๆ รองรับการใช้งานกับอปุ กรณ์ที่ เชื่อมต่อกบั ระบบเครอื ขา่ ย อินเตอร์เน็ต และทางานได้กับหลายๆ แฟลตฟอร์ม (Platform) ลกั ษณะสาคญั ของโปรแกรม Adobe Flash CS6 1. สรา้ งชิน้ งาน Interactive มสี ่วนตอบสนองกบั ผูใ้ ช้ เชน่ ผู้ใช้สามารถคลกิ เลือกเมนูต่าง ๆ ได้ นาไป ประยกุ ต์เป็นสื่อการสอน (E- Learning) หน้าจอควบคุมการทางานตา่ งๆ ส่ือโฆษณา (Banner) บนเว็บไซต์ การ์ตูนแอนเิ มชันต่างๆ เปน็ ต้น 2. สรา้ งชน้ิ งาน Animation จดุ เดน่ ของการทางานในโปรแกรม flash คอื การสรา้ ง Animation หรือ ภาพเคล่ือนไหว มเี คร่ืองมืออานวยความสะดวก ทาให้โปรแกรม Flash สรา้ งผลงาน Animation ไดง้ า่ ย 3. สรา้ งเวบ็ ไซต์ (Website) โปรแกรม Flash สามารถสรา้ งเวบ็ ไซตไ์ ดส้ วยงาม และสรา้ งลูกเล่นตา่ ง ๆ ได้ง่ายมจี ดุ อ่อนคือ เวบ็ ไซต์ท่ีสรา้ งดว้ ยโปรแกรม Flash แก้ไขข้อมลู ได้ยาก และขนาดของไฟล์เวบ็ ไซต์ค่อนขา้ ง ใหญ่ 4. สรา้ งเกม (GAME) flash มเี ครอ่ื งมือชว่ ยสรา้ งองค์ประกอบตา่ งๆ ใหเ้ กมมีความสวยงาม มีเครื่องมือ สาหรับสร้างคาส่งั ควบคมุ การเลน่ เกม อีกท้ังไฟล์เกมทสี่ ร้างออกมามีขนาดเล็ก ทาให้อัพโหลดสเู่ วบ็ ไซต์ได้อย่าง รวดเร็ว ชดุ ที่ 1 รู้จักโปรแกรม Flash CS6 นางธนพร พตั ราภกั ด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

11 ชุดกิจกรรมการเรยี นรูแ้ บบรว่ มมือ เรื่อง การสร้างงานแอนิเมชันดว้ ย Flash CS6 การเปดิ ใชง้ านโปรแกรม Adobe Flash CS6 เข้าส่โู ปรแกรม Flash CS6 เมอ่ื เปิดโปรแกรมคร้ังแรก โดยคลิกเมาสท์ ่ีปุ่ม Start แลว้ เลอื กคาส่ัง All Programs->Adobe>Adobe Flash CS6 Professional จะปรากฏหนา้ ต่าง ให้เราเลือกใช้งานโปรแกรม Flash CS6 ดงั น้ี เมอื่ เปิดโปรแกรมโปรแกรม Flash CS6 จะเจอหน้าต่างต้อนรบั ท่ีให้เราสามารถเลือกประเภทของงาน Flash ตามทีต่ อ้ งการ ซงึ่ ประกอบดว้ ย 3 หัวข้อใหญ่ ดังภาพ 13 2 ชดุ ท่ี 1 รู้จักโปรแกรม Flash CS6 นางธนพร พัตราภักดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

12 ชุดกจิ กรรมการเรียนรู้แบบรว่ มมอื เรอื่ ง การสรา้ งงานแอนเิ มชันด้วย Flash CS6 1. Create from Template เป็นการสร้างงาน Flash จากโครงร่างสาเร็จรูปทโ่ี ปรแกรมเตรียมไว้ให้ 2. Open Recent Item เปน็ การเลือกเปดิ งานท่ีมีอยู่ในเครื่อง โดยจะโชว์ช่ืองานชิน้ ล่าสุดที่เคยเปดิ แลว้ หรอื สามารถกดป่มุ Open เพ่ือเลอื กงานจากโฟลเดอรต์ ่างๆ 3. Create New เป็นการสรา้ งงาน Flash ขน้ึ มาใหม่ เพ่ือง่ายตอ่ การใช้งาน ให้คลิกเลือกตรง ActionScript 2.0 หรอื 3.0 เพ่อื เขา้ สู่การเร่ิมตน้ ทางาน หนา้ จอเข้าสู่การทางาน นามสกลุ ของโปรแกรม Flash CS6 โปรแกรม Flash จะสร้างนามสกุลหลกั ๆ 2 อยา่ ง คอื 1. *.fla คอื ไฟล์ท่ีไดจ้ ากการสรา้ งชิน้ งานใน Flash ท่ีเกดิ จากการบันทึกเป็นไฟล์ต้นฉบับ ซ่ึงสามารถ นาเปลย่ี นแปลงแก้ไขได้ *.fla ยอ่ มากจาก Flash Movie หรอื ท่ีเรยี กวา่ Movie 2. *.swf คือไฟล์ที่ Flash สรา้ งข้นึ หลงั จากการแสดงผลออกมา ซ่งึ สามารถดบั เบลิ้ คลิกดูผลการแสดงได้ โดยไม่ตอ้ งเปดิ โปรแกรม Flash ซ่งึ *.swf ย่อมาจาก Shockwave Flash ชดุ ที่ 1 รู้จกั โปรแกรม Flash CS6 นางธนพร พตั ราภักด์ิ ครู โรงเรียนชุมพลวิทยาสรรค์

13 ชดุ กิจกรรมการเรยี นรูแ้ บบรว่ มมือ เร่อื ง การสรา้ งงานแอนิเมชนั ด้วย Flash CS6 กจิ กรรมการเรียนร้ทู ี่ 1.1 ความรูพ้ นื้ ฐานเกยี่ วกบั Flash CS6 รายวิชา การสร้างภาพเคล่อื นไหว รหสั วิชา ง20246 ชน้ั มัธยมศึกษาปที ี่ 3 ชอื่ .............................................................................................ชัน้ ........................ .....เลขที่................................ คาชแ้ี จง ใหน้ กั เรยี นแสดงความคดิ เหน็ หาคาตอบและเติมคาหรือข้อความให้สมบรู ณ์ (10 คะแนน) 1. ให้นกั เรยี นบอกความสามารถในการทางานของโปรแกรม Flash CS6 แลว้ บันทกึ ข้อมูลลงในแผนภมู ิ รูปภาพต่อไปน้ี ……………………………………… ความสามารถของ …………………………………… ……………………………………… Flash CS6 …………………………………… ……………………………………… …… ……………………………………… …………………………………… …………………………………… …… 2. ให้นักเรียนศกึ ษาวธิ ีการเข้าใชง้ านโปรแกรม Flash CS6 แล้วบนั ทึกข้อมูลลงในชอ่ งวา่ ง ............................................................................................................................. ................................................. ............................................................................................................................. ................................................. ....................................................................................................................................................................... ....... ........................................................................................................................... ................................................... ............................................................................................................................. ................................................. .......................................................................................................................................................... .................... .............................................................................................................. ................................................................ ............................................................................................................................. ................................................. ............................................................................................................................................. ................................. ชดุ ที่ 1 รู้จกั โปรแกรม Flash CS6 นางธนพร พตั ราภักด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

14 ชดุ กิจกรรมการเรียนรูแ้ บบรว่ มมือ เรอ่ื ง การสร้างงานแอนิเมชนั ดว้ ย Flash CS6 เกณฑก์ ารประเมนิ กจิ กรรมที่ 1.1 คะแนน 2 คะแนน นกั เรยี นตอบไดถ้ ูกต้อง ชดั เจน ครบถว้ น คะแนน 1 คะแนน นกั เรียนตอบได้ถูกต้อง คะแนน 0 คะแนน นักเรียนตอบไม่ถูกต้องหรือไม่ตอบ สรปุ ผลการประเมิน คะแนนเต็ม 4 คะแนน ได้คะแนน................ คะแนน แปลผลการประเมนิ  ดี ได้คะแนนระหวา่ ง 3 - 4 คะแนน  พอใช้ ไดค้ ะแนนระหวา่ ง 2 คะแนน  ปรับปรงุ ไดค้ ะแนนระหวา่ ง 0 - 1 คะแนน ลงชื่อ....................................................................ผตู้ รวจ (นางธนพร พัตราภกั ดิ์) ชดุ ท่ี 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พัตราภักด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

15 ชุดกิจกรรมการเรยี นรูแ้ บบร่วมมอื เรื่อง การสรา้ งงานแอนเิ มชนั ดว้ ย Flash CS6 ใบความร้ทู ี่ 2 สว่ นประกอบของโปรแกรม Flash CS6 1. แถบชอ่ื หวั เร่ือง (Title Bar) 2. เมนบู าร์ (Menu Bar) 3. เครื่องมือ 4. สเตจ (Stage) 6. Library (toolbox) 7. Property 5. ไทมไลน์ 1. แถบชอ่ื หัวเร่ือง (Title Bar) แสดงปุ่มควบคุมหลัก (Control Menu) ช่อื โปรแกรม และปุ่มควบคุม หน้าตา่ งโปรแกรม 2. เมนูบาร์ (Menu Bar) เป็นแถบที่รวบรวมคาสัง่ ในการใช้งานทง้ั หมดเกี่ยวกบั การสรา้ งชิน้ งาน และ การสรา้ งภาพเคลื่อนไหว นอกจากนัน้ รวมไปถงึ การต้งั ค่าเกย่ี วกับการใชง้ านในโปรแกรมท้งั หมด 3. กล่องเครือ่ งมอื (Toolbox) เป็นกล่องที่รวบรวมเคร่ืองมอื ต่างๆ ท่ีใชใ้ นการสรา้ ง และปรับแต่ง ออบเจ็กตต์ า่ งๆ โดยจะเรยี งเคร่ืองมือต่างๆ เป็นแถวลงมา เครื่องมอื แตล่ ะช้ินจะมลี ักษณะเปน็ ไอคอนรูปภาพที่ เราสามารถคลิกเพ่ือเรียกใช้งานได้ โดยแบง่ เครื่องมือเปน็ หมวดๆ ได้ 5 กลุ่ม คือ - เครอ่ื งมือเลอื กวตั ถุ (Selection) - เครื่องมือวาดภาพ (Drawing) - เครอ่ื งมือควบคุมมุมมอง (View) - เครอ่ื งมือควบคุมสี (Color) - option จะแสดงเมื่อเลอื กคาสงั่ ดา้ นบน ชุดท่ี 1 รู้จกั โปรแกรม Flash CS6 นางธนพร พตั ราภกั ดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

16 ชดุ กจิ กรรมการเรยี นรูแ้ บบรว่ มมอื เรื่อง การสรา้ งงานแอนิเมชนั ด้วย Flash CS6 4. สเตจ (Stage) และพน้ื ที่ทางาน (Pasteboard) เราเรียกพน้ื ทสี่ ีขาวตรงกลางหนา้ จอท่ใี ชจ้ ดั วาง ออบเจ็กต์ตา่ งๆ ท่ีตอ้ งการแสดงใหเ้ ห็นในชิ้นงานว่า “สเตจ (Stage) หรือ Document Window” ส่วนบริเวณ สเี ทาลอ้ มรอบนน้ั เราจะใช้วางวัตถทุ ี่ยังไมต่ อ้ งการให้แสดงว่า “พืน้ ท่ีทางาน (Pasteboard)” ซึง่ เราอาจ เปลย่ี นสเตจได้เหมือนเปน็ เวที และพื้นท่ีทางานเป็นพ้ืนท่ีหลังเวทีทีผ่ ู้ชมมองไม่เหน็ แต่เราวางองค์ประกอบ ต่างๆ ท่ีจะนาไปแสดงบนสเตจได้ เราสามารถเปดิ /ปดิ พ้นื ที่การทางานได้โดยใช้คาสง่ั View> Pasteboard ใหม้ เี ครอื่ งหมายถกู เพื่อเปิด พื้นท่กี ารทางาน และใช้คาสัง่ View> Pasteboard อีกครงั้ เพ่ือยกเลิกเครอื่ งหมายถูกเพ่ือปิดพ้นื ทกี่ ารทางาน (หรอื จะกดคียล์ ัด <ctrl>+<shift>+W กไ็ ด้) 5. ไทมไลนห์ รือเสน้ เวลา จะใช้สาหรับสรา้ งและกาหนดรายละเอียดของการเคลื่อนไหว โดยเอา องคป์ ระกอบท่ีจะเคล่ือนไหว (เราเรียกองคป์ ระกอบต่างๆ ในช้ินงานว่าออบเจ็กตห์ รือวัตถุ) มาจัดวางต่อกันที ละภาพในแตล่ ะช่วงเวลา (เรยี กวา่ เฟรม : frame) ท่ีจะแสดงเป็นภาพเคลื่อนไหว โดยเราจะกาหนดเสน้ เวลาให้ เล่นภาพเคล่ือนไหวชา้ ๆ หรือเลน่ แลว้ หยุดกไ็ ด้เราแบง่ ไทมไลน์เป็น 2 ส่วนใหญๆ่ ไดแ้ ก่ - ส่วนแสดงเลเยอร์ (Layer) ซง่ึ แตล่ ะเลเยอรเ์ ปรียบเหมือนแผ่นใสทีส่ ามารถวางภาพ หรอื ออบเจก็ ต์ได้ โดยแต่ละเลเยอร์น้นั แยกเปน็ อสิ ระต่อกนั แต่ประกอบกันเป็นชนิ้ งานเดยี ว - ส่วนเฟรม (Frame) ทแ่ี สดงช่องเฟรมตา่ งๆ ซึ่งทางานเหมือนกบั เฟรมทีป่ ระกอบกนั เป็นภาพยนตร์ โดยเม่ือมีการนาเฟรมเหล่านมี้ าแสดงอย่างต่อเนื่องกจ็ ะทาให้เกิดภาพเคล่ือนไหว ทั้งนี้ Frame จะแสดงผล ที ละเฟรม โดยจะมหี ัวอา่ น (Play head) ที่เป็นเสน้ สีแดงคอยบอกตาแหน่งวา่ กาลังทางานอยทู่ ่ีเฟรมใด เราสามารถเปดิ /ปดิ ไทมไลนน์ ้ีไดโ้ ดยคาส่ัง View > Timeline ให้มเี ครือ่ งหมายถูกอยูห่ น้าคาว่า Timeline เพอ่ื เปิดไทมไลน์ และใช้คาสั่ง View > Timeline อกี คร้ังยกเลิกเครอื่ งหมายถูกเพ่ือปดิ ไทมไลน์ ซึง่ เราอาจเปรียบการทางานของไทมไลน์เหมือนกบั ม้วนฟลิ ์ม ในขณะท่สี เตจ คือ สว่ นทแ่ี สดงแตล่ ะเฟรม ในมว้ นฟิลม์ นน้ั ตามลาดับท่ีกาหนดไว้ 6. Library เปน็ พาเนลท่ใี ช้สาหรบั เกบ็ องคป์ ระกอบทจี่ ะใชก้ บั ช้ินงานน้ันๆ เชน่ ซมิ บอล ภาพกราฟกิ และมูฟวหี่ รือไฟลช์ นดิ ต่าง ๆ เช่น ไฟลว์ ีดโี อ ไฟลเ์ สียง ซึ่งสามารถจดั เก็บองค์ประกอบเหล่าน้ไี ดอ้ ยา่ งระเบียบ ในโฟลเดอร์ (ท่ีเราสร้างเอง) โดยเราสามารถเรยี กเปดิ ใช้งานพาเนล library ดว้ ยคาสงั่ Windows > library หรอื กดคีย์ลัด Ctrl + L 7. แถบคณุ สมบัติ (Properties) เปน็ พาเนลทใี่ ชแ้ สดงคุณสมบตั ติ า่ งๆ ของออบเจ็กต์ท่ีเราคลกิ เลอื ก ซ่ึงเราสามารถปรบั แตง่ คุณสมบตั เิ หล่าน้ีได้ ท้ังนรี้ ายละเอียดท่ี Property Inspector จะเปลี่ยนไปตาม ออบเจ็กตท์ ่ีเลือก โดยเราสามารถเรียกเปดิ ใชง้ าน Property Inspector ด้วยคาสงั่ Window > Properties หรอื กดคยี ล์ ัด Ctrl + F3 ชดุ ท่ี 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พตั ราภักด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

17 ชดุ กิจกรรมการเรยี นรู้แบบรว่ มมือ เร่อื ง การสร้างงานแอนเิ มชนั ดว้ ย Flash CS6 กิจกรรมการเรียนรู้ที่ 1.2 สว่ นประกอบของโปรแกรม Flash CS6 รายวิชา การสร้างภาพเคลอื่ นไหว รหัสวชิ า ง30246 ช้ันมธั ยมศึกษาปีที่ 3 ช่ือ.............................................................................................ชัน้ ........................ .....เลขที.่ ............................... คาช้ีแจง ให้นักเรียนบอกหน้าที่การทางาน ส่วนประกอบของโปรแกรม Flash CS6 ( 7 คะแนน) ส่วนประกอบ หนา้ ทกี่ ารทางาน 1. เมนบู าร์ (Menu Bar) …………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………… 2. แถบคุณสมบัติ …………………………………………………………………………………………………………………… (Properties) …………………………………………………………………………………………………………………… 3. ทลู บอ๊ กซ์ …………………………………………………………………………………………………………………… (Toolbox) …………………………………………………………………………………………………………………… 4. พ้นื ทท่ี างาน …………………………………………………………………………………………………………………… (Pasteboard) …………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………… 5. ไทมไลน์ (Timeline) …………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………… 6. ไลบรารี่ …………………………………………………………………………………………………………………… (Library) …………………………………………………………………………………………………………………… 7. แถบหัวเรอ่ื ง …………………………………………………………………………………………………………………… (Title bar) …………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………… ชดุ ที่ 1 รู้จกั โปรแกรม Flash CS6 นางธนพร พัตราภักดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

18 ชุดกจิ กรรมการเรยี นรู้แบบรว่ มมือ เรอื่ ง การสร้างงานแอนิเมชันด้วย Flash CS6 เกณฑ์การประเมินกิจกรรมท่ี 1.2 คะแนน 1 คะแนน นักเรยี นตอบได้ถูกต้อง ชัดเจน ครบถว้ น คะแนน 0 คะแนน นกั เรียนตอบไม่ถูกต้องหรอื ไม่ตอบ สรุปผลการประเมนิ คะแนนเต็ม 7 คะแนน ไดค้ ะแนน................ คะแนน แปลผลการประเมนิ  ดี ไดค้ ะแนนระหว่าง 6 - 7 คะแนน  พอใช้ ได้คะแนนระหวา่ ง 4 - 5 คะแนน  ปรับปรงุ ไดค้ ะแนนระหวา่ ง 0 - 3 คะแนน ลงชื่อ....................................................................ผูต้ รวจ (นางธนพร พัตราภักด์ิ) ชดุ ท่ี 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พัตราภกั ด์ิ ครู โรงเรียนชุมพลวิทยาสรรค์

19 ชุดกจิ กรรมการเรียนรู้แบบรว่ มมอื เร่อื ง การสรา้ งงานแอนิเมชนั ดว้ ย Flash CS6 ใบความรู้ที่ 1.3 การใชเ้ คร่ืองมอื ของโปรแกรม Flash CS6 แถบเคร่ืองมือ กลุม่ เคร่อื งมือสร้างงานและจัดการวตั ถุ โดยแบ่งเครื่องมือเปน็ หมวดๆ ได้ 5 กลุ่ม คอื กลุม่ เคร่ืองมือ Selection เกย่ี วกบั การเลอื กวตั ถุ กลุม่ เคร่ืองมือ Edit ใชใ้ นการวาดภาพ กลมุ่ เคร่ืองมือ Modify จัดแต่งวตั ถุ กลุ่มเคร่ืองมือ View เกี่ยวกับการมองภาพตา่ งๆ กลุ่มตวั เลอื กเพม่ิ เติม Options เมอื่ เลือก เคร่อื งมอื ดา้ นบน จะสามารถปรบั แต่งเพ่ิมเตมิ ทางดา้ นลา่ งของกล่องเครอื่ งมือได้ ชดุ ท่ี 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พัตราภกั ดิ์ ครู โรงเรยี นชุมพลวิทยาสรรค์

20 ชุดกจิ กรรมการเรียนรู้แบบรว่ มมือ เร่อื ง การสร้างงานแอนิเมชันดว้ ย Flash CS6 กลุม่ เครอื่ งมอื สร้างงานและจดั การวตั ถใุ นทลู บ็อกซ์ (Toolbox) ไอคอน ชื่อเรยี ก หนา้ ทขี่ องปุ่ม กลมุ่ เคร่ืองมือ Selection เก่ยี วกับการเลอื กวัตถุ Arrow Tool ใช้สาหรับเลอื กวัตถโุ ดยการคลิก หรือคลกิ แล้วลากใหเ้ ปน็ บรเิ วณสเ่ี หลย่ี มรอบวัตถทุ ี่ตอ้ งการเลือก Subselection Tool ใช้สาหรับเลอื กจดั การกับวตั ถเุ ฉพาะบางส่วน Free Transform Tool ใชส้ าหรบั ยอ่ – ขยายวัตถุ Lasso Tool ใชส้ าหรบั เลือกวตั ถุ โดยการวาดเสน้ แบบอสิ ระรอบวัตถุ 3D Rotation Tool เปน็ เคร่อื งมอื ทจี่ ัดการ Object แบบสามมติ ิ โดยการหมนุ แกน X, Y และ Z ซึง่ สามารถหมุนได้ 360 องศา การใช้ กลุ่มเครือ่ งมอื Edit ใช้ในการวาดภาพ เครือ่ งมอื ตัวนี้จะช่วยให้ไดภ้ าพมมี ติ ิยงิ่ ขึน้ Pen Too Add Anchor Point Tool ใช้สาหรบั วาดรูปทรง เสน้ ตรง เสน้ โคง้ Delete Anchor Point Tool ใช้สาหรับเพ่ิมจดุ แองเคอร์ ใช้สาหรับลบจุดแองเคอร์ Convert Anchor Point Tool ใชส้ าหรบั จดุ แองเคอร์ Line Tool ใช้สาหรับวาดเส้นตรง Rectangle Tool ใชส้ าหรบั วาดรปู สี่เหล่ยี ม Oval Tool ใชส้ าหรบั วาดวงกลม หรอื วงรี Rectangle Primitive Tool ใชส้ าหรบั วาดสีเ่ หลยี่ มทป่ี รบั แตง่ รูปทรงได้ Oval Primitive Tool ใชส้ าหรบั วาดวงกลมหรอื วงรที ีป่ รับแตง่ รูปแบบไดภ้ ายหลงั PolyStar Tool ใชส้ าหรับวาดรปู หลายเหลยี่ มและรูปดาว Text Tool ใชส้ าหรับสรา้ งตวั อกั ษร หรือขอ้ ความ Brush Tool ใชส้ าหรบั ระบายสคี ล้ายพู่กนั หรือแปรงทาสี Pencil Tool ใช้สาหรบั วาดเส้นแบบอสิ ระ ชดุ ท่ี 1 รู้จกั โปรแกรม Flash CS6 นางธนพร พัตราภกั ด์ิ ครู โรงเรียนชุมพลวิทยาสรรค์

21 ชดุ กจิ กรรมการเรยี นรูแ้ บบรว่ มมือ เรื่อง การสร้างงานแอนิเมชันด้วย Flash CS6 กลุม่ เครื่องมอื สร้างงานและจัดการวตั ถุในทูลบ็อกซ์ (Toolbox) ไอคอน ชื่อเรียก หน้าท่ขี องปุ่ม กลุ่มเคร่ืองมอื จดั แต่งวตั ถุ Bone Tool เปน็ เครอื่ งมอื ท่ีใช้ในการใสก่ ระดกู ให้กบั Object เพอ่ื สะดวกและสมจรงิ ในการเคลอื่ นทข่ี องขอ้ ต่อ Paint Bucket Tool ใชส้ าหรบั เตมิ สีพื้นภายในของวัตถุ Eyedropper Tool ใชส้ าหรับดูดสีภายในของสว่ นที่ถกู คลิกเพื่อนาไปใสใ่ ห้เสน้ หรือรปู ทรงอ่ืน Eraser Tool ใช้สาหรบั ลบเส้น หรอื สพี น้ื ภายใน กลมุ่ เครอ่ื งมือ View เกย่ี วกับการมองภาพต่างๆ Hnad Tool ใช้สาหรบั เคล่ือนย้ายจอภาพของ Stage Zoom Tool ใช้สาหรับยอ่ หรือขยาย Stage กลุม่ ตัวเลือกเพมิ่ เติม Options ใช้สาหรบั เลือกสีเส้นขอบของวตั ถุ Stroke Color ใชส้ าหรบั เลอื กสพี ืน้ ภายในของวตั ถุ Flill Color Default Color ใช้สาหรบั เลือกสพี ื้นผิว และสีเส้นเป็นสีมาตรฐานคือ สขี าว- Swap Colors Tools ดา ใชส้ ลับสรี ะหวา่ งสีพ้ืน กับสเี ส้นขอบ กาหนดสที เ่ี ลอื กไว้ก่อน หนา้ ของวัตถุ ชดุ ที่ 1 รู้จักโปรแกรม Flash CS6 นางธนพร พัตราภกั ดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

22 ชดุ กจิ กรรมการเรียนรูแ้ บบรว่ มมอื เรอ่ื ง การสรา้ งงานแอนเิ มชันด้วย Flash CS6 กิจกรรมการเรยี นรูท้ ่ี 1.3 การใชเ้ ครอ่ื งมือของโปรแกรม Flash CS6 รายวิชา การสรา้ งภาพเคลื่อนไหว รหสั วิชา ง20246 ช้ันมัธยมศึกษาปที ่ี 3 ชอื่ .............................................................................................ชนั้ ........................ .....เลขท.ี่ ............................... คาช้ีแจง ใหน้ ักเรยี นจบั ค่รู ปู ภาพและการทางานต่อไปน้ี ให้ถกู ต้อง (10 คะแนน) 1. ............................ A. ใช้สาหรบั วาดเสน้ ตรง 2. ............................ B. ใชส้ าหรับวาดรูปทรง เส้นตรง เส้นโคง้ 3. ............................ C. ใช้สาหรบั ดดู สภี ายในสว่ นทถ่ี ูกคลกิ 4. ............................ D. ใช้สาหรบั ระบายสคี ล้ายพู่กนั หรอื แปรงทาสี 5. ............................ E. ใช้สาหรับวาดวงกลม หรอื วงรี 6. ............................ F. ใช้สาหรบั เลือกสีพ้ืนภายในของวตั ถุ 7. ............................ G. ใชส้ าหรบั เลือกวตั ถุ โดยวาดเสน้ แบบอิสระรอบวัตถุ 8. ............................ H. ใช้สาหรับย่อ-ขยายวัตถุ 9 ............................ I. ใช้สาหรบั เพิม่ จุดแองเคอร์ 10 ............................ J. ใชส้ าหรบั เลือกวัตถุโดยการคลิก 11. ............................ K. ใช้สาหรับวาดสเ่ี หลย่ี มท่ปี รับแต่งรปู ทรงได้ 12. ............................ L. ใชส้ าหรับลบจดุ แองเคอร์ 13. ............................ M. ใช้สาหรับวาดรปู ส่ีเหล่ียม 14. ............................ N. ใชส้ าหรับลบเสน้ หรอื สพี ้ืนภายใน 15. ............................ O. ใชส้ าหรบั ย่อขยาย Stage 16. ............................ P. ใช้สาหรับเลือกสีเสน้ ขอบของวัตถุ 17. ............................ Q. ใช้สาหรับยอ่ หรือขยาย Stage 18. ............................ R. ใชส้ าหรบั วาดเส้นแบบอสิ ระ 19 ............................ S. ใช้สาหรับสรา้ งตวั อักษร หรอื ข้อความ 20 ............................ T. การวาดรปู หลายเหล่ียมและรปู ดาว ชดุ ที่ 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พัตราภักด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

23 ชุดกจิ กรรมการเรยี นรู้แบบร่วมมอื เรอ่ื ง การสร้างงานแอนเิ มชันดว้ ย Flash CS6 เกณฑก์ ารประเมนิ กิจกรรมท่ี 1.3 คะแนน 0.5 คะแนน นกั เรียนตอบได้ถูกต้อง คะแนน 0 คะแนน นักเรียนตอบไม่ถกู ต้องหรือไม่ตอบ สรปุ ผลการประเมิน คะแนนเต็ม 10 คะแนน ไดค้ ะแนน................ คะแนน แปลผลการประเมนิ  ดี ไดค้ ะแนนระหวา่ ง 8 - 10 คะแนน  พอใช้ ได้คะแนนระหวา่ ง 5 - 7 คะแนน  ปรบั ปรงุ ไดค้ ะแนนระหวา่ ง 0 - 4 คะแนน ลงชื่อ....................................................................ผูต้ รวจ (นางธนพร พตั ราภกั ดิ์) ชดุ ท่ี 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พตั ราภกั ด์ิ ครู โรงเรียนชุมพลวิทยาสรรค์

24 ชุดกิจกรรมการเรยี นรูแ้ บบร่วมมือ เรื่อง การสรา้ งงานแอนิเมชันดว้ ย Flash CS6 ใบความรู้ที่ 1.4 การสรา้ ง การบนั ทึก การเปดิ ไฟลง์ าน การสรา้ งไฟล์งาน วธิ ีที่ 1 เลือกจากหน้าตา่ งเริ่มตน้ การทางาน หลังจากท่ีเปดิ โปรแกรม Flash ขนึ้ มา เราสามารถเลอื กสรา้ งไฟล์ ใหมไ่ ดจ้ ากหนา้ ต่างเริ่มต้นการทางานไดเ้ ลย โดยปกติการสร้างไฟลง์ านทัว่ ไปท่ีเรานิยมใช้คือ การสรา้ งไฟล์เปลา่ เลือกที่ Flash File (ActionScript 2.0 หรือ ActionScript 3.0) ดงั ภาพ ชดุ ที่ 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พตั ราภกั ดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

25 ชุดกจิ กรรมการเรียนรู้แบบรว่ มมอื เรอ่ื ง การสร้างงานแอนิเมชันด้วย Flash CS6 วิธที ี่ 2 1. เลอื กคาสั่ง File>New... เพ่ือสร้างไฟล์ใหม่ 2. จะปรากฏหนา้ ตา่ งสาหรบั สร้างไฟล์ขึน้ มา ใหเ้ ราเลือกแทบ็ General แลว้ เลอื กรูปแบบของลักษณะไฟล์ใหม่ เลอื กท่ี Flash File (ActionScript 2.0 หรอื ActionScript 3.0) ดังภาพ ชดุ ท่ี 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พัตราภกั ดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

26 ชดุ กิจกรรมการเรียนรู้แบบร่วมมือ เร่ือง การสรา้ งงานแอนิเมชนั ด้วย Flash CS6 การบนั ทกึ ไฟล์งาน เราสามารถสง่ั บนั ทึกหรอื เซฟไฟลช์ ิน้ งานที่สรา้ งใน Flash (ไฟลช์ ิน้ งานจะถูกบันทึกเป็นนามสกุล .FLA) ไวห้ ลายวธิ ี ดังน้ี 1. เลอื ก File>Save บนทลู บาร์ หากเปน็ การบันทกึ ไฟลค์ รง้ั แรก เราจะต้องตั้งชอื่ ไฟล์ท่ีตอ้ งการสัง่ บันทกึ ด้วย 2. เลอื ก File>Save As…. หากเราเคยบันทึกไฟลช์ ้ินนแี้ ล้วและต้องการบนั ทึกชิน้ งานนี้เป็นไฟล์อีกชื่อหนึ่ง หรือบันทึกเปน็ สาเนาไวท้ ่ีอน่ื 3. เลอื ก File>Save as Template... หากเราต้องการบันทกึ ช้นิ งานเป็นเทมเพลตเพ่ือนาไปใชเ้ ปน็ ไฟล์ ชดุ ที่ 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พตั ราภักด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

27 ชดุ กจิ กรรมการเรยี นรูแ้ บบร่วมมอื เรอ่ื ง การสรา้ งงานแอนเิ มชันดว้ ย Flash CS6 การเปิดไฟลง์ าน 1. เลอื กท่เี มนู File 2. เลอื กที่เมนู Open… เพ่อื เปดิ ไฟล์ 3. สามารถคลกิ เลือกไฟล์ .fla ทบี่ ันทกึ ไวก้ ลบั มาแก้ไขได้ แตไ่ ฟล์นามสกลุ .swf จะเปิดมาเพ่ือแสดงได้ อยา่ งเดยี วเพราะเปน็ ไฟล์ท่ีถกู พบั ลชิ แลว้ 4. คลกิ ปมุ่ Open เพื่อเปดิ ไฟล์ ชดุ ที่ 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พัตราภกั ด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

28 ชุดกจิ กรรมการเรยี นรูแ้ บบร่วมมือ เรอ่ื ง การสรา้ งงานแอนิเมชนั ด้วย Flash CS6 กจิ กรรมเรียนรู้ท่ี 1.4 การสรา้ ง การบนั ทกึ การเปดิ ไฟล์งาน รายวชิ า การสร้างภาพเคล่อื นไหว รหสั วิชา ง20246 ชัน้ มัธยมศึกษาปีท่ี 3 ชือ่ .............................................................................................ช้ัน........................ .....เลขท่.ี ............................... คาชีแ้ จง ให้นกั เรยี นอธบิ ายขั้นตอนการทางานต่อไปน้ี (3 คะแนน) 1. ใหน้ กั เรยี นศกึ ษาวธิ ีการสร้างไฟล์งาน แล้วบนั ทึกข้อมลู ลงในชอ่ งว่าง ............................................................................................................................. ................................................. ................................................................................................................................................................... ........... ........................................................................................................................ ...................................................... ............................................................................................................................. ................................................. ......................................................................................................................................................... ..................... 2. ให้นกั เรยี นศึกษาวิธกี ารบันทกึ ไฟล์งาน แลว้ บันทึกข้อมูลลงในช่องว่าง ............................................................................................................................. ................................................. .................................................................................. ............................................................................................ ............................................................................................................................. ................................................. ............................................................................................................................. ................................................. .............................................................................................................................................................................. ............................................................................................................................. ................................................. 3. ใหน้ ักเรียนศกึ ษาวธิ ีการเปิดไฟลง์ าน แล้วบนั ทึกข้อมูลลงในชอ่ งวา่ ง ............................................................................................................................. ................................................. ............................................................................................................................. ................................................. .............................................................................................................................................................................. ............................................................................................................................. ................................................. ............................................................................................................................. ................................................. .............................................................................................................................................................................. ชดุ ที่ 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พตั ราภกั ด์ิ ครู โรงเรียนชุมพลวิทยาสรรค์

29 ชุดกิจกรรมการเรียนรูแ้ บบรว่ มมอื เรอ่ื ง การสร้างงานแอนเิ มชันดว้ ย Flash CS6 เกณฑ์การประเมินกจิ กรรมที่ 1.4 คะแนน 1 คะแนน นกั เรียนตอบไดถ้ ูกต้อง ชดั เจน ครบถ้วน คะแนน 2 คะแนน นกั เรียนตอบได้ถูกต้อง คะแนน 0 คะแนน นกั เรยี นตอบไม่ถกู ต้องหรือไม่ตอบ สรุปผลการประเมิน คะแนนเต็ม 6 คะแนน ได้คะแนน................ คะแนน แปลผลการประเมนิ  ดี ได้คะแนนระหวา่ ง 5 - 6 คะแนน  พอใช้ ได้คะแนนระหวา่ ง 3 - 4 คะแนน  ปรับปรงุ ไดค้ ะแนนระหวา่ ง 0 - 2 คะแนน ลงชื่อ....................................................................ผูต้ รวจ (นางธนพร พัตราภักดิ์) ชดุ ท่ี 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พตั ราภักด์ิ ครู โรงเรียนชุมพลวิทยาสรรค์

30 ชดุ กิจกรรมการเรียนรู้แบบรว่ มมอื เรื่อง การสรา้ งงานแอนิเมชันด้วย Flash CS6 แบบทดสอบหลังเรยี น ชดุ กิจกรรมการเรียนรู้ท่ี 1 เร่ือง รจู้ ักกับโปรแกรม Flash CS6 คาช้ีแจง 1. แบบทดสอบมีทัง้ หมด 10 ข้อ คะแนนเต็ม 10 คะแนน 2. ใช้เวลาทาแบบทดสอบ 10 นาที 3. แบบทดสอบ มี 4 ตัวเลอื ก 4. ใหน้ ักเรยี นทาเครื่องหมายกากบาท () ทับตวั อักษร ก ข ค หรอื ง ท่ถี กู ต้องทีส่ ุดเพยี งข้อเดยี ว 1. ส่วนประกอบใดในโปรแกรม Flash เป็นท่รี วบรวมคาสัง่ และการต้ังคา่ สาหรับการใช้งานของโปรแกรม ก. เมนูบาร์ ข. ทูลบอ็ กซ์ ค. พาเนล ง. ไทม์ไลน์ 2. ไฟลข์ องโปรแกรม Adobe Flash CS6 ขอ้ ใดท่สี ามารถนากลบั มาแกไ้ ขได้ ก. .Swf ข. .Flv ค. .Fla ง. .Pdf 3. เครอ่ื งมือชนดิ ใดไมไ่ ดจ้ ัดอยู่ในกลุ่มเคร่ืองมือ Edit ก. Pencil Tool ข. Sub selection Tool ค. Brush Tool ง. Eraser Tool 4. โปรแกรม Adobe Flash CS6 มคี วามสามารถในด้านใด ก. การออกแบบรูปภาพ ข. การสร้างภาพเคล่ือนไหว ค. งานพิมพ์เอกสาร ง. การสร้างฐานขอ้ มลู ชดุ ท่ี 1 รู้จกั โปรแกรม Flash CS6 นางธนพร พตั ราภกั ด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

31 ชุดกจิ กรรมการเรยี นรูแ้ บบรว่ มมือ เรือ่ ง การสรา้ งงานแอนิเมชนั ด้วย Flash CS6 5. ถา้ ต้องการบันทึกไฟล์ เพื่อนากลบั มาแก้ไขใหม่ไดต้ ้องใช้คาส่ังใด ก. File > Save ข. File > Browse ค. File > Open ง. File > New 6. ส่วนประกอบใดทใี่ ชส้ าหรบั วางออบเจ็กตท์ ี่ยังไม่ต้องการใหแ้ สดง ก. พน้ื ทก่ี ารทางาน ข. ไทม์ไลน์ ค. สเตจ ง. พาเนล 7. คาส่งั ใดใช้เรียกกล่องเครอื่ งมือในการทางาน ก. Edit > Tools ข. Insert > Tools ค. Modify > Tools ง. Window > Tools 8. Stage ทาหนา้ ท่ีอะไร ก. หาเคร่ืองมือทหี่ ายไป ข. กาหนดคุณสมบัติให้กับวตั ถุ ค. กาหนดการเคล่ือนไหวของวตั ถุ ง. พนื้ ทสี่ าหรบั การสร้างภาพเคลือ่ นไหว 9. ถา้ ตอ้ งการกาหนดสีของ Stage จากสีขาว ใหเ้ ปน็ สีฟา้ ต้องใช้ Panel คาส่ังใด ก. Action ข. Toolbar ค. Properties ง. Motion Editor 10. ไฟลม์ ลั ติมีเดยี ท่สี ร้างจาก Flash มชี อ่ื เรียกว่าอะไร ก. มเี ดียฟวี่ ทาขอ้ สอบกนั ได้ ข. ออบเจ็กต์ หรือเปลา่ คะ ค. มเี ดยี ง. พาเนล ชดุ ท่ี 1 รู้จกั โปรแกรม Flash CS6 นางธนพร พัตราภักดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

32 ชดุ กจิ กรรมการเรยี นรูแ้ บบร่วมมือ เรอ่ื ง การสร้างงานแอนเิ มชันดว้ ย Flash CS6 กระดาษคาตอบแบบทดสอบ (หลงั เรยี น) ชือ่ -นามสกลุ .................................................................................................ชั้น...........................เลขท่ี............... ข้อ ก ตัวเลือก ง เกณฑ์การประเมนิ 1 ขค ตอบถกู ขอ้ ละ 1 คะแนน 2 ตอบผดิ /ไม่ตอบ ขอ้ ละ 0 คะแนน 3 4 ผา่ นเกณฑ์การประเมินร้อยละ 80 5  คะแนน 8 – 10 คะแนน ถอื ว่า ผ่าน 6  คะแนน 0 – 7 คะแนน ถือวา่ ไมผ่ ่าน 7 8 ระดับคณุ ภาพ 9  ดี ได้คะแนนระหวา่ ง 8 - 10 คะแนน 10  พอใช้ ได้คะแนนระหว่าง 5 - 7 คะแนน  ปรบั ปรงุ ไดค้ ะแนนระหว่าง 1 – 4 คะแนน สรุปผลการประเมนิ รวมคะแนน................ คะแนน  ผา่ น  ไมผ่ า่ น ลงชอื่ .........................................................ผู้ตรวจ (นางธนพร พัตราภกั ดิ์) ชดุ ที่ 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พัตราภกั ดิ์ ครู โรงเรียนชุมพลวิทยาสรรค์

33 ชดุ กิจกรรมการเรียนรูแ้ บบรว่ มมอื เรือ่ ง การสรา้ งงานแอนิเมชันด้วย Flash CS6 บรรณานุกรม ชิษณุพงศ์ ธัญลกั ษณ์. การสร้างงานแอนิเมชันด้วย FLASH เวอรช์ ัน CS6. กรงุ เทพฯ : ซัคเซส มเี ดีย, 2558. ธนั ยพฒั น์ วงศร์ ตั น์. Flash CS5. กรุงเทพฯ : ซิมพลฟิ าย, 2555. ปุณยวรี ์ รจุ ปิ รู ติ านันท์. Flash Cartoon Animation. กรุงเทพฯ : โปรวชิ ่นั , 2553. พันจันทร์ ธนวัฒนเสถยี ร. สรา้ งงานมัลตมิ ีเดียแอนิเมชันดว้ ย Flash CS6. พิมพ์ครง้ั ท่ี 2, มนสั สินี ล่าสันเทียะ. Workshop Flash CS6 Animation สร้างงานแอนเิ มชันการ์ตูน. กรุงเทพฯ : ซมิ พลิฟาย, 2559 อศิ เรศ ภาชนะกาญจน์. Flash CS6 Essntial. นนทบุรี : ไอซีดฯี , 2557 ชดุ ท่ี 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พัตราภักด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

34 ชดุ กิจกรรมการเรยี นรู้แบบรว่ มมือ เร่อื ง การสรา้ งงานแอนิเมชนั ดว้ ย Flash CS6 ภาคผนวก ชดุ ท่ี 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พัตราภกั ด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

35 ชดุ กิจกรรมการเรียนรู้แบบร่วมมือ เรื่อง การสรา้ งงานแอนิเมชันด้วย Flash CS6 แบบบันทึกคะแนนชุดกจิ กรรมการเรยี นรู้แบบรว่ มมือ เรือ่ ง การสรา้ งงานแอนิเมชนั ด้วย Flash CS6 ชน้ั มัธยมศกึ ษาปที ่ี 3 ชุดท่ี 1 รจู้ กั โปรแกรม Flash CS6 ช่ือ – นามสกุล..........................................................................เลขท่.ี .....................ชนั้ ................. กจิ กรรมท่ี คะแนนเตม็ คะแนนที่ทาได้ หมายเหตุ 1.1 4 1.2 7 1.3 10 1.4 6 27 รวมคะแนน เกณฑ์การประเมิน (คดิ เปน็ คะแนนรอ้ ยละ 80 ได้ 22 คะแนนขน้ึ ไป ถือวา่ ผ่านเกณฑ์) คะแนนเต็ม 36 คะแนน ได้คะแนน...................... คะแนน ระดบั คุณภาพ ดี ไดค้ ะแนน 22 - 27 คะแนน  = 3 หมายถึง พอใช้ ไดค้ ะแนน 14 - 21 คะแนน  = 2 หมายถงึ ปรบั ปรุง ได้คะแนน 1 - 13 คะแนน  = 1 หมายถึง ลงช่ือ....................................................................ผู้ตรวจ (นางธนพร พัตราภกั ดิ์) ชดุ ท่ี 1 รู้จักโปรแกรม Flash CS6 นางธนพร พัตราภักด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

36 ชดุ กิจกรรมการเรียนรู้แบบรว่ มมอื เรอ่ื ง การสรา้ งงานแอนิเมชันดว้ ย Flash CS6 เฉลย กจิ กรรมการเรยี นรู้ที่ 1.1 ความรู้พน้ื ฐานเกีย่ วกับ Flash CS6 รายวิชา การสรา้ งภาพเคล่อื นไหว รหสั วิชา ง20246 ช้นั มัธยมศึกษาปีที่ 3 ชอ่ื .............................................................................................ช้ัน........................ .....เลขท่ี................................ คาช้ีแจง ให้นักเรียนแสดงความคดิ เห็น หาคาตอบและเติมคาหรอื ข้อความให้สมบรู ณ์ (6 คะแนน) 1. ให้นักเรียนบอกความสามารถในการทางานของโปรแกรม Flash CS6 แลว้ บนั ทกึ ข้อมูลลงในแผนภมู ิ รูปภาพต่อไปนี้ สร้างช้นิ งาน Interactive มี สรา้ งชิน้ งาน Animation ส่วนตอบสนองกับผู้ใช้ ความสามารถของ Flash CS6 สร้างเวบ็ ไซต์ (Website) สรา้ งเกม (GAME) 2. ให้นักเรยี นศกึ ษาวิธีการเข้าใชง้ านโปรแกรม Flash CS6 แลว้ บันทึกขอ้ มลู ลงในช่องวา่ ง 1. เข้าสโู่ ปรแกรม Flash CS6 โดยคลกิ เมาสท์ ป่ี ุ่ม Start แลว้ เลือกคาสั่ง All Programs 2. คลิกเลือกรายการ Adobe>Adobe Flash CS6 Professional l 3. จะปรากฏหนา้ ตา่ ง เลือกโหมดการทางาน Create New เปน็ การสรา้ งงาน Flash ขนึ้ มา ใหม่ เพ่ือง่ายต่อการใช้งาน ให้คลิกเลือกตรง ActionScript 2.0 หรือ 3.0 เพอ่ื เขา้ สู่การเร่ิมตน้ ทางาน ชดุ ท่ี 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พัตราภักด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์

37 ชดุ กิจกรรมการเรยี นรู้แบบร่วมมือ เรือ่ ง การสร้างงานแอนิเมชนั ดว้ ย Flash CS6 เฉลย กิจกรรมการเรยี นรู้ที่ 1.2 สว่ นประกอบของโปรแกรม Flash CS6 รายวชิ า การสร้างภาพเคลือ่ นไหว รหัสวิชา ง30246 ชนั้ มธั ยมศกึ ษาปีที่ 3 ชอื่ .............................................................................................ชน้ั ........................ .....เลขท.่ี ............................... คาช้ีแจง ใหน้ กั เรียนบอกหน้าทกี่ ารทางาน สว่ นประกอบของโปรแกรม Flash CS6 ( 14 คะแนน) สว่ นประกอบ หนา้ ทีก่ ารทางาน 1. เมนูบาร์ (Menu Bar) เปน็ แถบท่ีรวบรวมคาสั่งในการใช้งานท้ังหมดเกย่ี วกบั การสร้างชน้ิ งาน และการ สร้างภาพเคล่ือนไหว นอกจากน้นั รวมไปถึงการต้ังคา่ เกีย่ วกับการใชง้ านใน 2. แถบคณุ สมบัติ โปรแกรมท้ังหมด (Properties) เปน็ พาเนลที่ใชแ้ สดงคุณสมบัตติ ่างๆ ของออบเจ็กต์ทเี่ ราคลกิ เลอื ก ซ่ึงเราสามารถ 3. ทูลบอ๊ กซ์ ปรบั แต่งคุณสมบัติเหล่าน้ไี ด้ ทง้ั นร้ี ายละเอียดที่ Property Inspector จะ (Toolbox) เปลีย่ นไปตามออบเจก็ ต์ทเี่ ลือก โดยเราสามารถเรยี กเปดิ ใช้งาน Property Inspector ดว้ ยคาสง่ั Window > Properties หรือกดคยี ล์ ัด Ctrl + F3 4. พ้นื ที่ทางาน (Pasteboard) เป็นกลอ่ งที่รวบรวมเคร่ืองมอื ต่างๆ ทีใ่ ช้ในการสรา้ ง และปรบั แต่งออบเจ็กต์ตา่ งๆ 5. ไทมไลน์ โดยจะเรยี งเครื่องมือตา่ งๆ เป็นแถวลงมา เครื่องมือแตล่ ะชน้ิ จะมีลกั ษณะเป็น (Timeline) ไอคอนรปู ภาพท่ีเราสามารถคลกิ เพื่อเรยี กใชง้ านได้ โดยแบ่งเคร่อื งมือเปน็ หมวดๆ 6. ไลบรารี่ เป็นพื้นทหี่ ลังเวทีทผ่ี ชู้ มมองไมเ่ ห็น แต่เราวางองค์ประกอบตา่ งๆ ท่จี ะนาไปแสดง (Library) บนสเตจได้ 7. แถบหวั เรื่อง ใชส้ าหรับสรา้ งและกาหนดรายละเอียดของการเคล่ือนไหว โดยเอาองคป์ ระกอบท่ี (Title bar) จะเคล่ือนไหว (เราเรยี กองคป์ ระกอบต่างๆ ในชนิ้ งานวา่ ออบเจก็ ตห์ รือวัตถุ) มาจัด วางต่อกนั ทลี ะภาพในแตล่ ะช่วงเวลา (เรียกว่าเฟรม : frame) ทีจ่ ะแสดงเปน็ ภาพเคลือ่ นไหว โดยเราจะกาหนดเสน้ เวลาให้ เป็นพาเนลทใ่ี ช้สาหรับเก็บองค์ประกอบทจี่ ะใช้กับชนิ้ งานนั้นๆ เชน่ ซมิ บอล ภาพกราฟกิ และมูฟวห่ี รือไฟล์ชนิดต่าง ๆ เชน่ ไฟลว์ ีดีโอ ไฟล์เสียง ซึง่ สามารถ จดั เก็บองคป์ ระกอบเหลา่ นไี้ ด้อยา่ งระเบียบในโฟลเดอร์ (ท่ีเราสรา้ งเอง) โดยเรา สามารถเรยี กเปดิ ใช้งานพาเนล library ด้วยคาสง่ั Windows > library หรอื กด คยี ์ลัด Ctrl + L แสดงปุ่มควบคุมหลัก (Control Menu) ช่อื โปรแกรม และปุม่ ควบคมุ หน้าตา่ ง โปรแกรม ชดุ ท่ี 1 รูจ้ กั โปรแกรม Flash CS6 นางธนพร พัตราภกั ดิ์ ครู โรงเรยี นชุมพลวิทยาสรรค์

38 ชดุ กจิ กรรมการเรียนรูแ้ บบร่วมมือ เร่ือง การสร้างงานแอนเิ มชันดว้ ย Flash CS6 เฉลย กิจกรรมการเรยี นรู้ที่ 1.3 การใช้เคร่ืองมือของโปรแกรม Flash CS6 รายวชิ า การสร้างภาพเคลอื่ นไหว รหัสวิชา ง20246 ชนั้ มธั ยมศกึ ษาปีท่ี 3 ชื่อ.............................................................................................ชัน้ ........................ .....เลขท่.ี ............................... คาชีแ้ จง ใหน้ ักเรียนจับคู่รูปภาพและการทางานต่อไปน้ี ให้ถูกต้อง (10 คะแนน) 1. ............D................ A. ใช้สาหรบั วาดเส้นตรง 2. ............R................ B. ใช้สาหรบั วาดรปู ทรง เส้นตรง เส้นโคง้ 3. ............G............... C. ใชส้ าหรบั ดูดสีภายในส่วนทถี่ กู คลกิ 4. ............N............... D. ใช้สาหรับระบายสคี ล้ายพู่กัน หรือแปรงทาสี 5. ............A............... E. ใช้สาหรบั วาดวงกลม หรอื วงรี 6. ............B............... F. ใช้สาหรบั เลอื กสพี ืน้ ภายในของวัตถุ 7. ............L................ G. ใชส้ าหรบั เลือกวตั ถุ โดยวาดเส้นแบบอสิ ระรอบวตั ถุ 8. ............Q............... H. ใช้สาหรบั ย่อ-ขยายวตั ถุ 9 .............O............... I. ใช้สาหรบั เพมิ่ จุดแองเคอร์ 10 ...........K............... J. ใช้สาหรับเลอื กวัตถโุ ดยการคลิก 11. ..........C................ K. ใช้สาหรับวาดสี่เหลี่ยมแบบปรับแตง่ รูปทรงได้ 12. ..........F................ L. ใช้สาหรับลบจุดแองเคอร์ 13. ..........P.............. M. ใชส้ าหรบั วาดรูปสเ่ี หล่ยี ม 14. ...........I.............. N. ใช้สาหรบั ลบเสน้ หรอื สีพน้ื ภายใน 15. ...........S............... O. ใชส้ าหรบั ยอ่ ขยาย Stage 16. ...........H.............. P. ใชส้ าหรับเลือกสีเส้นขอบของวัตถุ 17. ...........M.............. Q. ใชส้ าหรบั เคลื่อนยา้ ยจอภาพของ Stage 18. ...........J................ R. ใชส้ าหรับวาดเสน้ แบบอสิ ระ 19 ............T............... S. ใช้สาหรับสร้างตวั อักษร หรอื ข้อความ 20 ............E............... T. การวาดรปู หลายเหล่ยี มและรปู ดาว ชดุ ที่ 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พตั ราภักดิ์ ครู โรงเรยี นชุมพลวิทยาสรรค์

39 ชดุ กจิ กรรมการเรยี นรูแ้ บบรว่ มมือ เร่อื ง การสร้างงานแอนิเมชันดว้ ย Flash CS6 เฉลย กจิ กรรมเรยี นรูท้ ่ี 1.4 การสร้าง การบนั ทกึ การเปดิ ไฟล์งาน รายวิชา การสรา้ งภาพเคล่อื นไหว รหัสวชิ า ง20246 ช้ันมัธยมศึกษาปีท่ี 3 ช่อื .............................................................................................ชน้ั ........................ .....เลขที.่ ............................... คาชี้แจง ให้นักเรียนอธบิ ายข้ันตอนการทางานต่อไปน้ี (6 คะแนน) 1. ให้นักเรียนศกึ ษาวธิ กี ารสรา้ งไฟล์งาน แล้วบนั ทึกข้อมลู ลงในช่องวา่ ง Save เป็นการบันทึกไฟลค์ รัง้ แรก ก 1. คลิกเมนูน File เลอื กคาส่ัง Save ก 2. เลือกตาแหน่งในการเก็บไฟลง์ าน ก 3. ตงั้ ชอ่ื ไฟล์งาน ก 4. คลิกปุ่ม Save ก 2. ให้นักเรียนศึกษาวิธกี ารบันทกึ ไฟล์งาน แล้วบันทึกข้อมูลลงในชอ่ งวา่ ง Save As เปน็ การบนั ทึกไฟล์ท่เี ราใชง้ านอยู่เพิ่มข้นึ มาในชอื่ ไฟล์ใหม่เป็นการสารองไฟลน์ ั้นเก็บไว้ 1. คลิกเมนูน File เลอื กคาสั่ง Save As… ก 2. เลอื กตาแหนง่ ในการเกบ็ ไฟลง์ าน ก 3. ต้ังชอ่ื ไฟลง์ านใหม่ ก 4. คลกิ ปมุ่ Save ก 3. ให้นกั เรยี นศกึ ษาวิธีการเปิดไฟล์งาน แลว้ บนั ทึกข้อมูลลงในชอ่ งว่าง การเปดิ ไฟลง์ านท่ีเคยทาไว้ หลังจากที่เข้าโปรแกรมมาแล้ว ให้เลือกเปดิ ไฟล์ด้วยคาสง่ั Open จากเมนู บารด์ งั น้ี ก 1. คลกิ เมนนู File เลือกคาส่ัง Open ก 2. เลือกโฟลเดอร์และไฟลง์ านท่ีต้องการ ก 3. คลิก Open ก ชดุ ที่ 1 รูจ้ ักโปรแกรม Flash CS6 นางธนพร พตั ราภกั ดิ์ ครู โรงเรยี นชุมพลวิทยาสรรค์

40 ชดุ กิจกรรมการเรียนรูแ้ บบรว่ มมอื เร่อื ง การสร้างงานแอนิเมชันดว้ ย Flash CS6 เฉลยแบบทดสอบ ชดุ ที่ 1 เรอื่ ง ร้จู กั กับโปรแกรม Flash CS6 กอ่ นเรยี น หลังเรยี น ขอ้ ก ตัวเลอื ก ง ขอ้ ก ตวั เลือก ง 1 ขค ขค 2  1  3    4   2  5    3 6   4  7  5 8 6 9 7 10 8 9 10 ชดุ ที่ 1 รู้จกั โปรแกรม Flash CS6 นางธนพร พัตราภักด์ิ ครู โรงเรยี นชุมพลวิทยาสรรค์