การสร้างภาพกราฟิก

เรื่องที่ 3 ที่ครูจะสอนนักเรียนคือ การสร้างภาพกราฟิกเพื่อนำไปใช้งานในเว็บไซต์ ร่วมกับภาพเคลื่อนไหว (Animation) ที่เราเรียนไปในตอนที่ 2 เพื่อทำให้เว็บไซต์ของเราสวยงามดึงดูดความสนใจจากผู้ชมได้มากขึ้นสรุปประเด็นสำคัญของภาพกราฟิกสำหรับงานเว็บ
การทำภาพกราฟิกเพื่อใช้ในงานเว็บ มีหลักการเฉพาะแตกต่างไปจากงานสื่อสิ่งพิมพ์ ทั้งเรื่องความละเอียดของภาพ (Resolution) ที่ใช้เพียง 72 dpi หรือจำนวนสีที่ใช้แสดงผล เป็นต้น ดังนั้นการศึกษาถึง ลักษณะเฉพาะในการใช้ PhotoShop สร้างกราฟิกในงานเว็บ จึงเป็นศาสตร์ที่น่าสนใจอีกศาสตร์หนึ่งประเด็นสำคัญของภาพกราฟิกสำหรับงานเว็บ

  • ใช้ความความละเอียดของภาพ (Resolution) 72 dpi
  • ใช้โหมด RGB ในการสร้างงาน
  • ต้องคำนึงถึง Screen Area ของจอภาพ ดังนี้
    • 640 x 480 pixel
    • 800 x 600 pixel
    • 1024 x 768 pixel
  • เก็บไฟล์ต้นฉบับไว้เสมอ (.psd เมื่อใช้ PhotoShop)
    • เลือกประเภทไฟล์ใช้งานให้เหมาะสม
    • ภาพที่มีสีน้อย, ต้องการความคมชัดต่ำ บันทึกเป็น .gif
    • ภาพที่ต้องการความคมชัดสูงๆ แสดงสีมากๆ บันทึกเป็น .jpg
  • กำหนดลักษณะพิเศษของภาพให้เหมาะสม เช่น การใช้ความสามารถ Interlaced, Progressive, Transparent
  • ภาพที่มีขนาดใหญ่ๆ มาก ควรใช้เทคนิคการตัดภาพเป็นชิ้นเล็กๆ แล้วนำมาประกอบด้วยคำสั่ง HTML

แล้วเราจะมาเรียน ตอนที่ 2 กันต่อไปนะคะ

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: