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

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