เทคนิคการทำภาพ zoom เข้า zoom ออก

5
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

Upload: augusts-programmer

Post on 29-May-2015

1.098 views

Category:

Documents


8 download

TRANSCRIPT

Page 1: เทคนิคการทำภาพ Zoom เข้า zoom ออก

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

Page 2: เทคนิคการทำภาพ Zoom เข้า 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

Page 3: เทคนิคการทำภาพ Zoom เข้า zoom ออก

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

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

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

Page 4: เทคนิคการทำภาพ Zoom เข้า zoom ออก

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 {

Page 5: เทคนิคการทำภาพ Zoom เข้า zoom ออก

_root.zoom.prevFrame(); } };

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