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

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

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

ข้อความนี้ถูกเขียนใน AdoBE pHOtoshOP คั่นหน้า ลิงก์ถาวร

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s