SlideShare une entreprise Scribd logo
1  sur  5
Télécharger pour lire hors ligne
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

Contenu connexe

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

วิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่ายวิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่ายนภาลัย บัวระภา
 
วิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่ายวิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่ายนภาลัย บัวระภา
 
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flashการโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flashfocusstorm124
 
การทำภาพ Tv screen
การทำภาพ Tv screenการทำภาพ Tv screen
การทำภาพ Tv screenAugusts Programmer
 
การทำภาพ Tv screen
การทำภาพ Tv screenการทำภาพ Tv screen
การทำภาพ Tv screenfocusstorm124
 
Presentation
PresentationPresentation
PresentationSirikanUU
 
Presentation
PresentationPresentation
PresentationSirikanUU
 
การแทรกภาพประกอบในสไลด์
การแทรกภาพประกอบในสไลด์การแทรกภาพประกอบในสไลด์
การแทรกภาพประกอบในสไลด์5422010066
 

Similaire à เทคนิคการทำภาพ Zoom เข้า zoom ออก (11)

วิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่ายวิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่าย
 
วิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่ายวิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่าย
 
วิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่ายวิธีทำ การ์ตูนลอกลายอย่างง่าย
วิธีทำ การ์ตูนลอกลายอย่างง่าย
 
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flashการโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
การโหลดรูปภาพจาก Folder ภายนอกมาใช้กับ flash
 
Flash8
Flash8Flash8
Flash8
 
การทำภาพ Tv screen
การทำภาพ Tv screenการทำภาพ Tv screen
การทำภาพ Tv screen
 
การทำภาพ Tv screen
การทำภาพ Tv screenการทำภาพ Tv screen
การทำภาพ Tv screen
 
Presentation
PresentationPresentation
Presentation
 
Presentation
PresentationPresentation
Presentation
 
เจมส์
เจมส์เจมส์
เจมส์
 
การแทรกภาพประกอบในสไลด์
การแทรกภาพประกอบในสไลด์การแทรกภาพประกอบในสไลด์
การแทรกภาพประกอบในสไลด์
 

Plus de Augusts Programmer

การสร้างตัว Preload
การสร้างตัว Preloadการสร้างตัว Preload
การสร้างตัว PreloadAugusts Programmer
 
การเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุการเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุAugusts Programmer
 
การเปลี่ยนรูปทรงโดยใช้ Motion shape
การเปลี่ยนรูปทรงโดยใช้ Motion shapeการเปลี่ยนรูปทรงโดยใช้ Motion shape
การเปลี่ยนรูปทรงโดยใช้ Motion shapeAugusts Programmer
 
การเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุการเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุAugusts Programmer
 
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมการทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมAugusts Programmer
 
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวการทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวAugusts Programmer
 
การทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงการทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงAugusts Programmer
 
การทำตัวอักษร Blur
การทำตัวอักษร Blurการทำตัวอักษร Blur
การทำตัวอักษร BlurAugusts Programmer
 
การใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปการใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปAugusts Programmer
 
การกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองการกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองAugusts Programmer
 
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Augusts Programmer
 
การทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flashการทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flashAugusts Programmer
 
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)Augusts Programmer
 
สร้างลูกศรควบคุมเกม Flash
สร้างลูกศรควบคุมเกม Flashสร้างลูกศรควบคุมเกม Flash
สร้างลูกศรควบคุมเกม FlashAugusts Programmer
 
เทคนิคการสร้าง Flash แสดงวันที่
เทคนิคการสร้าง Flash แสดงวันที่เทคนิคการสร้าง Flash แสดงวันที่
เทคนิคการสร้าง Flash แสดงวันที่Augusts Programmer
 
เทคนิคการทำ Motion guide
เทคนิคการทำ Motion guideเทคนิคการทำ Motion guide
เทคนิคการทำ Motion guideAugusts Programmer
 
เทคนิคการทำ Drag & drop
เทคนิคการทำ Drag & dropเทคนิคการทำ Drag & drop
เทคนิคการทำ Drag & dropAugusts Programmer
 
เทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษร
เทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษรเทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษร
เทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษรAugusts Programmer
 

Plus de Augusts Programmer (20)

การสร้างตัว Preload
การสร้างตัว Preloadการสร้างตัว Preload
การสร้างตัว Preload
 
การวาด Flare
การวาด Flareการวาด Flare
การวาด Flare
 
การเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุการเปลี่ยนสีวัตถุ
การเปลี่ยนสีวัตถุ
 
การเปลี่ยนรูปทรงโดยใช้ Motion shape
การเปลี่ยนรูปทรงโดยใช้ Motion shapeการเปลี่ยนรูปทรงโดยใช้ Motion shape
การเปลี่ยนรูปทรงโดยใช้ Motion shape
 
การเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุการเปลี่ยนขนาดเส้นขอบของวัตถุ
การเปลี่ยนขนาดเส้นขอบของวัตถุ
 
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยมการทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
 
การทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหวการทำวัตถุเคลื่อนไหว
การทำวัตถุเคลื่อนไหว
 
การทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลงการทำปุ่มควบคุมการเล่นเพลง
การทำปุ่มควบคุมการเล่นเพลง
 
การทำตัวอักษร Blur
การทำตัวอักษร Blurการทำตัวอักษร Blur
การทำตัวอักษร Blur
 
การใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูปการใช้ปุ่มสำเร็จรูป
การใช้ปุ่มสำเร็จรูป
 
การกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเองการกำหนดวัตถุหมุนรอบตัวเอง
การกำหนดวัตถุหมุนรอบตัวเอง
 
การ Import file
การ Import fileการ Import file
การ Import file
 
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004Flash mx ตอน แสดงวิดีโอใน flash mx 2004
Flash mx ตอน แสดงวิดีโอใน flash mx 2004
 
การทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flashการทำปุ่มควบคุมการเล่น Movie ของ flash
การทำปุ่มควบคุมการเล่น Movie ของ flash
 
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
เชื่อมต่อ Flash mx กับเท็กซ์ไฟล์ และ xml (ตอนที่ 2)
 
สร้างลูกศรควบคุมเกม Flash
สร้างลูกศรควบคุมเกม Flashสร้างลูกศรควบคุมเกม Flash
สร้างลูกศรควบคุมเกม Flash
 
เทคนิคการสร้าง Flash แสดงวันที่
เทคนิคการสร้าง Flash แสดงวันที่เทคนิคการสร้าง Flash แสดงวันที่
เทคนิคการสร้าง Flash แสดงวันที่
 
เทคนิคการทำ Motion guide
เทคนิคการทำ Motion guideเทคนิคการทำ Motion guide
เทคนิคการทำ Motion guide
 
เทคนิคการทำ Drag & drop
เทคนิคการทำ Drag & dropเทคนิคการทำ Drag & drop
เทคนิคการทำ Drag & drop
 
เทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษร
เทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษรเทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษร
เทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษร
 

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