จับภาพนิ่งมาทำให้มันส์ ด้วยเทคนิค Gif Animation

        สวัสดีครับผู้อ่านทุกท่าน แม้ว่าภาพหนึ่งภาพถึงจะสื่อความหมายได้มากมายแล้วนั้น แต่บางครั้งการใช้ภาพเคลื่อนไหวอาจทำให้เราสนุกและตื่นตาได้มากขึ้นได้ คราวนี้ผมจะแนะนำเทคนิคการนำเอาภาพนิ่งๆ ซึ่งอาจจะหลายๆภาพหรือ ภาพที่ถ่ายไว้เป็นชุดๆ มาเรียงต่อๆ กันให้เกิดการเคลื่อนไหวด้วย Gif Animation กันนะครับ ก่อนอื่นในการนำเสนอครั้งนี้ผมขออนุญาตใช้โปรแกรมที่ผมถนัด ซึ่งจริงๆแล้วมีหลายโปรแกรมมากมายในท้องตลาดที่สามารถทำ Gif Animation ได้ แต่มีโปรแกรมหนึ่งชื่อเต็มๆว่า Adobe Image Ready

        ซึ่งโปรแกรม Adobe Image Ready นี้ ทาง Adobe ให้ติดมาในชุด Photoshop ตั้งแต่ version 4 ขึ้นไป ในปัจจุบัน Photoshop version 7 (ตัวใหม่ล่าสุดกว่านี้ คือ Photoshop cs ซึ่งผมยังไม่ได้มาใช้เลย เอาไว้คงจะได้มาแนะนำกันในครั้งต่อไปนะครับ) จะมีโปรแกรม Adobe Image Ready version 7 อยู่ในชุดอยู่แล้ว จะอยู่ใน folder เดียวกับโปรแกรม Photoshop นะครับผม ซึ่งมีหน้าตาตามรูปที่เห็นนะครับ

        โดยจุดเด่นของโปรแกรมตัวนี้คือ มีความสามารถในการทำ Gif Animationได้ค่อนข้างดี สร้าง webpage ได้ง่ายๆเลย ถ้ามีความเข้าใจกับการทำ Gif Image แนะนำกันพอเป็นพิธีสำหรับโปรแกรมตัวนี้ ถ้าทุกท่านเช็คในคอมท่านแล้วมีโปรแกรม Image Ready ก็เริ่มกันได้เลยครับ

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

        ภาพที่จะนำมาใช้จะไปตกแต่งให้สวยใส โดย Photoshop ก่อนก็ได้ ซึ่งใน Photoshop จะมี Menu Jump To Adobe Image Ready ให้ด้วย ทำให้การทำงานข้ามระหว่างโปรแกรมสองตัวนี้ง่ายขึ้น อาจจะตกแต่งด้วย Photoshop แล้ว Jump ไปโปรแกรมอื่นๆของค่าย Adobe ได้เช่นกัน

        เมื่อภาพทั้งหมดพร้อมแล้ว ผมก็เริ่มนำภาพมาเรียงกันให้เป็นชั้น layer ดังภาพตัวอย่าง (โดยการ drag and drop ลากมาวางบนภาพแล้วเลื่อนตำแหน่งให้ตรงกัน) โดยยังไม่ต้องสนใจลำดับการเรียงของ layer ก็ได้

        แต่ถ้ามีภาพเยอะๆมากๆ ก็อาจจะใช้คำสั่ง Import Folder Image As Frame ก็สะดวกคล่องตัวดีพอควร

        เมื่อเราได้ภาพที่เป็น layer เรียบร้อยแล้วขั้นต่อไปคือ การสร้าง frame ภาพขึ้นมาเพื่อให้เกิดการเคลื่อนไหว โดยต้องเปิด palatte ที่ชื่อว่า animation ขึ้นมาดังรูปที่โชว์ให้ดู

        เสร็จแล้วให้คลิกที่สามเหลี่ยมอยู่ตรงมุมบนขวา palatte เลือก New Frame หรือจะเลือก Make Frame From Layer ก็ได้ทั้งคู่

        เมื่อเลือกอย่างใดอย่างหนึ่งแล้ว เราก็จะได้ frame animation เป็น frameขึ้นมา ให้เรากำหนดค่าของเวลา (บริเวณที่วงสีแดง) และ การ animationซึ่งการกำหนดการ animation ต่างๆ ทำได้โดยการเปิด-ปิด layer ให้แสดงผลหรือไม่แสดงผลต่างๆ ซึ่งใช้ได้รวมถึงการเลื่อน layer หรือ การเลื่อนตัวหนังสือ(กรณีทำตัวหนังสือวิ่ง)ได้ด้วย

        เมื่อเราได้ frame ภาพเป็นที่พอใจแล้ว เราก็ต้องกำหนดระยะเวลาให้เหมาะสมกับการเคลื่อนไหวต่างๆ ในแต่ละ frame โดยกำหนดเวลาตั้งแต่ 0.5 second จนกระทั่งถึง 10 second ได้ ตามความเหมาะสมแล้วกันนะครับ

        เราสามารถกดปุ่มสามเหลี่ยมด้านล่าง เพื่อ play animation ดูการเคลื่อนไหวได้ เมือกำหนดการเคลื่อนไหวเสร็จแล้ว

> อ่านต่อหน้า 2