หน้าเว็บ

วันศุกร์ที่ 19 สิงหาคม พ.ศ. 2554

การทำ Gif Animation


มาสร้าง Gif Animation กันเถอะ



ความจริงแล้วการทำ gif อนิเมชั่นมีหลายวิธี แต่ถ้าใครมีPhotoshop และImageReadyอยู่แล้ว ก็ลองทำด้วยวิธีนี้ดู ง่ายดี

ขั้นตอนที่ 1.
 ตรวจดูว่าเครื่องมี Adobe Photoshop ลงไว้ยัง ปกติถ้าลง Photoshopไว้แล้ว,ก็จะมีImageReady ด้วยอยู่แล้ว

ขั้นตอนที่ 2. เตรียมรูปที่จะนำมาทำ  ตัวอย่างนี้เตรียม 4 รูป ตามด้านล่างเลย
making-gif-animation-01

ขั้นตอนที่ 3. เปิดทุกรูปที่จะนำมาทำอนิเมชั่นด้วยPhotoshop จากนั้นลากทุกรูปมารวมกันที่รูปเดียว(ถ้าจะให้ตรงกันเป๊ะให้กดShiftค้างไว้ด้วย)

making-gif-animation-2

ขั้นตอนที่
 4. ตอนนี้หากเพื่อนๆทำตามรูป 4 รูปก็จะมาอยู่ไฟล์เดียวกันแล้ว ขั้นตอนต่อไปให้เราคลิกที่ปุ่มImageReadyในPhotoshop เพื่อย้ายไปโปรแกรม ImageReady  แต่ก่อนจะไปเซพไว้ก่อนก็ดี เซฟเป็นPSDนะ

making-gif-animation-3

ขั้นตอนที่ 5. พอเข้ามาที่Image Readyแล้ว
ให้เปิดหน้าต่าง Animation  (เลือกwindow=>ติ๊กถูกที่ animation).
จากนั้นคลิกที่ปุ่ม Duplicate เพื่อคัดลอกFrame (ผมก็อปปี้เพิ่มอีก 3 Frameนะ)


making-gif-animation-4

ขั้นตอนที่ 6. Frame 1. ให้มันแสดงเฉพาะ picture01 และซ่อนlayerอื่นๆไว้ [ตรงแถบLayerที่เป็นรูปดวงตานะครับ ถ้ามีดวงตาหมายถึงแสดง (show) ถ้าไม่มีแสดงว่าซ่อนครับ], Frame 2. แสดงเฉพาะpicture02Frame 3. แสดงเฉพาะ picture03Frame 4. แสดงเฉพาะ picture04. (ลองกดplayดูได้ครับถ้าปรับเสร็จแล้ว) จากนั้นตรงเวลาด้านล่าง0.1sec ให้เราปรับเวลาตามชอบใจ

making-gif-animation-5


ขั้นตอนที่ 7. ถ้าปรับแต่งเสร็จเรียบร้อยแ้ล้วให้เซพโดยเลือก Save Optimized As. มันจะเซพเป็นนามสกุล gif

making-gif-animation-6

เสร็จแล้ว! แค่นี้ก็เรียบร้อย :)
making-gif-animation-7



Gif Animation ที่สมาชิกกลุ่มได้ทำขึ้น
นายปุริม บดีเศรษฐ์ 5305600145

น.ส.อารีรัตน์ จิตประสพเนตร 5305600109

น.ส.ปัณฑ์พัสธร ดิลกรัตน์สุชาติ 5305600117

น.ส.ธัญญรัศม์ ดิลกรัตน์สุชาติ 5305600116

นายอรรถชัย ภูมิราช 5305600141


ไม่มีความคิดเห็น:

แสดงความคิดเห็น