ความรู้เกี่ยวกับหลักการ ประเภท และคุณลักษณะของกราฟิก

หน่วยที่ 1 ความรู้เกี่ยวกับหลักการ ประเภท และคุณลักษณะ ของกราฟิก

1. ความรู้เกี่ยวกับหลักการของคอมพิวเตอร์กราฟิก คอมพิวเตอร์กราฟิก (Computer Graphics) หรือเรขภาพของ คอมพิวเตอร์ เป็นสาขาหนึ่งในแขนงวิทยาการคอมพิวเตอร์ กราฟิก (Graphic) มาจากคำในภาษากรีก 2 คำ คือ Graphikos แปลว่า “การวาดเขียน และเขียนภาพ” หรือคำว่า “Graphein” แปลว่า “การเขียน” ปัจจุบันมีการนำ กราฟิกมาประยุกต์ใช้ในงานต่าง ๆ เช่น การสร้างแผนภาพ การสร้างงานนำ เสนอข้อมูล แผ่นพับ ใบโฆษณา ตลอดจนรูปภาพต่าง ๆ ที่มักพบในชีวิตประจำ วัน เช่น หน้าปกหนังสือนิตยสาร วารสาร ภาพบนผลิตภัณฑ์ ภาพบน หนังสือพิมพ์ เว็บไซต์ โทรทัศน์ และข้อความต่าง ๆ ที่พบเห็นในโฆษณากลาง แจ้งทั่วไปก็มาจากกราฟิกเช่นเดียวกัน หลักการทำงานของคอมพิวเตอร์กราฟิก หลักการทำงานของกราฟิก คือ ภาพที่เกิดบนจอคอมพิวเตอร์ เกิดจาการ ทำงานของโหมดสี RGB ซึ่งประกอบด้วย สีแดง สีเขียว และสีน้ำเงิน โดยใช้หลัก ยิงประจุไฟฟ้าให้เกิดการเปล่งแสงของสีทั้ง 3 สีมาผสมกัน ทำให้เกิดเป็นจุดสี สี่เหลี่ยม ๆ เรียกว่า (Pixel) ซึ่งมาจากคำว่า Picture กับ Element โดยพิกเซล จะมีหลากหลายสี เมื่อนำมาวางต่อกันจะเกิดเป็นรูปภาพ ซึ่งภาพที่ใช้กับเครื่อง คอมพิวเตอร์มี 2 ประเภท คือ แบบ Raster กับ Vector หลักการทำงานของภาพกราฟิกแบบ Raster เป็นภาพกราฟิกที่เกิดจาก การเรียงตัวกันของจุดสี่เหลี่ยมเล็ก ๆ หลากหลายสี ซึ่งเรียกว่าพิกเซล (Pixel) ในการสร้างแบบกราฟิกแบบ Raster จะต้องกำหนดจำนวนของพิกเซลให้กับ ภาพที่ต้องการสร้าง ถ้ากำหนดจำนวนพิกเซลน้อย เมื่อขยายภาพให้มีขนาดใหญ่ ขึ้นจะทำให้มองเห็นภาพเป็นจุดสี่เหลี่ยมเล็ก ๆ หรือถ้ากำหนดจำนวนพิกเซล มากก็จะทำให้แฟ้มภาพมีขนาดใหญ่ ดังนั้นการกำหนดพิกเซลจึงควรกำหนด จำนวนพิกเซลให้เหมาะกับงานที่สร้าง

หลักการทำงานของภาพกราฟิกแบบ Vector เป็นภาพกราฟิกที่เกิดจาก การอ้างอิงความสัมพันธ์ทางคณิตศาสตร์ หรือการคำนวณ ซึ่งภาพจะมีความเป็น อิสระต่อกัน โดยแยกชิ้นส่วนของภาพทั้งหมดออกเป็นเส้นตรง เส้นโค้ง รูปทรง เมื่อมีการขยายภาพความละเอียดของภาพจะไม่ลดลง แฟ้มจะมีขนาดเล็กกว่า แบบ Raster ภาพกราฟิกแบบ Vector ซึ่งนิยมใช้เพื่องานสถาปัตย์ตกแต่ง ภายในและการออกแบบต่าง ๆ เช่น การออกแบบอาคาร การออกแบบรถยนต์ การสร้างโลโก้ การสร้างการ์ตูน เป็นต้น ภาพโปสเตอร์ภาพยนตร์ The Lion King มีการใช้กราฟิกเข้ามาช่วยสื่อสารข้อมูล เช่น ข้อความ ภาพ โลโก้ นำมาซ้อนภาพแล้วให้แสงสีเพื่อทำให้ภาพสมบูรณ์ ภาพโปสเตอร์โฆษณาจากร้านออนเซ็น คอฟฟี่ มีการใช้กราฟิกเข้ามาช่วยสื่อสารข้อมูล เช่น ข้อความ โลโก้ สี ไอคอน และภาพ เพื่อทำให้ผู้อ่านจดจำได้ง่าย

ภาพป้ายขออภัยจากห้าง Big C มีการใช้กราฟิกเข้ามาช่วยสื่อสารข้อมูล เช่น ข้อความ โลโก้ และสี เพื่อทำให้ผู้อ่านจดจำได้ง่าย แสดงถึงกราฟิกที่มีผลต่อการดำรงชีวิตเข้ามาเกี่ยวข้อง เช่น ป้ายต่าง ๆ โลโก้ ลวดลายที่ สวยงามบนพื้น หรือเสื้อผ้า 2. การออกแบบ (Design) และคุณค่าของงานกราฟิก การออกแบบกราฟิกปัจจุบันเป็นยุคของอิเล็กทรอนิกส์ นวัตกรรมและ เทคโนโลยีได้นำเครื่องมือเครื่องใช้ วัสดุอุปกรณ์ วัสดุสำเร็จรูปมาช่วยในการ ออกแบบกราฟิกได้อย่างมีประสิทธิภาพ ทั้งนี้การเลือกใช้โปรแกรมนั้นควรจะดู จากความเหมาะสมของงานด้วย กรณีศึกษา สิบปากว่าไม่เท่าตาเห็น เป็นสำนวนไทย หมายถึง ได้ยินได้ฟังมาก็สู้เห็น ด้วยตาตนเองไม่ได้ โดยพิจารณา 3 ภาพเพื่ออธิบายถึงการใช้คอมพิวเตอร์กราฟิกมาช่วยใน การสร้างงานวิเคราะห์ว่าเป็นอย่างไร

ทั้ง 3 ภาพนี้จะสื่อถึงราคาของเครื่องดื่มที่มีมูลค่า 100 บาทแต่มีการปรับ เปลี่ยนแบบของตัวอักษร สี และแสง จึงทำให้ผู้พบเห็นมีความรู้สึกแตกต่างกัน แต่ยังมีจุดที่ซ้ำกัน คือคำว่า “Only 100 Bath” ข้อความนี้คือสิ่งที่ทางร้าน ต้องการจะบอกถึงผู้ที่พบเห็น การออกแบบ (Design) คือ ศาสตร์แห่งความคิด เพื่อให้เกิดความพอใจด้านต่าง ๆ เช่น ความ สวยงาม ตัวหนังสือต้องอ่านง่าย มีแนวคิดในการออกแบบที่ดี ตลอดจนการ เลือกใช้โทนสีที่เหมาะสมกับงาน ซึ่งจะทำให้งานออกมาสมบูรณ์แบบ ภาพแสดงการออกแบบป้ายร้านและเมนูอาหารและเครื่องดื่ม สื่อกราฟิก หมายถึง การอธิบายสิ่งต่าง ๆ ด้วยภาพประกอบข้อมูล เพื่อให้เกิดความ เข้าใจตรงกัน ตัวอย่างสื่อกราฟิก เช่น สัญลักษณ์ (Symbol) ตราสัญลักษณ์ (Logo) แผนภาพ (Chart) กราฟ (Graph) กราฟิกที่สามารถถ่ายทอดสาระความรู้ในกระบวนการสื่อสารได้อย่างกว้าง ขวาง เช่น แถบสีที่แทนความเป็นชาติที่ทุกคนเข้าใจเหมือนกันเทคนิคตัวอักษร และการจัดการองค์ประกอบที่เหมาะสมทำให้เกิดความหมายที่เข้าใจตรงกัน

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

ภาพแสดงที่คั่นหนังสือจากร้าน Ricco และป้ายวัดส่วนสูง และเกม ROV Arena 3. ประเภทของกราฟิก โปรแกรมสำหรับงานกราฟิกเป็นการใช้ความสามารถของคอมพิวเตอร์ในการผลิต งานกราฟิก ซึ่งปัจจุบันมีการผลิตโปรแกรมสำหรับใช้ทำงานด้านนี้เป็นจำนวน มาก แบ่งออกได้ดังนี้ 1. กราฟิกวาดภาพ เช่น Microsoft Paint, Adobe Photoshop เป็นต้น 2. กราฟิกนำเสนอ เช่น Microsoft PowerPoint, KeyNote เป็นต้น 4. คุณลักษณะของกราฟิก โดยทั่วไปกราฟิกที่สร้างเสร็จแล้วต้องสามารถนำไปตีพิมพ์หรือนำไปเผย แพร่ได้ ทำให้เนื้อหาเข้าถึงสาธารณชนได้ ซึ่งมักใช้กับข้อความ ภาพ หรือเนื้อหา เสียงร่วมกับภาพ รวมทั้งเอกสาร เช่น หนังสือพิมพ์ นิตยสาร แค็ตตาล็อก กล่องสินค้า โทรทัศน์ รวมถึงภาพเคลื่อนไหวแอนิเมชัน (แบบการ์ตูน) วิดีโอที่มี การตัดต่อใส่ภาพเอฟเฟ็กต์ ภาพหรือวิดีโอลักษณะ 3 มิติ และเกมดิจิทัลที่ใช้เล่น บนโทรศัพท์มือถือ คอมพิวเตอร์หรือเครื่องเกมคอนโซล สื่อสังคมออนไลน์ เป็นต้น

คุณลักษณะของกราฟิก คือ การนำกราฟิกไปใช้เพื่อทำให้เครื่องคอมพิวเตอร์แสดงภาพบนจอภาพ ได้ เช่น การหมุนภาพในทิศทางต่าง ๆ เติมสีแต่งภาพ ตัดต่อภาพ และเคลื่อน ย้ายภาพ 5. การประยุกต์ใช้คอมพิวเตอร์กราฟิกในงานด้านต่าง ๆ งานกราฟิกไม่ได้มีเพียงแค่นั้นงานกราฟิกบนเว็บไซต์ คอมพิวเตอร์กราฟิก ในภาพยนตร์ โฆษณาต่าง ๆ ก็เป็นการประยุกต์ใช้คอมพิวเตอร์กราฟิกเช่นกันใน ช่วงอายุที่แตกต่างกันมักจะพบกับงานกราฟิกที่แตกต่างกัน เช่น เด็กมักจะพบ งานกราฟิกที่เกี่ยวกับการ์ตูน เกม เป็นต้น การประยุกต์ใช้คอมพิวเตอร์กราฟิกในงานด้านต่าง ๆ สามารถแบ่งได้ดังนี้ 1. การประยุกต์ด้านการออกแบบ 2. การประยุกต์ด้านสิ่งพิมพ์ 3. การประยุกต์ด้านการแพทย์ 4. การประยุกต์ด้านบันเทิง 5. การประยุกต์ในงานด้านอื่น ๆ ตัวอย่างการประยุกต์ด้านการออกแบบ ร้าน Onsen Coffee ใช้โปรแกรม Adobe Photoshop CC ในการออกแบบเมนูเครื่องดื่มให้สวยงาม

ภาพโปสเตอร์และป้ายเมนูที่นำไปพิมพ์ในระบบการพิมพ์แบบ 4 สี สามารถนำไปใช้งานได้จริงในร้าน Onsen Coffee ภาพเอกซเรย์ปอดของมนุษย์ ได้จากการประมวลผลภาพกราฟิกจากคอมพิวเตอร์ ที่มา : https://th.wikipedia.org/wik/รังสีเอกซ์ เกม ROV มีลักษณะการแสดงผลภาพตัวละครเป็นกราฟิก 3 มิติ

เกม Super Mario Run เป็นเกม Action รูปภาพ 2 มิติ ที่ประยุกต์ใช้ ภาพกราฟิก 3 มิติ มาช่วยเพื่อให้มีการแสดงผลที่สวยงาม ตัวอย่างการประยุกต์ในงานด้านต่าง ๆ แสดงการประสานงานระหว่างการออกแบบกับการเขียนโปรแกรม มีการนำคอมพิวเตอร์กราฟิกมาประยุกต์ใช้งานด้านอื่น ๆ เช่น การสร้างสติกเกอร์ Line หรือการออกแบบหน้าจอบนโทรศัพท์มือถือ ซึ่งส่วนมากจะใช้คอมพิวเตอร์ในการออกแบบ หรือเว็บไซต์ต่าง ๆ ก็มีการใช้กราฟิกที่สวยงามทั้งสิ้น ในอดีตการออกแบบโดยมีอินเทอร์เน็ต เข้ามาเกี่ยวข้อง เช่น การออกแบบหน้าเว็บเพจเป็นเรื่องยาก เพราะมีข้อจำกัดเรื่องความเร็ว ของอินเทอร์เน็ต ในปัจจุบันมีการแบ่งแยกหน้าเว็บเพจ ระหว่างหน้าเว็บเพจสำหรับแสดงผล บนจอคอมพิวเตอร์กับหน้าเว็บเพจสำหรับแสดงผลบนจอโทรศัพท์มือถือ ซึ่งจอโทรศัพท์มือถือ ก็มีหลายขนาดแตกต่างกันไป