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