เป็นอันว่าคุณได้วาดภาพและ saved ทุกๆ frames ของคุณมาทำ animation เป็นแล้วน๊ะครับ, ตอนนี้ลองนำมา animate กัน. ถ้าคุณไม่มี Gif Construction Set, ก็ลองหามาใช้ดู เป็นซอฟแวร์ขนาดเล็กเพียง 1.16 MB. ซึ่งสามารถดาวโหลด shareware version ได้ที่ http://www.mindworkshop.com (ยังมีโปรแกรม animation อีกหลายๆ ตัวที่น่าใช้, แต่ผู้เขียนเลือกโปรแกรมนี้ มาใช้สำหรับตัวอย่างนี้เท่านั้น.)
เปิดโปรแกรม
Gif Construction Set ขึ้นมา
เพื่อมาลองสร้าง animation กัน
โดยไปที่ (FILE ... NEW). คุณจะเห็น
automatic header สำหรับ animation
ของคุณปรากฏขึ้น. ถ้า animation
ของคุณจำเป็นต้องกำหนดให้แสดงซ้ำๆ
หรือ looping, ให้คลิกไปที่ปุ่ม
INSERT แล้วเลือก LOOP.
คุณจำเป็นจะต้องกำหนด CONTROL
statement
หรือประกาศการควบคุมทุกรูป
image ภายใน animation ของคุณก่อน
โดยกำหนดลงไปก่อนภาพทุกภาพ,
ดังนั้นคลิกปุ่ม INSERT ... CONTROL.
ปุ่ม CONTROL เป็น
การประกาศกำหนดคุณสมบัติต่างๆ
ของรูป image
ที่อยู่ด้านหลังคำสั่งนี้.
คุณสามารถ กำหนด delay time
สำหรับ frame นั้น
หรือตัวเลือก transparency options ใน
CONTROL statement นั้น.
ตอนนี้คุณจำเป็นจะต้อง import รูปภาพ images ของคุณที่เตรียมไว้เขามาใน animation ของคุณก่อน. โดยคลิกปุ่ม INSERT ... IMAGE. หน้าจะ screen จะปรากฏให้คุณเลือกตำแหน่งที่ คุณต้องการ locate เก็บรูปภาพ images ของ animation ลงไป. รูปภาพ image แรกจะมีความ สำคัญมาก, เพราะมันจะเป็นตัวกำหนดสีในจานสีหรือ color palette ของรูปภาพอื่นๆ ที่เหลือ ทั้งหมด. คุณอาจทำเลือกทีละหลายๆ รูป multiple-select ในขณะกำลังเปิดรูป images เข้าไปยัง animation ได้โดยกดปุ่ม CTRL บน keyboard ค้างไว้ในขณะที่คลิก mouse เลือก. รูปภาพ image แรกที่คุณทำการ import, คุณจะถูกถามว่าจะต้องการให้ ปฏิบัติกับรูป image ของคุณอย่างไร. ถ้ารูปภาพ image ทุกรูปใน animation ของคุณมีกลุมสี หรือจานสี color palette เดียวกัน, ให้เลือก: "use this image as the global palette". แต่ถ้า frames ต่างๆ ของคุณใน animation สับเปลี่ยนสีต่างๆ กันไปมา, ก็ให้เลือก: "Dither this image to the Global Palette" จะดีกว่า. The Global Palette ก็คือการกำหนดให้จานสีแบบ 256 color palette หรือ กำหนดให้ใช้สีในภาพได้ในระหว่างเชดสี 250 สี ของโหมดสีที่นิยมใช้มากที่สุดบนเว็ป. คุณอาจจะทำกำหนดคำสั่งว่าจะให้ทำอะไรบ้างกับภาพ image ที่สองที่จะตามมาไว้ก่อน หรือจะไม่ทำก็ได้. ถ้ารูป images ทุกรูปของคุณมีกลุ่มสีหรือ palette เดียวกัน, คุณก็จะไม่ถูกถาม อีกครั้งหนึ่ง. ถ้ารูป images ทุกรูปของคุณมีกลุ่มสีหรือ palette ที่ต่างกันในทุกๆ frame, ก็ให้เลือก ช่อง box อื่นๆ ซึ่งจะปรากฏ pop up ถามคุณว่าจะต้องการให้ทำอะไรกับรูปภาพ image ที่สอง ต่อไป. ซึ่งควรจะเลือก: "Dither this image to the global palette." จะดีกว่า แล้วทำการ check ช่อง box ด้านล่างที่บอกว่า: " Use this selection for subsequent images". หลังจากเสร็จขั้นตอนตามนี้ แล้วภาพ frames ของคุณทั้งหมดก็จะถูกโหลดลงไว้ใน animation แล้ว, เพื่อพร้อมที่จะไปทำขั้น ตอนต่อไป. ตอนนี้รูปภาพ images ของคุณทั้งหมดก็จะถูกโหลดลงไว้ใน animation ของคุณแล้ว, คุกจะเป็นจะต้องกำหนด CONTROL statement ลงไป, โดยใส่ลงไปก่อนภาพ images ทุกภาพ. ถ้าทุก frames ของคุณมี settings เดียวกัน, ก็ควรกำหนด settings ก่อนตั้งแต่ CONTROL tag แรก และทำการ copy มา paste แทกนั้นลงไปก่อนภาพ image ทุกภาพ. Double-click บน CONTROL tag. คุณจะเป็นที่จะต้องเซ็ตเวลา delay time สำหรับทุก frame ซึ้งขึ้นอยู่กับว่าคุณต้องการให้ animation แสดงเร็วแค่ไหน. ขอแนะนำให้เซ็ต delay ไปที่ 15. จากนั้นถ้าคุณไม่เคยมีแผนที่จะใช้ transparent background, ก็ให้ข้ามไปขั้นตอนที่ 6 ได้เลยครับ. ถ้าคุณต้องการกำหนดสี transparent color หรือให้โปร่งใสสามารถ มองทะลุผ่านได้นั้นเอง, ให้คลิกบน "transparent color" checkbox, แล้วคลิกบนปุ่มดูดสี eyedropper เล็กๆ. ภาพของคุณ ก็จะปรากฏขึ้น, แล้วก็เลือกคลิกลงบนส่วน รูป image บริเวณที่คุณต้องการให้เป็น transparent. หลังจานนั้น, สีที่เลือกนั้นก็จะแสดงขึ้นมาถัดจากปุ่ม eyedropper icon. ถ้าเพื่อว่าเป็นสีที่ผิด, ก็สามารถคลิกที่ปุ่ม eyedropper อีกครั้ง, แล้วก็เลือกใหม่ได้โดยทำเหมือนขั้นตอนเดิม. แต่ถ้าเป็นสีที่คุณต้องการแล้ว, ก็ให้เลือกวิธีการ remove ที่ "Remove By" . ให้เลือกโหมด "background" ซึ้งเป็นโหมดยอดนิยม. แล้วก็กด Ok. ตอนนี้คลิกที่ปุ่ม CONTROL tab และกด CTRL+C (copy). แล้วคลิกบนรูป image ด้านล่าง, แล้วกด CTRL+V (paste). เพื่อเป็นการใส่ CONTROL tag ลงไปด้านหน้าของ frame ถัดไปของ คุณด้าย properties ที่เหมือนกับอันแรก. ทำการทำซ้ำขั้นตอนนี้กับลทุกๆ frame ที่เหลือของคุณ. เมื่อเสร็จแล้ว, ให้คลิกปุ่ม VIEW button, เพื่อลองดู animation ของคุณ. ถ้าดูเหมือนทำงาน ถูกต้องก็ให้ข้ามไปขั้นตอนต่อไปได้เลย. แต่ถ้าไม่, คุณก็จะต้องตัดสินใจดูว่าอะไรผิดพลาด และทำการแก้ไข ตามขั้นตอนที่เพิ่มทำไป. ซึ้งไม่มีวิธีอะไร fix ตายตัว, เพราะว่าทุกๆ animation ย่อมมีวิธีการและ ขั้นตอนที่ต่างกัน. เสร็จแล้วคุณก็จำเป็นจะต้องกำหนด size ของ animation. โดย double-click บน "header" ซึ้งจะอยู่ด้านบนสุดของ animation. แล้วพิมพ์ความสูง height และความกว้าง width ของ frame ที่ใหญ่ที่สุดของ animation ของคุณลงไป. (ส่วนมาก, ทุก frame จะมี size เดียวกัน). จากนั้น, เลือกสี background color, โดยคลิกที่ช่อง colored box. เป็นอันเสร็จพิธี. ถ้าคุณต้องการใส่ ข้อความคิดเห็น comments บางอย่างเกี่ยวกับ animation ของคุณลงไป เช่น ชื่อ, ปี, หรือ email address, ให้ไปที่รูปภาพ image รูปสุดท้าย แล้วคลิกบนปุ่ม INSERT ... COMMENT. Double-click บนช่อง comment space ที่ปรากฏแล้ว ก็พิมพ์ข้อความที่ต้องการใส่ลงไป. เสร็จ แล้วไปคลิกที่ FILE แล้วเลือก SAVE. ลองคลิก view หรือ load up เปิด file นั้นบนเบลาเซอร์ ของคุณดู. WOW Animation! Note: ลองพลิกแพลงเล่นดูเองน๊ะครับ เหมาะสำหรับมือใหม่ ไม่จำเป็นต้องได้ผลลัพธ์เหมือน ผู้เขียนเปี๊ยบทุกขั้นตอน หลอกน๊ะครับ ผู้เขียนเพียงแค่แนะนำ และแสดงตัวอย่าง เป็นขั้นตอน ให้คุณทราบการทำงานของปุ่ม และ tools ต่างๆ ตลอดจนการกำหนด option ต่างๆ ของ โปรแกรม เพื่อให้สามารถนำไปประยุกค์ใช้ได้ด้วยตนเอง อาจจะยังไม่ได้ดีใน ครั้งแรกๆ แต่เมื่อลองเล่นไปหลายๆ ครั้ง ก็จะชำนาญขึ้นเอง แล้วก็จะสามารถเข้าใจการทำงาน ของ web editor ตัว ต่อๆ ไปของคุณได้ง่ายขึ้นเช่นกัน ซึ้งโปรแกรม animation ยอดนิยมอย่าง flash etc ก็จะมีขั้นตอน basic การกำหนด option พื้นฐานต่างๆ เหมือนกัน สามารถนำไปประยุกค์ ใช้ได้. |
April 20, 2000 last update!
All Artwork & Design ฉ 1997-1999 Krit Spooker |