การสร้าง animation จาก Image Ready

1.> การใช้งาน Image ready ตอนนี้เราจะทำการเพิ่มความนุ่มนวลในการสลับภาพ ขั้นแรกให้เราเตรียมภาพใน Photoshop เพื่อไปประกอบเนื้อเรื่องใน animation ก่อน งานนี้เตรียมไว้ 3 ภาพ

2.> เมื่อได้ภาพแล้วให้คลิ๊กที่ Jump to ImageReady เราจะเข้าสู่โปรแกรม Image Ready

3.> เราจะทำให้ภาพค่อยๆ แสดงขึ้นมาทีละภาพแบบนุ่มนวล ขั้นแรกกำหนดภาพแรกซึ่งเป็นภาพเริ่มต้น ให้มีลักษณะจางหายไปก่อน

4.> ต่อจากนั้นให้เราเพิ่มภาพที่สองขึ้นมา โดยคลิ๊กที่ Duplicates current frame เพื่อเพิ่ม frame ขึ้นมา 1 เฟรม แล้วทำให้ภาพที่เพิ่มขึ้นมา มีความชัดเต็มร้อย ดังรูป

5.> จากนั้นเลือก Tweens animation frames เพื่อเพิ่ม เฟรมตรงกลางระหว่างภาพทั้งสองภาพ แล้วใส่ค่า ตามรูป

รูปเปิดตา Layer 1 เพื่อให้เฟรมที่ 2 แสดงผลรูปนี้

6 .> โปรแกรม Image ready จะทำการสร้างเอฟเฟค ระหว่างกลางให้เราดังรูป (หลักการ คือกำหนดรูปแบบต้นทาง และปลายทาง และโปรแกรม Image ready จะทำเอฟเฟคให้เราตรงกลางเอง) ลอง Plays ดูได้เลย

7.> เราจะทำให้ภาพนี้ค่อยๆ จางหายทีละภาพแบบนุ่มนวล ขั้นแรกเพิ่มเฟรม ขึ้นมาอีกเฟรมนึงก่อน แล้วกำหนด ความชัดของภาพให้เป็น 0 %

8 .> จากนั้นเลือก Tweens animation frames เพื่อเพิ่ม เฟรมตรงกลางระหว่างภาพทั้งสองภาพ แล้วใส่ค่า ตามรูป

ลอง Plays ดูได้เลย

9 .> ที่นี้เพิ่มความสมบูรณ์ของพื้นหลังไปนิดนึงจะทำให้การดูภาพสมจริงมากขึ้นโดยการใส่พื้นหลังสีขาวดังรูป Plays ดูอีกครั้ง

10 .> สังเกตุว่าภาพอาจวิ่งเร็วไป ให้เราเลือกเฟรมทั้งหมด โดยเลือกที่เฟรมแรกก่อน จากนั้นกด Shift ค้างไว้ แล้วมาเลือกเฟรมสุดท้าย จากนั้นก็ทำการ ปรับค่าความหน่วงการแสดงผล โดยเลือกเวลาเอาตามใจชอบได้เลย

11 .> ให้เราทำแบบนี้กับภาพที่เหลืออื่นๆ แล้วเซฟออกมาใช้งานดู


12 .> เพิ่มเติมอีกนิด เมื่อเรา ทำภาพทั้ง 3 ภาพ ให้แสดง animation แล้วบางครั้งเพื่อการต่อภาพให้เนียน ให้เราลบเฟรม ที่เป็นสีขาวออกไปภาพ จะมีการต่อที่สมบูรณ์มากขึ้น

ภาพที่เสร็จแล้ว