แบบฝึกทักษะที่ 5.3

แบบฝึกทักษะที่ 5.3 การสร้าง Symbol แบบปุ่ม

คำชี้แจง  ให้นักเรียนสร้าง Symbol แบบปุ่ม โดยมีขั้นตอนดังนี้

1. เลือกประเภทไฟล์ชนิด ActionScript 3.0

2. กำหนดขนาดของไฟล์ เท่ากับ 800 x 600 pixels

3. ให้นักเรียนสร้าง Symbol แบบปุ่ม โดยให้มีการเปลี่ยนแปลงสีพื้นในแต่ละสถานะ แต่ไม่เปลี่ยนแปลงข้อความ

4. คลิกเมนูคำสั่ง Insert à New Symbol เพื่อสร้าง Symbol ใหม่

5. ที่ช่อง Name ให้ตั้งชื่อ Symbol

6. ที่ช่อง Type ให้คลิกเลือกชนิด Symbol เป็น Button

7. คลิกปุ่ม OK

8. ที่เฟรมสถาน Up ให้สร้างปุ่มกดด้วยรูปวงกลมสีเหลือง

9. ที่เฟรมสถานะ Over ให้กดปุ่ม F6 เพื่อสร้างเฟรมใหม่โดยการคัดลอกเนื้อหาจากเฟรมสถานะ Up

10. คลิกที่รูปวงกลมแล้วคลิกเลือกสี  เพื่อเปลี่ยนสีพื้นของรูปวงกลมเป็นสีเขียว

11. ที่เฟรมสถานะ Down ให้กดปุ่ม F6 เพื่อสร้างเฟรมใหม่โดยการคัดลอกเนื้อหาจากเฟรมสถานะ Up

12. คลิกที่รูปวงกลม แล้วคลิกเลือกสี เพื่อเปลี่ยนสีพื้นของรูปวงกลมเป็นสีฟ้า

13. ที่เฟรมสถานะ Hit ให้กดปุ่ม F6 เพื่อสร้างเฟรมใหม่โดยการคัดลอกเนื้อหาจากเฟรมสถานะ Up

14. สร้างปุ่ม New Layer บนไทม์ไลน์ เพื่อสร้างเลเยอร์ข้อความ

15. ใช้เครื่องมือ Text Tool สร้างข้อความบนปุ่มกด CICK ME

16. ทดสอบมูฟวี่โดยกดปุ่ม Enter

17. ออกจากโหมด Edit Symbol

18. คลิกเมาส์ลาก Symbol ที่สร้างจากพาเนล Library มาวางบนสเตจ

19. ทดสอบมูฟวี่โดยกดปุ่ม Ctrl+Enter

20. บันทึกชื่อไฟล์ในรูปแบบ “เลขที่ ชื่อ-นามสกุล แบบฝึกทักษะที่” (เช่น 1นิติธร5.3)

21. บันทึกไฟล์งานนามสกุล .fla เก็บไว้ในโฟลเดอร์ของนักเรียน

22. Publish ชิ้นงานรูปแบบ SWF

23. นำไฟล์งานนามสกุล .swf ส่งที่ Google Classroom ของห้องเรียน