คอมพิวเตอร์กราฟิก

1 1หนว่ ยการเรียนรูท้ ่ี ความรู้เบ้ืองต้นเกีย่ วกับคอมพิวเตอรก์ ราฟกิ สาระสาคัญ คอมพิวเตอร์กราฟิก (Computer Graphics) คือการใช้คอมพิวเตอรส์ รา้ งภาพโดย การวาดภาพกราฟิกหรอื การใชซ้ อฟตแ์ วรเ์ ก่ียวกบั การวาดภาพตา่ ง ๆ ในคอมพิวเตอร์ รวมไปถงึ การตกแตง่ แกไ้ ขหรือการจดั การเกี่ยวกับรปู ภาพโดยใชเ้ ครอื่ งมอื คอมพิวเตอร์ ในการจัดการ ประกอบดว้ ย เส้น สี แสง และเงาต่างๆ กราฟิกที่ใช้ในงานคอมพิวเตอร์ มี 2 ชนดิ คือ Vector และ Bitmap ซ่ึงจะมีลักษณะที่แตกตา่ งกัน รปู แบบของสีดา้ น กราฟิกมี 4 รปู แบบคือ RGB, CMYK, HSB และ Lab การออกแบบกราฟิกตามหลกั องคป์ ระกอบศิลปเ์ พ่ือให้ไดภ้ าพกราฟิกท่ีสมบูรณแ์ ละสวยงาม ประกอบด้วยองคป์ ระกอบ ดา้ นการออกแบบ การจดั วาง และองค์ประกอบในการผลิตส่ือกราฟกิ สาระการเรียนรู้ 1. ความหมายของกราฟิกและคอมพิวเตอรก์ ราฟิก 2. หลักการทางานและการแสดงผลของภาพคอมพวิ เตอร์กราฟิก 3. ความร้เู กยี่ วกบั หลักการใช้สี 4. การออกแบบกราฟิกตามหลักองคป์ ระกอบศลิ ป์ 5. ประโยชน์ของคอมพิวเตอรก์ ราฟิกกับการประยุกตใ์ ชใ้ นงานด้านต่าง ๆ สมรรถนะประจาหน่วย แสดงความรู้เบ้ืองต้นเก่ียวกับคอมพิวเตอร์กราฟิก เพื่อให้เกิดทักษะในการใช้งาน คอมพวิ เตอร์ได้ถูกต้อง จุดประสงค์การเรียนรู้ 1. เพื่อให้มีความรู้ความเขา้ ใจเกี่ยวกับความรู้เบ้อื งตน้ เกีย่ วกับคอมพวิ เตอร์กราฟิก (K) 2. เพื่อใหป้ ระยุกตใ์ ชง้ านประโยชน์ของคอมพิวเตอร์กราฟิกในงานต่าง ๆ ได้ (K) 3. เพื่อให้เกิดทักษะในการใชง้ านคอมพวิ เตอร์ได้ถูกต้อง (P) 4. เพ่อื ให้เกิดทักษะการออกแบบกราฟิกตามหลักองคป์ ระกอบศิลปไ์ ด้ถกู ต้อง (P) 5. เพอ่ื ให้มเี จคติท่ีดีต่อการปฏบิ ัตงิ านทีไ่ ด้รบั มอบหมายอยา่ งมีความรบั ผิดชอบ (A) 6. เพอ่ื ให้มคี วามซอ่ื สัตย์สจุ รติ มีความสนใจใฝร่ ู้ และมีสัมมาคารวะต่อครูอย่าง สม่าเสมอ (A)

2 ผงั สาระการเรียนรู้ หนว่ ยท่ี  ความรูเ้ บ้อื งตน้ เกย่ี วกับคอมพิวเตอร์กราฟกิ ความร้เู บือ้ งตน้  ความหมายของกราฟกิ และคอมพิวเตอรก์ ราฟิก เกยี่ วกับ  หลกั การทางานและการแสดงผลของภาพคอมพิวเตอร์  ความรู้เกี่ยวกับหลักการใช้สี คอมพิวเตอร์กราฟกิ  การออกแบบกราฟิกตามหลักองคป์ ระกอบศิลป์  ประโยชนข์ องคอมพิวเตอรก์ ราฟกิ กับการประยุกต์ใชใ้ นงานด้านตา่ ง ๆ

3 แบบทดสอบกอ่ นเรียน หนว่ ยที่  ความรเู้ บ้ืองตน้ เกย่ี วกบั คอมพิวเตอรก์ ราฟกิ คาช้แี จง 1. แบบทดสอบนเ้ี ปน็ แบบทดสอบแบบปรนัยเลอื กตอบ 4 ตวั เลอื ก 2. แบบทดสอบนี้มจี านวน 10 ข้อ คะแนนเตม็ 10 คะแนน ใช้เวลา 15 นาที 3. จงเลือกคาตอบที่ถูกต้องที่สุดเพยี งคาตอบเดียว  ข้อใดกล่าวถงึ ความหมายของกราฟิกได้ถกู ตอ้ งทส่ี ุด ก. การสือ่ ความหมายโดยการใชเ้ ส้น สญั ลกั ษณ์ รปู วาด ภาพถ่าย ตัวอกั ษร ข. การจดั การกับภาพถา่ ยโดยใชส้ ัญลกั ษณ์ทางกราฟกิ ค. การสรา้ งงานดว้ ยเสน้ ที่มีลวดลายสวยงาม ง. การสร้างงานด้วยสญั ลกั ษณแ์ ทนรปู ภาพ  ขอ้ ใดกล่าวถึงความหมายของคอมพวิ เตอรก์ ราฟกิ ได้ถกู ต้องที่สดุ ก. การใช้คอมพวิ เตอร์ในการค้นหาขอ้ มูลตา่ ง ๆ ข. การใช้ซอฟแวร์ระบบผลติ สื่อสงิ่ พิมพ์ ค. การใชง้ านคอมพิวเตอรใ์ นการสรา้ งานกราฟิก ง. การออกแบบงานศิลปะโดยการวาดดว้ ยดินสอ  ขอ้ ใดคอื ไฟล์ภาพที่ไดจ้ ากการประมวลผลภาพกราฟิกแบบ Bitmap ก. .Gif ข. .EPS ค. .AI ง. .DRW  ภาพที่เกดิ บนจอคอมพิวเตอรเ์ กดิ จากการทางานของโหมดสี RGB ซงึ่ ประกอบดว้ ยสอี ะไร ก. สนี า้ เงนิ สีขาว สีดา ข. สแี ดง สนี ้าเงนิ สีเขยี ว ค. สแี ดง สขี าว สีน้าเงิน ง. สเี หลอื ง สแี ดง สเี ขยี ว  ไฟล์ภาพท่ีไดจ้ ากการประมวลผลภาพแบบกราฟกิ มีกี่ระบบ ก. 4 ระบบ ข. 5 ระบบ ค. 6 ระบบ ง. 7 ระบบ

4  ขอ้ ใดกล่าวถกู ต้องเกี่ยวกับหลักการทางานของกราฟกิ แบบ Bitmap ก. ภาพทเ่ี กิดจากสมการทางคณิตศาสตร์ ข. ภาพทีเ่ กิดจากแสงกระทบกบั วตั ถุกลายเป็นสีแบบ RGB และเกดิ เปน็ ภาพสตี ่าง ๆ ค. ภาพทเี่ กิดจากการสร้างลายเสน้ ระหว่างเสน้ โคง้ และเสน้ ตรง โดยอ้างองิ ความสมั พนั ธ์ ง. ภาพที่สรา้ งจากเม็ดสีท่ีมีสสี นั แตกต่างกัน นามาเรยี งตอ่ กันจนเกดิ เปน็ ภาพ  ขอ้ ใดเปน็ ระบบสีแบบการมองเห็นของสายตามนษุ ย์ ก. ระบบสแี บบ RGB ข. ระบบสีแบบ CMYK ค. ระบบสีแบบ HSB ง. ระบบสแี บบ LAB  ขอ้ ใดคือองค์ประกอบของการออกแบบกราฟกิ ก. จดุ ข. เส้น ค. รปู ทรง ง. ถูกทุกข้อ  ขอ้ ใดคือหน่วยวดั ความละเอยี ดของภาพ (Resolution) ก. PPI ข. CM ค. MM ง. DPI  คาว่า Graphic มาจากภาษาใด ข. ภาษากรีก ง. ภาษาโรมนั ก. ภาษาฝร่ังเศส ค. ภาษาเยอรมนั

5 เฉลย แบบทดสอบก่อนเรียน หน่วยที่  ความรู้เบ้อื งต้นเกย่ี วกบั คอมพวิ เตอรก์ ราฟกิ 1. ก 2. ค 3. ก 4. ข 5. ก 6. ง 7. ค 8. ง 9. ก 10. ข

6 1หนว่ ยการเรยี นรู้ท่ี ความรูเ้ บ้ืองต้นเกีย่ วกบั คอมพิวเตอรก์ ราฟิก  ความหมายของกราฟิกและคอมพิวเตอรก์ ราฟกิ กราฟิก (Graphics) มักเขียนผิดเป็น กราฟกิ ส์ กราฟฟกิ ส์ กราฟฟกิ คาวา่ “กราฟิก” มาจากภาษากรกี ซึง่ หมายถงึ การวาดเขยี น (Graphikos) และการเขยี น (Graphein) การสอ่ื ความหมายโดยการใช้เส้น ดงั นน้ั จงึ สรปุ ไดว้ า่ 1.1 กราฟิก (Graphics) หมายถึง ศลิ ปะแขนงหนงึ่ ซึ่งใชส้ ่อื ความหมายดว้ ยเสน้ สัญลกั ษณ์ รูปวาด ภาพถ่าย กราฟ แผนภูมิ การ์ตนู ฯลฯ เพอื่ ใหส้ ามารถสื่อความหมาย ข้อมลู ไดถ้ ูกตอ้ งตรงตามท่ีผู้ส่ือสารตอ้ งการ 1.2 คอมพิวเตอร์กราฟกิ (Computer Graphics) หมายถึง การสร้าง การตกแต่งแก้ไข หรือการจัดการเก่ียวกบั รูปภาพ โดยใช้เคร่อื งคอมพิวเตอร์ในการจัดการ ประกอบไปดว้ ย เสน้ สี แสง และเงาตา่ ง ๆ ยกตัวอย่างเช่น การทา Image Retouching ภาพคนแก่ ใหม้ วี ัยที่เดก็ ขึน้ การสรา้ งภาพตามจนิ ตนาการและการใชภ้ าพกราฟิกในการ นาเสนอข้อมูลต่าง ๆ เพื่อให้สามารถสื่อความหมายไดต้ รงตามทีผ่ สู้ ่ือสารต้องการและ น่าสนใจยิ่งขึน้ ดว้ ยกราฟ แผนภมู ิ แผนภาพ เปน็ ต้น และสามารถแสดงออกทางจอภาพ หรอื พิมพ์ออกมาทางเครื่องพิมพไ์ ด้ ภาพกราฟกิ แบง่ เปน็ 2 ประเภท คือ ภาพกราฟิกแบบ 2 มิติ และภาพกราฟิก แบบ 3 มติ ิ 1.2.1 ภาพกราฟิกแบบ 2 มติ ิ เปน็ ภาพท่ีพบเห็นโดยทั่วไป เชน่ ภาพถา่ ย รปู วาด ภาพ ลายเส้น สญั ลักษณ์ กราฟ รวมถึงการต์ นู ต่าง ๆ ในโทรทศั น์ ยกตัวอย่าง เชน่ การ์ตูนเรื่องพิภพยมราช ชินจัง และโดเรมอน เป็นตน้ ซงึ่ การต์ นู จะเป็นภาพกราฟิก เคล่อื นไหว (Animation) โดยจะมกี ระบวนการสรา้ งที่ซบั ซ้อนกวา่ ภาพวาดปกติ 1.2.2 ภาพกราฟกิ แบบ 3 มิติ เปน็ ภาพกราฟิกท่ใี ช้โปรแกรมสร้างภาพ 3 มิติ โดยเฉพาะ เช่น โปรแกรม 3 Ds max โปรแกรม Maya เป็นต้น ซึ่งจะทาให้ไดภ้ าพมสี ี และแสงเงาเหมือนจริง เหมาะกับงานด้านสถาปตั ย์ และการออกแบบต่าง ๆ รวมถึงการสรา้ ง เป็นภาพยนตรก์ ารต์ ูนหรือโฆษณาสนิ ค้าต่าง ๆ เชน่ การต์ ูน เร่ือง Nemo The Bug และ ปังปอนด์แอนิเมชัน เป็นต้น

7  หลกั การทางานและการแสดงผลของภาพคอมพวิ เตอร์ ภาพทเ่ี กดิ บนจอคอมพวิ เตอร์ เกดิ จากการทางานของโหมดสี RGB ซงึ่ ประกอบดว้ ย สแี ดง (Red) สีเขยี ว (Green) และสนี า้ เงิน (Blue) โดยใชห้ ลักการยิงประจุไฟฟา้ ใหเ้ กดิ การ เปล่งแสงของสที งั้ 3 สีมาผสมกนั ทาให้เกดิ เปน็ จุดสสี ีเ่ หลยี่ มเลก็ ๆ ที่เรียกว่า พิกเซล (Pixel) ซ่งึ มาจากคาวา่ Picture กบั Element โดยพกิ เซลจะมหี ลากหลายสี เม่อื นามาวางต่อกนั จะเกิดเปน็ รูปภาพ ซึ่งภาพท่ใี ช้กบั เคร่ืองคอมพวิ เตอรม์ ี 2 ประเภท คือ แบบ Raster และ แบบ Vector ความละเอียดของภาพ (Resolution) เป็นจานวนของพิกเซลทอ่ี ยูภ่ ายในภาพโดยใช้ หน่วยวัดเป็นพกิ เซลตอ่ นิ้ว (Pixel Per Inch: PPI) เช่น 400 PPI หรือ 700 PPI เปน็ ต้น ย่ิงมคี า่ มากจะมคี วามละเอยี ดสูง ภาพทม่ี ีความละเอียดมากจะมคี วามคมชดั กวา่ ภาพทม่ี ี ความละเอยี ดนอ้ ย ภาพที่ 1.1 โหมดสี RGB ท่ีมา : https://www.gogoprint.co.th 2.1 หลกั การของกราฟิกแบบ Raster หลักการของภาพกราฟิกแบบ Raster หรอื แบบ Bitmap เปน็ ภาพกราฟิกท่เี กิด จากการเรยี งตัวกันของจุดส่เี หลีย่ มเลก็ ๆ หลากหลายสี ซึ่งเรยี กจดุ สเี หลย่ี มเล็ก ๆ นี้วา่ พิกเซล (Pixel) ในการสร้างภาพกราฟิกแบบ Raster จะต้องกาหนดจานวนของพิกเซล ใหก้ บั ภาพท่ีต้องการสร้าง ถ้ากาหนดจานวนพิกเซลน้อย เม่ือขยายภาพใหม้ ีขนาดใหญ่ขน้ึ จะ ทาใหแ้ ฟม้ ภาพมขี นาดใหญ่ ดังนน้ั การกาหนดพิกเซลจงึ ควรกาหนดใหเ้ หมาะกับงานทส่ี รา้ ง คอื ถา้ ต้องการใช้งานท่ัว ๆ ไปจะกาหนดจานวนพกิ เซลประมาณ 100-150 ppi (Pixel/inch) “จานวนพกิ เซลต่อ 1 ตารางนวิ้ ” ถ้าเปน็ งานทีต่ อ้ งการความละเอยี ดนอ้ ย และแฟม้ ภาพมขี นาดเล็ก เชน่ ภาพสาหรบั ใชก้ ับเว็บไซตจ์ ะกาหนดจานวนพิกเซลประมาณ 72 ppi และถ้าเป็นแบบงานพิมพ์ เช่น นติ ยสาร โปสเตอร์ขนาดใหญ่ จะกาหนดจานวน พกิ เซลประมาณ 300-350 เป็นต้น ขอ้ ดีของภาพกราฟิกแบบ Raster คอื สามารถแก้ไข ปรับแตง่ สี ตกแต่งภาพไดง้ า่ ยและสวยงาม ภาพที่ได้จากการประมวลผลภาพแบบ Raster ไดแ้ ก่ ภาพท่มี นี ามสกลุ เป็น .BMP , .TIF, .JPG , .MSP , .PNG และ PCT ซง่ึ โปรแกรม ท่ีนิยมใช้สร้างภาพกราฟิกแบบ Raster คือ Adobe Photoshop, Adobe Photoshop CS, Paint เปน็ ต้น

8 ภาพท่ี 1.2 ภาพกราฟิกแบบ Raster ทข่ี ยายใหญข่ นึ้ ทีม่ า : http://krujane.com/index.php?name=lesson&file=lesson2 2.2 หลักการของกราฟกิ แบบ Vector หลกั การของกราฟิกแบบ Vector เปน็ ภาพกราฟิกที่เกิดจากการอา้ งองิ ความสัมพนั ธ์ทางคณิตศาสตร์ หรือการคานวณ ซึ่งภาพจะมีความเป็นอิสระตอ่ กัน โดยแยก ชิน้ ส่วนของภาพทัง้ หมดออกเปน็ เส้นตรง เสน้ โค้ง รูปทรง เมื่อมีการขยายภาพความ ละเอียดของภาพไมล่ ดลง แฟ้มมีขนาดเล็กกวา่ แบบ Raster ภาพกราฟกิ แบบ Vector นยิ มใชเ้ พื่องานสถาปัตย์ตกแต่งภายในและการออกแบบต่าง ๆ เชน่ การออกแบบอาคาร การออกแบบรถยนต์ การสร้างโลโก้ การสร้างการ์ตนู เป็นต้น ซึ่งโปรแกรมที่นิยมใชส้ รา้ ง ภาพแบบ Vector คอื โปรแกรม Illustrator, Core Draw, Auto CAD, 3Ds max เปน็ ตน้ ภาพท่ี 1.3 ภาพกราฟิกแบบ Vector ทข่ี ยายใหญข่ น้ึ ท่มี า : http://krujane.com/index.php?name=lesson&file=lesson2

9 สาระน่ารู้ ภาพกราฟกิ 2 มติ ิแบบ Raster และ แบบ Vector มคี วามแตกต่างกนั ดงั นี้ ภาพกราฟกิ แบบ Raster ภาพกราฟิกแบบ Vector 1. ภาพกราฟิกเกิดจากจุดสี่เหล่ียมเล็ก ๆ 1. ภาพเกดิ จากการอา้ งอิงความสมั พันธ์ หลากหลายสี (Pixels) มาเรยี งตอ่ กนั จนกลายเป็น ทางคณิตศาสตร์หรือการคานวณ รูปภาพ โดยองคป์ ระกอบของภาพมอี ิสระต่อกนั 2. การขยายภาพกราฟิกใหม้ ีขนาดใหญ่ขน้ึ 2. การขยายภาพกราฟิกให้มขี นาดใหญ่ขน้ึ จะทาให้ความละเอียดของภาพเลก็ ลง ทาให้ ภาพยงั คงความละเอยี ดคมชัดเหมอื นเดมิ มองเหน็ ภาพเปน็ จุดสี่เหลี่ยมเล็ก 3. การตกแต่งและแก้ไขภาพ สามารถ 3. เหมาะกับงานออกแบบตา่ ง ๆ เชน่ ทาไดง้ า่ ยและสวยงาม เช่น การ Retouching งานสถาปัตย์ออกแบบโลโก้ เปน็ ต้น ภาพคนแก่ให้หนุ่มขน้ึ การปรับสผี วิ กายให้ ขาวเนียนขึ้น เป็นตน้ 4. การประมวลผลภาพสามารถทาได้รวดเรว็ 4. การประมวลผลภาพจะใช้เวลานาน เนอ่ื งจากใช้คาสงั่ ในการทางานมาก  ความรูเ้ ก่ยี วกบั หลักการใชส้ ี สาหรบั รปู แบบการแสดงสขี องเคร่อื งคอมพิวเตอร์ ประกอบดว้ ยแมส่ ี 3 สี คอื สีแดง (Red) สีเขยี ว (Green) และสนี า้ เงิน (Blue) การใช้สกี ับงานกราฟิกในคอมพิวเตอร์ มีรายละเอยี ดหลายประการ ซ่งึ เป็นลักษณะเฉพาะ ดงั น้ันจึงควรทราบระบบสีของ คอมพวิ เตอร์กอ่ น ระบบสขี องคอมพวิ เตอร์ จะเกี่ยวข้องกบั การแสดงผลแสงท่ีแสดงบน จอคอมพิวเตอร์ โดยมลี ักษณะการแสดงผล คอื ถา้ ไม่มีแสดงผลสใี ดเลย บนจอภาพ จะแสดงเปน็ \"สดี า\" หากสีทกุ สแี สดงผลพร้อมกัน จะเหน็ สีบนจอภาพเปน็ \"สีขาว\" การแสดงผลลักษณะนี้ เรยี กว่า การแสดงสรี ะบบ Addivtive และสีทีใ่ ชใ้ นงานดา้ นกราฟิก ทว่ั ไป มี 4 ระบบคือ 3.1 ระบบสีแบบ RGB เป็นระบบสที ปี่ ระกอบด้วยแมส่ ี 3 สีคือ แดง (Red) เขียว (Green) และ น้าเงิน (Blue) ในสัดสว่ นความเขม้ ขน้ ทแ่ี ตกตา่ งกนั เมื่อนามาผสมกันทาใหเ้ กดิ สตี า่ ง ๆ บนจอคอมพิวเตอร์ได้มากถงึ 16.7 ล้านสี ซึ่งใกล้เคยี งกบั สีท่ีตาเรามองเห็นไดโ้ ดยปกติ และจุดท่สี ีท้ังสามสีรวมกนั จะกลายเป็นสีขาว นิยมเรียกการผสมสีแบบนี้วา่ แบบ “Additive” หรือการผสมสแี บบบวก ซึ่งเป็นการผสมสีขัน้ ที่ 1 หรือถ้านาเอา Red Green Blue มาผสม คร้งั ละ 2 สี กจ็ ะทาใหเ้ กดิ สใี หม่ เช่น Blue + Green = Cyan Red + Blue = Magenta Red + Green = Yellow

10 ภาพท่ี 1.4 ระบบสีแบบ RGB ท่มี า : http://augustana.net/users/arwalters/design/color.htm 3.2 ระบบสแี บบ CMYK เปน็ ระบบสีท่ใี ชก้ ับเครอื่ งพิมพ์ที่พิมพอ์ อกทางกระดาษ ซึง่ ประกอบดว้ ยสีพื้นฐาน คือ สฟี า้ (Cyan) สีมว่ งแดง (Magenta) สเี หลอื ง (Yellow) และเมื่อนาสีทั้ง 3 สีมาผสมกัน จะเกิดสีเป็น สดี า (Black) แต่จะไม่ดาสนทิ เน่ืองจากหมกึ พมิ พม์ คี วามไมบ่ รสิ ุทธิ์ โดยเรียก การผสมสีทงั้ 3 สีขา้ งต้นว่า “Subtractive Color” หรอื การผสมสแี บบลบ หลกั การเกิดสี ของระบบนีค้ ือ หมกึ สีหน่งึ จะดูดกลนื สีจากสหี นึ่งแลว้ สะท้อนกลับออกมาเปน็ สีตา่ ง ๆ เช่น สฟี า้ ดูดกลืนสมี ว่ งแลว้ สะท้อนออกมาเป็นสีน้าเงิน ซึ่งจะสังเกตได้วา่ สที ี่สะท้อนออกมาจะเป็นสีหลกั ของระบบ RGB การเกดิ สนี ้ีในระบบนี้จงึ ตรงข้ามกับการเกิดสีในระบบ RGB เช่น Cyan + Magenta = Blue Cyan + Yellow = Green Yellow + Magenta = Red ภาพที่ 1.5 ระบบสแี บบ CMYK ที่มา : http://parn123.blogspot.com/p/blog-page_15.html

11 3.3 ระบบสแี บบ HSB เป็นระบบสแี บบการมองเหน็ ของสายตามนษุ ย์ ซึ่งแบ่งออกเปน็ 3 สว่ น คือ 3.1.1 Hue คือสตี ่างๆ ทส่ี ะทอ้ นออกมาจากวตั ถแุ ล้วเข้าสสู่ ายตาของเรา ซึ่งมกั เรยี กสีตามช่อื สี เชน่ สีเขยี ว สแี ดง สีเหลือง เป็นตน้ 3.1.2 Saturation คอื ความสดของสี โดยคา่ ความสดของสจี ะเริ่มที่ 0 ถงึ 100 ถา้ กาหนด Saturationท่ี 0 สจี ะมีความสดน้อย แต่ถ้ากาหนดที่ 100 สจี ะมคี วามสดมาก 3.1.3 Brightness คือระดับความสวา่ งของสี โดยค่าความสว่างของสีจะเร่มิ ที่ 0 ถงึ 100 ถ้ากาหนดท่ี 0 ความสวา่ งจะน้อยซ่ึงจะเป็นสดี า แต่ถ้ากาหนดท่ี 100 สีจะมี ความสวา่ งมากที่สุด ภาพที่ 1.6 ระบบสีแบบ HSB ทม่ี า : https://thanasanza74100.wordpress.com 3.4 ระบบสีแบบ LAB เปน็ รูปแบบมาตรฐานของ CIE (Commission Internationale De L’Eclairage Lab Color) เปน็ ระบบสีท่ีไม่ขึ้นกบั อุปกรณ์ใด ๆ (Device Independent) โดยแบ่ง ออกเปน็ 3 สว่ นคอื 3.4.1 L หรือ Luminance เปน็ การกาหนดความสว่างซึ่งมีคา่ ตั้งแต่ 0 ถงึ 100 ถ้ากาหนดท่ี 0 จะกลายเปน็ สีดา แต่ถ้ากาหนดท่ี 100 จะกลายเป็นสีขาว 3.4.2 A เป็นคา่ ของสีท่ีไลจ่ ากสเี ขยี วไปสแี ดง 3.4.3 B เปน็ คา่ ของสีที่ไล่จากสีนา้ เงินไปสีเหลอื ง ภาพที่ 1.7 ระบบสีแบบ LAB ท่มี า : http://parn123.blogspot.com/p/blog-page_15.html

12  การออกแบบกราฟิกตามหลักองคป์ ระกอบศลิ ป์ การออกแบบ คอื การสร้างสรรค์สงิ่ ใหม่ หรือการปรับปรงุ เปล่ยี นแปลงสิง่ ท่ีมีอยเู่ ดิม ให้ดยี ง่ิ ข้นึ ในทางศิลปะสาขาทัศนศิลป์ โดยการนาองคป์ ระกอบศิลป์ หรอื ทศั นธาตนุ ามา จัดเปน็ ภาพตามหลักของการออกแบบงานทัศนศิลป์โดยสามารถสะทอ้ นให้เหน็ ถงึ ความคิด สรา้ งสรรค์ท่มี คี วามงามทีส่ มบูรณต์ ามจนิ ตนาการของผอู้ อกแบบ สาหรับการออกแบบมีบทบาทมากในสงั คมปัจจบุ ัน เพราะชีวติ มนุษย์มีความ เก่ยี วขอ้ งกับการสือ่ สาร เพื่อการรับร้ขู อ้ มลู ตา่ งๆ ซ่งึ อปุ กรณ์ทใ่ี ช้ในการสอ่ื สาร นอกจาก วิทยาการดา้ นอเิ ลก็ ทรอนกิ สแ์ ล้ว การส่อื สารดว้ ยสง่ิ พิมพ์ทแ่ี สดงออดเปน็ ภาพ สัญลกั ษณ์ และงานกราฟิก กน็ ับวา่ เป็นวิธที ่แี พรห่ ลายและเขา้ ถึงผู้คนได้งา่ ย ซ่ึงการสือ่ สารความหมาย ดังกล่าวต้องผา่ นกระบวนการในการออกแบบ โดยอาศัยหลักการจดั องคป์ ระกอบศิลป์มาใช้ ให้เหมาะสม ประกอบดว้ ยดงั น้ี 4.1 จุด (Dot) หมายถงึ เป็นตน้ กาเนดิ ของเสน้ รปู รา่ ง รปู ทรง แสงเงา พื้นผิว ฯลฯ เช่น นาจุดมาวางเรียงต่อกันจะเกดิ เปน็ เสน้ และการนาจุดมาวางใหเ้ หมาะสม ก็จะเกิดเป็น รูปร่าง รูปทรง และลกั ษณะผิวได้ 4.2 เส้น (Line) หมายถึง การนาจดุ หลาย ๆ จดุ มาเรยี งตอ่ กันไปในทศิ ทางใด ทศิ ทางหน่ึงเป็นทางยาว หรอื สิง่ ทเ่ี กิดจากการขูด ขีด เขียน ลาก ใหเ้ กดิ เปน็ รวิ้ รอย สาระน่ารู้ เส้นนอน ให้ความรู้สกึ กว้างขวาง เงยี บสงบ นิ่ง ราบเรียบ ผ่อนคลายสายตา เส้นตัง้ ให้ความรสู้ ึกสงู สงา่ มน่ั คง แข็งแรง รงุ่ เรอื ง เสน้ เฉียง ให้ความร้สู ึกไมม่ ัน่ คง เคลื่อนไหว รวดเรว็ แปรปรวน เส้นโคง้ ให้ความรู้สกึ ออ่ นไหว สุภาพออ่ นโยน สบาย น่มุ นวล เย้ายวน เส้นโคง้ กน้ หอย ให้ความรสู้ กึ เคลื่อนไหว การคลค่ี ลาย ขยายตัว มนึ งง เสน้ ซกิ แซก หรือ เสน้ ฟันปลา ให้ความร้สู กึ รุนแรง กระแทกเป็นห้วง ๆ ตืน่ เตน้ สับสนว่นุ วาย และการขดั แย้ง เส้นประ ให้ความร้สู กึ ไม่ต่อเนื่อง ไม่มั่นคง ไม่แน่นอน 4.3 รปู ร่าง (Shape) 4.3.1 รปู รา่ ง (Shape) หมายถึง เส้นรอบนอกทางกายภาพของวตั ถุ สิ่งของ เคร่อื งใช้ คน สตั ว์ และพืช มีลกั ษณะเปน็ 2 มติ ิ มีความกว้างและความยาว แบ่งออกเป็น 3 ประเภท คือ 4.3.1.1 รูปรา่ งธรรมชาติ (Natural Shape) หมายถงึ รูปร่างที่ เกดิ ขนึ้ เองตามธรรมชาติ เชน่ คน สตั ว์ และพืช เปน็ ตน้ 4.3.1.2 รูปร่างเรขาคณิต (Geometrical Shape) หมายถึง รูปร่างที่ มนษุ ยส์ ร้างขึ้นมีโครงสร้างแนน่ อน เช่น รูปสามเหล่ยี ม รปู สีเ่ หลีย่ ม และรปู วงกลม เป็นต้น

13 4.3.1.3 รปู ร่างอสิ ระ (Free Shape) หมายถงึ รูปรา่ งที่เกิดข้นึ ตาม ความตอ้ งการของผู้สร้างสรรค์ ใหค้ วามรู้สึกที่เป็นเสรี ไม่มีโครงสรา้ งที่แน่นอนของตวั เอง เป็นไปตามอิทธิพลของส่ิงแวดลอ้ ม เช่น รปู ร่างของหยดนา้ เมฆ และควัน เป็นต้น 4.4 รปู ทรง (Form) หมายถึง โครงสรา้ งทง้ั หมดของวัตถุทป่ี รากฏแกส่ ายตาใน ลักษณะ 3 มติ ิ คือมีทัง้ สว่ นกว้าง สว่ นยาว ส่วนหนาหรอื ลกึ คอื จะให้ความรูส้ ึกเปน็ แท่ง มเี นอ้ื ท่ีภายใน มปี ริมาตร และมนี า้ หนกั 4.5 บริเวณว่าง (Space) หมายถึง บริเวณที่เปน็ ความวา่ งไม่ใชส่ ว่ นทเี่ ป็นรูปทรง หรอื เนอื้ หาในการจดั องค์ประกอบใดกต็ ามถา้ ปล่อยใหม้ ีพ้นื ทีว่ า่ งมากและให้มรี ูปทรงน้อย การจัดนั้นจะให้ความรูส้ กึ อ้างวา้ งโดดเดยี่ ว 4.6 พืน้ ผิว (Texture) หมายถึง พน้ื ผวิ ของวตั ถุตา่ ง ๆ ท่ีเกดิ จากธรรมชาติและมนุษย์ สรา้ งสรรค์ขึน้ พ้ืนผิวของวตั ถุที่แตกต่างกนั ย่อมให้ความรู้สึกทแ่ี ตกตา่ งกนั ด้วย 4.7 สี (Colour) หมายถงึ ส่ิงท่ีปรากฏอยูท่ ว่ั ไปรอบ ๆ ตวั เรา ไมว่ า่ จะเป็นสีที่ เกิดข้ึนเองในธรรมชาติ หรือ สง่ิ ท่มี นษุ ยส์ รา้ งข้นึ สีทาใหเ้ กิดความรู้สึกแตกตา่ งมากมาย เชน่ ทาใหร้ ู้สกึ สดใส รา่ เรงิ ต่นื เตน้ หม่นหมอง หรือเศร้าซมึ ได้ เปน็ ตน้  ประโยชน์ของคอมพิวเตอรก์ ราฟิกกบั การประยกุ ตใ์ ช้ในงานดา้ นตา่ ง ๆ 5.1 คอมพิวเตอรก์ ราฟกิ กับการออกแบบ คอมพวิ เตอร์กราฟกิ ไดถ้ ูกนามาใชใ้ นการออกแบบมาเปน็ เวลานาน เราคงจะ เคยได้ยินคาวา่ CAD (Computer - Aided Design) ซ่ึงเป็นโปรแกรมสาหรับช่วยในการ ออกแบบทางวศิ วกรรม โปรแกรมเหล่านี้จะชว่ ยใหผ้ ู้ออกแบบหรอื วิศวกรออกแบบงานต่าง ๆ ได้สะดวกขน้ึ กล่าวคือ ผู้ออกแบบสามารถเขยี นเป็นแบบลายเส้นแลว้ ลงสี แสงเงา เพอ่ื ให้ ดูคล้ายกับของจรงิ ได้ 5.2 กราฟและแผนภาพ คอมพิวเตอร์กราฟิกถูกนามาใช้ในการแสดงภาพกราฟและแผนภาพของข้อมูล ได้เป็นอย่างดี โปรแกรมทางกราฟิกท่วั ไปในท้องตลาดจะเป็นโปรแกรมทีใ่ ช้ในการสร้างภาพ กราฟและแผนภาพ โปรแกรมเหล่านยี้ ังสามารถสรา้ งกราฟได้หลายแบบ เช่น กราฟเสน้ กราฟแท่ง และกราฟวงกลม นอกจากนี้ยังสามารถแสดงภาพกราฟได้ทั้งในรูปแบบ 2 มติ ิ และ 3 มติ ิ 5.3 ภาพศิลปโ์ ดยคอมพิวเตอรก์ ราฟกิ การวาดภาพในปจั จบุ นั นใ้ี ครๆ ก็สามารถวาดได้แล้วโดยไม่ต้องใชพ้ ู่กนั กบั จานสี แตจ่ ะใช้คอมพิวเตอร์กราฟิกแทน ภาพท่วี าดในระบบคอมพิวเตอร์กราฟิกน้เี ราสามารถ กาหนดสี แสงเงา รูปแบบลายเสน้ ทต่ี อ้ งการไดโ้ ดยงา่ ย ภาพโฆษณาทางโทรทศั นห์ ลายชนิ้ ก็เป็นงานจากการใชค้ อมพวิ เตอร์กราฟิก ข้อดีของการใช้คอมพิวเตอรว์ าดภาพก็คือ เรา สามารถแก้ไขเพม่ิ เตมิ ส่วนท่ตี ้องการไดง้ ่าย นอกจากนีเ้ รายังสามารถนาภาพต่าง ๆ เก็บใน ระบบคอมพิวเตอร์ได้โดยใช้เครือ่ งสแกนเนอร์ (Scanner)แลว้ นาภาพเหล่าน้ันมาแก้ไข

14 5.4 ภาพเคลื่อนไหวโดยใชค้ อมพิวเตอร์ ภาพยนตรก์ าร์ตนู และภาพยนตร์ประเภทนิยายวิทยาศาสตรห์ รือภาพยนตร์ที่ใช้ เทคนิคพเิ ศษต่างๆ ในปจั จบุ ันมีการนาคอมพิวเตอร์กราฟิกเข้ามาช่วยในการออกแบบและสรา้ ง ภาพเคล่อื นไหว (Computer Animation) มากขึน้ เนอ่ื งจากเปน็ วิธีทส่ี ะดวก รวดเร็ว และ ง่ายกวา่ วธิ ีอ่ืน ๆ 5.5 อเิ มจโปรเซสซิงก์ คาวา่ อเิ มจโปรเซสซิงก์ (Image Processing) หมายถึง การแสดงภาพท่ีเกิดจาก การถ่ายรปู หรือจากการสแกนภาพใหป้ รากฏบนจอภาพคอมพวิ เตอร์ วิธกี ารทางอเิ มจโปรเซสซงิ ก์ จะต่างกับวิธีการของคอมพิวเตอร์กราฟิกวิธกี ารน้ีมีประโยชน์ในการแสดงภาพของวัตถุที่เราไม่ สามารถจะเหน็ ได้โดยตรง เช่น ภาพถ่ายดาวเทียม ภาพจากทวี สี แกนของหุ่นยนต์อตุ สาหกรรม เปน็ ต้น

15 สรุปหนว่ ยการเรยี นรู้ หน่วยที่  ความรเู้ บือ้ งต้นเก่ียวกับคอมพิวเตอรก์ ราฟกิ 1. ความหมายของกราฟกิ และคอมพวิ เตอร์กราฟกิ 1.1 กราฟิก (Graphics) 1.2 คอมพิวเตอรก์ ราฟิก (Computer Graphics) มี 2 แบบคอื 1.2.1 ภาพกราฟิกแบบ 2 มิติ 1.2.2 ภาพกราฟกิ แบบ 3 มิติ 2. หลักการทางานและการแสดงผลของภาพคอมพวิ เตอร์กราฟิก มวี ิธกี ารสร้าง 2 แบบ คอื 2.1 หลกั การของกราฟกิ แบบ Raster 2.2 หลักการของกราฟกิ แบบ Vector 3. ความรูเ้ กย่ี วกับหลกั การใชส้ ี การผสมสีแบบตา่ ง ๆ มีอยู่ด้วยกนั 4 ระบบ คือ 3.1 ระบบสีแบบ RGB 3.2 ระบบสีแบบ CMYK 3.3 ระบบสีแบบ HSB 3.4 ระบบสแี บบ LAB 4. การออกแบบกราฟิกตามหลักองคป์ ระกอบศลิ ป์ โดยการนาองคป์ ระกอบศิลป์ ประกอบด้วย ดงั น้ี 4.1 จุด (Dot) 4.2 เส้น (Line) 4.3 รปู รา่ ง (Shape) 4.4 บรเิ วณว่าง (Space) 4.5 พืน้ ผิว (Texture) 4.6 สี (Colour) 5. ประโยชนข์ องคอมพิวเตอร์กราฟิกกับการประยกุ ตใ์ ช้ในงานด้านตา่ ง ๆ 5.1 คอมพิวเตอร์กราฟิกกับการออกแบบ 5.2 กราฟและแผนภาพ 5.3 ภาพศลิ ป์โดยคอมพวิ เตอรก์ ราฟกิ 5.4 ภาพเคลอื่ นไหวโดยใชค้ อมพวิ เตอร์ 5.5 อเิ มจโปรเซสซิงก์

16 ใบงานที่  คาช้แี จง ใหน้ ักเรียนแบง่ กลุม่ กลุ่มละ 5 คน โดยใหศ้ กึ ษาเนือ้ หาแลว้ นาเสนอหน้าชั้นเรยี นดังน้ี  ความหมายของกราฟกิ และคอมพวิ เตอรก์ ราฟกิ  หลกั การทางานและการแสดงผลของภาพคอมพวิ เตอร์กราฟิก รายช่อื สมาชกิ ในกล่มุ  ช่ือ-นามสกุล ......................................................................................... เลขท่ี .............  ช่ือ-นามสกลุ ......................................................................................... เลขที่ .............  ชื่อ-นามสกลุ ......................................................................................... เลขท่ี .............  ชอื่ -นามสกุล ......................................................................................... เลขท่ี .............  ชอ่ื -นามสกลุ ......................................................................................... เลขท่ี ............. ลงชอ่ื .............................................................. ครูผสู้ อน ( ............................................................. )

17 ใบงานท่ี  คาช้แี จง ใหน้ ักเรยี นออกแบบบทเรียนด้วย Mind Map โดยให้ศกึ ษาเนอื้ หา ความร้เู กย่ี วกบั หลกั การใชส้ ี การผสมสีแบบต่าง ๆ และรายงานหน้าชั้นเรียน ชอ่ื -นามสกุล ..................................................................................................... เลขท่ี ...........

18 แบบฝึกหัด ตอนท่ี  ให้นักเรียนตอบคาถามต่อไปนี้  การออกแบบกราฟิกตามหลักองค์ประกอบศลิ ป์ ประกอบด้วย  อธบิ ายหลักการของกราฟิกแบบ Raster หรอื Bitmap  อธบิ ายหลักการของกราฟกิ แบบ Vector หน่วยรับข้อมูล (Input Unit) พร้อมยกตัวอย่างอุปกรณ์  จงบอกประโยชนข์ องคอมพวิ เตอร์กราฟกิ กับการประยุกต์ใช้ในงานด้านต่าง ๆ หน่วยรับข้อมูล (Input Unit) พร้อมยกตัวอย่างอุปกรณ์  อธบิ ายลกั ษณะของภาพกราฟกิ แบบ 3 มิติ

19 ตอนที่  แบบฝกึ หดั จงนาตวั อักษรมาเติมในช่องว่างที่มีความหมายเหมือนกันใหถ้ กู ตอ้ ง ............... 1. ความสดของสี ก. Luminance ............... 2. การกาหนดความสวา่ ง ข. Brightness ............... 3. ความสว่างของสี ค. Natural Shape ................ 4. รปู ร่างธรรมชาติ ง. RGB ............... 5. รูปรา่ งเรขาคณิต จ. Shape ............... 6. รูปร่างอสิ ระ ฉ. Saturation ................ 7. สีแดง สีเขยี ว สีนา้ เงิน ช. CMYK ............... 8. รปู รา่ ง ซ. Geometrical Shape ............... 9. รปู ทรง ฌ. Form ............... 10. สีฟา้ สมี ่วงแดง สเี หลือง ญ. HSB ฎ. Free Shape

20 ใบงานที่  เฉลย คาชี้แจง ใหน้ ักเรยี นแบ่งกลุ่มกลุ่มละ 5 คน โดยให้ศกึ ษาเนอื้ หาแล้วนาเสนอหนา้ ช้ันเรยี นดงั น้ี  ความหมายของกราฟกิ และคอมพวิ เตอรก์ ราฟกิ  หลกั การทางานและการแสดงผลของภาพคอมพิวเตอร์กราฟกิ รายชือ่ สมาชิกในกลุ่ม  ชอ่ื -นามสกลุ ......................................................................................... เลขที่ .............  ชือ่ -นามสกุล ......................................................................................... เลขท่ี .............  ชอ่ื -นามสกุล ......................................................................................... เลขที่ .............  ชื่อ-นามสกุล ......................................................................................... เลขที่ .............  ช่อื -นามสกลุ ......................................................................................... เลขท่ี ............. ลงชื่อ .............................................................. ครูผสู้ อน ( ............................................................. )

21 ใบงานที่  เฉลย คาชี้แจง ใหน้ ักเรยี นออกแบบบทเรียนดว้ ย Mind Map โดยใหศ้ ึกษาเนือ้ หา ความรู้เก่ยี วกบั หลกั การใชส้ ี การผสมสีแบบต่าง ๆ และรายงานหน้าช้ันเรยี น ชือ่ -นามสกลุ ..................................................................................................... เลขที่ ...........

22 แบบฝึกหดั เฉลย ตอนที่  ใหน้ กั เรียนตอบคาถามต่อไปน้ี  การออกแบบกราฟิกตามหลักองคป์ ระกอบศลิ ป์ ประกอบด้วย จุด (Dot), เสน้ (Line), รปู รา่ งและรปู ทรง (Shape and Form), มวลและปรมิ าตร (Mass and Volume), ทศิ ทาง (Direction)  อธบิ ายหลักการของกราฟิกแบบ Raster หรือ Bitmap เปน็ ภาพที่สร้างจากเมด็ สีที่มีสีสนั แตกต่างกนั นามาเรยี งต่อกนั จนเกดิ เป็นภาพ โดยเมด็ สี ตา่ ง ๆ จะมีจานวนคงทตี่ ามการสรา้ งภาพท่ีมีความละเอยี ดแตกตา่ งกนั  อธิบายหลักการของกราฟิกแบบ Vector เหปน็น่วภยารพับทข่ีส้อร้ามงูลจา(IกnคpอuมtพUิวเnตiอtร)์ พโดรย้อใมชย้โปกรตแัวกอรยม่ากงรอาุปฟกกิ รทณี่ม์ีการสรา้ งลายเส้นที่ผสมกนั ระหวา่ งเส้นโคง้ เส้นตรง วงกลม และมมุ ประกอบกันจนกลายเปน็ ภาพ แตล่ ะสว่ นของภาพ เปน็ อสิ ระต่อกนั โดยอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์  จงบอกประโยชน์ของคอมพิวเตอร์กราฟิกกับการประยกุ ตใ์ ช้ในงานด้านต่าง ๆ ห1น. ่วใยชร้แับสขด้องผมลูลด(้วIยnภpาuพtแUทnนiกtา)รพแรส้อดมงเยปกน็ ตขัว้ออคยว่าางมอุปเพกื่อรสณสี ์ ันและความสวยงามให้กับภาพ 2. สรา้ งภาพในจินตนาการใหเ้ ป็นจรงิ ด้วยการตกแต่งภาพ 3. สามารถตกแต่งและแก้ไขภาพถ่ายจากการถ่ายภาพใหม้ ีความสวยงามขน้ึ 4. ใชใ้ นด้านการออกแบบตา่ ง ๆ ซึง่ สามารถทาได้อย่างรวดเร็วและสวยงาม 5. ใช้ในดา้ นการเรียนการสอน เชน่ สื่อการสอนจากภาพ 6. สามารถนากราฟิกมาสรา้ งเว็บไซต์เพือ่ เผยแพรข่ ้อมลู ข่าวสารต่าง ๆ 7. ใชง้ านกราฟิกสรา้ งความโดดเดน่ ใหก้ ับป้าย โฆษณา เพื่อสร้างความสนใจ 8. คอมพิวเตอร์กราฟกิ สามารถนามาสร้างภาพยนตรห์ รือวิดโี อให้ดสู มจรงิ 9. ใชค้ อมพวิ เตอร์กราฟิกสรา้ งเกมคอมพวิ เตอรใ์ ห้สนกุ และนา่ สนใจ

23  อธบิ ายลักษณะของภาพกราฟกิ แบบ 3 มติ ิ ภาพกราฟกิ แบบ 3 มติ ิ เป็นภาพกราฟกิ ท่ีใชโ้ ปรแกรมสรา้ งภาพ 3 มิตโิ ดยเฉพาะ เช่น โปรแกรม 3 Ds max โปรแกรม Maya เป็นต้น ซึง่ จะทาให้ได้ภาพมสี แี ละแสงเงา เหมือนจริง เหมาะกบั งานด้านสถาปัตย์ และการออกแบบต่าง ๆ รวมถงึ การสร้างเป็น ภาพยนตรก์ ารต์ นู หรือโฆษณาสินค้าต่าง ๆ เช่น การ์ตนู เรื่อง Nemo The Bug และ ปงั ปอนดแ์ อนเิ มชนั เป็นตน้

24 แบบฝึกหัด เฉลย ตอนที่  จงนาตวั อักษรมาเติมในช่องวา่ งท่ีมีความหมายเหมือนกันใหถ้ ูกตอ้ ง ......ฉ......... 1. ความสดของสี ก. Luminance .......ข........ 2. การกาหนดความสวา่ ง ข. Brightness ค. Natural Shape ......ญ......... 3. ความสวา่ งของสี ง. RGB .......ค......... 4. รูปรา่ งธรรมชาติ จ. Shape .......ซ........ 5. รูปรา่ งเรขาคณติ ฉ. Saturation .......ฎ........ 6. รูปร่างอสิ ระ ช. CMYK .......ง......... 7. สแี ดง สีเขยี ว สีนา้ เงิน ซ. Geometrical Shape ......ฌ......... 8. รูปรา่ ง ฌ. Form .......จ........ 9. รูปทรง ญ. HSB .......ช........ 10. สีฟ้า สีม่วงแดง สเี หลือง ฎ. Free Shape

25 แบบทดสอบหลังเรยี น หนว่ ยที่  ความร้เู บือ้ งต้นเก่ยี วกบั คอมพวิ เตอร์กราฟกิ คาชแี้ จง 1. แบบทดสอบน้ีเปน็ แบบทดสอบแบบปรนัยเลือกตอบ 4 ตวั เลอื ก 2. แบบทดสอบน้ีมจี านวน 10 ข้อ คะแนนเตม็ 10 คะแนน ใช้เวลา 15 นาที 3. จงเลือกคาตอบท่ถี ูกต้องที่สดุ เพยี งคาตอบเดยี ว  ขอ้ ใดกลา่ วถึงความหมายของกราฟิกได้ถกู ต้องท่ีสุด ก. การสอ่ื ความหมายโดยการใชเ้ ส้น สญั ลกั ษณ์ รูปวาด ภาพถ่าย ตัวอกั ษร ข. การจัดการกับภาพถ่ายโดยใช้สญั ลักษณ์ทางกราฟกิ ค. การสร้างงานดว้ ยเส้นท่มี ลี วดลายสวยงาม ง. การสรา้ งงานด้วยสัญลักษณแ์ ทนรปู ภาพ  ข้อใดกลา่ วถงึ ความหมายของคอมพวิ เตอร์กราฟกิ ได้ถกู ต้องที่สุด ก. การใชค้ อมพิวเตอร์ในการคน้ หาขอ้ มลู ตา่ ง ๆ ข. การใช้ซอฟแวร์ระบบผลติ ส่ือสง่ิ พมิ พ์ ค. การใชง้ านคอมพิวเตอรใ์ นการสรา้ งานกราฟิก ง. การออกแบบงานศิลปะโดยการวาดดว้ ยดินสอ  ขอ้ ใดคือไฟล์ภาพทีไ่ ดจ้ ากการประมวลผลภาพกราฟกิ แบบ Bitmap ก. .Gif ข. .EPS ค. .AI ง. .DRW  ภาพท่เี กดิ บนจอคอมพิวเตอร์เกิดจากการทางานของโหมดสี RGB ซง่ึ ประกอบดว้ ยสอี ะไร ก. สีน้าเงิน สขี าว สีดา ข. สแี ดง สนี า้ เงนิ สีเขียว ค. สีแดง สขี าว สนี ้าเงิน ง. สเี หลอื ง สแี ดง สีเขียว  ไฟล์ภาพทไี่ ด้จากการประมวลผลภาพแบบกราฟกิ มกี ่รี ะบบ ก. 4 ระบบ ข. 5 ระบบ ค. 6 ระบบ ง. 7 ระบบ

26  ข้อใดกล่าวถูกตอ้ งเก่ยี วกบั หลกั การทางานของกราฟิกแบบ Bitmap ก. ภาพท่ีเกิดจากสมการทางคณิตศาสตร์ ข. ภาพทเ่ี กิดจากแสงกระทบกับวตั ถุกลายเปน็ สีแบบ RGB และเกดิ เปน็ ภาพสีตา่ ง ๆ ค. ภาพทเ่ี กดิ จากการสร้างลายเส้นระหวา่ งเส้นโค้งและเส้นตรง โดยอ้างองิ ความสมั พนั ธ์ ง. ภาพทสี่ ร้างจากเมด็ สที มี่ ีสสี นั แตกตา่ งกัน นามาเรียงตอ่ กนั จนเกิดเปน็ ภาพ  ขอ้ ใดเป็นระบบสีแบบการมองเห็นของสายตามนุษย์ ก. ระบบสีแบบ RGB ข. ระบบสีแบบ CMYK ค. ระบบสีแบบ HSB ง. ระบบสีแบบ LAB  ข้อใดคอื องคป์ ระกอบของการออกแบบกราฟกิ ก. จุด ข. เส้น ค. รูปทรง ง. ถกู ทุกข้อ  ขอ้ ใดคอื หนว่ ยวัดความละเอยี ดของภาพ (Resolution) ก. PPI ข. CM ค. MM ง. DPI  คาวา่ Graphic มาจากภาษาใด ข. ภาษากรกี ง. ภาษาโรมนั ก. ภาษาฝร่งั เศส ค. ภาษาเยอรมัน

27 เฉลย แบบทดสอบหลังเรยี น หน่วยที่  ความรู้เบอื้ งต้นเกี่ยวกบั คอมพวิ เตอรก์ ราฟิก 1. ก 2. ค 3. ก 4. ข 5. ก 6. ง 7. ค 8. ง 9. ก 10. ข

28 แบบประเมินใบงาน คาชี้แจง ให้ผู้ประเมนิ ทาเครอื่ งหมาย  ลงในช่องระดับคะแนน โดยพจิ ารณาจากการ ปฏบิ ตั งิ านตามใบงานของผูเ้ รียน ซงึ่ มีเกณฑ์การพจิ ารณา ดงั นี้ ระดับคะแนน 2 หมายถงึ ปฏบิ ตั ิงานตามรายการประเมินไดถ้ ูกตอ้ งสมบรู ณ์ ระดับคะแนน 1 หมายถงึ ปฏิบตั ิงานตามรายการประเมินได้แต่ไม่ถูกต้องสมบูรณ์ ระดบั คะแนน 0 หมายถงึ ปฏิบตั ิงานตามรายการประเมินไมไ่ ด้ ข้อท่ี รายการประเมิน เกณฑ์การประเมนิ หมายเหตุ (2) (1) (0) 1 มคี วามรู้ ความเข้าใจ ความรู้เบือ้ งต้น เกย่ี วกับคอมพิวเตอร์กราฟิก 2 เขา้ ใจข้อคาถาม และปฏบิ ัตไิ ด้ถูกต้อง 3 ชิ้นงานโดยรวมท่ปี ฏบิ ตั ิถูกต้องสมบรู ณ์ ครบถว้ น 4 ศึกษาค้นควา้ ความรูด้ ว้ ยตนเอง 5 มีความซื่อสตั ย์ สจุ รติ ในการทางาน 6 มีความสามัคคใี นหม่คู ณะ 7 เป็นผู้นาและผ้ตู ามทด่ี ี 8 ซักถามปญั หาข้อสงสัย 9 มคี วามสนใจใฝร่ ู้ อยู่เสมอ 10 มีสมั มาคารวะต่อครอู ย่างสมา่ เสมอ รวม รวมคะแนนท้ังสนิ้ ประเมินโดย ผู้เรียน ผู้สอน รวมคะแนนท่ีได้ .................... คะแนนเฉลี่ย ................... ลงชอ่ื ..................................................... ผ้ปู ระเมนิ ( ................................................... )