หน่วยที่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 พลอ็ ตเตอร์ (Plotter) 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 บอกความหมายพล็อตเตอร์ (Plotter) ได้ 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. พล็อตเตอร์ (Plotter) กราฟิก 5. กระดานกราฟิก (Graphic Tablet) ประเภทของภาพกราฟิก คอมพิวเตอร์กราฟิกกับการประยุกตใ์ ช้งาน 1. ภาพกราฟิกประเภท 2 มติ ิ ด้านต่าง ๆ 2. ภาพกราฟิกประเภท 3 มติ ิ 1. การประยกุ ตด์ ้านการออกแบบ คุณคา่ และความสาคัญของงานกราฟิก 2. การประยกุ ตด์ ้านสอื่ สงิ่ พมิ พ์ 3. การประยกุ ต์ดา้ นการแพทย์ 4. การประยุกต์ดา้ นงานนาเสนอ 5. การประยกุ ตด์ ้านเวบ็ เพจ 6. การประยุกต์ด้านการศกึ ษา 7. การประยกุ ต์ด้านบันเทิง ความรูพ้ น้ื ฐานเกี่ยวกับคอมพวิ เตอรก์ ราฟกิ หน้า 3

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหสั 2204-2105 หน่วยการเรียนรทู้ ี่ 1 ความรพู้ นื้ ฐานเกี่ยวกบั คอมพิวเตอร์กราฟิก 1.1 ความเปน็ มาของคอมพิวเตอรก์ ราฟิก ปี ค.ศ.1940 คอมพิวเตอร์จะแสดงภาพกราฟิกโดยใช้เครอื่ งพมิ พ์ โดยรูปภาพท่ีไดจ้ ะเป็นภาพ ทเ่ี กดิ จากการใชต้ วั อักษรมาประกอบกนั ปี ค.ศ.1950 สถาบนั เทคโนโลยีแหง่ แมสซาซเู ซสต์ (Massachusetts Institute Technology : MIT) ไดพ้ ัฒนาคอมพิวเตอร์ ซึ่งมีหลอดภาพ CRT (CathodeRayTube) เปน็ ส่วนแสดงผลแทน เครอ่ื งพิมพเ์ นอื่ งจากมีความต้องการที่จะให้การติดต่อระหวา่ งผ้ใู ช้กับเคร่ืองคอมพิวเตอร์มคี วามเร็ว ยิง่ ข้ึน ปี ค.ศ.1950 ระบบ SAGE (Semi-Automatic Ground Environment) ของกองทัพอากาศ สหรัฐอเมริกาสามารถแปลงสัญญาณจากเรดาร์ ให้เปน็ ภาพบนจอคอมพวิ เตอร์ได้ ระบบนี้เป็นระบบ กราฟิกเคร่ืองแรกท่ีใช้ปากกาแสง (Light Pen : เป็นอุปกรณ์สาหรบั รบั ขอ้ มลู ชนดิ หนง่ึ ) สาหรับ การเลือกสัญลักษณ์ บนจอภาพได้ ปี ค.ศ.1950-ค.ศ.1960 มีการทาวจิ ยั เรอื่ งเก่ยี วกบั ระบบคอมพิวเตอร์เปน็ จานวนมาก ซ่งึ ตอ่ มา ไดก้ ลายเปน็ ต้นแบบของระบบคอมพิวเตอร์กราฟกิ สมัยใหม่ ตัวอยา่ งเช่น ในปี ค.ศ.1963 วิทยานพิ นธ์ ปริญญาเอกของ อีวาน ซเู ธอร์แลนด์ (Ivan Sutherland) เปน็ การพฒั นาระบบการวาดเส้น ซ่ึงผใู้ ช้ สามารถกาหนดจุดบนจอภาพไดโ้ ดยตรงโดยการใชป้ ากกาแสง จากนน้ั ระบบกราฟิกจะสามารถ ลากเส้นเชื่อมจุดตา่ ง ๆ เหลา่ น้เี ข้าดว้ ยกัน กลายเปน็ ภาพโครงสรา้ งรปู หลายเหลีย่ ม ระบบนี้ ไดก้ ลายเป็นหลกั การพืน้ ฐานของโปรแกรมชว่ ยในการออกแบบระบบงานต่าง ๆ เชน่ การออกแบบ ระบบไฟฟ้า และการออกแบบเคร่อื งจักร เปน็ ตน้ ในระบบหลอดภาพ CRT สมัยแรกนนั้ เราสามารถวาดเส้นตรงระหว่างจดุ สองจุดบนจอภาพได้ แต่ภาพเสน้ ทีว่ าดจะจางหายไปจากจอภาพ อยา่ งรวดเร็ว จึงตอ้ งมีการวาดซ้าลงท่ีเดิมหลาย ๆ ครั้งในหนง่ึ วนิ าที เพ่ือให้เราสามารถมองเห็น ว่าเสน้ ไม่จางหายไป ซ่ึงระบบแบบน้ีมรี าคาแพงมากในชว่ งต้นปี ค.ศ.1960 แตต่ ่อมาในปี ค.ศ.1965 จึงมรี าคาถูกลงเนื่องจากบริษัท ไอบเี อ็ม (IBM) ได้ผลติ ออกมาขาย เปน็ จานวนมากในราคาเคร่ืองละ 100,000 ดอลลาร์ จากการทีร่ าคาของจอภาพถูกลงมาก ทาให้สาขา คอมพิวเตอร์กราฟกิ เรมิ่ เปน็ ท่ีสนใจของคนทัว่ ไป ปี ค.ศ.1968 บรษิ ัท เทคโทรนกิ ส์ (Tektronix) ไดผ้ ลติ จอภาพแบบเก็บภาพไว้ไดจ้ นกวา่ ต้องการจะลบ (Storage-Tube CRT) ซึง่ ระบบน้ีไม่ต้องการหนว่ ยความจาและระบบการวาดซา้ ความรพู้ ้ืนฐานเก่ียวกบั คอมพวิ เตอรก์ ราฟิก หนา้ 4

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟิก รหัส 2204-2105 จึงทาใหร้ าคาถูกลงมาก บริษัทตั้งราคาขายไวเ้ พยี ง 15,000 ดอลลารเ์ ทา่ นั้น จอภาพแบบนจ้ี ึงเป็นที่ นิยมกนั มากในชว่ งเวลา 5 ปี ต่อมา กลางปี ค.ศ.1970 เปน็ ช่วงเวลาที่อปุ กรณ์ทางคอมพิวเตอร์ เร่ิมมรี าคาลดลงมาก ทาให้ฮารด์ แวรข์ องระบบคอมพวิ เตอร์กราฟิกมีราคาถูกลงตามไปด้วย ผใู้ ช้ทว่ั ไป จงึ สามารถนามาใชใ้ นงานของตนได้ ทาใหก้ ารใช้คอมพวิ เตอรก์ ราฟิกเร่ิมแพรห่ ลายในงานด้านตา่ ง ๆ มากขึ้น สาหรับซอฟต์แวร์ทางดา้ นกราฟิกกไ็ ด้มีการพัฒนาควบคู่มากบั ฮาร์ดแวรเ์ ช่นกนั ซึ่งมีการเริ่มตน้ จาก อวี าน ซเู ธอร์แลนด์ ผู้ซงึ่ ได้ออกแบบวิธกี ารหลัก ๆ รวมทง้ั โครงสร้างข้อมูลของระบบคอมพิวเตอร์ กราฟิก ตอ่ มาก็มี สตเี ฟน คูน (Steven Coons, 1966) และปแิ อร์ เบเซอร์ (Pierre Bazier, 1972) ซึง่ ศกึ ษาเกี่ยวกับการสรา้ งเส้นโค้งและภาพพ้นื ผิว ทาให้ปจั จุบนั เราสามารถสรา้ งภาพ 3 มิติ ไดส้ มจริงสมจังมากขึ้น ในช่วง 10 ปตี อ่ มาได้มีการพัฒนาวิธีการสร้างภาพมากมายสาหรบั ใชใ้ นระบบคอมพวิ เตอร์ กราฟิก และปจั จุบันเราก็ได้เห็นผลงานทส่ี วยงามและแปลกตา ซึง่ เปน็ ผลจากการศึกษาวิจัยตา่ ง ๆ ในอดตี น่ันเอง 1.2 ความหมายของกราฟิกและคอมพิวเตอร์กราฟิก 1.2.1 ความหมายของกราฟิก มผี ู้ให้ความหมายคาวา่ “กราฟิก” ดงั น้ี กราฟิก หมายถงึ ศิลปะแขนงหนง่ึ ซงึ่ ใชส้ อ่ื ความหมายดว้ ยเสน้ สญั ลักษณ์ รปู วาด ภาพถา่ ย กราฟ แผนภมู ิ การ์ตนู ฯลฯ เพ่อื ให้สามารถสอ่ื ความหมายข้อมลู ได้ถกู ต้องตรงตาม ท่ผี ู้ส่อื สารตอ้ งการ (ทิพาภรณ์ ประดู่, 2549 : 3) กราฟิก หมายถึง วัสดลุ ายเสน้ ได้แก่ วัสดุท่ีเกิดจากการวาดภาพ และการเขยี น โดยแบง่ เปน็ ลักษณะ 2 มิติ ซึ่งได้แก่การออกแบบจัดภาพประกอบการประดษิ ฐ์ตัวอักษร การทางานพิมพ์เปน็ ต้น (สานักงานคณะกรรมการประถมศึกษาแห่งชาติ, 2536) กราฟิก หมายถงึ การออกแบบทีเ่ กีย่ วกับการออกแบบเครือ่ งหมาย การออกแบบ ทเี่ ก่ียวกบั การพมิ พท์ ีใ่ ชใ้ นอตุ สาหกรรม (อารี สทุ ธพิ ันธ์, 2521 : 4) กราฟิกมาจากคาในภาษากรีกว่า Graphiko หมายถึง การเขียนภาพด้วยสแี ละลกั ษณะ ขาวดาเม่อื นามารวมกับคาว่า Graphein ทแ่ี ปลว่าการเขยี นตัวหนังสือและการส่อื ความหมาย โดยใชเ้ ส้น คาวา่ กราฟกิ จึงหมายถึงรูปแบบของงานที่มุ่งแสดงความจริงหรอื ความคดิ ผ่าน ทางการวาดรูปและเขียนตวั อักษร (อศั วิน ศิลปเมธากลุ , 2543 : 16) ความร้พู ื้นฐานเกยี่ วกับคอมพิวเตอร์กราฟิก หน้า 5

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟิก รหัส 2204-2105 สรุป กราฟิก หมายถึง การสือ่ ความหมายดว้ ยการใชศ้ ลิ ปะและศาสตรท์ างการใช้เส้น ภาพวาด ภาพเขยี น แผนภาพ ตลอดจนสัญลกั ษณ์ ท้งั สีและขาว-ดา ซึง่ มลี กั ษณะเห็นได้ชัดเจน เข้าใจ ความหมายไดท้ ันที ตรงตามที่ผู้สื่อสารตอ้ งการ 1.2.2 ความหมายของคอมพิวเตอรก์ ราฟกิ มีผู้ให้ความหมายคาว่า “คอมพวิ เตอรก์ ราฟิก” ดังน้ี คอมพิวเตอร์กราฟกิ หมายถึง การใชค้ อมพิวเตอรส์ รา้ งภาพโดยการวาดภาพกราฟกิ หรือ นาภาพมาจากสอื่ อน่ื ๆ เช่น วีดิทศั น์ ภาพยนตร์ กลอ้ งถ่ายรูปดจิ ติ อล การออกแบบเวบ็ ไซต์ เชือ่ มโยง ขอ้ มูล โดยภาพกราฟิกเหล่านี้ประกอบดว้ ย เส้น สี แสง และเงาตา่ ง ๆ สามารถตอบสนองกับผใู้ ช้งาน คอมพิวเตอร์กราฟิก หมายถึง การสรา้ งภาพ การตกแตง่ แก้ไข หรอื การจัดการเกยี่ วกับ รปู ภาพ โดยใช้เครื่องคอมพวิ เตอร์ในการจดั การ เช่น การตกแต่งแก้ไขภาพคนแก่ใหม้ ีวัยที่เดก็ ข้ึน การสรา้ งภาพตามจินตนาการ การสรา้ งภาพเหมือน และการใช้ภาพกราฟิกในการนาเสนอข้อมลู ในด้านต่าง ๆ การออกแบบเวบ็ ไซต์ เพื่อใหส้ ามารถสื่อความหมายได้ตรงตามทผี่ ูส้ ่อื สารต้องการ และดงึ ดูดให้น่าสนใจยิง่ ขนึ้ ดว้ ยกราฟ แผนภูมิ แผนภาพ (ทิพาภรณ์ ประดู่, 2549 : 3) คอมพวิ เตอร์กราฟิก หมายถึง คอมพวิ เตอร์เพื่อแสดงภาพ แผนภาพ การแบง่ ส่วน การแสดงความสัมพนั ธ์กราฟ โดยใสข่ ้อมูลเข้าไปเปน็ ตัวเลข เกดิ เป็นภาพบนจอภาพ สามารถ ขยายภาพ หมนุ เอยี ง หรอื การจดั ทากบั ภาพเหล่าน้นั อยา่ งไรกไ็ ด้ เพอ่ื การสอ่ื ความหมายไดด้ ีย่ิงขึ้น ปัจจุบันมีการใชภ้ าพกราฟิกประยกุ ต์ใช้ในงานทุก ๆ ดา้ นไม่ว่าดา้ นธรุ กิจ โรงงานอตุ สาหกรรม งานศลิ ปะ การบันเทงิ งานโฆษณาสนิ คา้ การศึกษา การวจิ ัย การฝกึ อบรม และงานทางการแพทย์จน เหน็ ไดช้ ดั เจนว่า คอมพวิ เตอรก์ ราฟิก นัน้ มกี ารใหค้ วามสาคัญเน่ืองจากเปน็ เคร่ืองมือทส่ี ามารถช่วย ออกแบบกราฟิกได้อยา่ งรวดเร็วไม่จาเปน็ ตอ้ งอาศยั เคร่ืองมือจานวนมาก อีกทง้ั ผอู้ อกแบบสามารถ ดูผลงานการออกแบบก่อนได้ทนั ที (ทกั ษณิ า สวนานนท์, 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 1.4 คณุ ค่าและความสาคัญของงานกราฟกิ งานกราฟิกเป็นการสอื่ สารด้วยศิลปะระหว่างผู้สรา้ ง กับผู้รับ (ผ้ดู ู ผเู้ หน็ ) ดังนนั้ งานกราฟิก จงึ มคี ณุ ค่าและความสาคัญดังน้ี 1. เปน็ สอ่ื กลางในการสอื่ ความหมายใหเ้ กิดการเข้าใจตรงกันสรา้ งระบบการเรยี นรู้ สรา้ งแนวคดิ ใหม่ ๆ เชงิ สร้างสรรค์ 2. สร้างความเรา้ ใจน่าสนใจ ความประทับใจ และความเช่ือถือได้ของผลงาน เพ่ือให้เกิด การเรียนร้เู กิดการศึกษากบั กลมุ่ เปา้ หมายได้ 3. ก่อใหเ้ กิดความคิดสรา้ งสรรค์รูปแบบใหม่ โดยการประยกุ ต์ความคดิ จากผลงานเดิม 4. ช่วยสรุปความคิด และจนิ ตนาการออกมาเปน็ ข้อมูลทส่ี อ่ื สารไดง้ ่าย ทาให้ผ้พู บเห็น เกิดการเปล่ยี นแปลงพฤติกรรมทั้งทางด้านการกระทาและความคิด 5. สรา้ งระบบการถ่ายทอดท่มี คี วามเด่นชดั แปลความหมายไดร้ วดเรว็ 6. สรา้ งความเจรญิ ก้าวหนา้ ใหธ้ รุ กิจ สรา้ งอาชพี และรายไดใ้ นสังคม 7. สร้างค่านยิ มทางความคดิ ทง่ี ดงามได้แนวคดิ ทด่ี ี ความรพู้ ้นื ฐานเก่ียวกบั คอมพิวเตอรก์ ราฟิก หน้า 8

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

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟกิ รหสั 2204-2105 1.5.3 เครอ่ื งพิมพ์ (Printer) คอื อปุ กรณ์แสดงผลขอ้ มลู ต่าง ๆ เช่น แสดงขอ้ ความ ตวั เลข ภาพ สัญลักษณ์ ฯลฯ แสดงออกทางเครื่องพมิ พใ์ นรปู แบบการพิมพ์ออกทางกระดาษหรือวัตถุอ่ืน ๆ ที่ มีผิวเรียบการแบ่งเคร่ืองพมิ พ์ในปจั จุบันสามารถแบ่งได้ 3 ประเภท คอื 1. เคร่อื งพิมพแ์ บบจดุ (Dot-Matrix Printer) คอื ระบบหวั เขม็ กระแทกกบั ผา้ หมึก ลงบนกระดาษโดยหวั พิมพจ์ ะมชี ุดเข็มเรียงกันเป็นชุด เพ่ือกระแทกผา้ หมึกใหห้ มกึ ติดลงบนกระดาษ ทีละจุดเรยี งกนั เป็นตัวอักษร ดังน้ันเวลาพมิ พจ์ ะมีเสียงกระแทกของหัวเข็มเสียงดัง งานที่ได้มีคุณภาพ ปานกลางความเรว็ ในการพิมพ์ 1-8 หนา้ ต่อนาที รปู ภาพ 1-5 เครื่องพิมพ์แบบจดุ ท่มี า : http://www.electron.rmutphysics.com 2. เครอื่ งพิมพแ์ บบฉีดหมกึ (Ink Jet Printer) คือ วธิ ีการฉดี พ่นหมึกเข้าไปเปน็ จุด เลก็ ๆ บนกระดาษสามารถพิมพภ์ าพสี และภาพขาวดาได้ คณุ ภาพของงานพิมพส์ วยงามนยิ มใช้ ในงานโรงพมิ พ์ทั่วไป ความเร็วในการพมิ พ์ 1-10 หนา้ ตอ่ นาที รปู ภาพ 1-6 เคร่อื งพมิ พ์แบบฉีดหมกึ หน้า 10 ที่มา : http://www.electron.rmutphysics.com ความรพู้ ้นื ฐานเกย่ี วกับคอมพวิ เตอร์กราฟิก

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟิก รหัส 2204-2105 3. เครื่องพิมพ์เลเซอร์ (Laser Printer) คือ เคร่ืองพิมพท์ ี่พฒั นาจากเครือ่ งพิมพ์ แบบจดุ และแบบฉีดพน่ หมกึ สามารถพิมพ์ไดเ้ รว็ และความคมชดั ของงานดีมากกว่า แตร่ าคาเครื่องสงู กว่าเครื่องพมิ พช์ นิดอื่นและความเร็วในการพิมพ์ 4-20 หนา้ ต่อนาที (ppm) และมีความละเอียด ในการพิมพ์ 300-1200dpi (dots per inches - จานวนจุดทพี่ ิมพ์ในหน่ึงนิ้ว) รปู ภาพ 1-7 เคร่อื งพมิ พ์เลเซอร์ ทม่ี า : http://www.electron.rmutphysics.com 1.5.4 พลอ็ ตเตอร์ (Plotter) คอื เครื่องพมิ พ์แบบที่ใช้ปากกาในการเขยี นข้อมลู ลงบนกระดาษ ซงึ่ เครอื่ งพิมพ์ประเภทนี้เหมาะกับงานเขยี นแบบของวิศวกรและสถาปนิก และเครือ่ งพมิ พ์ประเภทนี้ มีราคาแพงที่สุดในกลุ่มเครอื่ งพิมพป์ ระเภทต่าง ๆ รูปภาพ 1-8 พลอ็ ตเตอร์ (Plotter) ที่มา : http://www.electron.rmutphysics.com ความรู้พ้ืนฐานเกีย่ วกบั คอมพวิ เตอร์กราฟกิ หนา้ 11

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

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

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

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟกิ รหัส 2204-2105 จานวนนักเรยี นนกั ศกึ ษา ประจาปีการศกึ ษา 2559 วิทยาลยั การอาชีพขอนแกน่ 400 หญงิ ชาย 200 0 ปวช.1 ปวช.2 ปวช.3 ปวส.1 ปวส.2 รูปภาพ 1-14 กราฟิกกับงานด้านการนาเสนอ ทีม่ า : อรทัย เลิศขุนทด (2559) 1.6.5 การประยกุ ต์ดา้ นเว็บเพจ ธุรกจิ เก่ยี วกบั การสรา้ งเวบ็ เพจใหก้ ับบริษทั หรือหน่วยงานต่าง ๆ ได้นาคอมพวิ เตอร์ กราฟิกเข้ามาชว่ ยในการสร้างเวบ็ เพจ เพ่ือให้เวบ็ เพจมีความสวยงามและสร้างภาพเคลื่อนไหว เพมิ่ ความน่าสนใจมากขน้ึ รปู ภาพ 1-15 คอมพวิ เตอร์กราฟกิ กบั งานดา้ นเวบ็ เพจ ทมี่ า : http://support.myreadyweb.com ความรพู้ ้ืนฐานเกย่ี วกับคอมพวิ เตอรก์ ราฟิก หนา้ 15

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

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟกิ รหสั 2204-2105 รูปภาพ 1-17 ตัวอยา่ งการตดั ต่อภาพยนตร์ ทม่ี า : https:// www.jokergameth.com การต์ นู คือ ภาพเคลื่อนไหว ในการสร้างการต์ นู จาเป็นตอ้ งมโี ครงเรอ่ื ง (Story Board) ของการ์ตนู เรือ่ งนนั้ ๆ โดยการสร้างการ์ตูนจะใช้วธิ ีการวาดรูปภาพทีละภาพลงบนเฟรมหรอื กาหนดใหค้ อมพิวเตอร์วาดภาพบนเฟรมแบบอตั โนมัติ จากนน้ั นาภาพทวี่ าดมาเรยี งตอ่ กันและเปดิ ดว้ ยความเรว็ ท่ีตอ้ งการ โดยความเร็วของการต์ นู ทนี่ ยิ มใช้กันเป็นความเร็ว 12 FPS (Frame Per Second) รูปภาพ 1-18 ตัวอยา่ งการต์ นู ญ่ีปนุ่ ที่มีลกั ษณะเปน็ แอนิเมชัน ทีม่ า : http://www.scim-im.org เกมคอมพิวเตอร์ทวั่ ไปมักใช้รูปภาพกราฟกิ ที่ดนู ่าสนใจ โดยปัจจบุ ันจะพบเกมใน ลกั ษณะ 3 มติ ิ มากกวา่ 2 มิติ ซ่ึงมีการใชเ้ สยี ง ข้อความ วิดีโอ รวมไปถึงอินเทอรเ์ นต็ ในเกมออนไลน์ ทาให้เกมคอมพิวเตอร์มีการโต้ตอบกับผู้เลน่ อีกฝัง่ ของเครอื่ งคอมพิวเตอรไ์ ดร้ วดเรว็ ซงึ่ เรียกว่า ระบบ มลั ติมเี ดีย (Multimedia System) คือมีการนาข้อมูลหลายอยา่ งมาผสมผสานกนั แล้วให้ผเู้ ล่นเปน็ ความรูพ้ ้ืนฐานเกีย่ วกบั คอมพิวเตอร์กราฟกิ หนา้ 17

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

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟกิ รหัส 2204-2105 แบบฝกึ หดั ทา้ ยหนว่ ยการเรยี นรทู้ ี่ 1 เรอ่ื ง ความรูพ้ ้นื ฐานเก่ียวกับคอมพิวเตอรก์ ราฟิก คาสง่ั จงตอบคาถามต่อไปน้ใี ห้สมบูรณท์ ่ีสดุ 1. จงบอกความเป็นมาของคอมพวิ เตอร์กราฟิก ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… 2. อธบิ ายความหมายของกราฟิกและคอมพิวเตอร์กราฟิก ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… 3. จงบอกประเภทของภาพกราฟิก ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… 4. จงบอกคุณคา่ และความสาคญั ของงานกราฟิก ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… 5. จงบอกอุปกรณ์เสรมิ ท่ีจาเป็นนามาใช้ในงานกราฟิก ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… 6. จงบอกคอมพิวเตอร์กราฟิกสามารถนาไปประยุกตใ์ ชง้ านดา้ นอะไรบ้าง ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………… ความรู้พน้ื ฐานเกยี่ วกับคอมพวิ เตอรก์ ราฟิก หน้า 19

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟิก รหสั 2204-2105 ใบงานท้ายหน่วยการเรยี นรทู้ ี่ 1 เรื่อง ความรู้พืน้ ฐานเกีย่ วกบั คอมพิวเตอร์กราฟิก จุดประสงค์ 1. บอกความเปน็ มาของคอมพวิ เตอรก์ ราฟิกได้ 2. บอกความหมายของกราฟิกและคอมพิวเตอรก์ ราฟิกได้ 3. บอกประเภทของภาพกราฟกิ ได้ 4. อธบิ ายคุณค่าและความสาคญั ของงานกราฟิกได้ 5. บอกอุปกรณเ์ สริมทีจ่ าเป็นนามาใชใ้ นงานกราฟิกได้ 6. ประยุกต์ใชค้ อมพวิ เตอร์กราฟกิ กบั งานด้านต่าง ๆ ได้ ข้ันตอนการปฏิบตั ิงาน 1. แบง่ นกั เรียนเป็น 6 กลุม่ 2. ให้นักเรียนค้นหาข้อมูลจากอินเตอร์เน็ต หรือสื่อต่าง ๆ แล้วสรุปประเด็นตามหัวข้อต่อไปนี้ พรอ้ มท้งั จัดทาเอกสารนาเสนอหน้าช้นั เรยี น 2.1 ความเป็นมาของคอมพิวเตอร์กราฟิก 2.2 ความหมายของกราฟิกและคอมพวิ เตอรก์ ราฟิก 2.3 ประเภทของภาพกราฟิก 2.4 คณุ ค่าและความสาคัญของงานกราฟิก 2.5 อุปกรณ์เสริมท่ีจาเป็นนามาใช้ในงานกราฟิก 2.6 คอมพิวเตอร์กราฟกิ กบั การประยกุ ตใ์ ชง้ านด้านตา่ ง ๆ 3. ส่งตัวแทนกลมุ่ นาเสนอหน้าห้องเรยี น กลมุ่ ละ 5 นาที ความรูพ้ นื้ ฐานเกย่ี วกบั คอมพิวเตอรก์ ราฟิก หน้า 20