แนะนำการสร้าง Image Motion : Click Zoom in/Out

 

สำหรับ Image Motion : Click Zoom in/Out เป็นลักษณะของการคลิกหรือแตะวัตถุ แล้วให้เกิดการ ZOOM OUT หรือเลื่อนวัตถุนั้นออกไป(ขนาดเล็กลง) และเมื่อทำการคลิกแตะอีกครั้ง จะเกิดการ ZOOM IN วัตถุดังกล่าวเลื่อนเข้ามาขยายใหญ่ขึ้น

เป็นการนำเอาไฟล์กราฟิก 3 ชุด คือรูปมือ 2 รูปและรูป Tablet อีก 1 รูป นำมาจัดการบนเฟรมสไลด์ สองเฟรม โดยใช้เทคนิค Animations ภายในสไลด์ที่แตกต่างกัน 

Enlarge/reduce objects
นี่เป็นอีก animation ที่นำมาผสม ทำให้กราฟิกมีภาพต่อเนื่องของการย่อขนาด และการขยายขนาด

การตั้งค่าความละเอียด
ไฟล์ศึกษาตัวอย่างนี้  ตั้งความละเอียดของไฟล์ภาพ  ที่ 150 ppi

การตั้งค่าขนาดของชิ้นงาน
ไฟล์ศึกษาตัวอย่างตั้งค่าความกว้างที่ 615px และสูงที่ 480px

การตั้งค่า Background
เตรียมไฟล์ภาพพื้นฉากหลัง หรือ กำหนดสีตามร่างแบบของผู้ออกแบบ

ชิ้นงานนี้ประกอบด้วยเฟรมสไลด์ 2 เฟรม

เฟรมที่ 1 (นิ้วมื้อเลื่อนมากดที่ Tablet ทำให้ Tablet มีขนาดเล็กลง)

1.เปิดงานใหม่บนพื้นที่สไลด์แรก ตัวอย่าง ในงานนี้ คือ สร้างงานที่ความกว้าง 616 pixels ความสูงที่ 480 pixels

2.ตั้งค่าพื้นฉากหลังสีขาว (หรือสีอื่นตามความต้องการ) ภาพที่นำมาใช้ คือรูปมือซ้าย และ Tablet โดย Tablet ให้วางรูปกลางจอ

3.เปิดเครื่องมือ Animation Pane

4.ใช้ไฟล์รูปมือซ้ายที่จัดเตรียมให้กำหนด Animations 

    กลุ่ม Entrance : Fly In (Effect Options : From Bottom) 

    โดยวางมือในตำแหน่งกดปุ่ม (สถานะ Start > ON CLICK) (ลำดับที่ 1) 

5.ที่ Tablet กำหนด Animations 

    กลุ่ม Emphasis : Grow/Shrink (Effect Options : >Both>Smaller)ให้กับปุ่ม  

    (สถานะ Start > After Previous) (ลำดับที่ 2)

6.ไปที่ไฟล์รูปมือทำการ Add Animations กำหนด Animations 

    กลุ่ม Exit : Fly out (Effect Options : Bottom)  

    (สถานะ Start > With Previous) (ลำดับที่ 3) 

เฟรมที่ 2 (นิ้วมื้อเลื่อนมากดที่ Tablet ทำให้ Tablet มีขนาดใหญ่ดังเดิม)

7.เพิ่มสไลด์เฟรมที่สอง แล้วทำการนำภาพ Tablet เข้าหน้างานอีกครั้ง โดยกะขนาดและตำแหน่งให้เท่ากับสถานะ ZOOM Out (คือขนาดเล็กจากเฟรมที่ 1)

8.นำไฟล์รูปมือขวาเข้างาน กำหนด Animations 

    กลุ่ม Entrance : Fly In (Effect Options : From Right) 

    วางรูปมือในตำแหน่งกดปุ่ม (สถานะ Start > With Previous) (ลำดับที่ 1) 

9.ที่ปุ่มวงกลมที่สร้าง กำหนด Animations 

    กลุ่ม Emphasis : Grow/Shrink (Effect Options : Both>Larger) ให้กับปุ่ม 

    (สถานะ Start > After Previous) (ลำดับที่ 2)

10.ไปที่ไฟล์รูปมือทำการ Add Animations กำหนด Animations 

    กลุ่ม Exit : Fly out (Effect Options : Right) 

    (สถานะ Start > With Previous) (ลำดับที่ 3) 

11.ตั้งค่า TRANSITIONS ระหว่างเฟรมเป็น FADE

     ตั้งค่าช่วงเวลา Duration เป็น 00.25

คำแนะนำ
1.ภาพที่นำมาใช้แนะนำควรเป็นภาพที่มีความละเอียดค่อนข้างสูง
2.ดึงขยายภาพให้กว้างกว่าบริเวณของกรอบสไลด์
3.ควรใช้ Gridline และเส้น Guide ช่วยในการสร้างงาน (วิธีเรียกใช้)
4.ศึกษาขั้นตอนการ export เป็น Animated GIF

ผลงานที่ได้ ควรใกล้เคียงแบบภาพด้านล่าง

ตัวอย่างสื่อเพื่อใช้ฝึกหัด

หมายเหตุ
เพื่อให้การเรียนรู้ และฝึกการทำงาน ต้องใช้ Microsoft PowerPoint 2021 เท่านั้น