Graphic-Unit1

¨Ñ´·Òí â´Â ¤ÃÙà¾ÅÔ¹¨ÔµÃ ´Ç§¨Ô¹´Ò ÇÔ·ÂÒÅÑÂà¡ÉµÃáÅÐà·¤â¹âÅÂÕྪúØÃÕ

จดุ ประสงคก ารเรยี นรู 1.1 จุดประสงคท ั่วไป 1) เพือ่ ใหร แู ละเขา ใจเก่ยี วกบั ภาพกราฟกที่ใชกบั คอมพวิ เตอร 2) เพื่อใหรูแ ละเขาใจเกย่ี วกบั หลกั การใชส แี ละแสงในคอมพิวเตอร 3) เพ่ือใหรูและเขาใจเกยี่ วกบั คอมพิวเตอรก ราฟกกบั การประยกุ ตใ ชงานดานตา ง ๆ 4) ตระหนกั ในคุณธรรม จริยธรรม ตามหลักปรัชญาของเศรษฐกิจพอเพียง 1.2 จุดประสงคเ ชงิ พฤติกรรม 1) อธิบายความแตกตางของภาพกราฟก ที่ใชกบั คอมพวิ เตอรไ ด 2) มีความขยัน รับผิดชอบ และความสามัคคี ในการปฏิบตั ิงานรวมกัน 3) ปฏิบัตงิ านตามหลกั ปรัชญาของเศรษฐกจิ พอเพียง สมรรถนะ แสดงความรูเ กยี่ วกับหลักการพื้นฐานคอมพิวเตอรกราฟก

1. ความหมายของคอมพวิ เตอรก ราฟก 1.1 ความหมายของกราฟก (Graphic) กราฟก หมายถึง การส่ือความหมายดวยการใชศิลปะดวยเสน การเขียน สัญลักษณภาพ เพ่ือสื่อ ความหมายใหถ กู ตอ งตรงความตอ งการ 1.2 ความหมายของคอมพวิ เตอรกราฟก คอมพิวเตอรกราฟก หมายถงึ การสรา งภาพ การตกแตงแกไขภาพ โดยใชคอมพิวเตอรใ นการจัดการ กับภาพ เชน การตกแตงภาพคนแกใหมีวัยสาวขึ้น หรือสรางภาพตามจินตนาการตาง ๆใหกับภาพเพ่ือนําภาพ ประกอบการเสนอขอมูลตาง ๆ เพ่อื ใชใ นการส่ือความหมายใหช ดั เจนตรงตามทผี่ สู ื่อสารตองการ และนา สนใจ ดว ยภาพกราฟก 1.3 ประเภทของภาพกราฟก จําแนกเปน 2 ประเภท ดังนี้ 1.3.1 ภาพกราฟก 2 มิติ คือ ศลิ ปะแขนงหน่ึงซ่ึงใชส ื่อความหมายดวยเสน มองเห็นตามแนวแกน X (ความกวาง) กับ แกน Y (ความยาว) เชน ภาพถายตาง ๆ รูปวาด สัญลักษณ และภาพการตูนตาง ๆ ใน โทรทศั น เชน ชินจัง โดเรมอน การต ูนกราฟก เคล่ือนไหว (Animation) 1.3.2 ภาพกราฟก 3 มิติ คือ ภาพกราฟกที่สรางจากโปรแกรมสรางภาพแบบ 3 มิติ เชน 3D max Maya ทําใหไดภ าพมีสีและแสงเงาเหมือนจริง สามารถมองเหน็ ตามแนวแกน X (ความกวาง) กับแกน Y (ความ ยาว) และมีแกน Z (ความหนาหรือความสูง) ทําใหมองเห็นเปนรูปรางที่ชัดเจนยิ่งขึ้น เหมาะกับงานดาน สถาปตย การออกแบบตาง ๆ การผลิตรถยนต การสรางเปนภาพยนตรการตูนหรือโฆษณาสินคาตาง ๆ ภาพยนตรก ารต นู เอนเิ มช่นั แบบ 3 มติ ิ เชน การต ูน เร่ือง Nemo The Bug ชา งกานกลว ย แอนิเมชัน เปน ตน ภาพท่ี 1 : ภาพ 2 มติ ิ (2D) ภาพท่ี 2 : ภาพ 3 มติ ิ (3D)

2. คณุ คาและความสาํ คัญของงานกราฟก 1. เปน ส่อื กลางในการส่ือความหมายใหเกิดการเขา ใจตรงกนั สรา งระบบการเรยี นรู สรา งแนวคิด ใหม ๆ เชงิ สรางสรรค 2. สรางความเราใจ นาสนใจ ประทับใจ ความเชื่อถือไดของผลงาน เพ่อื ใหเกิดการเรียนรู เกดิ การศึกษากับกลุมเปาหมายได 3. กอใหเกดิ ความคิดสรา งสรรครูปแบบใหม โดยการประยุกตค วามคดิ จากผลงานเดิม 4. ชวยสรปุ ความคิด จนิ ตนาการออกมาเปน ขอ มลู ทสี่ อ่ื สารไดง าย เกดิ การเปลยี่ นแปลงพฤติกรรม ทงั้ ทางดา นการกระทําและความคดิ 5. สรางระบบการถายทอดท่ีมคี วามเดนชดั แปลความหมายไดรวดเรว็ 6. สรางความเจรญิ กาวหนา ใหธุรกจิ สรา งอาชีพและรายไดในสงั คม 7. สรางคา นยิ มทางความคิดท่ีงดงาม ไดแนวคิดท่ีดี 3. ภาพกราฟกทใ่ี ชก ับคอมพิวเตอร ภาพท่ีเกิดบนจอคอมพิวเตอร (Monitor) เกิดจากการทํางานของโหมดสีแบบอารจีบี คัลเลอร (RGB Color) ซ่งึ ประกอบดวย สีแดง (Red) สเี ขยี ว (Green) และสีนาํ้ เงนิ (Blue) โดยใชห ลกั การยิงประจุไฟฟา ใหเกิดการเปลงแสงของสีทั้ง 3 สี มาผสมกันเกิดเปนจุดสีเล็ก ๆ ที่เรียกวา Pixel “พิกเซล” โดยพิกเซลจะมี หลากหลายสีเมอื่ นาํ มาวางตอ กันจะเกิดเปน ภาพ มี 2 แบบ คอื 3.1 ภาพกราฟกแบบ Raster หรือเรียกอีกอยางหนึ่งวา กราฟกแบบบิตแมป (Bitmap) เปน ภาพกราฟกที่เกิดจากการเรียงตัวของจุดสี่เหลีย่ มเล็ก ๆ หลากหลายสี เรียกวา Pixel นํามาประกอบกันจนเกดิ เปนภาพขนาดใหญ โดยเม็ดสีแตละเม็ดจะมีคาสีแตกตางกันไป ภาพกราฟกแบบ Raster จะตองกําหนด จํานวนพิกเซลใหกับภาพ ภาพที่มีจํานวนเม็ดสีมาก ๆ ภาพจะมีความละเอียดมาก สวยคมชัด ภาพกราฟก แบบ Raster เม่ือมีการขยายใหญขึ้น ทําใหภาพน้ันมีความหยาบมองเห็นภาพเปนจุดส่ีเหลี่ยม ดังน้ันการ กําหนดจํานวนพิกเซลจะบอกถึงความละเอียดของภาพ หากภาพถูกกําหนดใหมีความละเอียด 1,200 ppi (ความละเอยี ด 1,200 เม็ดสตี อตารางน้ิว) จาํ นวนพกิ เซลควรกําหนดใหเ หมาะสมกบั ภาพกราฟกในงานท่ีสราง เชน ภาพกราฟกสําหรับเวบ็ ไซตตาง ๆ น้ันเปนภาพท่ีมีความละเอียดนอย ไฟลภาพควรกําหนดจํานวนพิกเซล ประมาณ 72 ppi เพ่ือความสะดวกในการนําภาพอัพโหลด (Upload) ไฟลขึ้นเซิรฟเวอร (Server) ไดรวดเร็ว การสรางภาพกราฟก ใชงานทวั่ ๆ ไป กาํ หนดจํานวน Pixel ประมาณ 100-150 ppi และภาพสําหรบั นติ ยสาร ปกหนังสือ ภาพโปสเตอรขนาดใหญ และงานแบบพิมพตาง ๆ น้ัน ควรกําหนดจํานวน Pixel ประมาณ 300-350 ppi เน่ืองจากงานดังกลาวตองการภาพท่ีมี ความละเอียดมาก ทําใหภาพสวยสมจริง ภาพกราฟก แบบ Raster สามารถแกไขปรับแตงสี โดยการตกแตงภาพทําไดงายและมีความสวยงาม ซ่ึงโปรแกรมท่ีนิยม ใชส รางภาพกราฟก แบบ Raster คือ Adobe Photoshop, Paint เปนตน 3.1.1 คุณลักษณะของไฟลภาพกราฟกแบบ Raster คือ ไฟลภาพท่ีมีภาพคุณลักษณะนามสกุลที่ แตกตางกันตามรูปแบบจากการสรางภาพนั้น จากโปรแกรมสําเร็จรูปตาง ๆ เชน .BMP, .DIB,.JPG, .JPEG, .JPE, .GIF, .TIFF, .TIF, .PCX, .IMG, .MAC, .MSP และ .TGA เปนตน ซึ่งลักษณะของแฟมภาพจะแตกตางกัน ออกไป และมีลกั ษณะงานแตกตางกันตามลกั ษณะการนาํ ไปใช ไฟลภาพกราฟก ทน่ี ิยมใชก ันมากในงานกราฟก สําหรับเวบ็ ไซต เชน GIF และ JPEG สาํ หรับงานพมิ พ เชน TIFF, EPS และ PDF

3.1.2 คุณลักษณะของภาพกราฟกแบบ Raster คือ ภาพท่ีเกิดจากจุดสีประกอบกันเปนภาพ เหมาะกับภาพที่มเี ฉดสีทใี่ ชจํานวนมาก เชน ภาพถายจากกลองดิจติ อล หรอื ภาพวาดทว่ั ไป สามารถปรบั แตงสี ตกแตงภาพไดงายและมีความสวยงาม ซ่ึงโปรแกรมท่ีนิยมใชสรางภาพกราฟกแบบ Raster คือ โปรแกรม Photoshop และ Paint ภาพกราฟกแบบ Raster นั้นเม่ือมีการขยายใหญขึ้น จะมองเห็นภาพเปนจุดสี่เหล่ยี ม คุณลักษณะของภาพดังกลา วไมเหมาะในการขยายขนาดภาพ ภาพท่ี 3 : ภาพกราฟกแบบ Raster หรือ Bitmap 3.2 ภาพกราฟกแบบเวคเตอร (Vector) ภาพกราฟก ท่ีสรางดว ยสว นประกอบของเสน ลักษณะตาง ๆ และคุณสมบัติเกี่ยวกับสีของเสนนั้น ๆ ซึ่งสรางจากการคํานวณทางคณิตศาสตร เชน ภาพถายคนท่ัวไป จะ ถูกสรางดวยจุดของเสนหลายๆ จุด เปนลักษณะของเสนโครงราง (Outline) และสีของคนก็เกิดจากสีของเสน โครงรางน้ัน ๆ กับพื้นท่ีผิวภายใน เมื่อมีการแกไขภาพจะเปนการแกไขคุณสมบัติของเสนทําใหภาพไมสูญเสีย ความละเอียดใด ๆ ไฟลภ าพมขี นาดเล็กแตอ ปุ กรณท ่ีใชแ สดงผลภาพ เชน การแสดงผลทางจอภาพคอมพิวเตอร หรือเคร่ืองพิมพจะเปนการแสดงผลภาพแบบ Vector นิยมใชเพื่องานสถาปตยกรรมตกแตงภายใน และดาน การออกแบบตาง ๆ เชน การออกแบบรถยนต การออกแบบงานอาคาร การสรางภาพการตูน ซึ่งโปรแกรมท่ี นิยมใชสรางภาพกราฟกลายเสนแบบ Vector เชน โปรแกรม Illustrator โปรแกรม CorelDraw โปรแกรม 3Ds และโปรแกรม Max ภาพกราฟกแบบ Vector เมื่อมีการปรับขยายภาพใหญข้ึนความละเอียดของภาพ ยงั คงเดิม 3.2.1 คณุ ลักษณะของไฟลภาพกราฟก แบบ Vector คือ การเกบ็ ไฟลภาพกราฟกแบบ Vector มีหลายนามสกุล โดยผใู ชสามารถกาํ หนดไดตามรปู แบบทโ่ี ปรแกรมกําหนด เชน .EPS .WMF .CDR .AI .CGM .DRW .PLT .DXF .PIC และ .PGL เปนตน ซง่ึ ลักษณะของไฟลภ าพจะแตกตา งกัน ภาพที่ 4 : ภาพกราฟกแบบ Vector

4. ความแตกตางของภาพกราฟกแบบ Raster และแบบ Vector ภาพกราฟก แบบ Raster ภาพกราฟก แบบ Vector 1. เปน ภาพกราฟกทเ่ี กิดจากจุดสีเ่ หล่ียมเลก็ 1. ภาพถูกสรา งดวยจดุ ของเสนหลายๆ จดุ ๆ หลากหลายสี ทีเ่ รยี กวา พิกเซล มาเรียงตอ เปน ลกั ษณะของโครงรา ง (Outline) และสี กันจนเปนภาพ ของภาพก็เกิดจากสีของเสนโครงรา งนัน้ ๆ กับพื้นท่ีผวิ ภายใน 2. การขยายภาพใหมขี นาดใหญข้นึ จะทําให 2. เม่อื มกี ารแกไขภาพก็จะเปนการแกไข ความละเอียดของภาพลดลง และมองเหน็ คณุ สมบตั ิของเสนทาํ ใหภาพไมสูญเสียความ ภาพเปนจุดส่เี หล่ยี มเลก็ ๆ มีความหยาบ ละเอียด ภาพจะยงั คงมีความละเอยี ด ชดั เจนเหมือนเดมิ 3. การตกแตงและแกไ ขภาพ สามารถทําได 3. เหมาะกบั งานออกแบบตาง ๆ เชน งา ยและสวยงาม เชน การปรับสีผิวหนา และ งานสถาปตย ออกแบบโลโก เปน ตน ผวิ กายใหข าวเนียนขึ้น 4. การประมวลผลภาพสามารถทาํ ไดร วดเร็ว 4. การประมวลผลภาพจะใชเวลานาน เนอ่ื งจากใชค าํ สั่งในการทาํ งานมาก ภาพท่ี 5 : ลกั ณะแตกตา งของภาพกราฟก แบบ Vector และ Raster

5. หลักการใชสแี ละแสงในคอมพวิ เตอร 3.5.1 โหมดสีแบบ RGB Color คือ กําหนดโหมดสีแบบปกตขิ องภาพท่ีใชงานในโปรแกรม Photoshop ซ่ึงภาพเหลานี้ไดมาจากกลองดิจิตอลเปนสวนใหญ โหมดสีแบบ RGB Color ประกอบดวย แมสี 3 สี คือ สี แดง (Red) สีเขียว (Green) และสีน้ําเงิน (Blue) เมื่อนําสีดังกลาวมาผสมกันทําใหเกิดเปนสตี าง ๆ บนจอภาพ คอมพิวเตอรมากถึง 16.7 ลานสี ซึ่งใกลเคียงกบั สที ีส่ ายตามนษุ ยม องเห็นปกติ สีที่ไดจ ากการผสมสีน้นั ขึ้นอยูกับ ความเขมของสี ถาสีมีความเขมขนมากสีที่มาผสมกันจะทําใหเกิดเปนสีขาวจึงเรียกระบบสีน้ีวา การผสมสีแบบ บวก ภาพที่ 6 : โหมดสแี บบ RGB Color 3.5.2 โหมดสีแบบ CMYK Color คือ ระบบสีท่ีใชกับเครื่องพิมพท่ีพิมพออกทางกระดาษหรือวัสดุผิว เรียบอื่น ๆ โดยภาพท่ีกําหนดโหมดสีแบบ CMYK Color นั้นสีคอนขางทึบเม่ือแสดงบนจอภาพ แตเม่ือพิมพ ออกทางเครื่องพิมพจะมีสีที่สดใสสวยงาม ประกอบดวยสีหลัก 4 สี คือ สีฟา (Cyan) สีดํา (Black) สีมวงแดง (Magenta) และสีเหลือง (Yellow) เม่ือนํามาผสมกันจะเกิดสีเปนสีดําแตจะไมดําสนิท เนื่องจากหมึกพิมพมี ความไมบริสุทธิ์จึงเปนการผสมสีแบบลบ (Subtractive) หลักการเกิดสีของระบบนี้ คือ หมึกสีหน่ึงจะดูดกลืน แสงจากสหี น่ึงแลว สะทอนกลับออกมาเปนสีตาง ๆ เชน สีฟาดดู กลนื แสงของสีมว งแลวสะทอนออกมาเปนสีน้ํา เงนิ สงั เกตเห็นไดวา สีท่สี ะทอนออกมาจะเปนสหี ลักของโหมดสีแบบ RGB การเกดิ สนี ้ี แบบสีจงึ ตรงขา มกับการ เกิดสใี นแบบ RGB ภาพที่ 7 : โหมดสีแบบ CMYK Color

3.5.3 โหมดสีแบบ HSB Color มี 3 ลกั ษณะ คอื Hu คือ สีตาง ๆ ที่สะทอนออกมาจากวัตถุแลวเขาสูสายตามนุษย ซึ่งมักเรียกสีตามชื่อสี เชน สีเขียว สีแดง สเี หลือง เปนตน Saturation คือ คาความสดของสี โดยคาความสดของสีจะเริ่มท่ี 0 ถึง 100 ถากําหนด Saturation เปน 0 สจี ะมคี วามสดนอย แตถากําหนดที่ 100 สีจะมคี วามสดมาก Brightness คอื ระดบั คา ความสวางของสี โดยคาความสวา งของสจี ะเรม่ิ ท่ี 0 ถงึ 100 ถากาํ หนดที่ 0 ความสวางจะนอยซึง่ จะเปนสีดํา แตถ า กําหนดที่ 100 สจี ะมีความสวา งมากทีส่ ดุ ภาพท่ี 8 : โหมดสแี บบ HSB Color 3.5.4 โหมดสีแบบ LAB Color คือ โหมดสีที่มีชวงความกวางในการแสดงสีสงู ที่สดุ เทียบเทากับสีดวงตา ของมนษุ ยสามารถรบั ได แบงออกเปน 3 สวนคือ “L” หรือ Luminance การกาํ หนดคาความสวา ง ซ่งึ มคี าตั้งแต 1 ถึง 100 ถากําหนดที่ 0 จะกลายเปน สดี ํา แตถากําหนดท่ี 100 จะกลายเปน สขี าว “A” เปนคา ของสีทไ่ี ลจ ากสเี ขยี วไปสแี ดง “B” เปน คา ของสที ไ่ี ลจากสนี ้ําเงนิ ไปสีเหลือง ภาพที่ 9: โหมดสีแบบ LAB Color (อางองิ จาก www.colourphil.co.uk)

6. อปุ กรณเ สริมท่ีจําเปนในงานกราฟก 6.1 กลองดิจิตอล คือ อุปกรณเสริมท่ีใชสรางภาพนิ่งตาง ๆ หรือภาพวิดีโอแลวนําภาพเขามาใน เครือ่ งคอมพิวเตอรเพื่อแกไข ปรับแตง เพ่ิมเตมิ และจดั เกบ็ ไฟลภาพแสดงผลออกมาจากจอภาพ โดยการพิมพ ออกมาทางเครือ่ งพิมพ ภาพที่ 10 : กลอ งดจิ ิตอล 6.2 เคร่ืองกราดภาพ (Scanner) คือ อุปกรณที่ใชตอพวงเขากับเคร่ืองคอมพิวเตอรเพ่ือนําภาพหรือ ขอความเขาไปในหนวยความจําเคร่ืองคอมพิวเตอร ดวยวิธีการกราดแสงผานคอมพิวเตอร นําขอมูลเขา หนว ยความจําสามารถนาํ รูปภาพท่ีไดมาแกไข ปรบั แตง เพมิ่ เติม จดั เก็บ และแสดงผลออกมาทางจอภาพ หรือ แสดงผลออกมาทางเครอื่ งพิมพ ภาพท่ี 11 : เครอื่ งกราดภาพ 6.3 เครื่องพิมพ (Printer) คือ อุปกรณแสดงผลขอมูลตาง ๆ เชน แสดงขอความ ตัวเลข ภาพ สัญลักษณ ฯลฯ แสดงออกทางเคร่ืองพิมพในรูปแบบการพิมพออกทางกระดาษหรือวัตถุอื่น ๆ ที่มีผิวเรียบการ แบงเครื่องพมิ พในปจ จบุ ันสามารถแบง ได 3 ประเภท คอื 6.3.1 เคร่ืองพิมพแบบจุด (Dot-Matrix Printer) คือ ระบบหัวเข็มกระแทกกับผาหมึกลงบน กระดาษ โดยหัวพิมพจะมีชุดเข็มเรียงกันเปนชุด เพื่อกระแทกผาหมึกใหหมึกติดลงบนกระดาษทีละจุดเรียงกัน เปนตัวอักษร ดังนั้นเวลาพิมพจะมีเสียงกระแทกของหัวเข็มเสียงดัง งานท่ีไดมีคุณภาพปานกลางความเร็วใน การพิมพ 1 – 8 หนา ตอนาที

ภาพที่ 12 : เครอื่ งพิมพแบบจุด (Dot Matrix Printer) 6.3.2 เคร่ืองพิมพแบบฉีดหมึก (Ink Jet Printer) คือ วิธีการฉีดพนหมึกเขาไปเปนจุดเล็ก ๆ บน กระดาษสามารถพิมพภาพสี และภาพขาวดําได คุณภาพของงานพิมพสวยงามนิยมใชในงานโรงพิมพท่ัวไป ความเรว็ ในการพิมพ 1-10 หนา ตอ นาที ภาพท่ี 13 : เคร่ืองพมิ พแ บบฉดี หมึก (Ink Jet Printer) 6.3.3 เคร่ืองพิมพเลเซอร (Laser Printer) คือ เคร่ืองพิมพที่พัฒนาจากเครื่องพิมพแบบจุดและ แบบฉีดพนหมึก สามารถพิมพไดเร็วและความคมชัดของงานดีมากกวา แตราคาเคร่ืองสูงกวาเครื่องพิมพชนิด อนื่ และความเร็วในการพิมพ 4 - 20 หนา ตอ นาที (ppm) และมีความละเอยี ดในการพิมพ 300 – 1200 dpi (dots per inches - จํานวนจดุ ท่พี มิ พใ นหนึ่งนว้ิ ) ภาพท่ี 14 : เครอื่ งพิมพแบบเลเซอร (Laser Printer)

6.3.4 พล็อตเตอร (Plotter) คือ เครื่องพิมพแบบที่ใชปากกาในการเขียนขอมูลลงบนกระดาษ ซง่ึ เคร่ืองพมิ พป ระเภทน้เี หมาะกบั งานเขียนแบบของวิศวกรและสถาปนกิ และเครอื่ งพมิ พป ระเภทนี้มรี าคาแพง ท่สี ุดในกลุมเครื่องพิมพป ระเภทตาง ๆ ภาพที่ 15 : เครือ่ งพล็อตเตอร (Plotter) 6.3.5 กระดานกราฟก (Graphic Tablet) คือ อุปกรณการเขียนหรือวาดภาพ ลักษณะของ อุปกรณออกแบบมาเหมือนกบั กระดานวาดภาพ มีปากกาไวใหใชงาน และภาพที่วาดข้ึนบนกระดานกราฟกจะ ปรากฎบนหนา จอคอมพวิ เตอร เหมาะสําหรับผูทไี่ มส ะดวกใชเมาสใ นการวาดรูปทีร่ ายละเอียดมาก ๆ ภาพที่ 16 : กระดานกราฟก (Graphic Tablet)

7. คอมพวิ เตอรก ราฟกกับการประยุกตใ ชงานดา นตา ง ๆ 7.1 กราฟก ดานการออกแบบ คอมพวิ เตอรก ราฟกถกู นาํ มาใชในการออกแบบงานเปน เวลานาน เชน การออกแบบทางวิศวกรรม งานดานสถาปตย ออกแบบภายในบานตา ง ๆ การออกแบบรถยนต การออกแบบเครื่องจักรกล รวมถงึ การออกแบบวงจรไฟฟาอิเล็กทรอนิกส โดยใชโปรแกรมสําเรจ็ รปู กราฟกตาง ๆ โปรแกรมเหลา นี้ชว ยใหผูอ อกแบบ หรอื วิศวกรออกแบบงานตาง ๆ ไดสะดวกขนึ้ กลา วคอื ผอู อกแบบสามารถ เขียนเปนแบบลายเสน แลว ลงสี แสงเงา เพื่อใหดูคลายกับของจริงได และผูออกแบบสามารถกําหนดขนาดของ วัตถุลงในระบบซีเอดี (CAD) สามารถยอหรือขยายภาพ หมุนภาพไปในมุมตาง ๆ และแกไขแบบไดงายและ สะดวกกวาการออกแบบบนกระดาษ ภาพท่ี 17 : กราฟกดานการออกแบบ 7.2 กราฟกกับงานดานโฆษณา ปจจุบันการโฆษณาสินคาตาง ๆ ไดนําภาพกราฟกเขามาชวยใน การโฆษณาและส่ือสิ่งพิมพตาง ๆ เพ่ือเพิ่มความนาสนใจของสินคาตอผูบริโภค เชน โปสเตอรภาพสําหรับการ โฆษณา สามารถทาํ ใหภ าพทเ่ี ห็นเหมอื นภาพถายนน้ั แปลกออกไปจากเดมิ โดยมภี าพบางอยา งเพ่ิมเขาไปในภาพ หรือบางสวนของภาพนน้ั หายไปทําใหเกิดภาพที่ไมนาจะเปนจรงิ แตดูเหมอื นกับเกิดข้ึนจริง เชน การนําการตูน โฆษณาขายสินคาสําหรับเด็ก ปายโฆษณาโทรศัพท ปายโฆษณารถยนต และปายหนารานคาตามแหลงชุมชน ตา ง ๆ ภาพที่ 17 : กราฟกดานการโฆษณา

7.3 กราฟกกับงานดานการนําเสนอ การสื่อสารดวยภาพศิลปะระหวาง ผูสรา ง กับ ผูรับ (ผูดู ผเู ห็น) ดังนั้นภาพกราฟก จงึ เขา มาชวยเพ่ิมความเขาใจใหกับผรู ับสาร เพื่อใหเ ขา ใจงายมากยิ่งขนึ้ เชน แผนภาพแสดง การเงิน งานสถิติ และขอมูลทางเศรษฐกิจ ซ่ึงเปนประโยชนตอผูบริหาร หรือผูจัดการกิจการตาง ๆ มากขึ้น เน่ืองจากสามารถทําความเขาใจกับขอมูลไดงาย และรวดเร็ว โดยเฉพาะในกลุมงานการวิจัย เชน การศึกษา ทางฟสิกส กราฟ และแผนภาพมีสวนชว ยใหนักวิจัยทําความเขาใจกับขอมูลไดงาย เม่ือขอมูลที่ตองวิเคราะหมี จาํ นวนมาก ภาพท่ี 18 : กราฟกดานการนําเสนอ 7.4 คอมพิวเตอรกราฟกกบั งานดา นเวบ็ เพจ ธรุ กิจเกย่ี วกับการสรา งเวบ็ เพจใหกบั บรษิ ัทหรือ หนวยงานตาง ๆ ไดน ําคอมพิวเตอรก ราฟก เขามาชวยในการสรางเว็บเพจเพื่อใหเ ว็บเพจมคี วามสวยงามและ สรางภาพเคล่อื นไหว เพม่ิ ความนา สนใจมากขึ้น ภาพท่ี 19 : กราฟกดา นเว็บเพจ

สรุปสาระสําคญั คอมพิวเตอรกราฟก หมายถึง การสรางภาพ การตกแตงและแกไขภาพ การจัดการเกี่ยวกับภาพ โดย ใชเคร่อื งคอมพวิ เตอร ภาพกราฟก แบงออกเปน 2 ประเภท คือ กราฟก 2 มิติ เชน ภาพถาย รปู วาด สญั ลกั ษณ การตูนตาง ๆ ในโทรทัศน ตัวอยางเชน ชินจัง โดเรมอน และกราฟกประเภท 3 มิติ เชน การผลิตรถยนตและ ภาพยนตร การต ูน 3 มติ ิ ภาพกราฟกท่ีใชกบั คอมพิวเตอรแบง เปน 2 แบบ คอื 1.ภาพกราฟกแบบ Raster หรอื Bitmap เปนภาพกราฟกที่เกิดจาการเรียงตัวของจุดสี่เหลี่ยมเล็ก ๆ จํานวนหลากหลายสี เรียกวา Pixel ประกอบกันจนเปนรูปภาพขนาดใหญ เรียงตัวกันแบบหาง ๆ ภาพจึงมีลักษณะหยาบ 2. ภาพกราฟกแบบ Vector ภาพกราฟกแบบ Raster เปนภาพกราฟกที่สรางดวยสวนประกอบของเสนลักษณะตาง ๆ และ คุณสมบัติเกี่ยวกับสขี องเสน นั้น ๆ ซึ่งสรางจากการคํานวณทางคณิตศาสตร เชน ภาพถายคนทั่วไป จะถูกสราง ดวยจุดของเสนหลายๆ จุด เปนลักษณะของเสนโครงราง (Outline) และสีของคนก็เกิดจากสีของเสนโครงราง น้ัน ๆ กับพื้นที่ผิวภายใน เมื่อมีการแกไขภาพไมสูญเสียความละเอียด ภาพกราฟกมี 4 แบบ คือ โหมดสีแบบ RGB Color โหมดสีแบบ CMYK Color โหมดสีแบบ SHB Color และโหมดสีแบบ LAB Color ซึ่งการออกบ บกราฟกในปจจุบัน สามารถนํามาประยุกตใชงานดานตาง ๆ เชน การออกแบบ การโฆษณา กราฟ นําเสนอ ขอมลู และดานการออกแบบเว็บเพจ เอกสารอางอิง อัญชลีพร ลาบุญ. โปรแกรมกราฟก. นนทบุรี : ศูนยหนังสอื เมืองไทย, 2557 สุพรรณี สัตนาโค. โปรแกรมกราฟก. กรุงเทพฯ : สํานักพิมพ บริษัทพัฒนาคุณภาพวิชการ (พว.) จํากัด, 2556