พื้นฐานงานกราฟิก

กราฟิก (Graphic) มาจากภาษากรีก 2 คำคือ Graphikos หมายถึง การวาดเขียน และ Graphein หมายถึง การเขียน

สรุปได้ว่า กราฟิก หมายถึง ศิลปะแขนงหนึ่งซึ่งใช้การสื่อความหมายด้วยการใช้เส้น ภาพวาด สัญลักษณ์ ภาพถ่าย กราฟ แผนภูมิ การ์ตูน เพื่อให้สามารถสื่อความหมายของข้อมูลได้ถูกต้องตรงตามที่ต้องการ

ความหมายของคอมพิวเตอร์กราฟิก

การสร้าง การตกแต่ง แก้ไข หรือการจัดการเกี่ยวกับรูปภาพ โดยใช้เครื่องคอมพิวเตอร์ในการจัดการ เช่น การทำ Image retouching การสร้างภาพตามจินตนาการและการใช้ภาพกราฟิกในการนำเสนอข้อมูลต่างๆ เพื่อให้การสื่อสารน่าสนใจยิ่งขึ้น

ภาพบนคอมพิวเตอร์เกิดได้อย่างไร

ภาพที่ปรากฏบนหน้าจอเกิดจากจุดสี่เหลี่ยมเล็กๆ ของสี ที่เรียกว่า พิกเซล (Pixel) มาประกอบกันเป็นภาพขนาดต่างๆ

พิกเซล (Pixel) มาจากคำว่า Picture และ Element คือจุดสี่เหลี่ยมที่เป็นองค์ประกอบรวมกันเป็นภาพ ความละเอียดของภาพวัดเป็นพิกเซลต่อนิ้ว (ppi) เช่น 300 ppi ยิ่งค่าสูงภาพยิ่งชัดเจน

Pixel composition illustration

ความละเอียดของจอภาพ: เป็นหน่วยวัดจำนวนพิกเซลสูงสุดที่จอสามารถผลิตได้ เช่น 1024×768 หมายถึง แนวนอน 1024 พิกเซล และแนวตั้ง 768 พิกเซล

โหมดสี RGB และประเภทของภาพ

ภาพบนจอเกิดจากการทำงานของโหมดสี RGB ประกอบด้วย สีแดง (Red), สีเขียว (Green), และสีน้ำเงิน (Blue) เมื่อนำมาวางต่อกันจะเกิดเป็นรูปภาพ ซึ่งแบ่งออกเป็น 2 ประเภทหลักคือ:

1. ภาพบิตแมป (Bitmap)
ประกอบขึ้นด้วยจุดสีจำนวนคงที่ (Resolution Dependent) หากขยายจะเห็นภาพเป็นตารางเล็กๆ หรือภาพแตก
2. ภาพเวกเตอร์ (Vector)
สร้างจากสมการทางคณิตศาสตร์ (Resolution-Independent) ขยายเท่าไหร่ภาพก็ไม่แตก เหมาะสำหรับงานโลโก้และฟอนต์
Difference between Bitmap and Vector

ความแตกต่างระหว่าง Bitmap และ Vector

ภาพบิตแมป (Bitmap) ภาพเวกเตอร์ (Vector)
1. ประกอบขึ้นด้วยจุดต่างๆ มากมาย 1. ใช้สมการคณิตศาสตร์และรูปทรงพื้นฐาน (Object)
2. ขยายแล้วภาพแตก (พิกเซลคงที่) 2. ย่อ-ขยายได้ไม่จำกัด ความละเอียดคงเดิม
3. เหมาะกับภาพถ่ายที่ต้องการแสงเงาละเอียด 3. เหมาะกับงาน Layout, ตัวอักษร และงานวาดการ์ตูน
4. แสดงภาพได้รวดเร็วทันที 4. คอมพิวเตอร์ใช้เวลาประมวลผลมากกว่า

ประเภทของไฟล์ภาพดิจิทัล

.JPG : ยอดนิยมสำหรับเว็บและภาพถ่าย บีบอัดข้อมูลแบบสูญเสียรายละเอียดบางส่วน
.GIF : บีบอัดสูง ไฟล์เล็กมาก รองรับภาพเคลื่อนไหว เหมาะสำหรับเว็บ
.TIF : คุณภาพสูงสุดสำหรับงานสิ่งพิมพ์ รองรับเลเยอร์และสีที่แม่นยำ
.PNG : พัฒนามาเพื่อเว็บโดยเฉพาะ โปร่งใสได้และคุณภาพดีกว่า GIF
.PSD : ไฟล์หลักของ Photoshop แก้ไขเลเยอร์ได้ตลอดเวลา แต่ไฟล์มีขนาดใหญ่
📚 อ้างอิง :

จารุณี ขันใจ. “กราฟิกและเว็บไซต์”. สืบค้นเมื่อวันที่ 28 มิถุนายน พ.ศ.2558

องค์การพิพิธภัณฑ์วิทยาศาสตร์แห่งชาติ (อพวช.). “พิกเซล (Pixel)”. 2556.

ปิยะ นาคสงค์. สร้างและตกแต่งภาพกราฟิกด้วย Photoshop CS2 ฉบับสมบูรณ์. Success Media, 2549.

Graphic Design Animation

แสดงความคิดเห็น

0 ความคิดเห็น

แสดงความคิดเห็น (0)