หน่วยที่ 1

แผนการจัดการเรยี นรูร้ ายหนว่ ย หน่วยท่ี 1 ชอ่ื วชิ า เทคนคิ การสรา้ งภาพเคล่อื นไหวคอมพวิ เตอร์ สอนครงั้ ที่ 1 ช่อื หน่วย รูจ้ ักกับ Flash CS6 ท....2...ป....2... สาระสาคัญ ความหมายของ Flash CS6 ความสามารถของโปรแกรม Flash CS6 ความแตกตา่ งระหวา่ งไฟล์ .fla และไฟล์ .swf รปู แบบกราฟกิ ทีใ่ ชง้ านบน Flash CS6 ซนี และมฟู วี่ ซมิ โบลและอนิ สแตนซ์ การแปลงออกเจก็ ต์ ใหเ้ ปน็ ซิมโบล การเรียกใช้งานและปรบั แต่งอนิ สแตนซ์ สมรรถนะอาชพี ประจาหน่วย 1. บอกส่วนประกอบและเครื่องมือของ Flash CS6 จดุ ประสงค์การเรยี นรู้ จดุ ประสงค์ท่ัวไป ดา้ นพทุ ธพิ สิ ยั 1. เพื่อใหม้ คี วามรู้เก่ียวกับส่วนประกอบตา่ ง ๆ ของโปรแกรม Flash CS6 2. เพื่อใหม้ ีความรู้เก่ียวกบั เครื่องมือต่างๆ ที่ใชใ้ นการทางานของโปรแกรม Flash CS6 3. เพ่ือให้มีความรู้เก่ยี วกบั การสร้างความสัมพันธข์ องฐานข้อมูล ดา้ นทกั ษะพิสัย 4. เพือ่ ใหม้ ีทกั ษะในการใช้สว่ นประกอบและเครื่องมอื จากโปรแกรม Flash CS6 มาใช้งานไดอ้ ย่างถกู ตอ้ ง ด้านจติ พสิ ัย 5. เพ่อื ใหม้ ีเจตคติที่ดีตอ่ การเตรยี มความพร้อมด้าน วัสดุ อปุ กรณ์ และการปฏิบัตงิ านอยา่ งถกู ตอ้ ง สาเร็จภายในเวลาทก่ี าหนด มเี หตุและผลตามหลักปรชั ญาของเศรษฐกจิ พอเพียง จุดประสงค์เชิงพฤตกิ รรม 1. รู้จักและเข้าใจกระบวนการทางานของโปรแกรม Flash CS6 เบ้ืองตน้ ได้ 2. เลอื กใช้สว่ นประกอบตา่ ง ๆ ของโปรแกรม Flash CS6 ได้ 3. อธิบายการใชง้ านเครอ่ื งมอื ของโปรแกรม Flash CS6 และนาเคร่อื งมอื มาใชง้ านถกู ประเภทได้ สาระการเรียนรู้ 1. ความรูท้ ั่วไปเกยี่ วกับโปรแกรม Flash 2. ลกั ษณะสาคญั ของโปรแกรม Adobe Flash cs6 3. การเปิดใช้งานโปรแกรม Adobe Flash CS6 4. ส่วนประกอบของโปรแกรม Adobe Flash cs6 5. เมนูบาร์ (Menu Bar) 6. ทูลบอ๊ กซ์ (Toolbox) 7. Timeline 8. สเตจ (Stage) และพนื้ ทท่ี างาน 9. พาเนล

แผนการจัดการเรียนรรู้ ายหน่วย หน่วยที่ 1 ชอ่ื วิชา เทคนคิ การสรา้ งภาพเคลอื่ นไหวคอมพวิ เตอร์ สอนคร้ังท่ี 1 ชอื่ หน่วย รจู้ กั กับ Flash CS6 ท....2...ป....2... 1. ความรทู้ ่ัวไปเก่ียวกับโปรแกรม Flash โปรแกรม 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) 2. ลกั ษณะสาคัญของโปรแกรม Adobe Flash cs6 1. สร้างชิ้นงาน Interactiveมีส่วนตอบสนองกับผู้ใช้ เช่น ผู้ใช้สามารถคลิกเลือกเมนูต่าง ๆ ได้ นาไป ประยุกตเ์ ป็นสือ่ การสอน ( E- Learning ) หนา้ จอควบคุมการทางานต่าง ๆ สื่อโฆษณา ( Banner ) บนเว็บไซต์ การต์ ูนแอนเิ มชันตา่ งๆ เป็นตน้ 2. สร้างช้ินงาน Animationจุดเด่นของการทางานในโปรแกรมแฟลช คือการสร้าง Animation หรือ ภาพเคล่อื นไหว มีเครอ่ื งมอื อานวยความสะดวก ทาให้โปรแกรม Flash สร้างผลงาน Animation ไดง้ า่ ย 3. สร้างเว็บไซต์ (Website)โปรแกรม Flash สามารถสรา้ งเว็บไซต์ได้สวยงาม และสร้างลูกเล่นต่าง ๆ ได้ งา่ ยมีจุดอ่อนคือ เว็บไซต์ท่ีสร้างด้วยโปรแกรม Flash แก้ไขข้อมูลได้ยาก และขนาดของไฟล์เว็บไซต์ค่อนข้าง ใหญ่ 4. สร้างเกมส์ (GAME)แฟลชมีเคร่ืองมือช่วยสร้างองค์ประกอบต่าง ๆ ให้เกมส์มีความสวยงาม มีเคร่ืองมือ สาหรับสร้างคาสั่งควบคุมการเล่นเกมส์ อีกทั้งไฟล์เกมส์ที่สร้างออกมามีขนาดเล็ก ทาให้อัพโหลดสู่เว็บไซต์ได้ อยา่ งรวดเร็ว

แผนการจดั การเรยี นรรู้ ายหน่วย หนว่ ยท่ี 1 ชอ่ื วชิ า เทคนคิ การสรา้ งภาพเคลอื่ นไหวคอมพิวเตอร์ สอนครั้งท่ี 1 ช่ือหน่วย รจู้ ักกับ Flash CS6 ท....2...ป....2... 3. การเปดิ ใช้งานโปรแกรม Adobe Flash CS6 เข้าสู่โปรแกรม Flash CS6 เม่ือเปิดโปรแกรมครั้งแรก โดยคลิกเมาส์ที่ปุ่ม Start แล้วเลือกคาส่ง All Programs->Adobe>Adobe Flash CS6 Professional จะปรากฎหน้าต่าง ให้เราเลือกใช้งานโปรแกรม Flash CS6 ดังน้ี หน้าตา่ งเร่มิ การทางาน 4. ส่วนประกอบของโปรแกรม Adobe Flash cs6

แผนการจดั การเรยี นรู้รายหน่วย หน่วยท่ี 1 ช่ือวชิ า เทคนคิ การสรา้ งภาพเคลอื่ นไหวคอมพวิ เตอร์ สอนคร้งั ท่ี 1 ช่อื หนว่ ย รจู้ ักกบั Flash CS6 ท....2...ป....2... 1. ปมุ่ แสดงหรอื ซอ่ น Timeline 9. ป่มุ สรา้ งโฟล์เดอรเ์ ลเยอร์ 2. เลเยอร์ เฟรมจะต้องวางบนเลเยอร 10.ปุม่ ลบเลเยอร์ 3. ปุ่มซอ่ นและแสดงขอ้ มูลบนเลเยอร์ 11. ปุ่มเซน็ เตอร์เฟรม 4. ปุ่มอนญุ าตใหแ้ ก้ไขและปอ้ งการแก้ไข 12. ปุม่ โอเนียน สกนิ ข้อมูลบนเลเยอร์ 13. ปุ่มโอเนียน สกินแบบโครงร่าง 5. เพลยเ์ ฮดหัวอา่ นเฟรมแตล่ ะช่อง 14. ปมุ่ แก้ไขเฟรมหลายเฟรมพร้อมกนั 6. หมายเลขประจาเฟรม 15. บอกตาแหนง่ หมายเลขเฟรมในขณะทางาน 7. เฟรม เปรยี บเหมือนชอ่ งเกบ็ เหตกุ ารณ์ของมูฟวี่ 16. บอกความเรว็ การแสดงก่เี ฟรมตอ่ วินาที 8. ปุ่มสรา้ งเลเยอร์ใหม่ 17. เวลาท่ีใชใ้ นการมูฟวี่ 5. เมนูบาร์ (Menu Bar) แถบเมนแู สดงรายการคาสั่งตา่ งๆ ของโปรแกรมท้ังหมด ไดแ้ ก่ การสร้างชนิ้ งาน การสรา้ งมฟู ว่ี รวมไปถึง การตัง้ ค่าต่าง 6. ทูลบอ๊ กซ์ (Toolbox) แสดงปมุ่ เคร่ืองมือเป็นส่วนรวบรวมเคร่ืองมอื ชนิดต่าง ๆ ในการสรา้ ง ปรบั แต่ง และแกไ้ ขชน้ิ งาน ทอ่ี ยใู่ น Movie โดยแบง่ เป็น 4 กลุ่มยอ่ ยคอื กลุ่มเครือ่ งมือ กลุม่ มุมมอง กลุม่ กาหนดสี และกลุม่ ออบช่ันของเครื่องมอื

แผนการจดั การเรยี นรูร้ ายหนว่ ย หนว่ ยที่ 1 ชอ่ื วชิ า เทคนคิ การสรา้ งภาพเคล่ือนไหวคอมพวิ เตอร์ สอนครง้ั ที่ 1 ช่ือหนว่ ย ร้จู กั กบั Flash CS6 ท....2...ป....2... 7. Timeline หน้าต่างแสดงเส้นควบคุมเวลาสาหรบั การนาเสนอผลงาน ประกอบด้วยสว่ นทางานเกีย่ วกับ Layer และ Timelineเราแบง่ ไทมไลนเ์ ป็น 2 สว่ นใหญๆ่ ได้แก่ 1. ส่วนแสดงเลเยอร์ (Layer) ซ่ึงแต่ละเลเยอรเ์ ปรียบเหมือนแผนใสทีส่ ามารถวางภาพหรอื ออบเจ็กตไ์ ด้ โดยแต่ละเลเยอรน์ น้ั แยกเป็นอสิ ระตอ่ กัน แต่ประกอบกนั เปน็ ชนั งานเดียว (เราจะกล่าวถงึ เรอ่ื งเลเยอร์เพิ่มเติม ภายหลงั ) 2. ส่วนเฟรม (Frame) ที่แสดงช่องเฟรมต่างๆ ซงึ่ ทางานเหมอื นกับเฟรมทป่ี ระกอบกันเป็นภาพยนตรโ์ ดย เม่ือมีการนาเฟรมเหล่านี้มาแสดง อยา่ งต่อเนอื่ งก็จะทาใหเ้ กิดภาพเคล่ือนไหว ทง้ั นี้ Frame จะแสดงผล ทีละ เฟรม โดยจะมหี วั อ่าน (Playhead) ทเ่ี ป็นส้นสีแดงคอยบอกตาแหน่งวา่ งกาลังทางานอยทู่ ีเ่ ฟรมใด เราสามารถเปิด/ปิดไทมไลน์นี้ได้โดยคาสั่ง View > Thmeline ให้มีเครื่องหมายถูกอยู่หน้าคาว่า Timeline เพอ่ื เปิดไทมไลน์ และใช้คาสง่ั View > Timeline อกี คร้ังยกเลกิ เครือ่ งหมายถูกเพ่ือปดิ ไทมไลน์ซงึ่ เราอาจเปรยี บการทางานของไทมไลน์เหมือนกบั มว่ น ฟลิ ม์ ในขณะท่สี เตจคือส่วนท่ีแสดงแตล่ ะเฟรม ในม้วนฟลิ ม์นนั้ ตามลาดบั ที่กาหนดไว้ เราสามารถแบ่งไฟล์ช้ินงานที่สรา้ งเป็นส่วนย่อยๆ ท่ีเรยี กว่าฉากหรอื ซีน (Scene) โดยในโดยในมฟู วี่ หน่ึงๆ จะประกอบด้วยซนี หรือหลายซีนก็ได้ เน่ืองจากจะทางานได้ทีละซีนนั้นจึงต้องเลือกซีนทจ่ี าทางานด้วย โดยคลกิ ที่เมนู Window > Other Panels > Scene หรือเลอื กใชป้ ุ่ม การแทรกซีนสามารถแทรกได้ โดยเลือกท่เี มนคู าสัง่ Inserts > Scene1 8. สเตจ (Stage) และพ้นื ทท่ี างาน ประกอบด้วยพ้ืนท่ีว่างสาหรบั วางวตั ถุแบบชวั่ คราว และพน้ื ที่ของเวที (Stage)

แผนการจดั การเรียนรูร้ ายหน่วย หน่วยท่ี 1 ชอื่ วชิ า เทคนิคการสร้างภาพเคลอ่ื นไหวคอมพิวเตอร์ สอนครั้งที่ 1 ชอื่ หน่วย รจู้ กั กบั Flash CS6 ท....2...ป....2... พ้ืนที่สีขาวบริเวณกลางจอคือ สเตจ เป็นพื้นที่ใช้จัดวางออบเจ็กต์ต่าง ๆ ท่ีต้องการแสดงให้เห็น ในช้ินงาน ส่วนพื้นที่สีเทาด้านนอกบริเวณสีขาวคือ Pasteboard เป็นบริเวณที่สามารถนาออบเจ็กต์ ต่าง ๆ มาวาง พักไว้ หรอื วางซอ่ นไว้ได้เพราะบรเิ วณน้ีจะไม่แสดงผลเวลาทีเ่ รา Export Movie เป็นไฟล์ .SWF เราสามารถเปดิ /ปดิ พน้ื ทก่ี ารทางานโดยสงั่ View > Work Area ให้มเี คร่ืองถกู หนา้ คาว่า Work Area เพือ่ ปิดพื้นท่กี ารทางาน (หรอื จะกดคยี ล์ ัด <Ctrl>+<Shift>+<W> กไ็ ด้) 9. พาเนล พาเนลคือหน้าตา่ งทีรวบรวมเคร่ืองมือตา่ งๆ สาหรบั ใช้ในการปรับแต่งออบเจ็กต์ ซึ่งใน Flash ไดม้ กี าร จัดพาเนลต่างๆ ไว้อยา่ งเปน็ หมวดหมตู่ ามหน้าทีข่ องมนั ให้เราเรียกใช้ได้ พาเนลสาคัญท่ีควรรูจ้ กั ดังนี้ 9.1 Property Inspector Property Inspector เป็นพาเนลที่ใช้แสดงคุณสมบัติต่าง ๆ ของออบเจ็กต์ท่ีเราคลิกเลือก ซึ่งเรา สามารถปรับแต่งคุณสมบัต้ิหล่านี้ได้ ท้ังนี้รายละเอียดที่ Property Inspector จะเปลี่ยนไปตามออบเจ็กต์ที่ เลือก โดยสามารถเยกเปิดใช้งาน Property Inspector ด้วยคาสั่ง Window > Properties >Properties หรือกดคียล์ ัด <Ctrl+F3> 9.2 พาเนล Color พาเนล Colorเป็นพาเนลท่ีเลือกใช้สีและผสมสีตามท่ีต้องการ ซึ่งจะนาไปใช้ปรับแต่งสีให้กับท้ัง ภาพวาดและตัวอักษรได้อย่างง่ายดาย โดยมีให้เลือกถึง 2 แท็บด้วยกันคือ Color Mixer ( ใช้ผสมสีเองตาม ตอ้ งการ) และ Color Swatches (ใช้เลือกสีจากจานสีตามที่โปรแกรมกาหนดมาให้) โดยเราสามารถเรยี กเปิด ใชง้ านพาเนล Color ดว้ ยคาส่งั Window > Color Mixer

แผนการจัดการเรียนร้รู ายหน่วย หน่วยท่ี 1 ชื่อวชิ า เทคนคิ การสร้างภาพเคล่ือนไหวคอมพวิ เตอร์ สอนคร้ังที่ 1 ชือ่ หนว่ ย รจู้ กั กบั Flash CS6 ท....2...ป....2... 9.3 พาเนล Library พาเนล Library หนา้ ตา่ งควบคมุ เก่ยี วกับชุดวัตถุของโปรแกรม ไดแ้ ก่ Symbols, Buttons, Movies

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

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

แผนการจัดการเรยี นรู้รายหนว่ ย หน่วยท่ี 1 ชื่อวิชา เทคนิคการสรา้ งภาพเคลื่อนไหวคอมพวิ เตอร์ สอนคร้ังท่ี 1 ชื่อหน่วย รจู้ ักกบั Flash CS6 ท....2...ป....2... ข้ันตอนการสอนหรอื กิจกรรมของครู ขน้ั ตอนการเรยี นรหู้ รอื กิจกรรมของนกั เรียน 4. ขน้ั สรปุ และประเมนิ ผล 4. ขน้ั สรุปและประเมนิ ผล - ผู้สอนและผ้เู รียนรว่ มกนั สรุปเนอ้ื หาที่ได้เรยี นใหม้ ี - ผู้สอนและผู้เรยี นร่วมกันสรุปเนอื้ หาท่ไี ด้เรยี น ความเข้าใจในทิศทางเดยี วกัน เพอ่ื ให้มคี วามเข้าใจในทศิ ทางเดียวกัน ผูส้ อนให้ผเู้ รยี นทาใบงานและกิจกรรมส่งเสรมิ การ - ผู้เรียนทาใบงานและกิจกรรมส่งเสริมการเรียนรู้ เรยี นรู้ หนว่ ยท่ี 1 ที่ 1 - ผสู้ อนให้ผู้เรียนสลับกนั ตรวจแบบทดสอบหลัง - ผู้เรียนสลับกันตรวจแบบทดสอบหลังเรียนด้วย เรยี นดว้ ยความซือ่ สัตยแ์ ล้วนาคะแนนทไี่ ด้บันทึกลง ความซื่อสัตย์นาคะแนนท่ีได้บนั ทึกลงในแบบ บันทึก ในแบบบนั ทกึ คะแนนการปฏบิ ตั กิ จิ กรรมระหว่าง คะแนนการปฏิบัติกิจกรรมระหว่างเรียน พร้อม เรยี น เปรียบเทยี บคะแนนของแบบทดสอบก่อนเรยี น และ หลังเรียนว่ามผี ลต่างกันอยา่ งไร เพือ่ ดคู วามก้าวหน้า ของตนเอง - ผู้เรียนศึกษาเพิ่มเติมนอกห้องเรียน ด้วยบทเรียน คอมพวิ เตอรช์ ่วยสอนท่ีจัดทาขนึ้

แผนการจดั การเรยี นรรู้ ายหน่วย หนว่ ยที่ 1 ชอ่ื วชิ า เทคนิคการสร้างภาพเคล่อื นไหวคอมพิวเตอร์ สอนคร้ังที่ 1 ช่อื หนว่ ย รู้จกั กับ Flash CS6 ท....2...ป....2... สือ่ การเรยี นการสอน/การเรียนรู้ สอื่ สิง่ พมิ พ์ 1. เอกสารประกอบการสอนวิชาเทคนิคการสร้างภาพเคลอ่ื นไหวคอมพวิ เตอร์ 2. แบบฝึกหัด หน่วยท่ี 1 เร่อื ง รจู้ ักกับ Flash CS6 สอ่ื โสตทศั น์ (ถา้ มี) ส่อื นาเสนอดว้ ยโปรแกรม Microsoft Powerpoint 2010 ส่ือของจริง 1. เครอ่ื งคอมพวิ เตอร์ การประเมินผลการเรยี นรู้ กอ่ นเรยี น 1. วิธวี ัดผล 1.1 ใหน้ ักเรียนทาแบบทดสอบกอ่ นเรียน 2. เครอ่ื งมือวดั และประเมนิ ผล 2.1 ตรวจสอบแบบทดสอบก่อนเรียน 2.2 สงั เกตและประเมนิ ผลพฤติกรรมด้านคณุ ธรรม จรยิ ธรรม ค่านิยมและ คุณลักษณะอนั พงึ ประสงค์ 3. เกณฑ์การประเมินผล 3.1 ให้นกั เรยี นสลบั กันตรวจสอบแบบทดสอบก่อนเรียน ขณะเรียน 1. วธิ ีวดั ผล 1.1 ใช้วิธีถาม-ตอบ นักเรยี นแสดงความคดิ เห็น 1.2 ฝึกปฏบิ ัติ 2. เคร่อื งมอื วัดและประเมินผล 2.1 ตรวจสอบงานท่ีฝกึ ปฏบิ ัติบนหนา้ จอ 2.2 สงั เกตและประเมนิ ผลพฤติกรรมดา้ นคณุ ธรรม จรยิ ธรรม คา่ นิยมและคุณลกั ษณะอนั พึง ประสงค์ 3. เกณฑ์การประเมินผล 3.1 ให้นกั เรยี นสลบั กนั ดผู ลงานของแต่ละบคุ คล ถกู ต้องหรือไม่ เกณฑผ์ ่านคอื 50% หลงั เรยี น 1. วธิ วี ดั ผล 1.1 ให้นักเรียนทาใบงานท่ี 1 ทา้ ยบทท่ี 1 1.2 ใหน้ กั เรียนทาแบบฝกึ หดั ทา้ ยบทท่ี 1 ตอนที่ 1 และตอนที่ 2

แผนการจดั การเรยี นรู้รายหนว่ ย หน่วยที่ 1 ชอ่ื วชิ า เทคนิคการสรา้ งภาพเคลอื่ นไหวคอมพวิ เตอร์ สอนครง้ั ท่ี 1 ชอ่ื หนว่ ย รู้จกั กับ Flash CS6 ท....2...ป....2... 2. เครือ่ งมอื วดั และประเมนิ ผล 2.1 ตรวจสอบผลงานใบงานท่ี 1 ท้ายบทท่ี 1 ทฝ่ี ึกปฏบิ ัตบิ นหนา้ จอ 2.2 สงั เกตและประเมนิ ผลพฤตกิ รรมด้านคณุ ธรรม จริยธรรม ค่านยิ มและคุณลักษณะอันพงึ ประสงค์

แผนการจัดการเรียนรรู้ ายหน่วย หน่วยที่ 1 ชื่อวิชา เทคนคิ การสรา้ งภาพเคลอื่ นไหวคอมพวิ เตอร์ สอนคร้ังท่ี 1 ชือ่ หน่วย รูจ้ กั กบั Flash CS6 ท....2...ป....2... แบบทดสอบก่อนเรยี น/หลงั เรียน ตอนที่ 1 เลือกคาตอบท่ถี กู ต้องเพยี งคาตอบเดยี ว 1. จากภาพพนื้ ที่ในกรอบคอื อะไร ก. Panel ข. Layer ค. Library ง. Stage 2. จากภาพพนื้ ทใี่ นกรอบคอื อะไร ก. Menu Bar ข. Toolbox ค. Toolbar ง. Menu Box 3. หน้าตา่ งพาเนลสามารถเปดิ ใช้งานได้จากเมนใู ด ก. File ข. Windows ค. Help ง. View 4. ไฟล์ที่ไดจ้ ากการกด Ctrl+Enter ทีส่ ามารถนาไปใชง้ านไดเ้ ลยคือไฟล์ใด ก. .fla ข. .swf ค. .exe ง. .html 5. จากภาพคอื ก. Frame ข. Layer ค. Movie ง. Stage

แผนการจดั การเรยี นรู้รายหนว่ ย หนว่ ยที่ 1 ชือ่ วิชา เทคนิคการสรา้ งภาพเคล่ือนไหวคอมพิวเตอร์ สอนครัง้ ที่ 1 ช่ือหนว่ ย รู้จักกบั Flash CS6 ท....2...ป....2... แบบทดสอบกอ่ นเรยี น/หลังเรียน ตอนที่ 1 เลอื กคาตอบท่ถี ูกตอ้ งเพยี งคาตอบเดยี ว 6. จากภาพเกย่ี วข้องกับเรอ่ื งใด ก. เพมิ่ โฟลเดอรใ์ นเลเยอร์ ข. เพ่มิ เลเยอร์ ค. เพิ่มไกดเ์ ลเยอร์ ง. เพ่ิมคีย์เฟรม 7. ไฟลท์ ไ่ี ด้จากการสร้างด้วยโปรแกรม Flash CS6 ทีส่ ามารถนากลับมาแก้ไขไดค้ ือไฟล์ชนดิ ใด ก. .swf ข. .fla ค. .exe ง. .html 8. โปรแกรม Flash CS6 มคี วามเก่ียวข้องกับเร่ืองใด ก. เปน็ โปรแกรมตัดต่อวีดโี อ ข. เป็นโปรแกรมออกแบบผลิตภัณฑ์ ค. เป็นโปรแกรมสร้างภาพกราฟกิ และภาพเคลอื่ นไหว ง. เปน็ โปรแกรมตกแตง่ ภาพ 9. สิง่ ใดที่สามารถทาสาเนาหรอื นากลับมาใช้ไดไ้ ม่จากดั โดยสามารถเปลีย่ นคุณสมบตั ิ เชน่ ขนาด สี หรือ ทศิ ทางได้ ก. Movie ข. Instance ค. Symbol ง. Layer 10. คา่ เริม่ ตน้ ของโปรแกรม Flash CS6 มีอัตราการแสดงกเ่ี ฟรมต่อวนิ าที ก. 6 ข. 12 ค. 24 ง. 36