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

1,352 views
1,222 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,352
On SlideShare
0
From Embeds
0
Number of Embeds
166
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. 1. สร้างเอกสารขึ้นมาใหม่ ขนาด 310 x 310 โดยไปที่ Modify > Document หรือกดคีย์ลัด (Ctrl+J)2. ตั้งชื่อ layer 1 เป็น zoom process และ import รูปมาไว้บน stage โดยไปที่ File > Import > Importto Stage หรือกด (Ctrl+R)3. คลิกที่รูปภาพ กด F8 หรือคลิกขวาที่รูป เลือก convert to symbol เลือกเป็น movie clip ตั้งชื่อว่าpicture4. ตั้งชื่อ Instance Name ของ movie clip ที่ชื่อว่า picture ว่า zoom
  2. 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. 3. 8. กลับไปที่ scene หลัก แล้วสร้าง layer ใหม่ ตั้งชื่อว่า button +9. ใช้เครื่องมือ Text Tool หรือกด (T) พิมพ์คาว่า + zoom ลงไป หลังจากนั้นคลิกขวาที่ text เลือกconvert to symbol เลือกเป็น button ตั้งชื่อว่า zoom ดังรูป10. หลังจากนั้น คลิกขวาที่ ปุ่มที่สร้างขึ้นมา เลือก action script หรือ กด F9 ใส่ action script ลงไปดังนี้
  4. 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 {
  5. 5. _root.zoom.prevFrame();}};14. ทดสอบ ด้วยการกด Ctrl+Enter

×