เทคนิคการทำภาพ zoom เข้า zoom ออก จัดทำโดย : Charoen พิมพ์


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

5. ดับเบิ้ลคลิกที่ movie clip ชื่อว่า picture ที่สร้างขึ้นมา หลังจากนั้น ไปยังเฟรมที่ 10 กด F6 เพื่อ insert keyframe หลังจากนั้น กด F9 เพื่อใส่ action script ลงไป ดังนี้

stop();

6. กลับไปยังเฟรมที่ 1 แล้วใช้เครื่องมือ Free Transform Tool หรือกด (Q) และย่อรูปให้เล็กลง


7. คลิกขวาที่ frame 1 เลือก create motion tween

8. กลับไปที่ scene หลัก แล้วสร้าง layer ใหม่ ตั้งชื่อว่า button +

9. ใช้เครื่องมือ Text Tool หรือกด (T) พิมพ์คำว่า + zoom ลงไป หลังจากนั้นคลิกขวาที่ text เลือก convert to symbol เลือกเป็น button ตั้งชื่อว่า zoom ดังรูป

10. หลังจากนั้น คลิกขวาที่ ปุ่มที่สร้างขึ้นมา เลือก action script หรือ กด F9 ใส่ action script ลงไปดังนี้

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 {
_root.zoom.prevFrame();
}
};



14. ทดสอบ ด้วยการกด Ctrl+Enter

คุณอาจสนใจ
การนำภาพมาใช้กับรูปทรง 3 มิติที่สร้างจากการทำ 3D Transform
Lee (87,030 - 25 ธ.ค. 49)
การใส่เมนูคลิกขวาให้กับเว็บเพจ Style Dream
Mr.GuruZ (34,670 - 04 มิ.ย. 49)
Move Tool (V)
Mr.GuruZ (79,826 - 22 ก.ย. 50)
การทำ Expaning_text
Black-Hawk (124,639 - 22 ก.พ. 51)
เทคนิค การห้ามคลิกขวาโดยใช้ Java Script
เฟริสท์ (27,623 - 25 ม.ค. 51)
วิธีรักษาความปลอดภัยให้ระบบ wireless ของคุณ
เว็บไทยดีดี (15,972 - 29 ก.ย. 50)
การกำหนด Background ให้อยู่กับที่
Mr.GuruZ (105,669 - 04 มิ.ย. 49)
เทคนิคการสร้าง cursor
Charoen (70,235 - 27 พ.ย. 50)