More Related Content
Similar to เทคนิคการทำภาพ Zoom เข้า zoom ออก
Similar to เทคนิคการทำภาพ Zoom เข้า zoom ออก (11)
More from Augusts Programmer
More from Augusts Programmer (20)
เทคนิคการทำภาพ 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 {