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

หน่วยท่ี 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. ภาพท่ีปรากฏบนหนา้ จอคอมพิวเตอร์มีทง้ั หมดก่ปี ระเภท ไดแ้ ก่อะไรบา้ ง ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………