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

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

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