สร้างภาพเคลื่อนไหว Animation Gif ในโปรแกรม Photoshop

การสร้างภาพเคลื่อนไหว Animation Gif ในโปรแกรม Photoshop

มาตามสัญญาค่ะ ครั้งที่แล้วโบอาลงรูปภาพเคลื่อนไหว gif เอาไว้วันนี้มาลงวิธีการทำแต่ละขั้นตอน
แต่ขอบอกไว้ก่อนเลนะค่ะว่าอาจจะมีหลายขั้นตอนไปหน่อย แต่ถ้าเพื่อน ๆ ตั้งใจลองทำดี ๆ รับรองว่าไม่ยากค่ะ เริ่มกันเลยนะค่ะ

การสร้างภาพเคลื่อนไหวของโบอานี้จะแบ่งเป็นสองส่วน คือ ส่วนแรกจะเป็นการสร้างรูปภาพขึ้นมาก่อน

และส่วนที่ 2 จะเป็นการสร้างภาพเคลื่อนไหวค่ะ

ส่วนแรก การสร้างรูปภาพ

1.เิปิดโปรแกรม Photoshop ขึ้นมาค่ะ สร้างหน้ากระดาษขึ้นมาไปที่ File>New กำหนดค้ากระดาษตามที่เราต้องการ

2.เมื่อได้หน้ากระดาษมาแล้วก็ต้องทำการ copy layer ตามข้อ 1 จัดการเทสีลงไปโดยคลิกที่รูปถังสี เพื่อเทสีพื้นค่ะ คลิกที่ข้อ 2 พิมพ์ตัวอักษรลงไป  กำหนดค้าต่าง ๆ ของตัวอักษรที่ ข้อ 4

3.เพิ่มลูกเล่นให้ตัวอักษร โดยคลิดปุ่มที่ลูกศรชี้ค่ะ เลือก Drop Shadow...กำหนดค่าตามในรูปเลยค่ะ แล้วกด OK

4.เสร็จแล้วเราลองมาดูในหน้าต่างเลเยอร์กันบ้าง จะมีเลเยอร์ทั้งหมด 3 เลเยอร์ ให้เรากด Ctrl ค้างไว้แล้วคลิกที่ layer 1 และ เลเยอร์ตัวอักษร เสร็จแล้วกด Ctrl+Alt+E มันจะรวมทั้ง 2 เลเยอรืเข้าด้วยกัน จะมีเลเยอร์ ตัว I ที่มีพื้นสัชมพูขึ้นมาในรูปด้วนขวามือ ให้เรากด Delete เลเยอร์ตัว I อันแรกทิ้งไปค่ะ 

กดปิดรูปที่คล้ายดวงตาที่เลเยอร์ตัว I ค่ะเป็นอันเสร็จรูปตัว I  

ทำซ้ำในขั้นตอนที่ 2-4 แต่เปลี่ยนตัวอักษร เป็น L O V E ตามลำดับจนครบเป็นประโยค I LOVE YOU ค่ะ 

ด้านขาวคือเลเยอร์ทั้งหมดที่สร้างเสร็จเรียบร้อยแล้วค่ะ เพื่อน ๆ จะสังเกตเห็นว่ามี ตัว I L O V E และ YoU ครบเป็นอันเสร็จขั้นตอนในส่วนแรกค่ะ

ส่วนที่ 2 จะเป็นการสร้างภาพเคลื่อนไหว

5.คลิกที่ window>Animation จะมีหน้าต่าง animation ขึ้นมา

ต่อไปเราก็เพิ่มรูปตัวอักษรทั้งหมดลงในเฟรมทีละรูป โดยคลิกที่เฟรม 1 คลิกที่เลเยอร์ I ก็จะเพิ่มลงในเฟรม 1 

6.เพิ่มเฟรมโดยคลิกที่ข้อ 1 แล้วเลือกเลเยอร์ตัว L เปิดรูปตาที่ตัว L และปิดที่ตัว I ทำซ้ำแบบนี้กับตัวอื่น ๆ เลยค่ะ สรุปง่ายคือเพิ่มเฟรมก่อน เลือกตัวอักษรคลิกเปิดรูปตา และปิดรูปตาของตัวอักษรอื่น ๆ ให้หมดค่ะ

7.กำหนดค่า frame delay ตามรูปเลยค่ะ ของโบอาจะกำหนด ตัว I และ YoU เป็น 5 วินาที ที่เหลือเป็น 2 วินาที

ลองกด play ดูค่ะ

8.ต่อไปเราจะเลือก save เป็นแบบ save for web เลอกเป็นไฟล์ GIF ตามข้อ 1 แล้วกด save ตั้งชื่อแล้วก็กด save เป็นอันเสร็จขั้นตอนการสร้างภาพเคลื่อนไหวด้วยโปรแกรม Photoshop ค่ะ