การทำภาพ animation โดยใช้ Program Photoshop
พื้นที่ทำงานหรืออาร์ตบอร์ด คำสั่งสำคัญ Menu bar พื้นที่ทำงานหรืออาร์ตบอร์ด ( art board) Tool panel Layerของภาพ Animation section duplicate
ข้อแตกต่างระหว่าง photo shop7.0 กับadobe photo shop cs2, cs3, cs4 1.Photo shop cs2, cs3, cs4 ไม่มีคำสั่ง Image ready ที่ tool bar แต่จะอยู่ที่ window > animation 2.สำหรับ photo shop7 ในการจัดภาพ animation จะอยู่อีกหน้าต่างกับหน้างาน
Adobe photoshop 7.0 Image ready
Adobe image ready = animation(cs2,cs3,cs4)
สร้างภาพต้นแบบก่อน
สร้างภาพที่สองเพื่อกำหนดเป็น frame เคลื่อนไหวต่อจาก frame แรก มี 2 frame / layer
photo shop cs3 จะไปที่ menu bar ตรง window แล้วเลือก animation คลี๊ก image ready เพื่อจัดเรียงเฟรมสำหรับ photo shop 7.0
ภาพจะถูกส่งเข้ามาที่ frame แรกก่อน
กดคำสั่ง duplicates current frame แล้วเลือก layer/frame ที่ต้องการแสดงต่อ
ทำการต่อ frame / layer ตามที่ต้องการ
ตั้งเวลาในการแสดงผลของแต่ละ frame/layer
Finish for timing ทดสอบภาพเคลือนไหว
ทำการ save ไฟล์โดยเลือก save for web or device ถ้า photo shop 7 ทำการ save ไฟล์โดยเลือก save for web or device ถ้า photo shop 7.0 จะเลือก save optimized as….
เลือก save นามสกุล .gif
ลักษณะภาพที่ได้จากการ save
Project ที่ทำก็บันทึกปกติ (นามสกุล .psd)
ลาก layer background มาที่ create a new layer
เลือกคำสั่ง lesso tool แล้วลากช่วงรูปที่ต้องการเปลี่ยน จากนั้นกด ctrl + t เพื่อสร้างกรอบขึ้นมา
คลิ๊กขวาเพื่อกำหนดการเคลื่อนไหวตามที่ต้องการ ก่อนทำการย้าย object ให้เอาดวงตาของภาพต้นแบบออกก่อน
หลังเลื่อน Object ที่มีการเลื่อนออกจากตำแหน่งเดิมจะไม่มีภาพพื้น จากนั้นให้ทำการบันทึกเพื่อให้ภาพมีการเป็น layer ก่อน
การบันทึกตามรูป
หลังจากบันทึกแล้วภาพที่ได้จะต้องทำการตกแต่งภาพให้กลมกลืนกับภาพโดยรวมให้มากที่สุด
เมื่อตกแต่งภาพเสร็จและได้รูปที่ต้องการแล้วให้เลือก image readyเพื่อจัดทำ flame
คลิ๊กคำสั่ง duplicate แล้วเลือกภาพที่จะนำมาแสดงต่อ
ภาพที่ต้องการก็คลิ๊กให้เป็นภาพดวงตา ส่วนภาพที่ไม่ใช้ก็คลิ๊กดวงตาออก
กำหนดเวลาแล้วทำการ save file เป็นอันเสร็จสิ้น