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