More Related Content
Similar to หน่วยที่ 8 (6)
More from Ton TC Tmsb (10)
หน่วยที่ 8
- 12. ลูกเล่นเกี่ยวกับชนิดของGFI
ถึงแม้การใช้การฟิกจะถูกจากัดด้วยจานวนสีที่ใช้ได้เพียง 256 สี แต่ละการฟิกชนิดนี้มีลูกเล่นที่เราสามารถนามาใช้เพื่อเสริม
ความโดดเด่นของเว็บเพจได้นั้นคือเทคนิค Interlacing และ Transparency
การใช้ Interlacing
ถ้าเว็บเพจของเรามีภาพขนาดใหญ่หรือมีภาพจานวนมากผู้ใช้ที่เชื่อมต่ออินเทอร์เน็ตด้วยความเร็วไม่สูงจะใช้เวลานานในการ
ดาวน์โหลดภาพ วึ่งอาจทาให้ต้องคอยจนเปลี่ยนใจไปเปิดดุเว็บเพจอื่นก็ได้ วิธีหนึ่งที่สามารถแก้ปัญหานี้ได้คือการใช้การฟิกชนิด
GIF ภาพชนิดนี้จะถูกโหลดโดยบราวเซอร์ขึ้นมาอย่างรวดเร็วแบบไม่ชัดก่อน และค่อยๆ ชัดขึ้นตามลาดับ ผู้ใช้จะสามารถเห็นภาพ
หยาบๆ ของภาพสมบรูณ์ที่กาลังใช้เวลาโหลดขึ้นมาได้ทาให้รู้ไม่หงุดหงิดในการรอ
- 14. การใช้ Transparency
การทา Transparency คือการกาหนดสีใดสีหนึ่งในรูป ให้เป็นสีที่ไม่ถูกนามาแสดงบนบราวเซอร์ เช่นเราอาจกาหนดสีพื้นหลังของ
รุปให้ใสเพื่อให้สีหรือรูปภาพที่ใช้เป็นฉากหลังของเว็บเพจปรากฏแทนที่ การใช้เทคนิค Transparency จะทาให้ภาพดูกลมกลืนกับพื้น
หลังของเว็บเพจ
- 15. ลุกเล่นที่เกี่ยวกับภาพชนิด JPG
ในส่วนของภาพ JPG ก็มีวิธีให้ผู้เยี่ยมชมเว็บสามารถดูภาพได้เร็วขึ้นเช่นเดียวกัน เราเรียกเทคนิคนี้ว่า Slicing
การใช้ Slicing
เป็นอีกเทคนิคหนึ่งในการเพิ่มลูกเล่นให้กับภาพ JPG เวลาที่เราโหลดภาพบนอินเทอร์เน็ต โดยลักษณะการโหลดภาพประเภท
Slicing ก็คือรูปจะถูกโหลดเข้ามาแปะบนเว็บเพจที่ละชิ้นจนครบทั้งรูปภาพคล้ายจิ๊กซอว์
วิธีสร้างภาพแบบ JPG แบบ Slicing
สาหรับขั้นตอนการทา Slicing นั้นสามารถทาได้ง่าย โดยใช้โปรแกรม Photoshop ซึ่งมีขั้นตอนดังนี้
- 16. การสร้างภาพเคลื่อนไหว GIFAnimation
การเคลื่อนไหวแบบ GIF Animation เกิดจากการนาภาพหลายรูปที่เป็นภาพนิ่งมาเรียงต่อกันแล้วนามาแสดงผลตามลาดับ ทา
ให้ภาพที่ดูเหมือนกับเคลื่อนไหวได้
ดาวน์โหลดโปรแกรม GIF Construction
สาหรับโปรแกรมรวมภาพเป็น GIF Construction มีอยู่ด้วยกันหลายตัว ในหนังสือเล่มนี้จะใช้โปรแกรมที่มีชื่อว่า GIF
Construction Set Professional สามารถดาวน์โหลดมาทดลองใช้ได้ที่ http://www.mindworkshop.com/alchemy/gifcon.html
การสร้าง GIF Animation
ก่อนสร้างภาพเคลื่อนไหว เราต้องเตรียมภาพนิ่งทีละเฟรม ที่ละช่องขึ้นมาก่อน ในที่นี้เราจะสร้างภาพนิ่ง 5 รูปดังนี้
- 17. การรวมภาพเพื่อสร้างภาพเคลื่อนไหว
เมื่อได้ภาพนิ่งแล้วเราจะใช้โปรแกรมรวมภาพนิ่งคือ โปรแกรม GIF Construction Set เพื่อรวมภาพนิ่งเหล่านั้นให้กลายเป็น
ภาพเคลื่อนไหว
กาหนดรายละเอียดภาพเคลื่อนไหว
จากภาพเคลื่อนไหวที่เรากาหนดได้จะเห็นว่าภาพแสดงอย่างรวดเร็วมองไม่ทัน เราต้องแก้ไขโดยการกาหนดรายละเอียดของ
แต่ละภา
บันทึกภาพเคลื่อนไหว
เมื่อเราทดลองการแสดงผลของภาพเคลื่อนไหวจนพอใจแล้ว ที่นี่เราก็จะจับบันทึกไฟล์ GIF Animation นี้ไปใช้กับหน้าของเรา
การแสดงภาพเคลื่อนไหวในหน้าเว็บเพจ
การแสดงภาพเคลื่อนไหวในหน้าเว็บเพจเหมือนกับการแสดงภาพทั่วไป พนิ่ง