Thaimisc.com : ลองสร้าง gif animation กัน (2) : Bannershop GIF Animator ตอนที่ 3
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 ตอนที่ 3
เขียนโดย เดอะกาฝากไดอารี่ (ball@bbznet.com) , 15-08-2004
เช้านี้จัดห้อง... ประมาณว่ารกมากทีเดียว จัดมาร่วมครึ่งวัน ยังไม่มีวี่แววว่าจะเสร็จ พักซักหน่อย มาต่อกันกับบทเรียนการสร้าง gif animation แบบง่ายๆ สไตล์ เดอะกาฝากไดอารี่ กันครับ

ถึงตอนนี้ ผมติ๊ต่างเอาว่าทุกท่านมี blank animation เอาไว้รอแล้ว โดยมีขนาด 468 x 60 พิกเซล และมีทั้งหมด 1 เฟรม กับ master frame อีก 1 อัน โดยแต่ละเฟรมจะถูกแสดงเป็นเวลา 1 วินาที...

จากนั้นเราก็ไปดูตรง panel ที่ชื่อ Frame list นะครับ สิ่งที่เราจะเห็นก็คือ list ของเฟรมทั้งหมดที่มี ตอนนี้เราจะเห็นว่ามีแค่ 2 อันคือ Master frame (1) และ Frame 1 เท่านั้น ให้เราคลิกที่ Frame 1 ครับ

 

คลิกเสร็จแล้วเราก็ไปดูส่วนของ panel ที่ชื่อ Background กันครับ เราจะทำการกำหนดสีพื้นให้กับ Master Frame กัน คลิกที่ปุ่ม Background Color

กำหนดสีน้ำเงินเข้มให้ตามใจชอบ โดยเราสามารถเลือกวิธีกำหนดสีได้ 5 วิธีคือ

  1. ใช้เมาส์คลิกไปที่ pallete สี เลือกเอา
  2. เลือกเอาจากสีที่กำหนดเอาไว้แล้ว (Predefined Colors)
  3. เลื่อนแถบสี Red, Green, Blue เอา
  4. ใส่ตัวเลขค่าสี Red, Green, Blue (ตั้งแต่ 0-255)
  5. ใส่รหัสสีตามแบบ HTML (รูปแบบคือ #RRGGBB -> R = Red, G = Green, B = Blue)

ในที่นี้ผมอยากได้สีพื้นเป็นสีน้ำเงินเข้มนิดนึง ผมเลยเลือกที่จะใส่ Blue เป็น 107 (ค่ายิ่งใกล้ 0 ยิ่งมีความเข้มมาก ยิ่งเข้มมาก ก็คือยิ่งดำ) ส่วน Red กะ Green ผมให้เป็น 0

จากนั้นผมก็จะทำการพิมพ์ข้อความที่ต้องการลงไป ผมก็ใช้เครื่องมือพิมพ์ตัวอักษร (ดูรูปประกอบ)

เวลาพิมพ์ เราก็แค่พิมพ์ข้อความที่ต้องการลงไป สามารถเว้นบรรทัดได้ ด้วยการเคาะ Enter ครับ นอกจากนี้ยังมีลูกเล่นตัวอักษรให้เราอีกดังนี้

  • Alignment : เอาไว้จัดตำแหน่งตัวอักษร ว่าจะชิดซ้าย (Left), ชิดขวา (Right) หรือจัดกึ่งกลาง (Center)
  • Outline mode : จะเป็นการใส่ลูกเล่นให้ตัวอักษรที่ปรากฏเป็นแบบตรงไส้กลางโปร่ง


ตัวอย่าง Outline mode

  • Anti-aliased : เอาไว้ลบเหลี่ยมตามขอบตัวอักษร จะช่วยทำให้ตัวอักษรดูมีความเรียบร้อยมากขึ้น แต่แลกมาด้วยขนาดของไฟล์ที่ใหญ่ขึ้นอีกเล็กน้อย
  • Font : เป็นปุ่มที่เอาไว้สำหรับการเปลี่ยนแปลงประเภทตัวอักษร และชนิดของตัวอักษร โดย
    • Font Face : จะเป็นการเลือกชื่อตัวอักษร
    • Style : เอาไว้กำหนดรูปแบบตัวอักษร (Regular = ปกติ, Italic = ตัวเอียง, Bold = ตัวหนา, Bold Italic = ทั้งหนาทั้งเอียง)
    • Size : เอาไว้กำหนดขนาดตัวอักษร
    • Font Effects : เอาไว้กำหนดเอฟเฟ็กต์อื่นๆ ของตัวอักษรได้แก่ Strikethrough = ขีดฆ่าตัวอักษร, Underline = ตีเส้นใต้
    • Script : เอาไว้กำหนดประเภทของตัวอักษร หากต้องการพิมพ์ภาษาอังกฤษ ก็กำหนดเป็น Western แต่ถ้าต้องการพิมพ์ไทย ก็กำหนดเป็น Thai (แต่ต้องไม่ลืมว่าโปรแกรมนี้มีบั๊กกับภาษาไทยหนักเอาการ อาจจะทำให้งานที่อุตส่าห์นั่งทำ ต้องเสียเปล่าได้)
    • Preview : เอาไว้ดูว่าตัวอักษรที่เรากำหนดลูกเล่นเสร็จแล้ว จะถูกพิมพ์ออกมามีหน้าตาเป็นยังไง

ถึงตรงนี้ ผมพิมพ์ประโยคภาษาอังกฤษแยกเป็น 2 ส่วนดังรูปครับ

จากนั้นผมก็แค่ใส่ animation ให้กับข้อความที่พิมพ์ลงไป... อ๊ะๆ แต่ขออุบเอาไว้ตอนหน้า ว่าจะทำยังไงต่อครับ :p

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

<- 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