ความรู้พื้นฐานด้านการออกแบบ
หลักการทำงานของภาพกราฟิก
แบ่งออกเป็น 2 รูปแบบ
1. ภาพกราฟิกแบบราสเตอร์ (Raster) หรือบิตแมพ (Bitmap)
เป็นภาพกราฟิกที่เกิดจากการเรียงตัวของจุดสี่เหลี่ยมเล็ก ๆ ที่เรียกว่า พิกเซล (Pixel) วิธีสังเกต ๆ คือ เมื่อขยายหรือซูมภาพเยอะ ๆ จะเห็นเป็นสี่เหลี่ยมสีจำนวนมากต่อกัน Raster จึงเป็นไฟล์ภาพที่ซับซ้อนที่มีการไล่ระดับสีได้อย่างราบลื่น แต่หากใช้การย่อ หรือ เพิ่มขนาด จะเริ่มเห็นความแตกของ Pixel ไฟล์ประเภท Raster เช่น JPEG, PSD, PNG และ TIFF
2. ภาพกราฟิกแบบเวกเตอร์
(Vector)
เป็นภาพกราฟิกที่เกิดจากการประมวลผลโดยอาศัยหลักการคำนวณทางคณิตศาสตร์ รูปแบบภาพจะถูกกำหนดโดยชุดของพารามิเตอร์ทางคณิตศาสตร์ จึงสามารถปรับขนาดขึ้นหรือลงได้โดยไม่เสียคุณภาพ ตัวอย่างของไฟล์ Vector เช่น AI, EPS และ SVG
ภาพกราฟิกแบบราสเตอร์ (Raster) หรือบิตแมพ (Bitmap) เป็นภาพกราฟิกที่เกิดจากการเรียงตัวของจุดสี่เหลี่ยมเล็ก ๆ ที่เรียกว่า พิกเซล (Pixel) วิธีสังเกต ๆ คือ เมื่อขยายหรือซูมภาพเยอะ ๆ จะเห็นเป็นสี่เหลี่ยมสีจำนวนมากต่อกัน
Raster จึงเป็นไฟล์ภาพที่ซับซ้อนที่มีการไล่ระดับสีได้อย่างราบลื่น แต่หากใช้การย่อ หรือ เพิ่มขนาด จะเริ่มเห็นความแตกของ Pixel ไฟล์ประเภท Raster เช่น JPEG, PSD, PNG และ TIFF
Vector เป็นภาพกราฟิกที่เกิดจากการประมวลผลโดยอาศัยหลักการคำนวณทางคณิตศาสตร์ รูปแบบภาพจะถูกกำหนดโดยชุดของพารามิเตอร์ทางคณิตศาสตร์ จึงสามารถปรับขนาดขึ้นหรือลงได้โดยไม่เสียคุณภาพ ตัวอย่างของไฟล์ Vector เช่น AI, EPS และ SVG
เปรียบเทียบภาพ BITMAP กับ VECTOR
BITMAP
1. ภาพถูกสร้างขึ้นจากจุด Pixel มาเรียงต่อกันเป็นภาพ
2. เก็บรายละเอียดได้ดี สามารถปรับแต่งสี แต่งภาพได้ง่าย
3. การขยายภาพให้ใหญ่ คุณภาพของภาพจะลดลง (ภาพเบลอ)
4. ไฟล์ภาพมีขนาดใหญ่
5. การประมวลผลภาพทำได้อย่างรวดเร็ว
VECTOR
1. ภาพถูกสร้างขึ้นจากสูตรคณิตศาสตร์
2. เหมาะกับงานออกแบบ เนื่องจากสามารถดัดแปลงรูปร่างได้
3. การขยายภาพให้ใหญ่ยังคงความคมชัดเหมือนเดิม
4. ไฟล์ภาพมีขนาดเล็กกว่าบิตแมป
5. การประมวลผลภาพต้องใช้เวลาในการประมวลผล
ประเภทของภาพกราฟิก
แบ่งออกเป็น 2 รูปแบบ
1. ภาพกราฟิกประเภท 2 มิติ
เป็นภาพที่เราสามารถพบเห็นได้ทั่วๆไป เช่น ภาพถ่าย รูปวาด ภาพลายเส้น สัญลักษณ์ กราฟ
2. ภาพกราฟิกประเภท 3 มิติ
เป็นภาพกราฟิกที่ใช้โปรแกรมสร้างภาพ 3 มิติ เช่น 3D max, Maya ทำให้ได้ภาพที่มีสีและแสงเงาเหมือนจริง