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



<table border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td align="center"></td></tr></tbody></table>
2.> เมื่อได้ภาพแล้วให้คลิ๊กที่ Jump to ImageReady เราจะเข้าสู่โปรแกรม Image Ready

<table border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td align="center"></td></tr></tbody></table>
3.> เราจะทำให้ภาพค่อยๆ แสดงขึ้นมาทีละภาพแบบนุ่มนวล ขั้นแรกกำหนดภาพแรกซึ่งเป็นภาพเริ่มต้น ให้มีลักษณะจางหายไปก่อน

<table border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td align="center"></td></tr></tbody></table>
4.> ต่อจากนั้นให้เราเพิ่มภาพที่สองขึ้นมา โดยคลิ๊กที่ Duplicates current frame เพื่อเพิ่ม frame ขึ้นมา 1 เฟรม แล้วทำให้ภาพที่เพิ่มขึ้นมา มีความชัดเต็มร้อย ดังรูป

<table border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td align="center"></td></tr></tbody></table>
5.> จากนั้นเลือก Tweens animation frames เพื่อเพิ่ม เฟรมตรงกลางระหว่างภาพทั้งสองภาพ แล้วใส่ค่า ตามรูป

<table border="0" cellspacing="0" cellpadding="0" width="100%" class="f13"><tbody><tr><td align="center">
รูปเปิดตา Layer 1 เพื่อให้เฟรมที่ 2 แสดงผลรูปนี้ </td></tr></tbody></table><p>6 .> โปรแกรม Image ready จะทำการสร้างเอฟเฟค ระหว่างกลางให้เราดังรูป (หลักการ คือกำหนดรูปแบบต้นทาง และปลายทาง และโปรแกรม Image ready จะทำเอฟเฟคให้เราตรงกลางเอง) ลอง Plays ดูได้เลย </p><table border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td align="center"><p></p></td></tr></tbody></table><p>7.> เราจะทำให้ภาพนี้ค่อยๆ จางหายทีละภาพแบบนุ่มนวล ขั้นแรกเพิ่มเฟรม ขึ้นมาอีกเฟรมนึงก่อน แล้วกำหนด ความชัดของภาพให้เป็น 0 %</p><table border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td align="center"></td></tr></tbody></table>
8 .> จากนั้นเลือก Tweens animation frames เพื่อเพิ่ม เฟรมตรงกลางระหว่างภาพทั้งสองภาพ แล้วใส่ค่า ตามรูป

<table border="0" cellspacing="0" cellpadding="0" width="100%" class="f13"><tbody><tr><td align="center"><p>
ลอง Plays ดูได้เลย </p></td></tr></tbody></table>
9 .> ที่นี้เพิ่มความสมบูรณ์ของพื้นหลังไปนิดนึงจะทำให้การดูภาพสมจริงมากขึ้นโดยการใส่พื้นหลังสีขาวดังรูป Plays ดูอีกครั้ง

<table border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td align="center"><p></p></td></tr></tbody></table>
10 .> สังเกตุว่าภาพอาจวิ่งเร็วไป ให้เราเลือกเฟรมทั้งหมด โดยเลือกที่เฟรมแรกก่อน จากนั้นกด Shift ค้างไว้ แล้วมาเลือกเฟรมสุดท้าย จากนั้นก็ทำการ ปรับค่าความหน่วงการแสดงผล โดยเลือกเวลาเอาตามใจชอบได้เลย


<table border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td align="center"><p></p></td></tr></tbody></table>
11 .> ให้เราทำแบบนี้กับภาพที่เหลืออื่นๆ แล้วเซฟออกมาใช้งานดู



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

<table border="0" cellspacing="0" cellpadding="0" width="100%" class="f13"><tbody><tr><td align="center">

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

</td></tr></tbody></table>