ในปัจจุบันมีโปรแกรมทำภาพเคลื่อนไหวอนิเมชั่น (Gif Animation) อยู่มากมาย ทั้งแบบที่เป็นโปรแกรมฟรีและแบบเสียเงิน แต่โปรแกรม photoshop ที่เราใช้แต่งภาพนั้น ก็สามารถทำไฟล์ Gif Animation ได้เช่นกัน ซึ่งถ้าหากเราใช้งาน photoshop อยู่เป็นประจำอยู่แล้ว ก็สามารถที่จะเรียนรู้วิธีการได้ไม่ยากเลย
วิธีการสร้างภาพเคลื่อนไหว Gif Animation ด้วย Adobe Photoshop CS6
1. ในตัวอย่างนี้จะใช้ layer แสดงตัวเลข 1-5 เพื่อแสดงลำดับการแสดงผลแบบง่ายๆ โดยเราจะสร้างๆไฟล์ภาพใหม่ขึ้นมา ขนาด 200×200 pixel และให้มี layer จำนวน 5 layer ที่มีตัวเลข 1-5 ตามลำดับ
2. ไปที่เมนู Window=>Timeline เราจะได้หน้าต่างสำหรับควบคุมการทำงานของตัวอนิเมชั่นขึ้นมา ให้เรากดปุ่ม Duplicated selected frame ได้เลย เพื่อให้มีจำนวนเฟรมในรูปภาพ จำนวน 5 อัน หรือหากเรามีไฟล์ภาพอยู่เดิมแล้ว ก็สามารถลากมาวางเพิ่มเติมได้เลย
3. เนื่องจากเราใช้เป็นการ copy frame ขึ้นมา ดังนั้น เราก็ต้องมาแก้ไขในแต่ละเฟรมใหม่ เพื่อให้ในแต่ละเฟรมแสดงตังเลข 1-5 ตามที่เราต้องการ ในตัวอย่างเราก็แค่เพียงปิดตา (layer visibility) เลเยอร์ต่างๆในแต่ละเฟรมก็เพียงพอ
4. เมื่อเราจัดการภาพในตาเฟรมเรียบร้อยแล้ว ต่อไปก็จะมาว่ากันในส่วนของการควบคุมตัวไฟล์ gif animation กัน โดยทำผ่านแผงควบคุมด้านล่าง
4.1 ปุ่มที่เป็น Forever : ปุ่มนี้จะควบคุม loop หรือการแสดงซ้ำว่าจะเอาทังหมดกี่รอบ ถ้าโดยทั่วไปก็ตั้งไว้เป็น Forever ได้เลย
4.2 ปุ่มควบคุมเวลาใต้เฟรม : ตั้งค่า delay ของเฟรมนั้นๆ หากจะตั้งให้เท่ากันทุกเฟรมก็ให้เลือกทุกเฟรม แล้วกดเลือกตั้งเวลาได้เลย
5. เมื่อตั้งค่าทุกอย่างแล้ว ก็ให้เซฟไฟล์โดยใช้คำสั่ง Save for web แล้วเลือกเป็นการเซฟในรูปแบบ GIF ส่วนการตั้งค่าในรายละเอียดของ GIF นั้น ก็ลองปรับค่าดูได้ครับ เพื่อความเข้าใจที่มากขึ้น
ดังนั้นหากเราแต่งภาพหรือเฟรมแล้วมาทำเป็น .gif อีกทีนึง ก็จะสะดวกกว่าต้องใช้คนละโปรแกรมกันในการสร้างภาพ .gif และเรายังสามารถประยุกต์ใช้โปรแกรม photoshop มาทำไฟล์ภาพเคลื่อนไหว .gif ได้หลากหลายและสะดวกอีกด้วย
