^o^ การสร้าง animation จาก Image Ready ตอน 2 ^o^

การสร้าง animation จาก Image Ready ตอน 2

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 แล้วบางครั้งเพื่อการต่อภาพให้เนียน ให้เราลบเฟรม ที่เป็นสีขาวออกไปภาพ จะมีการต่อที่สมบูรณ์มากขึ้น

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