การทำภาพเอนิเมชั่นใน photoshop cs3

by **sims2540** Fri Apr 09, 2010 2:39 pm

การทำภาพเอนิเมชั่นใน photoshop cs3
ตามปกติแล้ว โปรแกรม photoshop ในเวอร์ชั่นก่อนหน้านี้ จะมีโปรแกรม
imageready แถมมาให้ด้วย เพื่อไว้ทำภาพเอนิเมชั่น แต่พอมาถึงเวอร์ชั่น cs3
นั้น กลับไม่มี โปรแกรม imageready แถมมาให้ หลายๆคนคงคิดว่า
แล้วจะทำภาพเอนิเมชั่นใน cs3 ได้ยังไง
บทความนี้จะเสนอเกี่ยวกับการทำภาพเอนิเมชั่นใน photoshop cs3 ครับ
1. เปิดเอกสารใหม่ขึ้นมา โดยไปที่เมนู file > new
แล้วตั้งค่าเอกสารตามความต้องการ ในที่นี้ สร้างเอกสารใหม่ขนาด 125x125
[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]
2. หารูปภาพอะไรก็ได้มา 3 ภาพ ใส่แยกไว้ในแต่ละเลเยอร์ รวมทั้งหมด 3 ภาพ 3
เลเยอร์ ดังรูป

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

3. ไปที่เมนู Window > Animation จะได้หน้าต่าง Animation ขึ้นมา ดังรูป

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

4. คลิกตรง 0 sec. เพื่อเลือกเวลาที่ต้องการ ในการแสดงแต่ละภาพ
ในที่นี้เลือกเป็น 2 วินาที

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

5. คลิกที่ Duplicates selected frames เพื่อ copy จาก frame แรก ดังรูป

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

6. หลังจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่ 3 ออก ดังรูป

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

7. กลับไปคลิกที่ Duplicates selected frames เพื่อ copy จาก frame ที่สอง
(เหมือนข้อ 5)

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

8. ต่อจากนั้นให้ไปคลิกที่รูปตาตรงเลเยอร์ที่ 2 ออก (เหมือนข้อ 6)

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

9. ทดสอบได้โดยการกดปุ่ม play animation จะเล่นตั้งแต่ frames แรกไป frames
สุดท้าย frames ละ 2 วินาที เมื่อจบ frames สุดท้ายก็จะวนกลับไปที่ frames
แรกใหม่

[You must be registered and logged in to see this image.]

10. ไปที่ File > Save for Web & Devices หรือกด ALT + CTRL + SHIFT
+ S เพื่อเซฟ และตั้งค่าตามต้องการ

[You must be registered and logged in to see this image.]

[You must be registered and logged in to see this image.]

11. สุดท้ายเราก็จะได้รูปเอนิเมชั่นที่ทำจาก photoshop cs3 แล้วครับ
ง่ายๆใช่มั๊ยครับ สำหรับคนที่เคยใช้ ImageReady
ก็คงจะคุ้นเคยกันเป็นอย่างดี

[You must be registered and logged in to see this image.]

เครดิต-[You must be registered and logged in to see this link.]

by *~xaou~* Fri Apr 09, 2010 3:22 pm

โอ้ ขอบคุณครับ

by **!~PhAnToM~!** Fri Apr 09, 2010 11:34 pm

โอ้ว ขอบคุณมากค่ะ

by bozaja06 Sat Apr 10, 2010 11:20 am

เยี่ยม

by **parinda** Sat Apr 10, 2010 12:45 pm

ว้าว ขอบคุณค่ะ หามานานละ

by **aMil3A** Sun Apr 11, 2010 5:26 pm

โปรแกรมนี้ใช้บ่อย *0*
แต่ก็ขอบคุณค่ะ^^

by dream_tsuna Wed Apr 14, 2010 11:35 am

ขอบคุณค่ะ

by **Hayato^^** Thu Apr 15, 2010 12:29 pm

ขอบคุณมากครับ ^ ^

by **-cartoon-A** Thu Apr 15, 2010 1:16 pm

อืม..เเยกมาจาก cs2 นิดหน่อย ขอบคุณน่ะจ้า

by paht Sun Apr 18, 2010 11:00 pm

โอ้~ ขอบคุณค่ะ ><

by Parman Sun May 02, 2010 1:21 pm

ไอ้เราก็โง่อยู่ตั้งนาน ปกติใช้cs2 พอไปลงโปรแกรมใหม่ ได้cs3มา ทำพวกภาพเคลื่อนไหว แต่มันเซฟไม่ได้ (เพิ่งรู้ว่าเซฟกดตรงนั้น เพราะปกติcs2ใช้image ready)

ขอบคุณจ้าาาาาาาาาาาาาาา