Contenu connexe
Similaire à เทคนิคการทำภาพ Zoom เข้า zoom ออก
Similaire à เทคนิคการทำภาพ Zoom เข้า zoom ออก (11)
Plus de Augusts Programmer
Plus de 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 {