ตัวอย่างการทำ ภาพเคลื่อนไหว ใน phptoshop cs4 (animation gif )
สำหรับท่านที่ลงโปรแกรม photoshop cs4 และมีไอเดีย อยากจะทำภาพเคลื่อนไหว เป็นไฟล์ gif
ถ้าหา เมนูไม่เจอ ให้เข้าไปที่ เมนู file เลือก animation จากนั้นจะมีหน้าต่าง time line

สมมุติว่า เรามี ภาพ 3 Layer ตามลำดับ ดังนี้

Layer 1 พิมพ์คำว่า CG
Layer 2 พิมพ์คำว่า 2DAY
Layer 3 พิมพ์คำว่า .COM
การเรียง Layer นั้น ให้เรียง คำแรก คือ CG ไว้บนสุด และเรียง Layer ที่เหลือตามลำดับ

จุดประสงค์ คือ ต้องการให้ตัวหนังสือ ค่อยๆ ประกฏที่ละคำตามลำดับ จนครบคำว่า CG2DAY.COM
โดยเมื่อสร้าง layer ตัวหนังสือ ครบแล้ว สำคัญมาต้อง ปิดตาของ Layer เอาไว้ก่อน

เมื่อ Time Line พร้อมแล้วเราก็จะต้องทำโดยการ เปิด ที่รูปดวงตาของ Layer ทีละอัน

ทุกครั้งที่เรา เปิดตา layer ให้เราคลิกเพิ่ม Animation Layer ใน Time line ตามทีละหนึ่ง Layer ควบคู่กันไป

แต่ว่ามีข้อแตกต่างสำหรับ Workshop นี้ คือ ใน Layer มี 3 อัน แต่ใน Tine Line มี Layer เปล่าเพิ่มมาหนึ่งอัน
เมื่อทำภาพถัดไปก็ทำตามลำดับตามด้านล่างนี้

ให้เพิ่ม layer 2 จาก Time Line เพื่อจะทำตัวหนังสือชุดแรก ให้ปรากฏ
พอเปิดตา Layer ตัวหนังสือ แรก เราก็ได้คำว่า CG ใน Time line (ให้เพิ่ม leyer 3 ใน Time Line ก่อนจะเปิดตา Layer ตัวหนังสือ)
พอเปิดตา Layer ตัวหนังสือ สอง เราก็ได้คำว่า CG2DAY ใน Time Line (ให้เพิ่ม leyer 4 ใน Time Line ก่อนจะเปิดตา Layer ตัวหนังสือ)
พอเปิดตา Layer ตัวหนังสือ สุดท้าย เราก้จะเห็นว่า Time Line มีภาพพร้อมจะ Play เป็น Animation

คำสั่ง ที่จะทำให้ตัวหนังสือวิ่งช้าลง จะอยู่ที่ Time Line Tools เวลา ตั้งแต่ 0.1 คือเร็วที่สุด ถ้าตัวเลยยิ่งมาก ภาพก็จะใช้เวลาโชว์มากขึ้น

ดูใน Time Line จะมีลูกศร สีดำ เล็กๆ  เมนูนี้สำหรับปรับแต่ง ความเร็ว และ รอบหมุนวน เวลาแสดงผล

ส่วนคำสั่งที่จะทำให้ภาพวน รอบเดียว ให้เลือกเป็น none หรือถ้าต้องการหลายรอบ ก็จะอยู่ในคำสั่ง Forever

นำ VDO สอนการทำ Animation Gif ของฝรั่งมาให้ชมเพื่อเพิ่มความเข้าใจอีกทีนึงครับ

ซึ่งใช้ photoshop cs4 เช่นกัน

ลองเล่นดูนะครับ

หัวข้อที่คล้ายกัน

• No related posts.