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

คุณอาจสนใจ
เทคนิคเปลื่ยน Harddisk เก่าใส่เครื่องใหม่
เว็บไทยดีดี (13,909 - 28 ก.ค. 50)
ทำภาพพับมุมปกหนังสือ ด้วย Photoshop
Black-Hawk (115,579 - 22 ก.พ. 51)
การทำตัวอักษรไฟ
Lek (122,003 - 04 มิ.ย. 49)
เจาะลึกการใช้ Symbolism Tool และ Data Driven Graphic กับงานพิมพ์ และงานเว็บ (เริ่มต้น)
ธนิศา ไชยภูริพัฒน์ (36,273 - 19 ม.ค. 51)
การ remove ข้อความซ้ำออกจาก list แบบง่ายๆ
awi (40,253 - 02 ก.ค. 49)
การทำ หมายเหตุ ให้แสดงขึ้นมาอย่างง่าย ๆ
เฟริสท์ (21,336 - 29 ม.ค. 51)
การสร้างเมนูคล้ายๆ กับเว็บ Sanook
Mr.GuruZ (65,716 - 04 มิ.ย. 49)
ตัวอย่างก่อนพิมพ์
Mr.nook (16,601 - 08 ม.ค. 51)