computer graphics

คำว่า กราฟิก (Graphic) มาจากภาษากรีก 2 คำคือ
1. Graphikos หมายถึง การวาดเขียน
2. Graphein หมายถึง การเขียน
คอมพิวเตอร์กราฟฟิก หมายถึง การสร้าง การตกแต่งแก้ไข หรือการจัดการเกี่ยวกับรูปภาพ โดยใช้เครื่องคอมพิวเตอร์ในการจัดการ ยกตัวอย่างเช่น การทำ Image Retouching ภาพคนแก่ให้มีวัยที่เด็กขึ้น การสร้างภาพตามจินตนาการ และการใช้ภาพกราฟิกในการนำเสนอข้อมูลต่างๆ เพื่อให้สามารถสื่อความหมายได้ตรงตามที่ผู้สื่อสาร ต้องการและน่าสนใจยิ่งขึ้นด้วยกราฟ แผนภูมิ แผนภาพ เป็นต้น

ประเภทของภาพกราฟิกที่ใช้กับคอมพิวเตอร์ 
ภาพที่เกิดบนจอคอมพิวเตอร์ เกิดจากการทำงานของโหมดสี RGB ซึ่งประกอบด้วย สีแดง (Red) สีเขียว (Green) และสีน้ำเงิน (Blue) โดยใช้หลักการยิงประจุไฟฟ้าให้เกิดการเปล่งแสงของสีทั้ง 3 สี มาผสมกันทำให้เกิดเป็นจุดสีเล็ก ๆ ที่เรียกว่า พิกเซล (Pixel) โดยพิกเซลจะมีหลากหลายสี เมื่อนำมาวางต่อกันจะเกิดเป็นรูปภาพ ซึ่งภาพที่ใช้กับเครื่องคอมพิวเตอร์ มี 2 ประเภท คือ

2.1 ภาพกราฟิกแบบ Raster
ภาพกราฟิกแบบ Raster หรือเรียกอีกอย่างหนึ่งว่า แบบ Bitmap เป็นภาพกราฟิกที่เกิดจากการเรียง
ตัวของจุดสี่เหลี่ยมเล็ก ๆ หลากหลายสี ที่เรียกว่า พิกเซล ในการสร้างภาพกราฟิกแบบ Raster จะต้องกำหนดจำนวนพิกเซลให้กับภาพที่ต้องการสร้าง ถ้ากำหนดจำนวนพิกเซลน้อย เมื่อขยายภาพให้มีขนาดใหญ่ขึ้น จะทำให้มองเห็นภาพเป็นจุดสี่เหลี่ยมเล็ก ๆ หรือถ้ากำหนดจำนวนพิกเซลมากก็จะทำให้แฟ้มภาพมีขนาดใหญ่ ดังนั้น การกำหนดจำนวนพิกเซลจึงควรกำหนดให้เหมาะสมกับงานที่จะสร้าง เช่น งานที่มีความละเอียดน้อย หรือภาพสำหรับเว็บไซต์ ควรกำหนดจำนวนพิกเซล ประมาณ 72 ppi (pixel / inch คือ จำนวนพิกเซลใน 1 ตารางนิ้ว) แต่ถ้าเป็นงานแบบพิมพ์ เช่น นิตยสาร ปกหนังสือ โปสเตอร์ขนาดใหญ่ จะกำหนดประมาณ 300 - 350 ppi เป็นต้น
ข้อดี ของภาพกราฟิกแบบ Raster  คือ สามารถปรับแต่งสี ตกแต่งภาพได้ง่ายและสวยงาม ซึ่งโปรแกรมที่นิยมใช้สร้างภาพกราฟิกแบบ Raster คือ Photoshop, Paint เป็นต้น ภาพกราฟิกแบบ Raster ที่ขยายใหญ่ขึ้น จะมองเห็นภาพเป็นจุดสี่เหลี่ยม

ตัวอย่างภาพกราฟิกแบบ Raster

2.2 ภาพกราฟิกแบบ Vector
เป็นภาพกราฟิกที่เกิดจากการอ้างอิงความสัมพันธ์ทางคณิตศาสตร์ หรือการคำนวณ ซึ่งภาพจะมี 
ความเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง เส้นโค้ง รูปทรง เมื่อมีการขยายภาพความละเอียดของภาพจะไม่ลดลง แฟ้มมีขนาดเล็กกว่าแบบ Raster ภาพกราฟิกแบบ Vector นิยมใช้เพื่องานสถาปัตยกรรมตกแต่งภายใน และการออกแบบต่าง ๆ เช่น การออกแบบรถยนต์ การออกแบบอาคาร การสร้างการ์ตูน เป็นต้น ซึ่งโปรแกรมที่นิยมใช้สร้างภาพแบบ Vector คือ โปรแกรม Illustrator, CorrelDraw, 3Ds Max แต่อุปกรณ์ที่ใช้แสดงผลภาพ เช่น จอคอมพิวเตอร์ หรือเครื่องพิมพ์ จะเป็นการแสดงผลภาพแบบ Raster
ภาพกราฟิกแบบ Vector ที่ขยายใหญ่ขึ้น ความละเอียดของภาพจะไม่ลดลง

ตัวอย่างภาพกราฟิกแบบ Vector

ประโยชน์และคุณค่าของงานกราฟิก
เนื่องจากงานกราฟิกเน้นในการสื่อสารด้วยศิลปะระหว่างผู้สร้าง กับผู้รับ (ผู้ดู ผู้เห็น) ดังนั้น คุณค่าของงานกราฟิกก็จะเกี่ยวข้องกับผลระหว่างผู้สร้างและผู้รับด้วยเช่นกัน คือ
• เป็นสื่อกลางในการสื่อความหมาย
• สร้างระบบการเรียนรู้
• สร้างความเร้าใจ น่าสนใจ ประทับใจ และความเชื่อถือได้ของผลงาน
• สร้างความคิดสร้างสรรค์รูปแบบใหม่ โดยการประยุกต์ความคิดจากผลงานเดิม
• สร้างอาชีพและรายได้
• ได้แนวคิดที่ดี มองโลกในแง่ดี เห็นความสวยงามของชีวิต จรรโลงความดีงามในจิตใจของมนุษย์ให้สืบต่อไป
ความสำคัญของงานกราฟิก
เนื่องจากงานกราฟิกเน้นในการสื่อสารด้วยศิลปะระหว่างผู้สร้าง กับผู้รับ (ผู้ดู ผู้เห็น) ดังนั้นงานกราฟิกจึงมีความสำคัญดังนี้
• ช่วยสรุปความคิด จินตนาการออกมาเป็นข้อมูลที่สื่อสารได้ง่าย
• สร้างระบบการถ่ายทอดที่มีความเด่นชัด แปลความหมายได้รวดเร็ว
• ช่วยสร้างสรรค์วัตถุประดิษฐ์ใหม่ และมีประโยชน์ต่อวิถีชีวิต ความเป็นอยู่ของ มนุษย์
• สร้างระบบการเรียนรู้ สร้างแนวคิดใหม่ๆ
• สร้างค่านิยมทางความคิดที่งดงาม
• สร้างความเจริญก้าวหน้าให้ธุรกิจ สังคม
หลักการใช้สีและแสงในคอมพิวเตอร์ 
1. RGB
2. CMYK
3. HSB
4. LAB
1. RGB 
เป็นระบบสีที่ประกอบด้วยแม่สี 3 สีคือ แดง (Red), เขียว (Green) และสีน้ำเงิน (Blue) เมื่อนำมาผสมกันทำให้
เกิดสีต่างๆ บนจอคอมพิวเตอร์มากถึง 16.7 ล้านสี ซึ่งใกล้เคียงกับสีที่ตาเรามองเห็นปกติ สีที่ได้จากการผสมสีขึ้นอยู่

กับความเข้มของสี โดยถ้าสีมีความเข้มข้นมาก เมื่อนำมาผสมกันจะทำให้เกิดเป็นสีขาว จึงเรียกระบบสีนี้ว่า แบบ 
Additive หรือการผสมสีแบบบวก

2. CMYK 
เป็นระบบสีที่ใช้กับเครื่องพิมพ์ที่พิมพ์ออกทางกระดาษหรือวัสดุผิวเรียกอื่นๆ ซึ่งประกอบด้วยสีหลัก 4 สีคือ สีฟ้า (Cyan), สีม่วงแดง (Magenta), สีเหลือง (Yellow), และสีดำ (Black) เมื่อนำมาผสมกันจะเกิดสีเป็นสีดำแต่จะไม่ดำสนิทเนื่องจากหมึกพิมพ์มีความไม่บริสุทธิ์ จึงเป็นการผสมสีแบบลบ (Subtractive) หลักการเกิดสีของระบบนี้คือ หมึกสีหนึ่งจะดูดกลืนแสงจากสีหนึ่งแล้วสะท้อนกลับออกมาเป็นสีต่างๆ เช่น สีฟ้าดูดกลืนแสงของสีม่วงแล้วสะท้อนออกมาเป็นสีน้ำเงิน ซึ่งจะสังเกตได้ว่าสีที่สะท้อนออกมาจะเป็นสีหลักของระบบ RGB การเกิดสีนี้ในระบบนี้จึงตรงข้ามกับการเกิดสีในระบบ RGB 

3. HSB 
เป็นระบบสีแบบการมองเห็นของสายตามนุษย์ ซึ่งแบ่งออกเป็น 3 ส่วน คือ
Hue คือสีต่างๆ ที่สะท้อนออกมาจากวัตถุแล้วเข้าสู่สายตาของเรา ซึ่งมักเรียกสีตามชื่อสี เช่น สีเขียว สีแดง สีเหลือง เป็นต้น
Saturation คือความสดของสี โดยค่าความสดของสีจะเริ่มที่ 0 ถึง 100 ถ้ากำหนด Saturation ที่ 0 สีจะมีความสดน้อย แต่ถ้ากำหนดที่ 100 สีจะมีความสดมาก
Brightness คือระดับความสว่างของสี โดยค่าความสว่างของสีจะเริ่มที่ 0 ถึง 100 ถ้ากำหนดที่ 0 ความสว่างจะน้อยซึ่งจะเป็นสีดำ แต่ถ้ากำหนดที่ 100 สีจะมีความสว่างมากที่สุด 

4. LAB 
เป็นระบบสีที่ไม่ขึ้นกับอุปกรณ์ใด ๆ (Device Independent) โดยแบ่งออกเป็น 3 ส่วนคือ 
“L” หรือ Luminance เป็นการกำหนดความสว่างซึ่งมีค่าตั้งแต่ 0 ถึง 100 ถ้ากำหนดที่ 0 จะกลายเป็นสีดำ แต่ถ้ากำหนดที่ 100 จะกลายเป็นสีขาว
“A” เป็นค่าของสีที่ไล่จากสีเขียวไปสีแดง
“B” เป็นค่าของสีที่ไล่จากสีน้ำเงินไปสีเหลือง

แฟ้มภาพกราฟิกแบบ Raster และคุณลักษณะของแฟ้มภาพกราฟิก
นามสกุลที่ใช้เก็บแฟ้มภาพกราฟิกแบบ Raster มีหลายนามสกุล เช่น .BMP .DIB .JPG .JPEG .GIF .TIFF 
.TIF ,PCX .MSP ,PCD .PCT .FPX .IMG .MAC .MSP และ .TGA เป็นต้น ซึ่งลักษณะของแฟ้มภาพจะแตกต่างกัน

แฟ้มภาพกราฟิกแบบ Vector และคุณลักษณะของแฟ้มภาพกราฟิก
นามสกุลที่ใช้เก็บแฟ้มภาพกราฟิกแบบ Vector มีหลายนามสกุล เช่น .EPS .WMF .CDR .AI .CGM .DRW
.PLT ,DXF .PIC และ .PGL เป็นต้น ซึ่งลักษณะของแฟ้มภาพจะแตกต่างกันออกไป