ตามปกติแล้ว โปรแกรม photoshop ในเวอร์ชั่นก่อนหน้านี้ จะมีโปรแกรม imageready แถมมาให้ด้วย เพื่อไว้ทำภาพเอนิเมชั่น แต่พอมาถึงเวอร์ชั่น cs3 นั้น กลับไม่มี โปรแกรม imageready แถมมาให้ หลายๆคนคงคิดว่า แล้วจะทำภาพเอนิเมชั่นใน cs3 ได้ยังไง บทความนี้จะเสนอเกี่ยวกับการทำภาพเอนิเมชั่นใน photoshop cs3 ค่ะ
1. เปิดเอกสารใหม่ขึ้นมา โดยไปที่เมนู file > new แล้วตั้งค่าเอกสารตามความต้องการ ในที่นี้ สร้างเอกสารใหม่ขนาด 125x125
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_01.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_02.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_03.gif)
2. หารูปภาพอะไรก็ได้มา 3 ภาพ ใส่แยกไว้ในแต่ละเลเยอร์ รวมทั้งหมด 3 ภาพ 3 เลเยอร์ ดังรูป
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_04.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_05.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_06.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_07.gif)
3. ไปที่เมนู Window > Animation จะได้หน้าต่าง Animation ขึ้นมา ดังรูป
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_08.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_09.gif)
4. คลิกตรง 0 sec. เพื่อเลือกเวลาที่ต้องการ ในการแสดงแต่ละภาพ ในที่นี้เลือกเป็น 2 วินาที
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_10.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_11.gif)
5. คลิกที่ Duplicates selected frames เพื่อ copy จาก frame แรก ดังรูป
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_12.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_13.gif)
6. หลังจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่ 3 ออก ดังรูป
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_14.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_15.gif)
7. กลับไปคลิกที่ Duplicates selected frames เพื่อ copy จาก frame ที่สอง (เหมือนข้อ 5)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_16.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_17.gif)
8. ต่อจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่ 2 ออก (เหมือนข้อ 6)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_18.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_19.gif)
9. ทดสอบได้โดยการกดปุ่ม play animation จะเล่นตั้งแต่ frames แรกไป frames สุดท้าย frames ละ 2 วินาที เมื่อจบ frames สุดท้ายก็จะวนกลับไปที่ frames แรกใหม่
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_20.gif)
10. ไปที่ File > Save for Web & Devices หรือกด ALT + CTRL + SHIFT + S เพื่อเซฟ และตั้งค่าตามต้องการ
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_23.gif)
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_21.gif)
11. สุดท้ายเราก็จะได้รูปเอนิเมชั่นที่ทำจาก photoshop cs3 แล้วค่ะ ง่ายๆใช่มั๊ยค่ะ สำหรับคนที่เคยใช้ ImageReady ก็คงจะคุ้นเคยกันเป็นอย่างดี
(http://www.webthaidd.com/photoshop/file_photoshop/images/pa_22.gif)
ขอบคุณเทคนิคนี้จาก : www.webthaidd.com (http://www.webthaidd.com)