บทที่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) จะใช้หัวเขม็ กระแทกลงแผ่นคารบ์ อน ทาใหเ้ กิดรอยหมกึ เป็นข้อความและภาพ ราคาหมกึ ถกู ข้อเสยี คอื พมิ พ์ชา้ และเสยี งดัง (ก) เลเซอรพ์ รนิ เตอร์ (ข) องิ ก์เจต็ พรนิ เตอร์ (ค) ดอตเมทรกิ ซ์พรนิ เตอร์

แบบฝกึ หดั หน่วยท่ี 2 พน้ื ฐานคอมพวิ เตอรก์ ราฟิก ตอนท่ี 1 จงทาเคร่อื งหมาย√ ถูกหนา้ ข้อที่ถกู และทาเครอื่ งหมาย × ผดิ หน้าขอ้ ทผี่ ิด ………..1. จดุ เหลย่ี มเล็ก ๆ ของสีเรยี กว่า Dot ………..2. การประมวลผลแบบอาศัยการคานวณทางคณติ ศาสตร์ คอื การประมวลผลภาพแบบ Bitmap ………..3. การประมวลผลแบบอาศัยการอ่านค่าสใี นแตล่ ะพิกเซล คือ การประมวลผลภาพแบบ Bitmap ………..4. Vecter เรยี กอีกช่ือหนี่งว่า Raster Image ………..5. งานสิง่ พมิ พ์เปน็ ประโยชน์ดา้ นงานคอมพวิ เตอรก์ ราฟกิ ………..6. โปรแกรม IIIusrator มีการประมวลภาพแบบ Bitmap ………..7. โปรแกรม Paint มกี ารประมวลผลภาพแบบ Vecter ………..8. การประมวลภาพคอมพิวเตอรก์ ราฟกิ มีการประมวลภาพ 3 แบบ ………..9. ภาพท่ีปรากฏบนหนา้ จอคอมพวิ เตอร์ที่เราเหน็ แบง่ ได้ 3 ประเภท ………..10. การสรา้ งตัวอักษรหรอื ภาพจากเครอ่ื งพมิ พเ์ รียกว่า Pixel

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