เทคนิคการทำภาพ 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

คุณอาจสนใจ
การแสดงผลรูปภาพที่อยู่ในฐานข้อมูล ฉบับสมบูรณ์
Mr.GuruZ (74,297 - 03 มิ.ย. 49)
ลบ History ของ Google Search ทำอย่างไรนะ
เว็บไทยดีดี (19,028 - 01 ก.ย. 50)
สร้างข้อความ blink blink
langjuko (129,889 - 28 ต.ค. 51)
CDBurnerXP ฟรีแวร์เขียนแผ่นซีดี
เว็บไทยดีดี (17,588 - 22 ก.ย. 50)
การทำ Guestbook ด้วย Dreamweaver ตอนที่ 1
first (74,093 - 21 ม.ค. 51)
การใช้เงื่อนไขใน Query
อ้อม (29,842 - 30 เม.ย. 50)
การแทรกแถวหรือคอลัมน์ลงในตาราง
nut (27,132 - 17 มี.ค. 51)
การใช้งานคำสั่ง Selection
first (22,491 - 02 เม.ย. 51)