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

2
170

ความหมายของกราฟิก

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

ต่อมามีคนที่ให้ความหมายหรือคำจำกัดความของคำว่า “กราฟฟิก” ไว้มากมายหลายแบบด้วยกัน แต่หลักๆ ก็มีดังนี้
           – กราฟิก เป็นศิลปะแบบหนึ่งที่แสดงออกถึงความคิด ความอ่านและอารมณ์โดยใช้เส้น รูปภาพ ภาพเขียนหยาบๆ ไดอะแกรม ฯลฯ
           – กราฟิก เป็นการสื่อความหมายด้านการใช้ภาพวาด ภาพสเกต แผนภาพ การถ่ายภาพ และอื่นๆ ที่ต้องอาศัยศิลปะ เข้ามาช่วยเพื่อทำให้ผู้ดูเกิดความคิดและการตีความหมายได้ตรงตามที่ผู้ส่งสารต้องการ เช่น แผนภูมิ แผนภาพ ภาพโฆษณา การ์ตูน เป็นต้น
           – วัสดุที่เกิดจากการวาดและการเขียนงานออกแบบต่างๆ ในสิ่งที่เป็นวัตถุ 2 มิติ มีความกว้างและความยาวเท่ากัน อันได้แก่ งานสถาปนิกในการเขียนแปลนบ้าน การเขียนภาพเหมือนของจิตรกร การออกแบบโฆษณาของช่างออกแบบ
           – กราฟิก เป็นศิลปะหรือศาสตร์ในการเขียนภาพลายเส้น รวมไปถึงการพิมพ์ การแกะสลัก การถ่ายภาพ และการจัดทำหนังสือ


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


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

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


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

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

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

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

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

ภาพบิตแมป (Bitmap) เป็นภาพแบบ Resolution Dependent ประกอบขึ้นด้วยจุดสีต่างๆ ที่มีจำนวนคงที่ตายตัวตามการสร้างภาพที่มี Resolution หรือความละเอียดของภาพต่างกันไป หากขยายภาพ Bitmap จะเห็นว่ามีลักษณะเป็นตารางเล็กๆ

ภาพแว็กเตอร์ (Vecter) เป็นภาพประเภท Resolution-Independent มีลักษณะของการสร้างให้แต่ละส่วนเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง รูปทรงหรือส่วนโค้ง โดยอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์หรือการคำนวณเป็นตัวสร้างภาพ เป็นการรวมเอา Object (เช่น วงกลม เส้นตรง ทรงกลม ลูกบาศก์และอื่นๆ เรียกว่ารูปทรงพื้นฐาน) ต่างชนิดมาผสมกัน มีทิศทางการลากเส้นไปในแนวต่างๆ เพื่อสร้างภาพที่แตกต่างกันโดยใช้คำสั่งง่ายๆ จึงเรียกภาพประเภทนี้ว่า Vector Graphic


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

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


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

.JPG เป็นไฟล์ที่มีการบันทึกข้อมูลแบบสูญเสียข้อมูล ภาพที่ได้นำมาใช้งานทั่วๆ ไป ไฟล์ประเภทนี้จะตัดรายละเอียดของภาพบางส่วนออก ซึ่งเป็นรายละเอียดที่ไม่สามารถมองเห็นสีได้มากนัก เหมาะสำหรับเก็บไว้ดูหรือนำไปลงอินเทอร์เน็ต

.GIF เป็นไฟล์ที่มีการบีบอัดข้อมูลสูง แต่จะให้ความละเอียดของภาพมากกว่า ทำให้ไฟล์มีขนาดเล็กมาก มักนำมาใช้งานบนอินเทอร์เน็ตมากที่สุด เพราะไฟล์ที่มีขนาดเล็กทำให้ไม่เสียเวลาในการเปิดหน้าเว็บไซต์ที่มีรูปภาพประกอบได้ในเวลาอันรวดเร็ว

.TIF เป็นไฟล์ที่ใช้สำหรับงานสิ่งพิมพ์เป็นส่วนใหญ่ สามารถแสดงผลความละเอียดของภาพได้ทุกระดับตั้งแต่ภาพขาวดำไปจนถึงภาพสี ซึ่งจะนำไปใช้กับงานทางด้านการพิมพ์ สามารถใช้ได้กับทั้งเครื่อง MAC และ PC โปรแกรมที่ใช้ ตัวอย่างเช่น PageMaker

.PNG ย่อมาจาก Portable Network Graphics ซึ่งเป็นรูปแบบของไฟล์รูปภาพที่ถูกพัฒนามาเพื่อใช้สำหรับการแสดงผลบนเว็บไซต์โดยเฉพาะ และเพื่อใช้แทนรูปแบบของไฟล์ GIF เป็นไฟล์ที่มีความยืดหยุ่นสูง ใช้งานได้กับเครื่องที่มีการเปลี่ยนแพลตฟอร์มการทำงาน และสามารถทำงานอยู่บนคนละระบบปฏิบัติการ เช่น Linux และ Windows จะเห็นได้ว่าไฟล์แต่ละประเภทนั้นมีลักษณะการทำงานและการบีบอัดไฟล์ที่ต่างกันออกไป ขึ้นอยู่กับการนำมาใช้งานและความต้องการของผู้ใช้งานว่าต้องการไฟล์แบบใด

.PSD เป็นไฟล์ที่เกิดจากโปรแกรมตกแต่งรูปภาพคือ Photoshop ไฟล์ประเภทสามารถแก้ไขได้ง่าย เพราะมีการทำงานเป็นเลเยอร์ มีข้อจำกัดคือมีไฟล์ขนาดใหญ่ และสามารถเปิดได้กับโปรแกรม Photoshop อย่างเดียวเท่านั้น ไม่สามารถนำไปเปิดกับโปรแกรมจัดการรูปภาพอื่น ๆ ได้



อ้างอิง :          

           องค์การพิพิธภัณฑ์วิทยาศาสตร์แห่งชาติ (อพวช.) กระทรวงวิทยาศาสตร์และเทคโนโลยี. “พิกเซล (Pixel)”. http://122.155.162.144/nsm2009/it/index.php?option=com_content&view=article&id=241%3A-pixel&catid=24%3Acomputer&Itemid=35&lang=th . 2556. สืบค้นเมื่อวันที่ 28 มิถุนายน พ.ศ.2558

           ทีมงานทรูปลูกปัญญา. “ความเป็นมาและความหมายของงานกราฟิก “. http://www.trueplookpanya.com/new/cms_detail/knowledge/366-00/ . 2552. สืบค้นเมื่อวันที่ 28 มิถุนายน พ.ศ.2558

           จารุณี ขันใจ. “กราฟิกและเว็บไซต์”. https://docs.google.com/document/d/1-4wFGUfMMFv3sc9NzpK5pBdqOzOkGMbCkI_LQoKEKSM/edit . สืบค้นเมื่อวันที่ 28 มิถุนายน พ.ศ.2558

           sangrawee. “การใช้โปรแกรมกราฟิก”. http://sangrawee1366.blogspot.com/p/1.html . 2553. สืบค้นเมื่อวันที่ 28 มิถุนายน พ.ศ.2558

           กฤติยา พลหาญ. “ความหมายของคอมพิวเตอร์กราฟิก “. http://www.krukikz.com/index.php?option=com_content&view=article&id=132&Itemid=180 . สืบค้นเมื่อวันที่ 28 มิถุนายน พ.ศ.2558

           วิกิพีเดีย สารานุกรมเสรี. “อะโดบี โฟโตชอป”. https://th.wikipedia.org/wiki/%E0%B8%AD%E0%B8%B0%E0%B9%82%E0%B8%94%E0%B8%9A%E0%B8%B5_%E0%B9%82%E0%B8%9F%E0%B9%82%E0%B8%95%E0%B8%8A%E0%B8%AD%E0%B8%9B0 . 2558. สืบค้นเมื่อวันที่ 28 มิถุนายน พ.ศ.2558

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

           กรวีร์  เจริญดี. “กล่องเครื่องมือ (Toolbox)”. http://krukorawee.com/photoshopcs3/unit1.3.html . สืบค้นเมื่อวันที่ 28 มิถุนายน พ.ศ.2558

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

Comments are closed.