Page 49 - ชุดการสอนflashใหม_Neat
P. 49

48
                                                                                                             

                    การสราง Animation แบบ Layer Mask

                    1.  สรางภาพหรือ Import ภาพเขามาไวที่ Stage
                    2.  เลือก Frame ที่ 90 และ Click mouse ปุมขวาเลือก Insert Key frame  เพื่อกําหนดใหแสดงภาพถึง

                       Frame ที่ 20
                    3.  Click mouse ที่ ปุม          เพื่อสราง Layer ใหม  และ Click mouse เลือก Frame ที่ 1 ใน Layer ที่

                       2แลวสรางวงกลมขึ้น

                    4.  ทําการ Selection ที่วงกลม แลวเลือก Convert to Symbol เพื่อแปลงเปน Movie Clip แลว Click
                       mouse ที่ปุม

                    5.  เลือก Frame ที่ 10 ใน Layer ที่ 2 และ Click mouse ปุมขวาเลือก Insert Key frame เปนการ
                       กําหนดจุดไวโดยจะแสดงที่จุดแรกกอนเปนระยะเวลา 10 Frame

                    6.  เลือก Frame ที่ 30 ใน Layer ที่ 2 และ Click mouse ปุมขวาเลือก Insert Key frame

                    7.  กลับมาที่ Frame ที่ 10  เลือก Insert>Create Motion Tween หรือ Click mouse ปุมขวาที่ Frame
                       ที่ 10 เลือก Create Motion Tween สังเกตวาจะมีลูกศรตั้งแต Frame ที่ 10 ถึง Frame ที่ 30

                    8.  เลือก Frame ที่ 40 ใน Layer 2 และ Click mouse ปุมขวา เลือก Insert Key frame เปนการกําหนด

                       จุไวเพื่อรอที่จะทําเปนภาพเคลื่อนไหวที่ Frameที่ 30 ถึง Frame ที่ 40
                    9.  กลับมาที่ Frame ที่ 40  เลือก Insert>Create Motion Tween หรือ Click mouse ปุมขวาที่ Frame

                       ที่ 30 เลือก Create Motion Tween สังเกตวาจะมีลูกศรตั้งแต Frame ที่ 30 ถึง Frame ที่ 40

                    10. Click  mouse  เลือกที่  Frame  ที่  40  จากนั้นยายตําแหนง  Movie  Clip  เพื่อเปลี่ยนทิศทางของการ
                       เคลื่อนที่ตามตองการ

                    11. เลือก Frame ที่ 60  ทําซ้ําเหมือนขอ 8 –10
                    12. Click mouse ปุมขวาที่ Layer 2 เลือก Mask เพื่อทําการสราง Layer Mask  ใน Layer 2

                    13. ทําการทดสอบ Animation โดยกดคีย <Ctrl+Enter>  หรือ Control>Test Movie เราจะเห็นวัตถุ
                           เคลื่อนที่ เมื่อดูเสร็จแลว  Click mouse          เพื่อปดหนาตาง
   44   45   46   47   48   49   50   51   52   53   54