Thaimisc.com : ลองสร้าง gif animation กัน (2) : Bannershop GIF Animator ตอนที่ 4
ThaiMisc.Com : Free Webboard | Free GuestBook | Free Poll | Free Ecard Server | Free Java Chat Room | Advertising | Contact Us | Colocation | Web Hosting | เปิดร้านค้าฟรี


Category : Sortware Corner Print Article Only Print Aticle With Comment
ลองสร้าง gif animation กัน (2) : Bannershop GIF Animator ตอนที่ 4
เขียนโดย เดอะกาฝากไดอารี่ (ball@bbznet.com) , 05-09-2004
หายหน้าไปนานเลยครับ จนมีคนอีเมล์มาทวงถามถึงตอนที่ 4 ซึ่งก็ต้องขออภัยด้วย ที่ขนาดทวงแล้ว กระผมก็ยังไม่มาเขียนต่อซะที แหะ แหะ... พอดี format ลง Windows ใหม่ เนื่องจากของเก่ามันรวนๆ น่ะครับ แล้วทีนี้ไอ้โปรแกรมที่เคยมีๆ มันก็หายไปหมดเลย ต้องไปล้วงหาแผ่น CD ที่ write เก็บเอาไว้ซะนานน่ะครับ

เอาละครับ ทีนี้เราก็มาถึงเวลาของการใส่ effect หรือที่แปลเป็นไทยก็คงได้ประมาณ "ลูกเล่น" เข้าไปในข้อความที่เราพิมพ์ไปละครับ (เอ๊ะ มันนานมาแล้ว ว่าแต่ยังจำได้ไหมเอ่ยว่าเราพิมพ์ว่าอะไรไป?!? มาดูรูปกันก่อนนะครับ

ผมแบ่งพิมพ์ข้อความเป็น 2 ส่วนคือ

1. If you are looking for a           web hosting service...
2. Fast & Reliable

ทีนี้ตอนแรกเลย ผมก็ต้องใส่ effect ให้กับข้อความแรกก่อนครับ ผมก็คลิกไปที่ข้อความนั้น จนได้ดังรูปข้างล่าง คือมีกล่องสี่เหลี่ยมเล็กๆ ล้อมรอบ 4 มุมของข้อความเอาไว้ นั่นแปลว่า เราได้เลือกข้อความนั้นเอาไว้แล้ว (ผมขอถือเอาว่า ข้อความแต่ละข้อความ หรือรูปแต่ละรูปที่ใส่เข้าไปใน animation ของเรานั้น คือ object แล้วกันนะครับ)

จากนั้นผมก็คลิกขวาที่ object ที่ 1 นี้ ก็จะได้ menu ขึ้นมาดังรูป ก็แค่เลือก Intro Animation... เท่านั้น

ถึงตรงนี้อาจจะสงสัยว่าตัวเลือก 3 ตัว คือ Intro Animation..., Animation... ละ Outro Animation... นั้นแตกต่างกันตรงไหน?!? คำตอบคือ เรื่องของการใช้งานครับ

  • Intro Animation นั้น เราจะใช้เป็น effect ให้กับ object ในตอนที่ object นั้นๆ จะปรากฏเข้ามาใน animation ของเรา จบแล้วจบกัน object นั้นก็จะอยู่คงที่แบบนั้นต่อไป
  • Outro Animation นั้นก็จะเป็นในทางตรงกันข้าม คือ จะเป็น effect ที่ใส่ให้กับ object ตอนที่ object นั้นจะถูกลบออกไปจาก animation ของเรา จบแล้วจบกัน object นั้นก็จะหายไปจาก animation ของเรา
  • Animation นั้นจะเป็น effect ที่เราจะใส่ให้กับ object ที่จะแสดงค้างเอาไว้ใน animation ของเราครับ

เรามาดูความแตกต่างของ Intro Animation, Outro Animation และ Animation จากรูปข้างล่างแล้วกันนะครับ

คิดว่าคงทำให้เห็นภาพได้ชัดเจนขึ้นนะครับ :)

เอาละ ทีนี้มาดูกันต่อครับ... ก่อนอื่น ผมก็อยากให้ดูตัวอย่าง banner อีกครั้ง เพื่อจะได้เห็นชัดๆ ว่า ผมใส่ effect อะไรเข้าไปบ้าง

ตัวข้อความ If you are looking for a         web hosting service... นั้น จะค่อยๆ ปรากฏชัดเจนขึ้น เราเรียกว่า Fade In ครับ ดังนั้นเมื่อผมเลือก Intro Animation แล้ว จะปรากฏหน้าจอดังรูปขึ้น ผมก็ต้องเลือกเป็น Fade In โดยที่เลือก Speed เป็น Slow เพื่อให้ object ค่อยๆ ปรากฏครับ หากเราต้องการทราบว่า animation ที่จะปรากฏออกมา จะมีลักษณะเป็นอย่างไร ก็คลิกที่ปุ่ม Preview เอาก็ได้ครับ

หากเราทำเครื่องหมายถูกเอาไว้ที่ Apply to all จะหมายความว่าเราจะใส่ effect นี้ให้กับทุก object ของงาน animation ของเราครับ

เลือก effect ที่พอใจแล้ว (สำหรับผมก็คือ Fade In ที่ความเร็ว Slow) ก็คลิกปุ่ม OK ไป... จากนั้นผมก็ไปคลิกเลือก object ที่ 2 แล้วใส่ effect ให้มันเช่นเดียวกับ object ที่ 1 แต่คราวนี้ผมเลือกเป็น Motion Blur In ที่ความเร็วเป็น Fast ครับ คือให้ดูเหมือนมันวิ่งเข้ามาด้วยความเร็วพอควรนั่นเอง (ดูรูปที่เสร็จแล้วข้างบนนั่นประกอบแล้วกันนะครับ)

ต่อมา ผมก็ทำเฟรมที่ 2 ขึ้น โดยใส่ object เข้าไป 3 ตัวด้วยกันคือ

3. รูปภาพ
4. ข้อความ DEESERVER.COM
5. ข้อความ The Ultimate Web Hosting Solutions

เอาละ กลับไปดู animation ของเรากันต่อ ผมใส่ effect เข้าไปตามนี้เลยครับ

  • รูปภาพ ผมใส่ Blade Shade In ความเร็ว Medium
  • DEESERVER.COM นั้น มันก็เหมือนกับ object ที่ 1 ที่ผมใส่แค่ Fade In ความเร็ว Slow เข้าไป
  • The Ultimate Web Hosting Solutions ผมใส่เป็น Fly From Buttom ที่ความเร็ว Medium

เท่านี้ Banner ของเราก็เรียบร้อย พร้อมจะเซฟเอาไปใช้งานละครับ... การเซฟนั้นสามารถทำได้ 2 แบบคือเซฟเลย ซึ่งปกติมักจะได้ไฟล์ขนาดใหญ่มา แต่ทางเลือกที่สองของเราก็คือ ใช้ Wizard ในการ optimize ตัว animation ของเรา ให้มีขนาดที่พอเหมาะพอควรครับ ซึ่งผมจะขอกล่าวถึงในตอนหน้า ซึ่งถือเป็นตอนจบในพื้นฐานเบื้องต้นการทำ gif animation ครับผม

(ติดตามตอนต่อไป)

<- Back | Next ->

ThaiMisc.Com : Free Webboard | Free GuestBook | Free Poll | Free Ecard Server | Free Java Chat Room | Advertising | Contact Us
Copyright 1999-2006 Thailand Miscellaneous. Allrights reserved. webmaster@thaimisc.com