Gif Animation กำลังได้รับความนิยมมากบนอินเตอร์เน็ต เพราะสร้างความดึงดูดใจและชื่นชอบแก่ผู้เยี่ยมชม.

ผู้เขียนจะอธิบาย ขั้นตอนพื้นฐานในการสร้าง animation นี้เป็น step by step ไปน๊ะครับ. ซึ่งจะใช้รูป gif animation ธรรมดานี้แหละครับเป็นตัวอย่างของบทเรียนของเรา.

อันดับแรกเริ่มคิดวางแผนว่าต้องการสร้าง animation ของคุณให้ออกมามีลักษณะอย่างไรก่อนครับ. ให้ดีควรวาดภาพ idea หรือ frames ของคุณออกมาคร่าวๆ บนแผ่นกระดาษก่อน.

ใช้โปรแกรมวาดรูปต่างๆ, ทำการวาดทุก frames (สำหรับ animation นี้ใช้ 4 frames). ทำการ save ทุก frame เป็นไฟล์ประเภท  .gif. ถ้าคุณไม่ชำนาญโปรแกรม paint ก็สามารถ save รูปตัวอย่างทั้ง 4 ไปทดลองในขั้นตอนที่สามได้ เลยครับ.

ต่อไป, ใช้โปรแกรมที่สามารถรวบรวมรูป .gif ของคุณทั้งหมดให้เป็นภาพ animation gif เพียงภาพเดียว. ผู้เขียนใช้ photoshop & flash & image ready และยังมี โปรแกรมอื่นๆ อีกมากเช่น Gif Construction Set & MS Gif Animator etc. ถ้าคุณใช้ Mac, ก็มี Gif Builder.

• หลังจากได้โปรแกรมทำ gif ที่ต้องการแล้ว. เปิดมันขี้นมา, และทำการ import ภาพ gif files ทุกภาพของคุณ เข้ามาในโปรแกรม. ปรับเซ็ต frames to loop แล้วลอง view the image ดู. คุณมี tool ต่างๆที่ใช้ในการควบคุม aimation ของคุณมากมายในโปรแกรมเหล่านี้. เช่นคุณสามารถเซ็ต delay time จาก in-between each frame ไปเป็น different amounts, กำหนดสีใดสีหนึ่งให้เป็น transparent, และ features อื่นๆอีกมากลองเล่นดูครับ.

  หลังจากทำการแก้ไขปรับแต่ง frames และ animation ของคุณได้ดูดี และพอใจแล้ว, ทำการ save file. โปรแกรม จะออโตเมติก compile ภาพ frame ของคุณทั้งหมดให้เป็นภาพ gif เพียงไฟล์เดียว. หลังจากนั้น นำไฟล์นี้เขียนเข้าไปไว้ใน root directory ของ html code ของคุณ และนำ tag syntax นั้นใส่ลงในเพจของคุณ.

  ด้วยเหตุที่เป็นไฟล์เดียวเหมือนกัน, โค๊ตที่ใช้จึงเหมือนกับการใส่ภาพอื่นๆ ที่ไม่ใช้  animation gif: <IMG SRC="speak1.gif" alt="Speaker Animation">

ทุกๆ animation ใช้ขั้นตอนพื้นฐานการสร้างดังกล่าวเหมือนๆ กัน ไม่ว่าคุณจะใช้ editor ชนิดใดก็ตาม, จะแตกต่าง กันตรงรูปภาพ frames ที่คุณสร้างขึ้นมาเท่านั้นครับthat.

April 20, 2000 last update!