เทคนิคการทำภาพ Zoom เข้า zoom ออก
- 1. 1. สร้างเอกสารขึ้นมาใหม่ ขนาด 310 x 310 โดยไปที่ Modify > Document หรือกดคีย์ลัด (Ctrl+J) 2. ตั้งชื่อ layer 1 เป็น zoom process และ import รูปมาไว้บน stage โดยไปที่ File > Import > Import to Stage หรือกด (Ctrl+R) 3. คลิกที่รูปภาพ กด F8 หรือคลิกขวาที่รูป เลือก convert to symbol เลือกเป็น movie clip ตั้งชื่อว่า picture 4. ตั้งชื่อ Instance Name ของ movie clip ที่ชื่อว่า picture ว่า zoom
- 2. 5. ดับเบิลคลิกที่ movie clip ชื่อว่า picture ที่สร้างขึ้นมา หลังจากนั้น ไปยังเฟรมที่ 10 กด F6 เพื่อ insert ้ keyframe หลังจากนั้น กด F9 เพื่อใส่ action script ลงไป ดังนี้ stop(); 6. กลับไปยังเฟรมที่ 1 แล้วใช้เครื่องมือ Free Transform Tool หรือกด (Q) และย่อรูปให้เล็กลง 7. คลิกขวาที่ frame 1 เลือก create motion tween
- 3. 8. กลับไปที่ scene หลัก แล้วสร้าง layer ใหม่ ตั้งชื่อว่า button + 9. ใช้เครื่องมือ Text Tool หรือกด (T) พิมพ์คาว่า + zoom ลงไป หลังจากนั้นคลิกขวาที่ text เลือก convert to symbol เลือกเป็น button ตั้งชื่อว่า zoom ดังรูป 10. หลังจากนั้น คลิกขวาที่ ปุ่มที่สร้างขึ้นมา เลือก action script หรือ กด F9 ใส่ action script ลงไปดังนี้
- 4. on (release) { _root.mouse_over_zoom = true; } 11. ใช้เครื่องมือ Text Tool หรือกด (T) พิมพ์คาว่า - zoom ลงไป หลังจากนั้นคลิกขวาที่ text เลือก convert to symbol เลือกเป็น button ตั้งชื่อว่า zoom out ดังรูป 12. หลังจากนั้น คลิกขวาที่ ปุ่มที่สร้างขึ้นมา เลือก action script หรือ กด F9 ใส่ action script ลงไปดังนี้ on (release) { _root.mouse_over_zoom = fstartlse; } 13. สุดท้าย สร้าง layer ขึ้นมาใหม่ ตั้งชื่อว่า action คลิกที่เฟรมแรก กด F9 แล้วใส่ action script ลงไปดังนี้ _root.zoom.onEnterFrame = function() { if (mouse_over_zoom) { _root.zoom.nextFrame(); } else {
- 5. _root.zoom.prevFrame(); } }; 14. ทดสอบ ด้วยการกด Ctrl+Enter