บทที่2. พื้นฐานคอมพิวเตอร์กราฟิก

หน่วยท่ี 2 พน้ื ฐานคอมพวิ เตอรก์ ราฟิก หัวข้อเรื่อง (Topics) 2.1 ความหมายของคอมพวิ เตอร์ในงานกราฟิก 2.2 การเกดิ ภาพบนเคร่ืองคอมพวิ เตอรก์ ราฟกิ 2.3 การประมวลผลของงานคอมพิวเตอร์กราฟกิ 2.4 อุปกรณค์ อมพวิ เตอร์ที่ใชใ้ นงานกราฟกิ แนวคดิ สาคัญ (Main ldea) ในปัจจุบันเทคโนโลยกี ้าวเข้าสู่การนาสมัย ไมว่ ่าจะมองไปทางใด จะพบวา่ คอมพิวเตอร์ไดเ้ ขา้ มามี บทบาทในงานต่าง ๆ มากยง่ิ ข้ึนรวมไปถึงงานด้านกราฟกิ ทไ่ี ดม้ กี ารนาเอาคอมพิวเตอรเ์ ขา้ มาสรา้ งสรรคใ์ น ช้ินงานการออกแบบและเกดิ พฒั นาอยา่ งตอ่ เนอ่ื ง ซ่งึ ในหนว่ ยการเรยี นน้ีจะศกึ ษาและทาความเข้าใจกบั คอมพวิ เตอรท์ ใ่ี ช้ในงานกราฟกิ สมรรถนะย่อย (Element of Competency) แสดงความรู้เก่ยี วกบั ความหมายองค์ประกอบศิลป์ จุดประสงคก์ ารปฏบิ ตั ิ (Performance Objectives) 1. บอกความหมายของคอมพิวเตอรใ์ นงานกราฟิก 2. อธิบายการเกิดภาพกราฟกิ 3. อธบิ ายเก่ยี วกับลกั ษณะการประมวลภาพในคอมพิวเตอร์ 4. บอกถึงประโยชนข์ องคอมพวิ เตอรแ์ ตล่ ะประเภทไปใช้

หน่วยทห่ี น่วยท่ี 2 พนื้ ฐานคอมพิวเตอรก์ ราฟิก 2.1 ความหมายของคอมพวิ เตอร์ในงานกราฟกิ การสร้างภาพกราฟิกในยคุ แรกนน้ั จะเร่ิมต้นจากกานวาดภาพระบายสี ไมว่ า่ จะเปน็ ป้ายโฆษณา ภาพยนตร์เปน็ ภาพเขียน ตอ่ มาวิวฒั นาการของเทคนคิ ในการถ่ายภาพเร่มิ พัฒนามากยิ่งขน้ึ มที ้งั การตัดตอ่ และ ใส่เทคนคิ พเิ ศษลงไปในภาพ ทาใหง้ านภาพกราฟกิ ออกได้ตรงตามจินตนาการ 2.2 การเกิดภาพบนเครอื่ งคอมพวิ เตอร์ ภาพที่ปรากฏในจอคอมพิวเตอรท์ ่ีเราเห็นในท่วั ไปนน้ั แบง่ ได้เปน็ 2 ประเภท ไดแ้ ก่ Physical Image คือ ภาพที่เราเหน็ อย่ทู ว่ั ไป เช่น ภาพถ่าย ส่วนภาพอีกประเภทหนง่ึ คือ Digital Image Computer Graphic คือ ภาพท่ีใช้ในการประเมนิ ผลและเก็บในคอมพิวเตอร์และ ภาพที่ปรากฏบนหน้าจอคอมพวิ เตอร์ เกิดจากจดุ สีเ่ หล่ียมเล็กๆ ของสีที่เราเรยี กวา่ พิกเซล ( Pixel) มาประกอบเปน็ ภาพขนาดตา่ งๆ (ก) ความละเลียดตา่ (ข) ความละเอียดสงู รูปท่ี 2.2 ลักษณะภาพจากคอมพวิ เตอร์ 2.3 การประมวลผลภาพคอมพิวเตอร์กราฟิก ภาพทีค่ อมพิวเตอรเ์ ก็บไวใ้ น มวี ิธีการประมวลแตกตา่ งกนั ดงั นี้ 2.3.1 การประมวลภาพแบบ Vector การประมวลภาพแบบ Vector เปน็ การประมวลผลแบบอาศยั การคานวณทางคณิตศาสตรโ์ ดยมรสี และตาแหนง่ ของสีทีแ่ นน่ อน ฉะน้นั ไมว่ า่ เราจะมีการเคล่ือนยา้ ยหรือย่อขนาดของภาพ ภาพก็จะไม่เสียรปู ทรง ในเชงิ เรขาคณติ ยกตัวอยา่ งเช่น โลโก้ ตวั การต์ นู เป็นต้น โดยโปรแกรมทม่ี กี ารประมวลภาพแบบเวกเตอร์ ได้แก่ IIIustrator และ CoreIDrew 2.3.2 การประมวลภาพแบบ Bitmap การประมวลภาพแบบ Bitmap เปน็ การประมวลผลแบบอาศยั การอ่านค่าสีในแต่ละพิกเซลมชี อื่ เรยี ก อย่างหนึ่งว่า Raster Image โดยแต่ละพกิ เซลจะมีการเกบ็ คา่ สีที่เจาะจงในแตล่ ะตาแหนง่ ซงึ่ เหมาะกบั ภาพท่มี ี ลักษณะภาพถ่าย โปรแกรมที่มกี ารประมวลผลแบบ บติ แมพ ไดแ้ ก่ Photoshop และ Paint เป็นตน้

2.4 ประโยชนข์ องงานคอมพิวเตอร์กราฟกิ โปรแกรม IIIustrator สามารถสร้างภาพโดยเร่มิ ต้นจากหน้ากระดาษเปลา่ ในโปรแกรม IIIustrator จะมีทั้งปากกา พกู่ ัน ดินสอ และอุปกรณว์ าดภาพอื่น ๆ ซ่งึ สามรถนามาใชง้ านได้หลากหลายรูปแบบ อาทิ งาน สั่งพมิ พ์ ไมว่ ่าจะเปน็ งานโฆษณา โบร์ชวั ร์ นามบัตร หนังสอื หนังสือนติ ยสาร เรยี กไดว้ า่ งานส่ังพิมพแ์ บบทุก ชนดิ ทต่ี อ้ งการความคมชัด รูปที่ 2.3 กลอ่ งผลติ ภณั ฑ์โปรแกรม Adobe IIIustrator CS5 2.4.1 งานออกแบบทางกราฟกิ การสรา้ งภาพสามมิติ ภาพสิ่งของ ภาพโลโก้ ภาพสญั ลกั ษณ์ต่าง ๆ 2.4.2 งานด้านการต์ ูน การสร้างภาพการต์ ูน หรอื วาดเปน็ หลายเสน้ ตา่ ง ๆ รูปที่ 2.4 การต์ นู โลโก้ และลายเส้น 2.4.3 งานด้านเวบ็ ไซต์ การสรา้ งภาพตกแต่งเว็บไซต์ เชน่ ภาพพื้นหลงั หรอื ปมุ่ ตอบโต้ ตลอดจนภาพประกอบเน้ือหาต่าง ๆ ที่ ปรากฏบนหน้าเว็บ 2.5 อปุ กรณค์ อมพิวเตอร์ที่ใช้ในงานกราฟิก เนื่องจากคอมพิวเตอรส์ ามารถนามาใช้ประโยชน์ในการสร้างงานกราฟิกไดห้ ลายประเภท ดังนน้ั จึงมี อปุ กรณ์มากมายทถี่ ูกนามาใช้รว่ มกบั ตัวโปรแกรมต่างๆ ซึง่ อุปกรณ์ทใ่ี ชใ้ นงานกราฟกิ ทพี่ บเหน็ บอ่ ยๆ มีดังนี้

2.5.1 กลอ้ งดิจิตอล (Digital Camera) เราสามารถใช้กล้องดิจิตอลถา่ ยภาพรปู แบบดจิ ติ อลความละเอียดสงู กว่า 3 ลา้ นพกิ เซลขนึ้ ไปซ่งึ ภาพ ลกั ษณะนี้เหมาะสาหนบั การนามาใชใ้ นงานสง่ิ พมิ พ์ 2.5.2 สแกนเนอร์ (Scanner) สแกนเนอร์ เปน็ อุปกรณท์ ่ใี ชอ้ ่านและแปลภาพจากภาพบนกระดาษ (Physical Image) ไฟลภ์ าพ ดิจติ อล (Digital Image) รปู ที่ 2.5 กล้องดจิ ิตอลและเครอ่ื งสแกนเนอร์ 2.5.3 จอสมั ผสั (Touch Screen) จอสมั ผสั เป็นหน้าจอทย่ี อมใหผ้ ู้ใชใ้ ช้น้วิ สมั ผัสหน้าจอ เพ่ือเลือกเมนูบนหน้าจอได้ งานท่ีนิยมใช้ หนา้ จอน้ี เชน่ เครอ่ื ง ATM เปน็ ต้น 2.5.4 ปากกาแสง (Light Pan) ปากกาแสง เปน็ อุปกรณร์ บั ข้อมลู ที่ทางานดว้ ยการตรวจจบั แสงบนหน้าจอ CRT ของ คอมพิวเตอร์ ใช้ในการคลกิ เลอื กและวาดบนหนา้ จอเหมือนกับการใช้ Touch Screen แตจ่ ะทางานด้วยการ ตรวจจับแสงซึ่งใช้กบั หนา้ จบ LCD หรือ Projector ได้ รปู ที่ 2.6 จอสมั ผัสและปากกาแสง

2.5.5 เครอ่ื งพมิ พ์ (Printer) เครื่องพมิ พ์ใชแ้ สดงผลงานลงบนกระดาษได้ทัง้ ตัวอกั ษรและรูปภาพ ปจั จุบันมใี ห้เลอื กหลายแบบ เพื่อนาไปใช้งานตา่ งกันดังนี้ 1. เลเซอรพ์ รินเตอร์ (Laser Printer) ทางานโดยการยิงเลเซอร์เพ่อื จดั เรยี งผงหมึกให้เกิดเป็น ภาพท่ีตอ้ งการ จากนั้นก็ใชแ้ รงดันและความรอ้ นผลกั ให้หมกึ จับตวั ตดิ กับเนือ้ กระดาษ ผลลัพธจ์ ะมีความ ละเอียดมากท่ีสุด เคร่ืองพมิ พเ์ ลเซอร์มี 2 แบบ คือ ขาว/ดา และสี ซงึ่ แบบขาว/ดา นิยมใช้งานพิมพเ์ อกสารใน งานสานักงานซง่ึ เหมาะกับงาน กราฟกิ ช้ันสงู 2. องิ กเ์ จต็ พรนิ เตอร์ (Inkjet Printer) ใชห้ ลักการพ่นหมกึ ผ่านท่อพ่นหมึกเลก็ โดยให้เกดิ จดุ สีเล็ก ๆ เรียงต่อกนั เกดิ เป็นภาพ จะมคี วามละเอยี ดน้อยกวา่ เลเซอร์ ราคาเคร่อื งถกู แตห่ มึกแพง และพมิ พ์ชา้ กว่า เลเซอร์ เหมาะสาหรับงานสี อาร์ตเวิรค์ สงิ่ พิมพ์ และถา่ ยสต๊กิ เกอร์ หากใช้พมิ พง์ านเอกสารท่ีเป็นสีขาวดา เม่ือ เปรียบเทยี บราคาคุณภาพแลว้ เครอื่ งพิมพ์แบบเลเซอรจ์ ะดีกวา่ 3. ดอตเมทริกซพ์ รินเตอร์ (Dot Matrix Printer) จะใช้หวั เข็มกระแทกลงแผน่ คารบ์ อน ทาใหเ้ กดิ รอยหมกึ เป็นข้อความและภาพ ราคาหมกึ ถกู ขอ้ เสียคือพมิ พช์ า้ และเสยี งดัง (ก) เลเซอรพ์ รนิ เตอร์ (ข) องิ กเ์ จ็ตพรินเตอร์ (ค) ดอตเมทรกิ ซ์พรินเตอร์