3หน่วยที่1

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 หนว่ ยการเรยี นรทู้ ่ี1 ความรพู้ นื้ ฐานเกยี่ วกบั คอมพวิ เตอรก์ ราฟกิ สาร ะสาคญั ในปัจจบุ นั การออกแบบกราฟิกมีบทบาทกับงานด้านต่าง ๆ เป็นอยา่ งมาก เช่น งานนาเสนอ ขอ้ มลู ในรปู แบบของเส้นกราฟ กราฟแท่ง แผนภมู ิ การใช้กราฟิกประกอบการโฆษณาสนิ คา้ การสร้าง เวบ็ เพจ การสร้างสอื่ การสอน (CAI) การสร้างการ์ตนู การสร้างโลโกแ้ ละงานออกแบบตา่ ง ๆ โดยใชค้ อมพวิ เตอร์เปน็ เครื่องมือในการสร้างสรรค์ผลงานทีม่ ีความหลากหลายและสะดวกรวดเร็ว ในการเผยแพร่ โปรแกรมสาหรบั งานกราฟิกมกี ารพัฒนาอย่างรวดเร็วและมีประสทิ ธิภาพมากข้ึน ทาใหผ้ ลงานที่ใช้คอมพวิ เตอร์กราฟกิ เปน็ ทย่ี อมรับและมีการใชง้ านกนั อย่างแพร่หลาย สาระการเรยี นรู้ 1. ความเป็นมาของคอมพวิ เตอรก์ ราฟิก 2. ความหมายของกราฟิกและคอมพวิ เตอร์กราฟกิ 2.1 ความหมายของกราฟิก 2.2 ความหมายของคอมพวิ เตอรก์ ราฟิก 3. ประเภทของภาพกราฟกิ 3.1 ภาพกราฟิกประเภท 2 มติ ิ 3.2 ภาพกราฟิกประเภท 3 มติ ิ 4. คุณค่าและความสาคญั ของงานกราฟกิ 5. อุปกรณเ์ สริมท่จี าเป็นนามาใช้ในงานกราฟิก 5.1 กล้องดจิ ิตอล 5.2 เคร่อื งกราดภาพ (Scanner) 5.3 เครื่องพิมพ์ (Printer) 5.4 จอสัมผัส (Touch Screen) 5.5 กระดานกราฟกิ (Graphic Tablet) 6. คอมพิวเตอร์กราฟิกกับการประยกุ ตใ์ ชง้ านด้านต่าง ๆ 6.1 การประยุกตด์ า้ นการออกแบบ 6.2 การประยุกต์ดา้ นส่ือสิง่ พมิ พ์ ความรพู้ น้ื ฐานเกีย่ วกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 1

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 6.3 การประยุกต์ด้านการแพทย์ 6.4 การประยุกต์ดา้ นงานนาเสนอ 6.5 การประยุกตด์ า้ นเว็บเพจ 6.6 การประยุกตด์ า้ นการศึกษา 6.7 การประยุกต์ด้านบันเทงิ จดุ ประสงคก์ ารเรยี นรู้ เมอ่ื ศึกษาและปฏิบตั ติ ามเอกสารประกอบการเรียน หนว่ ยการเรียนรู้ที่ 1 แลว้ นักเรยี นสามารถ 1. บอกความเปน็ มาของคอมพิวเตอร์กราฟิกได้ 2. บอกความหมายของกราฟิกและคอมพิวเตอร์กราฟิกได้ 2.1 บอกความหมายของกราฟิกได้ 2.2 บอกความหมายของคอมพิวเตอร์กราฟกิ ได้ 3. บอกประเภทของภาพกราฟกิ ได้ 3.1 บอกความหมายภาพกราฟกิ ประเภท 2 มติ ไิ ด้ 3.2 บอกความหมายภาพกราฟกิ ประเภท 3 มติ ไิ ด้ 4. อธบิ ายคุณค่าและความสาคญั ของงานกราฟิกได้ 5. บอกอปุ กรณเ์ สริมท่ีจาเป็นนามาใช้ในงานกราฟกิ ได้ 5.1 บอกความหมายกลอ้ งดิจติ อลได้ 5.2 บอกความหมายเครอื่ งกราดภาพ (Scanner) ได้ 5.3 บอกความหมายเครอื่ งพมิ พ์ (Printer) ได้ 5.4 บอกความหมายจอสัมผัส (Touch Screen) ได้ 5.5 บอกความหมายกระดานกราฟิก (Graphic Tablet) ได้ 6. บอกการประยกุ ต์ใช้คอมพวิ เตอร์กราฟกิ กบั งานด้านตา่ ง ๆ ได้ 6.1 บอกการประยกุ ต์ด้านการออกแบบได้ 6.2 บอกการประยุกตด์ ้านส่ือส่งิ พิมพ์ได้ 6.3 บอกการประยุกต์ดา้ นการแพทยไ์ ด้ 6.4 บอกการประยุกต์ดา้ นงานนาเสนอได้ 6.5 บอกการประยกุ ต์ด้านเวบ็ เพจได้ 6.6 บอกการประยุกตด์ า้ นการศกึ ษาได้ 6.7 บอกการประยกุ ต์ด้านบันเทิงได้ ความรพู้ น้ื ฐานเกี่ยวกบั คอมพวิ เตอรก์ ราฟกิ หน้า 2

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 แผนภมู เิ นอื้ หา ความรพู้ นื้ ฐานเกยี่ วกบั คอมพวิ เตอรก์ ราฟกิ ความเป็นมาของคอมพวิ เตอร์กราฟกิ อปุ กรณเ์ สรมิ ทจ่ี าเป็นนามาใชใ้ นงาน กราฟกิ ความหมายของกราฟกิ และคอมพิวเตอร์ กราฟิก 1. กล้องดจิ ิตอล 2. เครือ่ งกราดภาพ (Scanner) 1. ความหมายของกราฟกิ 3. เคร่ืองพิมพ์ (Printer) 2. ความหมายของคอมพิวเตอร์ 4. จอสมั ผสั (Touch Screen) กราฟิก 5. กระดานกราฟกิ (Graphic Tablet) ประเภทของภาพกราฟิก คอมพิวเตอร์กราฟกิ กับการประยุกตใ์ ช้งาน 1. ภาพกราฟกิ ประเภท 2 มิติ ดา้ นตา่ ง ๆ 2. ภาพกราฟิกประเภท 3 มติ ิ 1. การประยกุ ต์ดา้ นการออกแบบ คุณค่าและความสาคญั ของงานกราฟิก 2. การประยกุ ต์ด้านสอื่ ส่ิงพมิ พ์ 3. การประยกุ ต์ดา้ นการแพทย์ 4. การประยกุ ตด์ า้ นงานนาเสนอ 5. การประยุกต์ดา้ นเว็บเพจ 6. การประยกุ ตด์ า้ นการศกึ ษา 7. การประยุกตด์ ้านบนั เทิง ความรพู้ นื้ ฐานเกีย่ วกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 3

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 หน่วยการเรยี นร้ทู ่ี ความรพู้ ้นื ฐานเก่ยี วกบั คอมพวิ เตอรก์ ราฟกิ ในอดตี มนุษยใ์ ช้ดนิ สอ ปากกา พ่กู นั หมึก สี เขยี นลงบนกระดาษ ผา้ เปลือกไม้ หรอื ผนงั ถา้ ในปจั จบุ นั คอมพิวเตอรเ์ ขา้ มามีบทบาทมากขึน้ ในการออกแบบสร้างสรรค์งานดา้ นกราฟิก เนอ่ื งจาก ซอฟต์แวรท์ างด้านกราฟกิ มีความสามารถมากข้นึ ทาให้สามารถสร้างภาพท่ีมคี วามซบั ซ้อนและ มีความสวยงาม อกี ท้งั เทคโนโลยีคอมพวิ เตอรท์ ีเ่ จริญก้าวหน้าไปอยา่ งมากทาให้การสร้างสรรค์ งานต่าง ๆ สาเร็จได้โดยใช้เวลาสั้น ในอดตี การใชค้ อมพิวเตอรถ์ ูกจากดั อยู่ในวงแคบเฉพาะในสาขา คณิตศาสตร์และวิทยาศาสตร์ที่มีกระบวนการคานวณเข้ามาเก่ยี วขอ้ งเป็นหลักสาคัญ คอมพิวเตอร์ ในสมัยนนั้ เปรยี บเสมือนกับเคร่ืองคิดเลขขนาดใหญท่ ่นี าไปใช้แก้ปญั หาทางคณิตศาสตรท์ ่มี ี การคานวณซับซ้อนมากกวา่ การนามาช่วยในงานออกแบบหรืองานอ่ืน ๆ ทพ่ี บในปัจจบุ ัน จากความสาเรจ็ ของการพฒั นาเครอื่ งคอมพวิ เตอรย์ คุ ใหม่ รวมท้งั อุปกรณส์ นบั สนนุ ต่าง ๆ และราคาของระบบคอมพวิ เตอร์ทั้งหมดทต่ี ่าลง ทาให้การใชง้ านคอมพวิ เตอรใ์ นด้านตา่ ง ๆ เปน็ ไป อยา่ งกว้างขวางรวมถงึ งานทางด้านกราฟกิ สิง่ เหล่านี้เป็นจดุ เริ่มต้นสาคัญของคอมพิวเตอร์กราฟกิ เปน็ การเปลยี่ นแปลงวตั ถปุ ระสงค์ดั้งเดมิ ของการใชค้ อมพิวเตอร์ในการคานวณทางคณติ ศาสตร์ให้ สามารถนามาใชเ้ ป็นเครื่องมอื สาคัญในการสรา้ งสรรค์งานของนักออกแบบและผ้ทู ท่ี างานดา้ นศิลปะ 1.1 ความเปน็ มาของคอมพวิ เตอรก์ ราฟกิ คอมพิวเตอร์กราฟิกมีประวัติความเป็นมายาวนาน เรม่ิ ต้ังแต่ ปี พ.ศ.2483 คอมพวิ เตอรแ์ สดงภาพกราฟกิ โดยใชเ้ คร่ืองพิมพ์ รปู ภาพที่ได้เปน็ ภาพ ที่เกดิ จากการใช้ตวั อักษรมาประกอบกัน ใน ปี พ.ศ.2493 สถาบนั เทคโนโลยีแหง่ แมสซาซเู ซสต์ (Massachusetts Institute Technology : MIT) ไดพ้ ฒั นาคอมพวิ เตอร์ทม่ี ีหลอดภาพ CRT (CathodeRayTube) เปน็ ส่วน แสดงผลแทนเครื่องพมิ พ์ เนื่องจากมีความต้องการใหก้ ารติดต่อระหว่างผู้ใช้กับเครื่องคอมพวิ เตอร์ มีความเร็วยง่ิ ขึ้น ใน ปี พ.ศ.2493 ระบบ SAGE (Semi-Automatic Ground Environment) ของ กองทัพอากาศประเทศสหรฐั อเมริกาสามารถแปลงสญั ญาณจากเรดาร์ให้เปน็ ภาพบนจอคอมพิวเตอร์ เป็นระบบกราฟิกเครอ่ื งแรกที่ใช้ปากกาแสง (Light Pen : เป็นอปุ กรณส์ าหรบั รับข้อมูลชนิดหน่งึ ) สาหรับการเลือกสญั ลักษณบ์ นจอภาพได้ ความรพู้ น้ื ฐานเก่ียวกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 4

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 ใน ปี พ.ศ.2506 วทิ ยานพิ นธป์ ริญญาเอกของ อวี าน ซเู ธอร์แลนด์ (Ivan Sutherland) เป็น การพัฒนาระบบการวาดเส้น ทผ่ี ูใ้ ช้สามารถกาหนดจุดบนจอภาพได้ โดยการใช้ปากกาแสง จากน้นั ระบบกราฟกิ สามารถลากเสน้ เช่ือมจดุ ตา่ ง ๆ เหล่านี้เข้าด้วยกันกลายเป็นภาพโครงสรา้ ง รูปหลายเหล่ยี ม (Polygon) ระบบนก้ี ลายเปน็ หลกั การพื้นฐานของโปรแกรม ช่วยในการออกแบบ ระบบงานต่าง ๆ เชน่ การออกแบบระบบไฟฟ้าและการออกแบบเครอ่ื งจกั ร ใน ปี พ.ศ.2511 บริษัท เทคโทรนิกส์ (Tektronix) ได้ผลติ จอภาพท่สี ามารถเก็บภาพไว้ได้ จนกวา่ ผใู้ ช้งานต้องการลบ (Storage-Tube CRT) จอภาพแบบนจ้ี ึงเป็นทน่ี ยิ มกันมากในชว่ งเวลา 5 ปี ตอ่ มากลางปี พ.ศ.2513 เปน็ ชว่ งเวลาที่อุปกรณค์ อมพิวเตอร์เร่มิ มีราคาต่าลง ทาให้อปุ กรณ์ของระบบ คอมพิวเตอร์กราฟิกมีราคาถูกลงตามไปดว้ ย ผู้ใช้ท่ัวไปสามารถนามาใช้ในงานของตนได้ จึงมกี ารใช้ คอมพิวเตอรก์ ราฟิกอยา่ งแพร่หลายในงานดา้ นตา่ ง ๆ มากขน้ึ ในชว่ งปี พ.ศ.2523-2532 ไดม้ กี ารพฒั นาอัลกอรทิ ึมสาหรับกราฟกิ ข้นึ มากมาย รวมท้ัง มมี าตรฐานทางดา้ นคอมพวิ เตอรก์ ราฟกิ เกิดขน้ึ หลายมาตรฐาน บางมาตรฐานยงั มใี ชอ้ ยจู่ นถงึ ปจั จบุ ัน ประสทิ ธิภาพของเคร่ืองคอมพิวเตอรใ์ นชว่ งนส้ี ูงขึ้น ในชว่ งปี พ.ศ.2533-2542 เรมิ่ มีระบบเครือขา่ ยคอมพิวเตอรใ์ ช้กนั อย่างแพรห่ ลาย ผใู้ ชม้ คี วามตอ้ งการข้อมลู ในรปู แบบใหม่ ๆ ทงั้ ภาพและเสียงทาใหเ้ กิดเทคโนโลยีส่อื ประสม (Multimedia Technology) ข้ึน ปัจจบุ นั ราคาเครือ่ งคอมพวิ เตอร์ต่าลง ในขณะทม่ี ีประสทิ ธิภาพ สูงมากเมือ่ เทยี บกบั คอมพวิ เตอร์ในยคุ แรก ๆ งานทางด้านคอมพวิ เตอรก์ ราฟิกจงึ เปน็ ที่แพร่หลาย 1.2 ความหมายของกราฟกิ และคอมพวิ เตอรก์ ราฟกิ 1.2.1 ความหมายของกราฟิก มีผูใ้ หค้ วามหมายคาวา่ “กราฟิก” ดงั น้ี กราฟิก (Graphic) คือ รปู ภาพดจิ ติ อล เชน่ ภาพถา่ ยจากกลอ้ งดิจติ อล ภาพคลปิ อารต์ (Clipart) ภาพวาดที่ไดจ้ ากการสแกน รวมทง้ั ภาพวาดหรอื ภาพต้นฉบับใด ๆ ท่ถี ูกสร้างข้ึน ด้วยโปรแกรมคอมพวิ เตอรก์ ราฟิก นอกจากนีก้ ราฟิกยังเกย่ี วข้องกับอุปกรณ์ทางคอมพิวเตอรแ์ ละ ซอฟตแ์ วร์สาหรับงานกราฟกิ ที่ทาให้คอมพิวเตอร์มีความสามารถในการแสดงผลและจดั การกบั ภาพ (ฝ่ายตาราวิชาการคอมพิวเตอร์, 2557 : 12) กราฟิก หมายถึง วัสดุลายเส้น ไดแ้ ก่ วัสดทุ เ่ี กดิ จากการวาดภาพและการเขียน โดยแบง่ เป็นลักษณะ 2 มิติ ไดแ้ ก่ การออกแบบจดั ภาพประกอบ การประดษิ ฐ์ตวั อกั ษร การทางานพมิ พ์ เป็นตน้ (สานักงานคณะกรรมการประถมศกึ ษาแห่งชาติ, 2536) กราฟกิ หมายถึง การออกแบบทีเ่ กี่ยวกับการออกแบบเคร่อื งหมาย การออกแบบ ท่เี กย่ี วกบั การพมิ พ์ที่ใชใ้ นอตุ สาหกรรม (อารี สุทธิพันธ์, 2521 : 4) ความรพู้ น้ื ฐานเกย่ี วกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 5

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 กราฟิกมาจากคาในภาษากรกี ว่า Graphiko หมายถงึ การเขยี นภาพด้วยสีและลกั ษณะ ขาวดา เมือ่ นามารวมกับคาวา่ Graphein ท่ีแปลว่าการเขยี นตวั หนังสือและการส่อื ความหมาย โดยใชเ้ สน้ คาว่ากราฟกิ จงึ หมายถึงรูปแบบของงานที่มงุ่ แสดงความจริงหรอื ความคิดผา่ นทาง การวาดรูปและเขียนตัวอกั ษร (อัศวิน ศิลปเมธากลุ , 2543 : 16) สรุป กราฟกิ หมายถึง การสอื่ ความหมายด้วยการใชศ้ ลิ ปะและศาสตรท์ างการใชเ้ ส้น ภาพวาด ภาพเขยี น แผนภาพ ตลอดจนสญั ลกั ษณ์ ทั้งสีและขาว-ดา มีลกั ษณะเหน็ ไดช้ ัดเจน เข้าใจ ความหมายไดท้ นั ทตี รงตามทผี่ ู้สอื่ สารต้องการ 1.2.2 ความหมายของคอมพวิ เตอรก์ ราฟกิ มีผใู้ ห้ความหมายคาว่า “คอมพิวเตอร์กราฟกิ ” ดงั น้ี คอมพิวเตอร์กราฟิกส์ (Computer graphics) หรือในศพั ท์บัญญัติวา่ วิชาเรขภาพ คอมพวิ เตอร์ คือหน่ึงในศาสตร์ องคค์ วามรู้ ของระเบียบวธิ ีการแกป้ ญั หาเชิงคอมพิวเตอร์ (Computing methodology) ท่ีแก้ปญั หาเกี่ยวกับเรอื่ งของภาพหรอื การแสดงภาพ โดยเนน้ การประมวลผลขอ้ มลู ด้วยคอมพวิ เตอรใ์ หข้ อ้ มูลนาเขา้ เปน็ ข้อมลู ตวั เลข ตัวอักษร หรอื สัญญาณตา่ ง ๆ แทนตาแหนง่ พิกดั สี รปู ทรง ความสวา่ ง (วกิ ิพเี ดยี , 2559) คอมพวิ เตอรก์ ราฟกิ หมายถงึ การสรา้ งภาพ การตกแต่งแก้ไขหรือการจัดการเกยี่ วกับ รูปภาพ โดยใช้เครอื่ งคอมพวิ เตอรใ์ นการจดั การ เช่น การตกแตง่ แกไ้ ขภาพคนแกใ่ หม้ ีวัยท่ีเดก็ ขนึ้ การสร้างภาพตามจนิ ตนาการ การสรา้ งภาพเหมอื นและการใชภ้ าพกราฟกิ ในการนาเสนอขอ้ มูล การออกแบบเว็บไซต์ เพือ่ ใหส้ ามารถสอื่ ความหมายไดต้ รงตามท่ผี ้สู ื่อสารตอ้ งการและดงึ ดูดให้ น่าสนใจย่งิ ขน้ึ ด้วยกราฟ แผนภมู ิ แผนภาพ (ทิพาภรณ์ ประดู่, 2545) คอมพวิ เตอรก์ ราฟกิ หมายถึง คอมพวิ เตอรเ์ พือ่ แสดงภาพ แผนภาพ การแบ่งส่วน การแสดงความสัมพนั ธ์กราฟ โดยใสข่ ้อมลู เข้าไปเป็นตัวเลข เกิดเป็นภาพบนจอภาพ สามารถ ขยายภาพ หมุน เอยี งหรือการจัดทากบั ภาพเหลา่ นน้ั เพื่อการส่อื ความหมายได้ดียง่ิ ขนึ้ ปจั จุบัน มีการใชภ้ าพกราฟิกประยุกตใ์ ช้ในงานทกุ ๆ ดา้ น อาทิ ดา้ นธุรกจิ โรงงานอุตสาหกรรม งานศิลปะ การบันเทงิ งานโฆษณาสนิ ค้า การศึกษา การวิจยั การฝึกอบรมและงานทางการแพทย์ จนเห็นได้ ชดั เจนวา่ คอมพวิ เตอร์กราฟิกมกี ารให้ความสาคัญเน่อื งจากเป็นเคร่ืองมือท่สี ามารถช่วยออกแบบ กราฟกิ ไดอ้ ย่างรวดเร็ว ไม่จาเป็นต้องอาศยั เครือ่ งมอื จานวนมาก อีกทง้ั ผอู้ อกแบบสามารถดผู ลงาน การออกแบบก่อนไดท้ นั ที (ทักษณิ า สวนานนท์, 2536 : 90) สรปุ คอมพิวเตอรก์ ราฟกิ หมายถึง การสรา้ งภาพ การตกแตง่ แก้ไขภาพ โดยใช้ คอมพิวเตอร์ในการจดั การกับภาพ เช่น การตกแตง่ ภาพคนแก่ใหม้ ีวยั สาวขน้ึ หรอื สรา้ งภาพตาม จนิ ตนาการเพือ่ นาภาพประกอบการเสนอข้อมลู เพอ่ื ใชใ้ นการส่ือความหมายใหช้ ดั เจนตรงตาม ทผ่ี ้สู อ่ื สารตอ้ งการและนา่ สนใจด้วยภาพกราฟกิ ความรพู้ นื้ ฐานเก่ยี วกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 6

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 1.3 ประเภทของภาพกราฟกิ คือ การจาแนกภาพกราฟิก เช่น ภาพถา่ ย รปู วาดหรอื ภาพ ทเ่ี กิดจากการสร้างดว้ ยโปรแกรม สาเรจ็ รปู ต่าง ๆ แบ่งออกเป็น 2 ประเภท ดงั น้ี 1.3.1 ภาพกราฟกิ ประเภท 2 มติ ิ คือ ศลิ ปะแขนงหน่งึ ทใ่ี ชส้ อ่ื ความหมายด้วยเส้น สามารถ มองเหน็ ตามแนวแกน X (ความกว้าง) กบั แกน Y (ความยาว) ภาพท่พี บเห็นโดยทว่ั ไป เช่น ภาพถ่าย รปู วาด สญั ลักษณ์และภาพการ์ตนู ในโทรทศั น์ เชน่ ชินจงั โดเรมอน ทอมแอนเจอรี่ การต์ ูนทเี่ ปน็ ภาพกราฟกิ เคล่อื นไหว (Animation) โดยมกี ระบวนการสร้างท่ซี ับซ้อนกวา่ ภาพวาดปกติ โปรแกรม สร้างภาพแบบ 2 มิติ เช่น Illustrator, Photoshop, Flash, Paint เปน็ ตน้ รูปภาพ 1-1 กราฟกิ ประเภท 2 มิติ ท่ีมา : http://www.manager.co.th 1.3.2 ภาพกราฟกิ ประเภท 3 มติ ิ คือ ภาพกราฟกิ ทส่ี รา้ งจากโปรแกรมสร้างภาพแบบ 3 มิติ เชน่ 3D max, Maya, AutoCAD ทาใหไ้ ดภ้ าพมีสแี ละแสงเงาเหมือนจรงิ สามารถมองเห็นตาม แนวแกน X (ความกวา้ ง) กับแกน Y (ความยาว) และมแี กน Z (ความหนาหรือความสงู ) ทาให้ มองเหน็ เป็นรูปรา่ งทชี่ ดั เจนยง่ิ ขนึ้ เหมาะกบั งานด้านสถาปตั ย์ การออกแบบต่าง ๆ การผลติ รถยนต์ การสร้างเป็นภาพยนตร์ การ์ตนู หรือโฆษณาสินค้า ภาพยนตร์การต์ นู แอนเิ มชันแบบ 3 มิติ เช่น การ์ตนู เรอ่ื ง Nemo, The Bug, ชา้ งก้านกลว้ ย, ปงั ปอนดแ์ อนิเมชัน, ทอยสตอรี่ เปน็ ต้น ความรพู้ น้ื ฐานเกยี่ วกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 7

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 รปู ภาพ 1-2 กราฟกิ ประเภท 3 มิติ ท่ีมา : https://toystory2557.wordpress.com โปรแกรมประยกุ ต์สาหรับงานกราฟิก เป็นโปรแกรมทน่ี ามาใช้เพือ่ การสร้างหรอื แก้ไขภาพ ในปัจจบุ นั มีซอฟตแ์ วรก์ ราฟิกอยมู่ ากมาย แต่ละโปรแกรมมคี วามแตกต่างกันตามลักษณะงาน สามารถแบ่งออกเป็น 3 ประเภท ดังตอ่ ไปน้ี 1. โปรแกรมประเภท Painting เปน็ โปรแกรมกราฟิกเพื่องานระบายสีแบบดัง้ เดิม สรา้ งภาพด้วยการนาจดุ ตา่ ง ๆ มาประกอบกันเป็นภาพหรือเรียกว่าภาพบติ แมป (Bitmap Image) ตวั อย่างโปรแกรมชนดิ นเ้ี ช่น Microsoft Paint และ Corel Painter เป็นต้น รูปภาพ 1-3 โปรแกรม Paint หน้า 8 ความรพู้ นื้ ฐานเกีย่ วกบั คอมพวิ เตอรก์ ราฟกิ

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 2. โปรแกรมประเภท Drawing สามารถเรยี กอีกช่อื หนง่ึ วา่ โปรแกรม Illustration สร้างภาพดว้ ยหลกั การของเวกเตอร์ (Vector) โดยนาเส้นตรงและเส้นโคง้ ทเ่ี กย่ี วข้องกบั สมการทางคณติ ศาสตรม์ าสรา้ งเปน็ โครงรา่ งของ ภาพเหมาะกบั งานภาพเขยี น ตราสญั ลักษณ์โลโกห้ รอื งานออกแบบ ท่ตี อ้ งใช้ความคมชัดสงู สาหรับ คณุ ภาพของภาพลายเสน้ ที่สรา้ งขน้ึ ดว้ ยโปรแกรมประเภท Drawing ไมถ่ กู ลดทอนลงเมอ่ื ถูกขยาย ภาพให้ใหญ่ข้ึน แตกตา่ งจากภาพบติ แมปท่ีรายละเอียดของภาพแตกเม่ือถูกขยายใหญข่ ึ้น ภาพทไี่ ด้ จากโปรแกรม Drawing แมว้ ่ามีความคมชัดสงู แตเ่ มอื่ พจิ ารณาดูรายละเอยี ดภาพยังคงเปน็ ภาพวาด แตกต่างจากภาพบิตแมปท่ีแลดเู ปน็ ภาพถ่ายและมีความเป็นธรรมชาตมิ ากกว่า ตัวอยา่ งโปรแกรม ประเภท Drawing เช่น Adobe Illustrator และ CorelDRAW เป็นต้น รปู ภาพ 1-4 โปรแกรม Illustrator 3. โปรแกรมแก้ไขภาพ (Photo Editing Programs) โปรแกรมประเภทนี้ สามารถเป็นไดท้ ัง้ โปรแกรมแบบ Painting หรอื Drawing ทีอ่ อกแบบมาเปน็ พเิ ศษเพ่ือใช้กับงานตกแต่งหรอื รีทชั ภาพ การปรบั ความคมชดั ความสว่าง การกาจัดตาแดงบนภาพถ่าย การตดั ภาพ การขยายหรอื ยอ่ ส่วนภาพ รวมถึงการใช้ฟลิ เตอร์และ การใช้เทคนิคพเิ ศษเพ่ิมเติมต่าง ๆ ตัวอย่างโปรแกรมประเภทน้ี คือ Adobe Photoshop เปน็ ต้น ความรพู้ น้ื ฐานเกย่ี วกบั คอมพวิ เตอรก์ ราฟกิ หน้า 9

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 รปู ภาพ 1-5 โปรแกรม Adobe Photoshop CS6 1.4 คณุ คา่ และความสาคญั ของงานกราฟกิ งานกราฟกิ เปน็ การออกแบบทางศิลปะ การแสดงจนิ ตนาการและอารมณใ์ นการสร้างภาพ เพือ่ ทต่ี ้องการสอ่ื สารระหวา่ งผอู้ อกแบบกับผู้ชม รวมถึงหลักการออกแบบ การใชส้ ปี ระกอบเพื่อเนน้ และดงึ ดูดความสนใจชว่ ยใหไ้ ด้รายละเอยี ดท่ีชัดเจน ทาให้เหน็ ความสาคญั ของการสรา้ งภาพเพ่อื ส่อื ความหมาย ดงั นั้นงานด้านกราฟกิ จงึ มคี วามสาคัญในการสอื่ สารขอ้ มูลใหก้ บั ผูช้ มท่ีมีความแตกต่าง กนั ในด้านขนบธรรมเนียมประเพณี วัฒนธรรม การใช้งานกราฟิกทีด่ สี ามารถทาให้มนุษย์สื่อสารกนั เขา้ กันใจและเกิดจินตนาการรว่ มกนั ความสาคัญของงานด้านกราฟิก มีดังน้ี 1. เป็นสอ่ื กลางในการส่อื ความหมายใหเ้ กดิ การเข้าใจตรงกัน สร้างระบบการเรยี นรู้ สร้างแนวคิดใหม่ ๆ เชิงสรา้ งสรรค์ 2. สรา้ งความเรา้ ใจนา่ สนใจ ความประทับใจและความเช่ือถอื ได้ของผลงาน เพอื่ ใหเ้ กดิ การเรยี นรู้เกิดการศึกษากับกลมุ่ เป้าหมายได้ 3. ก่อให้เกิดความคดิ สรา้ งสรรคร์ ปู แบบใหม่ โดยการประยุกต์ความคดิ จากผลงานเดิม 4. ชว่ ยสรุปความคดิ และจินตนาการออกมาเปน็ ข้อมลู ท่สี ่ือสารได้ง่าย ทาใหผ้ พู้ บเหน็ เกิดการเปล่ียนแปลงพฤตกิ รรมทง้ั ทางด้านการกระทาและความคดิ 5. สรา้ งระบบการถ่ายทอดท่มี ีความเด่นชดั แปลความหมายได้รวดเรว็ 6. สร้างความเจริญก้าวหน้าใหธ้ รุ กิจ สรา้ งอาชีพและรายไดใ้ นสังคม 7. สร้างคา่ นิยมทางความคดิ ที่งดงามไดแ้ นวคดิ ท่ีดี ความรพู้ น้ื ฐานเกี่ยวกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 10

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 1.5 อุปกรณเ์ สรมิ ทจี่ าเปน็ นามาใช้ในงานกราฟกิ 1.5.1 กลอ้ งดิจิตอล คอื อุปกรณ์เสรมิ ทใี่ ช้สร้างภาพนิ่งตา่ ง ๆ หรอื ภาพวดิ โี อ สามารถนาไฟล์ รูปภาพเข้าไปในคอมพวิ เตอร์เพือ่ แก้ไข ปรบั แต่ง เพมิ่ เติมและจดั เกบ็ ไฟลภ์ าพแสดงผลออกมาจาก จอภาพ โดยการพิมพ์ออกมาทางเคร่ืองพมิ พ์ ปัจจุบันกลอ้ งดิจิตอลไดพ้ ฒั นาใหม้ ีความละเอยี ดของ ภาพเพมิ่ ขน้ึ และมคี วามจุสงู ในการเกบ็ ภาพจานวนมาก สะดวกในการบนั ทึกภาพต่าง ๆ ได้รวดเรว็ และสามารถนาไฟลร์ ปู ภาพเข้าไปในคอมพิวเตอร์เพ่ือนามาปรบั ปรุงให้เหมาะสมกับงานต่าง ๆ ได้ รวดเร็วในโปรแกรม Photoshop รปู ภาพ 1-6 กลอ้ งดิจติ อล ที่มา : http://www.ec-mall.com 1.5.2 เครอ่ื งกราดภาพ (Scanner) คือ อปุ กรณท์ ใี่ ชต้ ่อพว่ งเขา้ กับเครอื่ งคอมพิวเตอร์ เพอื่ นาภาพหรอื ขอ้ ความเขา้ ไปในหนว่ ยความจาเครอ่ื งคอมพวิ เตอร์ ดว้ ยวิธีการกราดแสงผ่าน คอมพวิ เตอรน์ าข้อมูลเขา้ หน่วยความจาสามารถนารปู ภาพทไี่ ด้มาแกไ้ ข ปรับแต่ง เพิม่ เตมิ จดั เก็บ และแสดงผลออกมาทางจอภาพหรอื แสดงผลออกมาทางเครอ่ื งพิมพ์ รปู ภาพ 1-7 เครอื่ งกราดภาพ หน้า 11 ทม่ี า : https://sites.google.com ความรพู้ น้ื ฐานเกยี่ วกบั คอมพวิ เตอรก์ ราฟกิ

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 1.5.3 เครอื่ งพมิ พ์ (Printer) คือ อปุ กรณ์แสดงผลขอ้ มูลต่าง ๆ เชน่ แสดงข้อความ ตัวเลข ภาพ สญั ลกั ษณ์ ฯลฯ แสดงออกทางเครอื่ งพมิ พ์ในรูปแบบการพิมพอ์ อกทางกระดาษหรอื วัตถอุ น่ื ๆ ทีม่ ีผิวเรยี บ การแบง่ เครื่องพิมพ์ในปจั จุบันสามารถแบ่งได้ 6 ประเภท คือ 1. เครื่องพมิ พแ์ บบจดุ (Dot-Matrix Printer) เป็นเคร่อื งพิมพ์ท่ีนิยมใชง้ านกันแพรห่ ลาย เน่ืองจากราคาและคณุ ภาพการพิมพ์อยใู่ นระดับทเี่ หมาะสม การทางานของเครือ่ งพิมพ์ชนิดน้ี ใชห้ ลกั การสรา้ งจดุ ลงบนกระดาษโดยตรง หัวพิมพ์ของเครื่องพิมพ์มีลกั ษณะเป็นหัวเขม็ (pin) เม่ือ ตอ้ งการพมิ พส์ ่งิ ใดลงบนกระดาษ หัวเข็มท่ีอยใู่ นตาแหน่งทป่ี ระกอบกันหวั เข็มจะกระแทกผา่ นผา้ หมึก ลงบนกระดาษ ความคมชัดของข้อมูลบนกระดาษขึ้นอยูก่ ับจานวนจดุ หากจานวนจุดย่งิ มากขอ้ มลู ทีพ่ มิ พล์ งบนกระดาษคมชดั มากขึน้ ความเร็วของเคร่ืองพิมพ์ดอตแมทรกิ ซ์อยรู่ ะหว่าง 200 ถึง 300 ตัวอักษรต่อวนิ าทีหรือประมาณ 1 ถงึ 3 หน้าต่อนาที เครอื่ งพมิ พ์ดอตแมทริกซ์ใช้กบั กระดาษทเ่ี ป็น สาเนาและกระดาษเป็นแบบตอ่ เนือ่ งกระดาษมรี อู ยขู่ ้าง ๆ เพอื่ ที่หนามเตยของเครื่องพมิ พ์ไดเ้ ล่ือน กระดาษ มขี อ้ เสียอยู่ทีค่ ุณภาพงานพมิ พ์ตา่ เมื่อเทียบกับเครื่องพิมพ์ประเภทอืน่ ๆ และมเี สยี งดังขณะ พมิ พง์ าน รปู ภาพ 1-8 เครือ่ งพมิ พแ์ บบจุด ที่มา : www.esssyntech.com ความรพู้ น้ื ฐานเกยี่ วกบั คอมพวิ เตอรก์ ราฟกิ หน้า 12

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 2. เครือ่ งพิมพ์แบบพ่นหมึก (Ink Jet Printer) สามารถพมิ พต์ วั อักษรที่มีรูปแบบและ ขนาดทีแ่ ตกตา่ งกัน งานพิมพก์ ราฟิกทใี่ ห้ผลลัพธค์ มชดั มากคุณภาพงานพิมพ์เป็นทย่ี อมรบั และการใช้ งานได้หลากหลาย เทคโนโลยที ี่เครอื่ งพมิ พพ์ น่ หมกึ ใชใ้ นการพมิ พค์ อื การพ่นหมึกพิมพ์เปน็ หยด ๆ ลง บนกระดาษการใช้งาน เครือ่ งพิมพ์พ่นหมกึ มคี วามเร็วในการพิมพ์ มีหนว่ ยวดั ความเรว็ ในการพิมพ์เปน็ PPM (Page Per Minute) เร็วกวา่ เครื่องพมิ พ์แบบจุดมาก สามารถพมิ พ์ได้ทัง้ แนวต้ังทเี่ รยี กวา่ \"พอรท์ เทรต\" (Portrait) และแนวนอนทเี่ รยี กว่า \"แลนด์สเคป\" (Landscape) โดยกระดาษถกู ป้อนเข้า ไปในเครอ่ื งพิมพท์ ่ีละแผ่นเหมอื นเครอื่ งถา่ ยเอกสาร แต่โดยท่วั ไปมักมีขนาดไม่เกิน A3 รูปภาพ 1-9 เครอ่ื งพิมพแ์ บบพ่นหมึก ทม่ี า : www.esssyntech.com 3. เครอ่ื งพิมพ์เลเซอร์ (Laser Printer) ลักษณะของเคร่อื งพมิ พ์ประเภทนใ้ี ช้เทคโนโลยี เดยี วกบั เครือ่ งถ่ายเอกสารคอื ยงิ เลเซอรไ์ ปสร้างภาพบนกระดาษในการสรา้ งรปู ภาพหรือตัวอกั ษร ผลลพั ธท์ ่ีออกมามีคุณภาพสงู มากกว่าเครอ่ื งพิมพ์แบบพ่นหมึก การใช้งานเหมาะสาหรับการพมิ พท์ ี่ ตอ้ งการคณุ ภาพทสี่ งู มาก สามารถพิมพ์ได้หลายรอ้ ยหน้าตอ่ นาที เหมาะกบั งานในองคก์ รขนาดใหญ่ หรอื งานทตี่ อ้ งการความคมชดั และสวยงามมากกวา่ การพิมพอ์ ิงค์เจ็ท โดยทวั่ ไปหนว่ ยวัดความเรว็ ของ เครือ่ งพิมพเ์ ลเซอร์เปน็ PPM (Page Per Minute) เครื่องพิมพเ์ ลเซอร์ทนี่ ยิ มใช้ในปจั จุบันมีท้งั เครื่องพมิ พเ์ ลเซอร์แบบขาว-ดาและเคร่อื งพิมพ์เลเซอร์แบบสี ความรพู้ น้ื ฐานเก่ยี วกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 13

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 รูปภาพ 1-10 เครื่องพิมพ์เลเซอร์ ท่ีมา : www.esssyntech.com 4. เครอื่ งพมิ พ์พล็อตเตอร์ (Plotter) เป็นเครอ่ื งพิมพช์ นิดทใี่ ช้ปากกาในการเขยี นขอ้ มูล ลงบนกระดาษทที่ ามาเฉพาะงาน เคร่อื งพิมพ์พล็อตเตอรท์ างานโดยใช้วธิ เี ลอ่ื นกระดาษโดยสามารถ ใช้ปากกาได้ 6-8 สี ความเรว็ ในการทางานของเคร่อื งพมิ พ์พลอ็ ตเตอรม์ ีหนว่ ยวัดเปน็ น้ิวตอ่ วนิ าที (Inches Per Second : IPS) หมายถงึ จานวนนว้ิ ที่เครอ่ื งพมิ พ์พล็อตเตอรส์ ามารถเลือ่ นปากกาไปบน กระดาษ การใชง้ านเหมาะสาหรับงานเกย่ี วกบั การเขยี นแบบทางวิศวกรรมและงานตกแตง่ ภายใน ใช้สาหรบั วิศวกรรมและสถาปนิก งานพิมพข์ นาดใหญม่ ีหน้ากว้างเหมาะสาหรับทางานด้านปา้ ยหรือ โฆษณาและเครื่องพมิ พป์ ระเภทนมี้ รี าคาแพงท่ีสุดในเครอื่ งพมิ พ์ประเภทตา่ ง ๆ รปู ภาพ 1-11 เครอื่ งพิมพ์พล็อตเตอร์ ท่มี า : www.esssyntech.com ความรพู้ น้ื ฐานเกย่ี วกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 14

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 5. เครื่องพิมพ์มัลติฟงั กช์ นั (Multifunction) เป็นเครือ่ งพมิ พ์ออลอินวนั (All in one) เพราะเปน็ การผสมผสานฟงั ก์ชนั การทางานของอุปกรณ์หลายส่วนในชดุ เดียวกนั ประกอบไปด้วย เครอ่ื งพมิ พ์ เครอ่ื งถา่ ยเอกสาร เครอ่ื งแฟกซแ์ ละเครือ่ งกราดภาพ เปน็ ต้น สามารถ scan, copy หรือ รบั สง่ แฟก็ ซ์ได้ ทาให้มคี วามสะดวกสบายในการใช้งาน เคร่ืองพมิ พ์มัลติฟังก์ชนั แต่ละรุ่นมี สว่ นประกอบแตกต่างกันออกไป เครื่องพมิ พม์ ลั ตฟิ ังก์ชนั เหมาะกบั งานกลุ่มนกั ธรุ กิจ งานสานักงาน สถานประกอบเพราะสามารถใชท้ างานไดห้ ลายแบบในเครื่องเดยี ว รปู ภาพ 1-12 เครื่องพิมพม์ ัลติฟงั กช์ นั ที่มา : www.esssyntech.com 6. เครอื่ งพมิ พ์แบบใช้ความร้อน (Thermal Printer) เปน็ เคร่อื งพมิ พ์ทางาน โดยการใหค้ วามรอ้ นแกก่ ระดาษไมต่ อ้ งใชห้ มกึ เช่นแบบทีใ่ ช้ในการพมิ พใ์ บเสร็จจากเครื่อง ATM เคร่ืองคิดเงินในห้างสรรพสนิ ค้าหรอื รา้ นสะดวกซอื้ เครอื่ งคดิ เลขแบบต้ังโต๊ะบางประเภท รวมถึงเครอ่ื งโทรสารในสมัยก่อน รูปภาพ 1-13 เคร่ืองพมิ พแ์ บบใชค้ วามรอ้ น หนา้ 15 ท่มี า : www.esssyntech.com ความรพู้ นื้ ฐานเกย่ี วกบั คอมพวิ เตอรก์ ราฟกิ

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 1.5.4 จอสมั ผสั (Touch Screen) เป็นคณุ ลกั ษณะหน่งึ คลา้ ยกบั แท็บเลต็ คอมพวิ เตอร์ โดยผูใ้ ชส้ ามารถสมั ผัสบนจอของเครอ่ื ง เพือ่ สง่ั การและทางานต่าง ๆ ได้ เดิมทจี อสมั ผสั สามารถรับ คาสง่ั จากผู้ใช้ไดท้ ีละหนง่ึ จดุ คาส่ังต่อมามกี ารพฒั นาระบบจอสัมผสั ใหส้ ามารถรบั คาส่ังแบบลากถูได้ คลา้ ยกับการคลิกเมาส์คา้ งไวแ้ ลว้ ลากวางและสามารถรบั คาส่ังหรือการกดบนหน้าจอจากผใู้ ช้ได้ หลายจุดพร้อมกัน เรยี กอีกอย่างหน่งึ วา่ มัลตทิ ัช รปู ภาพ 1-14 จอสัมผัส ทม่ี า : http://fly-overspace.blogspot.com/2014/07/touch-screen.html 1.5.5 กระดานกราฟิก (Graphic Tablet) คอื อปุ กรณก์ ารเขยี นหรือวาดภาพ โดยลกั ษณะ ของอปุ กรณไ์ ดอ้ อกแบบมาให้เหมอื นกับกระดานวาดภาพมีปากกาไวใ้ หใ้ ช้งานและภาพท่ีวาดขึ้นบน กระดานกราฟิกปรากฏบนหน้าจอคอมพิวเตอร์ สาหรับผทู้ ่ไี มส่ ะดวกใช้เมาสใ์ นการวาดรูป ที่รายละเอียดมาก ๆ รปู ภาพ 1-15 กระดานกราฟิก หนา้ 16 ทม่ี า : http://www.electron.rmutphysics.com ความรพู้ น้ื ฐานเกยี่ วกบั คอมพวิ เตอรก์ ราฟกิ

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 1.6 คอมพวิ เตอรก์ ราฟกิ กบั การประยกุ ตใ์ ช้งานดา้ นตา่ ง ๆ คอมพวิ เตอรก์ ราฟิกในปัจจบุ ันมกี ารพฒั นาทางด้านการใชเ้ ทคโนโลยี มกี ารนาคอมพิวเตอร์ มาพัฒนาในเรอ่ื งของการส่อื สารให้มีสสี นั สวยงาม สมจริงเสมือนการจาลองเหตุการณ์ เพ่อื ดงึ ดดู สายตาผู้พบเห็น การประยกุ ตใ์ ช้คอมพิวเตอร์กราฟิก ในงานดา้ นต่าง ๆ สามารถแบง่ ไดด้ งั นี้ 1.6.1 การประยกุ ต์ด้านการออกแบบ คอมพวิ เตอรก์ ราฟิกถกู นามาใช้ในการออกแบบ เชน่ การออกแบบทางวิศวกรรม งานด้านสถาปัตย์ออกแบบภายในบา้ น การออกแบบรถยนต์ การออกแบบเคร่อื งจักรกล รวมถงึ การออกแบบวงจรไฟฟา้ อเิ ล็กทรอนิกส์ โดยใช้โปรแกรมสาเรจ็ รูปกราฟกิ ต่าง ๆ โปรแกรมเหล่านี้ ช่วยใหผ้ อู้ อกแบบหรือวิศวกรออกแบบงานต่าง ๆ ได้สะดวก ปจั จุบนั ไดน้ าคอมพิวเตอร์มาช่วย ออกแบบเรยี กว่า โปรแกรม CAD (Computer Aided Design) เช่น โปรแกรมออโตแ้ คด (AUTOCAD) และคอมพวิ เตอร์ชว่ ยการผลิตทางอตุ สาหกรรมเรียกวา่ CAM (Computer Aided Manufacturing) ทอี่ านวยความสะดวกในการออกแบบและเพือ่ ปรบั ปรุงแกไ้ ขชิน้ สว่ นต่าง ๆ บนจอภาพ รปู ภาพ 1-16 กราฟิกดา้ นการออกแบบ ที่มา : http://www.sweethome3d.com ความรพู้ น้ื ฐานเก่ียวกบั คอมพวิ เตอรก์ ราฟกิ หน้า 17

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 1.6.2 การประยกุ ต์ดา้ นสอื่ สง่ิ พมิ พ์ ปจั จบุ ันในการโฆษณาสินค้าไดน้ าภาพกราฟิกเขา้ มาช่วยในการโฆษณาและส่อื ส่งิ พิมพ์ เพอ่ื เพม่ิ ความน่าสนใจของสนิ คา้ ตอ่ ผ้บู รโิ ภค เช่น โปสเตอรภ์ าพสาหรับการโฆษณา สามารถทาใหภ้ าพ ที่เหน็ เหมอื นภาพถา่ ยนน้ั แปลกออกไปจากเดมิ ได้ โดยมีภาพบางอยา่ งเพิ่มเขา้ ไปในภาพหรือบางสว่ น ของภาพน้นั หายไปทาใหเ้ กดิ ภาพเหนือจินตนาการ เช่น การนาการต์ ูนโฆษณาขายสินคา้ สาหรบั เดก็ ปา้ ยโฆษณาโทรศัพท์ ป้ายโฆษณารถยนตแ์ ละปา้ ยหนา้ รา้ นค้าตามแหล่งชมุ ชน รูปภาพ 1-17 กราฟิกกับงานด้านโฆษณาภาพยนตร์ รูปภาพ 1-18 กราฟกิ กับงานดา้ นโฆษณาสินคา้ ท่มี า : http://movie.you2play.com ที่มา : http://www.promotiontoyou.com 1.6.3 การประยกุ ตด์ ้านการแพทย์ อเิ มจโปรเซสซิง (Image Processing) หมายถงึ การแสดงภาพที่เกิดจากการถา่ ยรูป หรอื จากการแสกนภาพให้ปรากฏบนจอภาพคอมพวิ เตอร์ วธิ กี ารทางอิเมจโปรเซสซงิ ตา่ งกับวธิ กี าร ของคอมพิวเตอรก์ ราฟิก คือ ในระบบคอมพิวเตอร์กราฟิก ตัวคอมพวิ เตอร์เป็นตวั ทส่ี ร้างภาพแต่ เทคนิคทางอเิ มจโปรเซสซงิ ใช้คอมพวิ เตอรส์ าหรับการจัดรปู แบบของสแี ละแสงเงาทมี่ อี ยูแ่ ล้ วในภาพ ใหเ้ ป็นขอ้ มลู ทางดจิ ทิ ัล หากมีวธิ กี ารทาให้ภาพทีร่ ับเข้ามานนั้ มคี วามชัดเจนมากขน้ึ กอ่ น จากน้นั จงึ จดั การกับขอ้ มูลดจิ ิทลั ใหเ้ ปน็ ภาพส่งออกไปทีจ่ อภาพของคอมพวิ เตอร์ วธิ กี ารนมี้ ีประโยชน์ ในการแสดงภาพของวัตถุท่ไี มส่ ามารถมองเห็นไดโ้ ดยตรง เช่น ภาพถ่ายดาวเทยี ม ภาพจากทีวสี แกน ของหนุ่ ยนตอ์ ุตสาหกรรม ความรพู้ นื้ ฐานเก่ียวกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 18

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 เทคนิคของอิเมจโปรเซสซิงประยุกต์ใช้ทางการแพทย์ได้ เช่น การตรวจเลือด หวั ใจ อวยั วะภายใน การรักษาโรคมะเร็งโดยฉายรงั สีเอกซ์ เปน็ ตน้ โดยแสดงข้อมูลบนจอภาพเรยี กวา่ “เอกซเรยโ์ ทโมกราฟี” (X-Ray Tomography) รังสีนเี้ กิดปฏกิ ิริยาต่อฟลิ ม์ ถ่ายรูปหรอื กระดาษอดั รูป เช่นเดียวกับแสงสวา่ งธรรมดา รปู ภาพ 1-19 กราฟกิ กบั งานดา้ นการแพทย์ ท่มี า : https://www.usa.philips.com 1.6.4 การประยกุ ต์ดา้ นงานนาเสนอ การส่ือสารดว้ ยภาพศิลปะระหว่างผสู้ รา้ งกับผูร้ ับ (ผดู้ ู ผ้เู หน็ ) ดังน้นั ภาพกราฟิกจงึ เขา้ มาช่วยเพิ่มความเข้าใจใหก้ บั ผรู้ ับสารเพื่อใหเ้ ขา้ ใจงา่ ยมากยิง่ ข้นึ เช่น แผนภาพแสดงการเงนิ งานสถติ ิ และข้อมลู ทางเศรษฐกจิ ทเ่ี ป็นประโยชน์ตอ่ ผบู้ ริหารหรอื จดั การกิจการมากข้ึน เนอื่ งจากสามารถทา ความเข้าใจกับข้อมลู ได้งา่ ยและรวดเร็วกวา่ เดิม โดยในกลมุ่ งานการวิจัย เช่น การศกึ ษาทางฟสิ ิกส์ กราฟและแผนภาพมีส่วนช่วยให้นกั วิจยั ทาความเข้าใจกบั ข้อมูลได้งา่ ยขนึ้ เมื่อขอ้ มูลทตี่ อ้ งวเิ คราะห์ มจี านวนมาก จานวนนกั เรยี นนกั ศกึ ษา ประจาปีการศกึ ษา 2559 วิทยาลัยการอาชพี ขอนแกน่ 400 หญิง ชาย 200 0 ปวช.1 ปวช.2 ปวช.3 ปวส.1 ปวส.2 รูปภาพ 1-20 กราฟกิ กบั งานดา้ นการนาเสนอ หนา้ 19 ความรพู้ นื้ ฐานเกย่ี วกบั คอมพวิ เตอรก์ ราฟกิ

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 1.6.5 การประยกุ ต์ด้านเวบ็ เพจ ธุรกจิ เกย่ี วกบั การสร้างเว็บเพจใหก้ บั บริษัทหรอื หนว่ ยงานตา่ ง ๆ ได้นาคอมพวิ เตอร์ กราฟิกเข้ามาช่วยในการสรา้ งเวบ็ เพจ เพ่อื ใหเ้ ว็บเพจมคี วามสวยงามและสรา้ งภาพเคล่อื นไหว เพมิ่ ความนา่ สนใจมากขึ้น รูปภาพ 1-21 คอมพวิ เตอรก์ ราฟกิ กบั งานด้านเวบ็ เพจ ที่มา : http://support.myreadyweb.com 1.6.6 การประยกุ ตด์ ้านการศกึ ษา ด้านการศกึ ษามกี ารนาคอมพิวเตอรม์ าใชใ้ นงานช่วยสอน เรียกวา่ คอมพวิ เตอรช์ ว่ ยสอน หรอื CAI (Computer Aided Instruction) ในสาขาวิชาต่าง ๆ เช่น ดนตรี กีฬา คอมพวิ เตอรห์ รือ การเรียนร้ภู าษา การใช้คอมพิวเตอรช์ ่วยสอนมขี ้อดี คือ สามารถทบทวนเนือ้ หาในส่วนท่ไี มเ่ ข้าใจ สามารถย้อนกลบั มาดูบทเรยี นก่อนหน้าได้ ข้อเสียคือไม่มีผชู้ แี้ นะหากมีขอ้ สงสัยในเนอ้ื หาท่ีเรยี น ไมส่ ามารถสอบถามได้ ขนั้ ตอนในการใช้คอมพิวเตอร์ช่วยสอน สามารถมีข้อสอบเพือ่ ทดสอบเรื่อง ทเี่ รียนแต่ละบทวา่ ผูเ้ รยี นมคี วามเข้าใจในเน้อื หาทีเ่ รียนมากน้อยเพียงใด หากผู้เรยี นไดค้ ะแนนน้อย สามารถยอ้ นกลับไปเรียนรู้เนื้อหาบทเดิมแล้วกลบั มาทาขอ้ สอบใหม่จนได้คะแนนที่ดีขึ้น รปู ภาพ 1-22 ตวั อยา่ งคอมพิวเตอร์ชว่ ยสอน หน้า 20 ทีม่ า : https://sites.google.com ความรพู้ น้ื ฐานเกยี่ วกบั คอมพวิ เตอรก์ ราฟกิ

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 1.6.7 การประยกุ ต์ด้านบนั เทงิ ปัจจบุ นั การคมนาคมและการสอื่ สาร เชน่ ดา้ นวิทยุ โทรทัศน์ ดาวเทียม ใช้คอมพิวเตอร์ เขา้ ควบคุมและจัดการทงั้ สิน้ เชน่ การถา่ ยทอดสดทางโทรทศั น์ผ่านดาวเทยี ม ทง้ั ภายในและ ต่างประเทศเปน็ ไปอยา่ งรวดเร็ว หากผชู้ มใช้อินเทอรเ์ น็ตความเรว็ สูง สามารถรับชมการถา่ ยทอดสด ผา่ นเวบ็ ไซต์ไดอ้ ยา่ งรวดเร็ว การประยกุ ต์งานกราฟิกในด้านบันเทิง เชน่ ภาพยนตร์ การต์ ูนและเกม ภาพยนตรป์ ระเภทนยิ ายวิทยาศาสตรห์ รอื ภาพยนตร์ทใ่ี ช้เทคนิคพิเศษ ในปัจจุบนั มกี ารนาคอมพวิ เตอรก์ ราฟิกเขา้ มาชว่ ยในการออกแบบและสร้างภาพเคลื่อนไหว (Computer Animation) มากข้ึน เนอ่ื งจากเปน็ วิธที ส่ี ะดวก รวดเรว็ และง่ายกวา่ วิธีอื่น ภาพที่ไดด้ ูสมจริง เชน่ ภาพยานอวกาศท่ีปรากฏอยู่ในภาพยนตรป์ ระเภทนยิ ายวิทยาศาสตร์ เป็นต้น รูปภาพ 1-23 ตวั อยา่ งการตดั ตอ่ ภาพยนตร์ ท่ีมา : https:// www.jokergameth.com การ์ตูน การสร้างการต์ นู ใชว้ ิธกี ารวาดรปู ภาพทีละภาพลงบนเฟรมหรอื กาหนดให้ คอมพิวเตอรว์ าดภาพบนเฟรมแบบอัตโนมัติ จากนัน้ นาภาพวาดมาเรียงต่อกันและเปิดดว้ ยความเรว็ ท่ีต้องการ โดยความเร็วของการต์ นู ทน่ี ิยมใชก้ นั เป็นความเรว็ 12 FPS (Frame Per Second) รปู ภาพ 1-24 ตัวอย่างการ์ตูนญี่ปนุ่ ท่ีมลี กั ษณะเปน็ แอนเิ มชนั หนา้ 21 ที่มา : http://www.scim-im.org ความรพู้ น้ื ฐานเก่ยี วกบั คอมพวิ เตอรก์ ราฟกิ

เอกสารประกอบการเรยี น วชิ าโปรแกรมกราฟกิ รหสั 2204-2105 เกมคอมพิวเตอร์ทว่ั ไปมกั ใชร้ ูปภาพกราฟิกท่ีดูน่าสนใจ โดยปัจจบุ นั สามารถพบเกมใน ลกั ษณะ 3 มติ ิ มากกวา่ 2 มิติ มีการใชเ้ สยี ง ข้อความ วิดโี อ รวมไปถงึ อนิ เทอรเ์ นต็ ในเกมออนไลน์ ทาใหเ้ กมคอมพวิ เตอร์มีการโตต้ อบกบั ผูเ้ ล่นอกี ฝั่งของเครือ่ งคอมพวิ เตอรไ์ ด้รวดเร็ว เรยี กวา่ ระบบ มลั ตมิ เี ดยี (Multimedia System) คือ มีการนาขอ้ มูลหลายอยา่ งมาผสมผสานกันแล้วให้ผู้เลน่ เป็น ผู้ควบคุมตัวละครไดต้ ามใจชอบ ในสมยั กอ่ นใชส้ จี านวน 8 บิตและ16 บติ ปจั จบุ ันมกี ารเปลี่ยนมาใชส้ ี จานวน 24 บิต 32 บติ และ 64 บิต ส่งผลให้กราฟกิ ทีแ่ สดงในเกมมสี สี นั มากขึ้น ทาใหเ้ กมดสู มจรงิ และสวยงาม ในตา่ งประเทศมกี ารจัดลาดับเกมท่เี หมาะสมกับอายขุ องผู้เลน่ เกม รูปภาพ 1-25 ตวั อยา่ งเกมคอมพวิ เตอร์ที่ใชร้ ปู กราฟิกใหด้ ูน่าสนใจ ทีม่ า : http://www.game-ded.com สรปุ สาระสาคญั คอมพิวเตอรก์ ราฟกิ หมายถึง การสรา้ งภาพ การตกแต่งแก้ไขภาพ โดยใช้คอมพิวเตอร์ ในการจดั การกับภาพ เชน่ การตกแต่งภาพคนแกใ่ ห้มีวัยสาวข้ึนหรือสรา้ งภาพตามจนิ ตนาการ เพ่อื นาภาพประกอบการเสนอข้อมลู เพอื่ ใช้ในการสอ่ื ความหมายให้ชัดเจนตรงตามท่ผี ู้ส่ือสารตอ้ งการ ภาพกราฟกิ แบ่งเป็น 2 ประเภท คือ กราฟิกประเภท 2 มติ ิ เชน่ ภาพถา่ ย รูปวาด สญั ลักษณ์ การต์ นู ในโทรทัศน์ ตวั อยา่ ง เช่น ชนิ จงั โดเรมอ่ น ส่วนกราฟกิ ประเภท 3 มติ ิ เช่น การผลติ รถยนต์และ ภาพยนตร์การ์ตูน 3 มิติ อปุ กรณ์เสรมิ ทจ่ี าเปน็ นามาใช้ในงานกราฟกิ เช่น กล้องดิจิตอล เครอื่ งกราด ภาพ เครอ่ื งพมิ พ์ จอสัมผสั กระดานกราฟิก การออกแบบกราฟิกในปจั จบุ นั สามารถนาภาพมา ประยกุ ตใ์ ชใ้ นงานดา้ นตา่ ง ๆ เชน่ การออกแบบดา้ นสือ่ สงิ่ พมิ พ์ ด้านการแพทย์ ดา้ นงานนาเสนอ ดา้ นเวบ็ เพจ ด้านการศกึ ษาและดา้ นบันเทงิ งานเหลา่ น้มี ีคณุ คา่ และความสาคญั มากต่อผู้สร้างและ ผู้รับในด้านการส่ือสารท่ีมคี วามหมายตรงกัน สร้างความเรา้ ใจดงึ ดูดความสนใจและความเช่อื ถือได้ ของผลงาน ความรพู้ นื้ ฐานเก่ยี วกบั คอมพวิ เตอรก์ ราฟกิ หนา้ 22