โปรแกรมกราฟิก 20204-2007 สื่อการสอน

ไดผ้ า่ นการตรวจประเมนิ คณุ ภาพหนงั สอื เรยี นอาชีวศกึ ษา หลกั สตู รประกาศนยี บตั รวชิ โาปชรีพแกพรุมทกธรศากั ฟริากช 2562 ประจาํ ปีงบประมาณ พ.ศ. 2563 ครงั� ท่ี 1 ประกาศลาํ ดบั ท่ี 300 20204-2007 หนงั สอื เลม่ นเี� รยี บเรยี งตามจุดประสงคร์ ายวชิ า สมรรถนะรายวชิ า และคาํ อธบิ ายรายวชิ า หลกั สตู รประกาศนยี บตั รวชิ าชีพ พุทธศกั ราช 2562 ของสาํ นกั งานคณะกรรมการการอาชีวศกึ ษา กระทรวงศกึ ษาธกิ าร โปรแกรมกราฟิ ก Graphics Program ADOBE PHOTOSHOP CS6 พรพรรณ โสภาพล 128.- หนงั สอื 4 สี ทัง� เล่ม

โปรแกรมกราฟิ ก โปรแกรมกราฟิ ก 20204-2007 ผูแ้ ตง่ : พรพรรณ โสภาพล พสิ ูจน์อักษร : อานนท์ ป่ินสภุ า AสงllวRนiลgขิhสtsทิ ธRติ์ eาsมeพrvรeะdร.าชบัญญัติ พมิ พ์ครงั� ท่ี 1 : 3,000 เล่ม (พ.ศ. 2563) ISBN : 978-616-553-924-1 ราคา : 128 บาท สาํ นักพิมพศ์ ูนย์สง่ เสริมอาชี วะ 89 ถนนมหรรณพ เสาชิงช�า พระนคร กรุงเทพฯ 10200 โทร. 0-2224-1129, 0-2224-1197 พิมพ์ท่ี : บริษัท รตั นโรจน์การพิมพ์ จํากดั 32/10 หมู่ท่ี 3 ตาํ บลบางขนุน อาํ เภอบางกรวย จงั หวัดนนทบุรี 11130 ผู้พิมพผ์ ูโ้ ฆษณา 2563

โปรแกรมกราฟิ ก จดุ ประสงคและคาํ อธบิ ายรายวชิ า รหัสวิชา 20204-2007 ช่ื อวิชาโปรแกรมกราฟิ ก จาํ นวน 3 หน่วยกิต 4 คาบ/สัปดาห์ หลักสตู ร ประกาศนยี บัตรวิชาชีพ (ปวช.) สาขาวชิ า คอมพวิ เตอร์ธุรกิจ จุดประสงคร ายวชิ า เพ่ือให 1. เขา ใจเก่ยี วกับหลกั การ ประเภทและคุณลกั ษณะของภาพกราฟก 2. สามารถสรา ง แกไข และตกแตงภาพโดยใชโ ปรแกรมสาํ เร็จรูปกราฟก 3. สามารถประยุกตใชโปรแกรมกราฟก ในงานอาชีพ 4. มีเจตคตแิ ละกิจนสิ ยั ทดี่ ีในการปฏบิ ตั ิงานคอมพิวเตอรดว ยความละเอยี ดรอบคอบ และ ถกู ตอ ง สมรรถนะรายวชิ า 1. แสดงความรเู ก่ยี วกับหลักการ ประเภทและคุณลกั ษณะของภาพกราฟก 2. สราง แกไข และตกแตง ภาพโดยใชโปรแกรมสําเร็จรปู กราฟก 3. ประยุกตใชโปรแกรมกราฟกในงานอาชีพ คําอธบิ ายรายวิชา ศึกษาและปฏิบัติเกี่ยวกับหลักการ ประเภทและคุณลักษณะของภาพกราฟก หลักการของ ภาพกราฟกแบบ Vector และ Bitmap การสราง แกไขและตกแตงภาพกราฟกดวยโปรแกรม สาํ เรจ็ รูปกราฟก และการประยุกตใชโ ปรแกรมกราฟกในงานอาชพี

โปรแกรมกราฟิ ก กรอบสมรรถนะรายวิชา ตารางวิเคราะห์สมรรถนะ รายวชิ า โปรแกรมกราฟิ ก ตารางวิเคราะหสมรรถนะ สมรรถนะ แสดงความ ูรเก่ียว ักบหลักการ ประเภทรายวิชา และคุณลักษณะของภาพกรา ฟก สราง แกไข และตกแตงภาพโดยใชหน่วยท่ี โปรแกรมสําเร็จรูปกรา ฟก ประยุก ตใ ชโปรแกรมกรา ฟกในงานอาชีพ 1 ความรูพืน้ ฐานเก่ยี วกบั ภาพกราฟก ✓ 2 แนะนําโปรแกรม Adobe Photoshop CS6 ✓ 3 ความรพู นื้ ฐาน โปรแกรม Adobe Photoshop CS6 ✓ ✓ 4 การทาํ งานกับ Layer ✓ 5 การใชงาน Mask ✓ 6 การปรบั แตงภาพพื้นฐาน ✓ 7 รีทชั ตกแตงภาพ ✓ 8 เทคนิคการตกแตงภาพ ✓✓ 9 การกรอกขอ ความ ✓ 10 การแปลงไฟลแ ละการจัดพิมพ ✓

โปรแกรมกราฟิ ก คาํ นํา หนังสือเรียนวิชาโปรแกรมกราฟก รหัสวิชา 20204-2007 เลมนี้เรียบเรียงเพื่อใชประกอบ การเรยี นการสอนที่เนน ผูเรยี นเปนสําคญั ตามหลกั สตู รประกาศนยี บตั รวชิ าชพี (ปวช.) พุทธศักราช 2562 ของสาํ นกั งานคณะกรรมการการอาชีวศกึ ษา กระทรวงศกึ ษาธิการ เนอ้ื หาของหนงั สอื มดี ว ยกนั ทงั้ หมด 10 หนว ยการเรยี น ประกอบดว ย ความรพู นื้ ฐานเกยี่ วกบั ภาพกราฟก, แนะนําโปรแกรม Adobe Photoshop CS6, ความรูพื้นฐาน โปรแกรม Adobe Photoshop CS6, การทํางานกับ Layer, การใชงาน Mask, การปรับแตงภาพพ้ืนฐาน, รที ชั ตกแตง ภาพ, เทคนิคการตกแตงภาพ, การกรอกขอความ และการแปลงไฟลแ ละการจัดพมิ พ พรอ มทง้ั แบบทดสอบกอ นเรยี น หลงั เรยี นและใบงาน ทง้ั นเ้ี พอื่ ใหผ เู รยี นไดฝ ก ทกั ษะในสถานการณ ตาง ๆ มที ักษะการคิด วเิ คราะหและแกปญหา และบรู ณาการตามหลกั วิชาชีพ ผเู รยี บเรยี งและฝา ยวชิ าการ สาํ นกั พมิ พศ นู ยส ง เสรมิ อาชีวะ หวงั เปน อยา งยง่ิ วา หนงั สอื เรยี น วชิ าโปรแกรมกราฟก เลมนี้ ผเู รยี นและผูสอนคงนาํ ไปใชเพอื่ ใหเ กิดความรูแ ละประโยชน ตลอดจน ผูสนใจศึกษาทั่วไปเปนอยางดี หากมีขอผิดพลาดประการใดผูเรียบเรียงและฝายวิชาการ สํานกั พมิ พศ นู ยสง เสริมอาชวี ะขอนอมรบั พรพรรณ โสภาพล

ห ่นวย ี่ท 1 โปรแกรมกราฟิ ก สารบัญ ห ่นวย ่ที 2 ความรพู้ ื้นฐานเกย่ี วกบั ภาพกราฟก 1 หน่วย ่ที 3 แบบทดสอบก่อนเรยี น 2 ความหมายของภาพกราฟก 3 ประเภทและคณุ ลกั ษณะของภาพกราฟก 5 หลกั การของภาพกราฟก 8 การประมวลผลภาพคอมพวิ เตอร์กราฟก 10 ชนิดของภาพส�าหรบั งานกราฟก 16 การพิมพ์ภาพในคอมพิวเตอร์กราฟก 19 ใบงานที่ 1.1 20 ใบงานท่ี 1.2 21 แบบทดสอบหลงั เรยี น 22 แนะน�าโปรแกรม Adobe Photoshop CS6 23 แบบทดสอบกอ่ นเรยี น 24 การติดต้งั Adobe Photoshop CS6 26 สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 36 แถบเครือ่ งมอื ตกแต่งภาพและการใชง้ าน 41 การปรบั แต่งและบันทกึ Workspace 50 การแสดงไม้บรรทัดบนหนา้ จอ 56 ใบงานท่ี 2.1 58 ใบงานท ี่ 2.2 59 แบบทดสอบหลังเรียน 60 ความรู้พนื้ ฐานโปรแกรม Adobe Photoshop CS6 62 แบบทดสอบก่อนเรยี น 63 การเปด ไฟล์และการบันทกึ 64 การย้ายและการจัดเรยี งแทบ็ 77 การจดั เรยี งไฟลภ์ าพบนหนา้ จอ 81 การซมู ภาพ (Zoom) 84 เครอื่ งมือ Hand Tool 86 ใบงานท่ี 3.1 87 ใบงานท่ี 3.2 88 แบบทดสอบหลงั เรียน 89

ห ่นวย ี่ท 4 การท�ำงานกบั Layer โปรแกรมกราฟิ ก ห ่นวย ่ที 5 แบบทดสอบกอ่ นเรยี น 90 ความหมายของ Layer หน่วยท่ี 6 การสรา้ ง Layer ใหม่ 92 การยา้ ยตำ� แหนง่ Layer 94 การลบ Layer 94 การซ่อน Layer 95 การแสดง Layer 97 การเปล่ียนชื่อ Layer 98 การกำ� หนด Layer Style Effect 100 การแก้ไขเอฟเฟกต ์ 100 การคัดลอกเอฟเฟกต์ไปใช้กับ Layer อน่ื ๆ 102 การรวม Layer 104 การคดั ลอก Layer 106 ใบงานท่ี 4.1 108 ใบงานท่ี 4.2 110 แบบทดสอบหลงั เรียน 112 113 การใช้งาน Mask 114 แบบทดสอบก่อนเรียน 116 ความหมายของ Mask หลักการพื้นฐานในการปรับแตง่ Mask 118 การปรบั แตง่ Mask ด้วย Brush 119 ยกเลิก Mask ช่วั คราว 123 ใช้ Opacity เพ่มิ ลดผลของ Mask 124 การปรบั ความหนาแนน่ (Density) ใน Mask 126 การไล่สีในภาพด้วยเคร่อื งมือไลส่ ี Gradient Tool 127 ใบงานท่ี 5 128 แบบทดสอบหลังเรียน 130 133 การปรับแต่งภาพพนื้ ฐาน 134 แบบทดสอบก่อนเรยี น 135 การปรับแสงสวา่ งและความคมชัดใหก้ บั ภาพ การปรบั ความเข้มและความสวา่ งของภาพดว้ ย Level 137 การปรบั ความสมดุลสีของภาพดว้ ย Color Balance 139 การเพ่มิ -ลดความเขม้ ของส ี 141 การตกแตง่ ภาพดว้ ย Curves 143 145 149

ห ่นวย ่ีท 7 โปรแกรมกราฟิ ก 151 153 หน่วย ่ที 8 การปรับภาพใหเ้ ป็นสที ตี่ ้องการด้วย Hue/Saturation… 156 การปรับแตง่ ภาพดว้ ย Gradient Map 158 การปรับภาพใหด้ ูสดใสด้วย HDR/Toning 160 การใส่แสงเอฟเฟกต์ให้กบั ภาพดว้ ย Lighting Effect 163 การปรบั ภาพดว้ ยค�ำส่ัง Blur 164 ใบงานที่ 6 แบบทดสอบหลังเรียน 166 รที ัชตกแตง่ ภาพ 168 169 แบบทดสอบก่อนเรยี น 171 ลบจุดเล็ก ๆ ด้วย Spot Healing Brush Tool 174 ลบส่ิงท่ีไมต่ ้องการด้วย Healing Brush Tool 176 แก้ไขรปู ในบริเวณกว้าง ๆ ด้วย Patch Tool 178 Clone Stamp Tool 180 สร้าง Layer ก่อนใชง้ าน Clone Stamp 182 เทคนิคการใช้ Clone Stamp รว่ มกบั Blending Mode 183 ใบงานท่ี 7 แบบทดสอบหลงั เรียน 184 เทคนคิ การตกแตง่ ภาพ 186 188 แบบทดสอบกอ่ นเรียน 190 ปรบั ความสว่างด้วยเคร่อื งมอื Burning Tool และเครื่องมอื Dodging Tool 191 การเน้นบางสว่ นให้สว่างหรือมดื ดว้ ย Soft Light Blending 194 เทคนิคเพิ่มความสว่างใหก้ บั ภาพ 196 การลด Noise ในแต่ละ Channel 197 เพ่ิมความคมชัดด้วย Unsharp Mask 200 เทคนคิ การเปลย่ี นสีดว้ ย Hue/Saturation 202 เปลย่ี นสดี ว้ ยค�ำส่งั Replace Color 203 ปรับสแี ละโทนด้วย Selective 206 ปรบั แตง่ สีด้วย Color Balance 207 ใบงานที่ 8 แบบทดสอบหลงั เรียน

ห ่นวย ่ีท 9 การกรอกข้อความ โปรแกรมกราฟิ ก ห ่นวยท่ี 10 แบบทดสอบกอ่ นเรียน 209 การกรอกขอ้ ความใน Adobe Photoshop CS6 วิธีพมิ พข์ อ้ ความแบบ Point Type 211 วิธพี มิ พ์ข้อความแบบ Paragraph Type 212 วธิ ีแปลงระหวา่ ง Point Type และ Paragraph Type 212 การขยบั ยา้ ยตำ� แหนง่ ข้อความ 214 ปรบั รูปทรงตัวอกั ษร 215 วิธีพมิ พ์ขอ้ ความบน Patch 216 การ Wrap ตัวอกั ษร 218 ข้อความแบบ Anti-Aliasing 219 การกำ� หนดเงาใหก้ บั ข้อความ 221 เรยี กใช้งาน Character Panel 223 ใบงานท่ี 9 224 แบบทดสอบหลงั เรียน 225 227 การแปลงไฟล์และการจดั พมิ พ ์ 228 แบบทดสอบก่อนเรียน 229 การ Save เปน็ ไฟล์ชนิดตา่ ง ๆ รจู้ กั กบั Color Management 231 ตรวจสอบผลลพั ธด์ ้วย Proof Colors 233 การสง่ั พิมพ์ 235 ใบงานที่ 10 236 แบบทดสอบหลังเรียน 238 242 บรรณานกุ รม 243 245

โปรแกรมกราฟิ ก

โปรแกรมกราฟิ ก 1หนว่ ยท่ี ความรู้พื�นฐาน เก่ยี วกับภาพกราฟิ ก แนวคิด งำนทำงดำ้ นกรำฟกิ มขี นั้ ตอนเรมิ่ จำกกำรวำงแผนทำงศลิ ปะและกำรทำ� หวั เรอ่ื ง ซงึ่ จำ� เปน็ ต้องเรียนรู้ข้อมูลเกี่ยวกับขนำดและสัดส่วนและหลักกำรออกแบบตลอดจนกำรใช้สีเป็น องค์ประกอบ เพ่ือเน้นและดึงดูดควำมสนใจให้มำกขึ้น งำนกรำฟิกมีควำมหมำยรวมไปถึง กำรผนึกภำพ ภำพถ่ำย เป็นตน้ สาระการเรียนรู้ 2. ประเภทและคุณลักษณะของภำพกรำฟิก 1. ควำมหมำยของภำพกรำฟกิ 4. กำรประมวลผลภำพคอมพวิ เตอรก์ รำฟิก 3. หลักกำรของภำพกรำฟกิ 6. กำรพิมพ์ภำพในคอมพวิ เตอรก์ รำฟกิ 5. ชนดิ ของภำพส�ำหรับงำนกรำฟกิ ผลการเรยี นรูท้ ่คี าดหวงั 1. บอกควำมหมำยของภำพกรำฟิกได้ 2. ประเภทและคณุ ลักษณะของภำพกรำฟิก 3. หลักกำรของภำพกรำฟกิ 4. บอกกำรประมวลผลภำพคอมพวิ เตอรก์ รำฟกิ ได้ 5. ชนดิ ของภำพส�ำหรับงำนกรำฟกิ 6. อธบิ ำยเก่ียวกับกำรพมิ พ์ภำพในคอมพิวเตอร์กรำฟกิ ได้ สมรรถนะยอ่ ย 1. แสดงควำมรู้เก่ียวกบั หลกั กำรพ้นื ฐำนคอมพวิ เตอรก์ รำฟกิ 2. ออกแบบภำพกรำฟิกตำมหลักองคป์ ระกอบศิลป ความรูพ้ น้ื ฐานเก่ียวกับภาพกราฟิ ก 1

โปรแกรมกราฟิ ก แบบทดสอบก่อนเรยี น คําชแ้ี จง จงเลือกข้อที่ถูกตอ้ งท่สี ดุ เพยี งขอ้ เดยี ว 1. ความละเอียดของจอภาพน้นั เกดิ ข้ึนโดยอปุ กรณ์ใดตอ ไปน้ี ก. แรม ข. กำรด์ จอ ค. ฮำรด์ ดิสก์ ง. กำรด์ แลน 2. หากตอ้ งการพมิ พภ์ าพบนคอมพวิ เตอรด์ ว้ ยความละเอยี ดของเครอ่ื งพมิ พ ์ โดยใชห้ นว ย วดั พิกเซลตอนิว้ มอี กั ษรยอตามขอ้ ใด ก. ppi ข. pdi ค. idp ง. Pic 3. การประมวลผลภาพคอมพิวเตอรก์ ราฟก แบบ Raster ควรมลี กั ษณะตามข้อใด ก. เป็นกำรอ่ำนคำ่ ตวั อักษรแต่ละตัวอกั ษร ข. แบบอำศยั กำรอ่ำนค่ำสีในแตล่ ะพิกเซล ค. แบบอำศัยกำรค�ำนวณทำงคณิตศำสตร์ ง. แบบอำศัยกำรคำ� นวณทำงวทิ ยำศำสตร์ 4. ขอ้ ใดคือโหมดสที ใี่ ช้สําหรบั งานการพมิ พ์ ก. โหมด CMYK ข. โหมด Gray Color ค. โหมด RGB ง. โหมด RGBA 5. ขอ้ ใดกลา วถกู ต้องเกีย่ วกับความหมายของภาพกราฟก มากทส่ี ดุ ก. กำรใช้คอมพวิ เตอรส์ รำ้ งและจัดกำรกบั ภำพ สัญลกั ษณ์ และข้อควำม ข. กำรใช้คอมพวิ เตอร์สร้ำงและจดั กำรกบั ภำพ ค. กำรใชค้ อมพิวเตอร์สรำ้ งและจัดกำรกับสัญลกั ษณ์ ง. กำรใช้คอมพิวเตอร์สรำ้ งและจัดกำรกบั ข้อควำม 6. ภาพแบบราสเตอร์ (Raster) เรียกอกี ช่ือคือข้อใด ก. Rapbit ข. Batmap ค. Bitmap ง. Bitbat 7. ประเภทของภาพกราฟกมีกป่ี ระเภท ก. 4 ประเภท ข. 3 ประเภท ค. 2 ประเภท ง. 1 ประเภท 8. คุณลกั ษณะของภาพกราฟก แบบ Vector มีไฟล์นามสกลุ แบบขอ้ ใด ก. .JPG ข. .EPS ค. .BMP ง. .GIF 9. ขอ้ ใดคือหลักการของภาพกราฟก แบบ Digital Image ก. ภำพวำด กำรขดี เขียน ข. ภำพ รูปภำพ ค. ภำพเชิงสญั ลักษณ์ Style Fashion ง. ภำพดจิ ติ อลภำพทแ่ี สดงผลทำงสอ่ื ดจิ ติ อล 10. หลักการของภาพกราฟก การกําหนดพิกเซลให้เหมาะกับงานท่ัวไปคือข้อใด แบบ Bitmap หรือ Raster ก. 100 – 150 ppi/1 ตำรำงนวิ้ ข. 100 – 250 ppi/1 ตำรำงนิ้ว ค. 100 – 350 ppi/1 ตำรำงนิ้ว ง. 100 – 450 ppi/1 ตำรำงนิว้ 2 ความรู้พื้นฐานเก่ยี วกบั ภาพกราฟิ ก

โปรแกรมกราฟิ ก ความหมายของภาพกราฟิ ก กราฟก หมำยถึง กำรสื่อควำมคิดโดยกำรใช้ภำพสัญลักษณ์ และข้อควำมกรำฟิก ในยุคแรกๆ เร่ิมตั้งแต่กำรวำดภำพลำยเส้น กำรวำดภำพเหมือนจริง มำจนถึงกำรใช้ภำพถ่ำย เหมือนจริง และปจจุบันเทคโนโลยีพัฒนำมำสู่ยุคดิจิทัล จึงมีกำรใช้คอมพิวเตอร์มำสร้ำงงำน กรำฟิก ดงั น้ันค�ำนิยำมของคำ� วำ่ “คอมพิวเตอร์กราฟก ” จงึ หมำยถึง กำรส่ือควำมคิดโดยกำร ใช้คอมพิวเตอร์สรำ้ งและจัดกำรกับภำพ สญั ลักษณ์ และข้อควำม 1. งานกราฟก หมำยถงึ งำนทเ่ี กดิ จำกกำรวำงแผนทำงศลิ ปะและกำรทำ� หวั เรอื่ ง รขู้ นำด และสดั สว่ นหลกั ในกำรออกแบบ รวมถงึ กำรใชส้ เี ปน็ องคป์ ระกอบเพอ่ื เนน้ และดงึ ดดู ควำมสนใจ ใหม้ ำกขน้ึ และเปน็ กำรชว่ ยใหไ้ ดร้ ำยละเอยี ดชดั เจนของวสั ดทุ ใ่ี ชป้ ระกอบกำรสอน และมคี วำมหมำย รวมไปถงึ กำรผนกึ ภำพ ภำพถ่ำย อกี ดว้ ย ท่ีมาของเน้อื หา http://pioneer.netserv.chula.ac.th/~schutcha/graphic/Gtext02.htm ^ รูปแสดง ภาพกราฟก 2. ภาพบนคอมพิวเตอร์ ส�ำหรับภำพท่ีปรำกฏบน ควำมละเอียด 284 x 189 pixels หน้ำจอคอมพิวเตอร์ท่ีเห็นอยู่ท่ัวไปนั้น เกิดจำกจุดสี่เหลี่ยม เล็กๆ ของสี ท่เี รยี กว่ำ พกิ เซล (Pixel) มำประกอบกนั เปน็ ภำพ ควำมละเอยี ด 1417x 943 pixels ขนำดตำ่ งๆ ^ รปู แสดง ความละเอยี ดของภาพ พิกเซล (Pixel) มำจำกค�ำว่ำ Picture และค�ำว่ำ Element แปลตรงตวั คือ องค์ประกอบทร่ี วมกนั เกดิ เป็นภำพ ซงึ่ สรุปหมำยถึง จุดสเ่ี หลยี่ มเลก็ ๆ ทเ่ี ป็นองคป์ ระกอบรวมกนั เปน็ ภำพ ควำมละเอียดของภำพ เปน็ จ�ำนวนของพกิ เซลทีอ่ ยู่ ภำยในภำพ โดยใชห้ น่วยวดั เปน็ พกิ เซลต่อน้วิ (ppi : Pixel Per Inch) เชน่ 300 ppi หรอื 600 ppi เปน็ ตน้ ภำพทมี่ คี วำมละเอยี ด มำกมีควำมชัดกว่ำภำพทมี่ คี วำมละเอยี ดน้อย พบว่ำไฟลภ์ ำพ ความรูพ้ ืน้ ฐานเก่ียวกับภาพกราฟิ ก 3

โปรแกรมกราฟิ ก เดยี วกนั เมอ่ื นำ� ไปแสดงผลออกมำผำ่ นอปุ กรณท์ ต่ี ำ่ งกนั สง่ ผลใหไ้ ดภ้ ำพทอ่ี อกมำมคี วำมคมชดั หรอื ควำมละเอยี ดไมเ่ ทำ่ กนั ได้ เชน่ ภำพบนหนำ้ จอคอมพวิ เตอรแ์ ละภำพทพ่ี มิ พจ์ ำกเครอ่ื งพมิ พ์ เลเซอร์ เพรำะขนำดพิกเซลหรือจดุ เล็กๆ ทที่ �ำใหเ้ กิดภำพมีขนำดที่ไม่เท่ำกนั ความละเอียดของจอภาพ เป็นหน่วยท่ีใช้วัดจ�ำนวนพิกเซลสูงสุดที่จอคอมพิวเตอร์ สำมำรถผลิตออกมำได้ ซึ่งควำมละเอียดของจอภำพนั้นเกิดขึ้นโดยวิดีโอกำร์ดหรือกำร์ดจอ และควบคมุ กำรทำ� งำนดว้ ยซอฟตแ์ วรบ์ น Windows ดงั นนั้ สำมำรถตงั้ คำ่ กำรแสดงควำมละเอยี ด ของจอภำพบน Windows ได้ เชน่ 800 × 600 หรอื 1024 × 768 ควำมละเอยี ด 1027 × 768 หมำยถึง จ�ำนวนวิดีโอพิกเซลในแนวนอน 1024 พิกเซล และจ�ำนวนวิดีโอพิกเซลในแนวตั้ง 768 พกิ เซล ^ รูปแสดง ความละเอยี ดของจอภาพ ความละเอียดของเคร่ืองพิมพ์ เป็นหน่วยท่ีใช้วัดจ�ำนวน พกิ เซลตอ่ นวิ้ ซงึ่ จดุ พกิ เซลในเครอ่ื งพมิ พเ์ รยี กวำ่ ดอต (dot) ดงั นน้ั หน่วยที่ใช้วัดควำมละเอียดของเครื่องพิมพ์ถูกเรียกว่ำ dpi (Dot Per Inch) เช่น เครื่องพิมพ์แบบเลเซอร์ซึ่งมีขนำดของพิกเซล เท่ียงตรง มีควำมละเอียดในกำรพิมพ์ท่ี 600 dpi แสดงว่ำมี ควำมสำมำรถพิมพไ์ ด้ 600 จดุ ทุกๆ 1 น้ิว ^ รปู แสดง ความละเอียดของเคร่อื งพมิ พ ทมี่ า : http://www.aurorameccanica.it/live_documentary/ ความละเอียดของอิมเมจเซตเตอร์ อิมเมจเซตเตอร์ ^ รูปแสดง (Imagesetter) คือเครื่องพิมพ์ท่ีมีควำมละเอียดสูงต้ังแต่ เคร่ืองพมิ พ Imagesetter 1200-4800 dpi ซึ่งผลิตจุดเลเซอร์ได้เล็กมำก โดยสำมำรถ วัดขนำดได้ด้วยหน่วยวัดเป็นไมครอน (1 ส่วนล้ำนเมตร หรือ 1 สว่ น 1,000 มิลลิเมตร) ท่ีมา : http://www.printtosme.com/article/imagesetter-เคร่อื งยงิ ฟลมสําหรบั งานพมิ พ 4 ความรู้พ้นื ฐานเก่ยี วกับภาพกราฟิ ก

โปรแกรมกราฟิ ก ประเภทและคุณลกั ษณะของภาพกราฟิ ก 1. ประเภทของภาพกราฟก ภำพกรำฟิกทีน่ �ำมำใชใ้ นคอมพวิ เตอร์สำมำรถแบง่ ออกเปน็ 2 ประเภท ได้แก่ 1.1 ภาพเวคเตอร์ (Vector) เป็นภำพประกอบด้วยเส้นลักษณะในรูปทรงต่ำงๆ ขณะทแ่ี สดงผลไดผ้ ำ่ นกำรคำ� นวณกอ่ น ทำ� ใหภ้ ำพมคี วำมคมชดั สวยงำมและไมแ่ ตก ภำพกรำฟกิ แบบ Vector เป็นภำพประเภท Resolution-Independent มีลักษณะของกำรสร้ำงซ่ึงมีอิสระ ต่อกัน ซึ่งแยกชิ้นส่วนของภำพท้ังหมดออกเป็นเส้นตรง รูปทรงหรือส่วนโค้ง มีกำรค�ำนวณ เพ่ือสร้ำงภำพ เป็นกำรรวม Object เช่น วงกลม เส้นตรง ทรงกลม ลูกบำศก์และอื่นๆ น�ำมำผสมกัน มีทศิ ทำงกำรลำกเสน้ ไปในแนวตำ่ ง ๆ เพอื่ สรำ้ งภำพที่แตกตำ่ งกนั ภำพประเภท น้เี รียกว่ำ Vector Graphic หรือ Object Oriented ^ รปู แสดง ภาพเวคเตอร (Vector) ที่มา : https://apaperbedaan.com/vector-dan-raster-bitmap/ 1.2 ภาพบิตแมป (Bitmap) หรือภาพกราฟกแรสเตอร์ (Raster Graphics) เกิดจำกจุดสีขนำดเล็กจ�ำนวนมำกเรียงตัวกันในรูปแบบ Pixel แต่ละรูปภำพมีค่ำและ ขนำดของรูปภำพที่แน่นอน หำกมีกำรขยำยเพ่ิมมำกเกินไปอำจท�ำให้รูปภำพแตก Bitmap เป็นภำพแบบ Resolution Dependent ประกอบขึ้นด้วยจุดสีต่ำงๆ ท่ีมีจ�ำนวนคงที่ตำยตัว ตำมกำรสร้ำงภำพท่ีมี Resolution หรือควำมละเอียดของภำพต่ำงกันไป หำกขยำยภำพ Bitmap มีลกั ษณะเปน็ ตำรำงเล็กๆ ดงั ภำพ ความรูพ้ ืน้ ฐานเก่ียวกบั ภาพกราฟิ ก 5

โปรแกรมกราฟิ ก ^ รปู แสดง ภาพบติ แมป (Bitmap) หรอื ภาพกราฟก แรสเตอร (Raster Graphics) ท่มี า : https://apaperbedaan.com/vector-dan-raster-bitmap/ 2. คุณลกั ษณะของภาพกราฟก 2.1 ภาพกราฟกแบบ Vector ลักษณะของภำพแบบ Vector ย่อ-ขยำยภำพได้ โดยท่ีภำพไม่แตก ควำมละเอียดของภำพไม่เปล่ียนแปลงคุณภำพของภำพไม่เปลี่ยนแปลง และสำมำรถขยำยเฉพำะควำมกว้ำงหรือควำมสูง เพื่อให้มองเห็นเป็นภำพผอมหรืออ้วนกว่ำ ภำพเดมิ ได้ และไฟลม์ ีขนำดเล็กกว่ำภำพ Bitmap ภำพแบบ Vector เหมำะสำ� หรบั งำนแบบวำง Layout งำนพิมพต์ วั อกั ษร Line Art หรอื Illustration ไฟลร์ ูปภำพแบบ Vector ในระบบวนิ โดวส์ คือ ไฟลท์ มี่ ีนำมสกลุ .EPS, .WMF, .CDR, .AI, .CGM, .DRW, .PLT เปน็ ตน้ ลกั ษณะแต่ละ นำมสกุลแตกตำ่ งกัน เชน่ นามสกลุ ลักษณะงาน ตวั อยา งซอฟตแ์ วรท์ ใี่ ชส้ รา้ ง .AI ใชส้ ำ� หรบั งำนทต่ี อ้ งกำรควำมละเอยี ดของภำพมำก โปรแกรม Illustrator .EPS เชน่ กำรสร้ำงกำร์ตูน กำรสร้ำงโลโก เปน็ ตน้ .WMF ไฟลม์ ำตรฐำนของโปรแกรม Microsoft Office โปรแกรม CorelDraw ^ รปู แสดง ภาพกราฟก แบบ Vector และ Bitmap 6 ความรู้พ้ืนฐานเก่ยี วกบั ภาพกราทฟมี่ ิ กา : http://eznetu.com/vector-vs-bitmap.html

โปรแกรมกราฟิ ก ข้อดี คือ เหมำะสำ� หรบั กำรออกแบบ วำด เขียน ลงสี คำ่ สีทีค่ มชัด ควบคุมได้ ไฟล์ที่ได้น�ำไปประกอบกับงำนอ่ืนๆ ได้ จุดเด่นคือย่อขยำยได้ตำมต้องกำรเหมำะกับงำนด้ำน กรำฟกิ ชน้ั สงู ทีต่ อ้ งกำรควำมละเอียดมำก เช่น ออกแบบโลโก้ ภำพ เป็นตน้ ขอ้ เสยี คือ ในกำรสร้ำงออกแบบและเขยี นกรำฟกิ ประเภท Vector จ�ำเป็นต้อง มีควำมรู้ในโปรแกรมท่ีใช้ในกำรออกแบบ ไฟล์ที่ได้มีนำมสกุลเป็น .AI, .DRW, .CDR, .EPS สว่ นโปรแกรมจดั กำรภำพประเภทนี้ เชน่ Illustrator, CorelDraw เปน็ ตน้ 2.2 ภาพกราฟก แบบ Bitmap ลกั ษณะของภำพแบบ Bitmap เหมำะสำ� หรบั งำน กรำฟิกในแบบที่ต้องกำรให้แสงเงำในรำยละเอียด เป็นไฟล์ท่ีเหมำะกับกำรท�ำงำนกับภำพ เสมือนจริงประเภทภำพถ่ำย เพรำะ Bitmap มี Channel พิเศษ เรียกว่ำ Alpha Channel เปน็ 32 bit หรือ true color เช่น ภำพที่น�ำมำใช้กบั Photoshop เปน็ ภำพเสมอื น ภำพถำ่ ย เพรำะไฟล์ทไี่ ด้จำก Photoshop เป็น Bitmap ไฟล์ทมี่ นี ำมสกลุ .BMP, .PCX. , .TIF, .GIF, .JPG, .MSP, .PCD เปน็ ต้น โปรแกรมทีใ่ ช้สรำ้ งกรำฟิกนี้คือ โปรแกรม Paint ตำ่ งๆ เช่น Paintbrush, Photoshop, Photos Tyler เปน็ ต้น ลักษณะแต่ละนำมสกุลแตกตำ่ งกัน เชน่ นามสกลุ ลักษณะงาน ตวั อยา งซอฟตแ์ วรท์ ใ่ี ชส้ รา้ ง .JPG, .JPEG, .JPE, ใชส้ �ำหรบั รปู ภำพทั่วไป และงำนท่ีมี โปรแกรม Photoshop, .GIF ควำมจ�ำกดั ดำ้ นพน้ื ทห่ี น่วยควำมจำ� PaintShopPro, Illustrator .TIFF, .TIF เหมำะสำ� หรบั งำนด้ำนนติ ยสำร เพรำะมคี วำมละเอียดของภำพสูง .BMP, .DIB ไฟล์มำตรฐำนของระบบปฏิบัติกำร โปรแกรม PaintShopPro, วนิ โดว์ Paint .PCX เป็นไฟล์ภำพแบบบิตแมป โปรแกรม CorelDraw, Illustrator, Paintbrush ^ รปู แสดง ภาพบติ แมป (Bitmap) หรอื ภาพกราฟก แรสเตอร (Raster Graphics) และภาพ Vector ทม่ี า : https://kancadesain.com/vektor-dan-bคitmวaาpม/รูพ้ น้ื ฐานเก่ียวกับภาพกราฟิ ก 7

โปรแกรมกราฟิ ก ข้อดี คอื โปรแกรมสำ� หรับจัดการภาพประเภทน้ีมีความเขา้ ใจไดง้ า่ ยกว่า และ นามสกุลไฟล์ สามารถนำ� ไปใช้ประโยชนแ์ ละเขา้ ถงึ ไฟล์ไดง้ ่าย ซง่ึ ไฟล์ของรปู ภาพท่ีเกิดจากการ ประมวลผลแบบ Raster มีนามสกลุ เป็น .BMP, .PCX, .TIF, .JPG, .GIF, .MSP, .PNG, .PCT, โปรแกรมสำ� หรับจัดการภาพประเภทน้ี เชน่ Photoshop, PhotoScape, Light room, Gimp ข้อเสยี คอื เมื่อย่อขยายภาพประเภทน้หี รือทำ� การแก้ไข ดดั แปลงภาพ อาจ ทำ� ใหภ้ าพขาดความละเอียดของภาพไป ท�ำใหภ้ าพนน้ั ไม่คมชดั ไมส่ วยงาม หลกั การของภาพกราฟิ ก กราฟิก (Graphic) หมายถึง ภาพวาด, การขดี เขียน ภาพทีข่ ดี เขยี นลักษณะต่างๆ ท่ที ําขึ้น หรือการสร้างภาพเพ่ือสื่อเร่ืองราวตา่ งๆ หรอื เป็นการสรา้ งอิมเมจ (Image) Image หมายถึง ภาพ รปู ภาพ ภาพลักษณ์ภาพพจนก์ ารเปรียบเทยี บ ภาพเชิงสญั ลกั ษณ์ Style Fashion Digital Image ภาพดจิ ติ อล หรือภาพท่ีแสดงผลทางสื่อดจิ ติ อล เชน่ Internet หรือภาพที่ เตรียมเพือ่ เข้าสู่ระบบการพิมพ์ Digital Image มี 2 แบบ คอื 1. เวคเตอร์ (Vector หรือ Stroked) ภาพแบบ Vector สร้างจากโปรแกรม Adobe Illustrator, Corel Draw, Auto Cad, Freehand ได้ภาพทางเลขาคณติ มีความคมชัดมีขนาดไฟล์ ไมใ่ หญ่มากทใี่ ชใ้ นงานคอมพวิ เตอร์ 2. บทิ แมพ (Bitmap) ภาพแบบ Bitmap ประกอบด้วย - Pixel คือ จุด หรือ ดอท - Image Aspect Ratio ขนาดรูปภาพแนวขวาง และแนวดิ่ง เช่น 800 x 600 (ค่า Ratio) = 480,000 pixels - Resolution ค่าความละเอียดของภาพคิดเป็นจุดต่อนิ้ว (Dot per Inch = dpi) เชน่ 72 dpi สําหรบั แสดงผลทาง Internet, 300 dpi สําหรับนําไปผลิตสงิ่ พิมพ์ 8 ความรูพ้ ื้นฐานเก่ยี วกบั ภาพกราฟิ ก

โปรแกรมกราฟิ ก ^ รปู แสดง รปู ภาพแบบ Vector และ Bitmap ทม่ี า : http://archive.xaraxone.com/webxealot/xealot30/html/features.htm 1. หลักการของภาพกราฟกแบบ Vector หลกั กำรของกรำฟิกแบบ Vector เป็นภำพกรำฟิกท่ีเกิดจำกกำรอำ้ งอิงควำมสมั พนั ธ์ ทำงคณิตศำสตร์ หรือกำรค�ำนวณ ซึ่งภำพมีควำมเป็นอิสระต่อกัน โดยแยกช้ินส่วนของภำพ ทงั้ หมดออกเปน็ เส้นตรง เส้นโคง้ รปู ทรง เมือ่ มกี ำรขยำยภำพควำมละเอียดของภำพไม่ลดลง ไฟลม์ ขี นำดเล็กกว่ำแบบ Raster ภำพกรำฟิกแบบ Vector เหมำะกับงำนด้ำนสถำปยตต์ กแต่ง ภำยในและกำรออกแบบต่ำงๆ เช่น งำนออกแบบ-เขียนแบบ ปำย กำรสร้ำงภำพเคลื่อนไหว กำรออกแบบผลิตภัณฑ์ เป็นต้น ซ่ึงโปรแกรมที่นิยมใช้สร้ำงภำพแบบ Vector คือ โปรแกรม Illustrator, Core Draw, AutoCAD, 3Ds max เปน็ ตน้ อปุ กรณท์ ่ีใชแ้ สดงผลภำพตอ้ งแสดงผล ภำพเปน็ แบบ Raster ^ รปู แสดง ภาพบติ แมป (Bitmap) หรอื ภาพกราฟก แรสเตอร (raster graphics) และภาพแบบ Vector ทมี่ า : https://www.fiverr.com/omarfaruk92087/trace-convert-redraw-raster-logo-or-image-into-vector ความรู้พน้ื ฐานเก่ียวกับภาพกราฟิ ก 9

โปรแกรมกราฟิ ก 2. หลกั การของภาพกราฟกแบบ Bitmap หรือแบบ Raster หลกั กำรของภำพกรำฟกิ แบบ Bitmap หรอื แบบ Raster ไดก้ �ำหนดภำพเป็นพกิ เซล (Pixel) ซ่ึงเป็นภำพกรำฟิกที่เกิดจำกกำรเรียงตัวกันของจุดสี่เหลี่ยมเล็กๆ หลำกหลำยสี ในกำรสร้ำงภำพกรำฟิกแบบ Raster ต้องก�ำหนดจ�ำนวนของพิกเซลให้กับภำพที่ต้องกำรสร้ำง ถ้ำก�ำหนดจ�ำนวนพิกเซลต�่ำหำกขยำยเพ่ือท�ำให้แฟมภำพมีขนำดใหญ่ ควรก�ำหนดพิกเซล ใหเ้ หมำะกบั งำนทวั่ ไป กำ� หนดจำ� นวนพกิ เซลประมำณ 100-150 ppi (Pixel/inch) จำ� นวนพกิ เซล ตอ่ 1 ตำรำงน้ิว หำกเป็นงำนทีต่ ้องกำรควำมละเอยี ดต�่ำและแฟม ภำพมีขนำดเลก็ หำกตอ้ งกำร ภำพขนำดใหญค่ วรได้กำ� หนดพิกเซลมำกขึ้นตำมขนำดของภำพท่ตี อ้ งกำร ^ รปู แสดง ภาพบติ แมป (Bitmap) หรอื ภาพกราฟก แรสเตอร (raster graphics) และภาพแบบ Vector ทม่ี า : https://www.deverdesigns.com/what-is-the-difference-between-vector-and-raster-graphics/ การประมวลผลภาพคอมพิวเตอรก์ ราฟิ ก ภำพท่ีเห็นในคอมพิวเตอร์มีวิธีกำรประมวลผลภำพ 2 แบบแตกต่ำงกันไปตำมแต่ละ โปรแกรมดงั นี้ 1. การประมวลผลแบบ Raster เป็นกำรประมวลผลแบบอำศัยกำรอ่ำนคำ่ สใี นแต่ละ พกิ เซล มีช่อื เรยี กอีกอยำ่ งหน่ึงวำ่ Bitmap เป็นข้อมูลท่ีมีค่ำ 0 และ 1 แต่ละพิกเซลมีค่ำสีที่เจำะจงในแต่ละต�ำแหน่ง ซ่ึงเหมำะกับภำพที่มี ลักษณะแบบภำพถ่ำย กำรประมวลผลแบบ Raster ได้แก่ ไฟล์ภำพ ที่มสี กุล .TIF, .GIF, .JPG, .BMP และ .PCX เปน็ ต้น โดยโปรแกรม ที่ใช้ทำ� งำนกบั ภำพ Raster คอื Photoshop, Photo Paint และ Paint Brush เป็นตน้ ^ รปู แสดง การประมวลผล แบบ Raster 10 ความรูพ้ ืน้ ฐานเก่ยี วกบั ภาพกราฟิ ก

โปรแกรมกราฟิ ก 2. การประมวลผลแบบ Vector เป็นกำรประมวลผลแบบอำศัยกำรค�ำนวณทำง คณิตศำสตร์ โดยมีสีและต�ำแหน่งของสีท่ีแน่นอน ฉะนั้นไม่ว่ำมีกำรเคล่ือนย้ำยหรือย่อขยำย ขนำดของภำพ ภำพไม่เสียรูปทรงในเชิงเรขำคณิต และควำมละเอียดของภำพไม่ลดลงด้วย จงึ ทำ� ใหภ้ ำพคงควำมคมชดั เหมอื นเดมิ แมข้ นำดของภำพเปลย่ี นแปลงใหญข่ นึ้ หรอื เลก็ ลง แตม่ ี ข้อเสียท่ีไม่สำมำรถใช้ Effect ในกำรปรับแต่งภำพได้เหมือนกับภำพ แบบ Raster กำรประมวลผลภำพลักษณะนี้ ไดแ้ ก่ ภำพที่มสี กลุ เปน็ .AI, .DRW ใช้ในโปรแกรมกำรวำดภำพ Illustrator, CorelDraw ภำพ .WMF เป็นภำพคลิปอำร์ตในโปรแกรม Microsoft Word และ ภำพ .PLT ในโปรแกรมกำรออกแบบ AutoCad ^ รปู แสดง การประมวลผล แบบ Vector 3. ความรู้เกี่ยวกับเรื่องสี ส�ำหรับสีท่ีมองเห็นรอบๆ ตัวน้ัน เกิดข้ึนได้จำกกำรท่ีตำรับแสงท่ีสะท้อนมำจำกวัตถุเหล่ำนั้น ซ่ึง ควำมยำวของคล่ืนแสงที่แตกต่ำงกัน ส่งผลให้มองเห็นสีท่ีแตกต่ำงกัน ดว้ ย และสำ� หรบั งำนคอมพวิ เตอรก์ รำฟกิ นนั้ มกี ำรผสมสที เ่ี กดิ จำกแสง แสดงบนจอภำพ หรือกำรผสมหมึกสพี มิ พอ์ อกมำทำงเคร่อื งพิมพ์ ^ รูปแสดง ความรเู ก่ยี วกับ เรอ่ื งสี 4. ความลกึ ของส ี (Bit Depth) คอมพวิ เตอรส์ ำมำรถสรำ้ งและ แสดงสีในภำพได้เป็นหลำยล้ำนสี ดังนั้น จ�ำนวนของเฉดสีที่มี บนหนำ้ จอ และวดั ออกมำในรปู บติ ต่อพกิ เซล (bit per pixel : bpp) ชว่ งทพี่ บเห็นโดยทัว่ ไปคือ 256 สี (8 bpp) หลำยพนั สี (16 bpp) และ หลำยล้ำนสี (32 bpp) โดยที่ 1 pixel = 1 byte = 8 bit => 2^8 = 256 สี ^ รูปแสดง ความลึกของสี 5. โมเดลของสี (Color Model) โดยทวั่ ไปแลว้ สตี ่ำงๆ ในธรรมชำติและสที ่ถี ูกสร้ำงขนึ้ มรี ปู แบบกำรมองเห็นสที ่ีแตกตำ่ งกัน ซึ่งรปู แบบกำรมองเหน็ สีนเ้ี รียกว่ำ โมเดล (Model) ดังนนั้ จงึ ทำ� ให้มโี มเดลหลำยแบบดังท่ไี ดศ้ ึกษำต่อไปนี้ คือ 1. โมเดลแบบ HSB ตำมหลักกำรมองเหน็ สีของสำยตำมนุษย์ 2. โมเดลแบบ RGB ตำมหลกั กำรแสดงสขี องเครอื่ งคอมพิวเตอร์ 3. โมเดลแบบ CMYK ตำมหลักกำรแสดงสขี องเครื่องพมิ พ์ 4. โมเดลแบบ Lab ตำมมำตรฐำนของ CIE ความรู้พื้นฐานเก่ียวกบั ภาพกราฟิ ก 11

โปรแกรมกราฟิ ก 5.1 โมเดลแบบ HSB ตามหลกั การมองเหน็ สขี องสายตามนุษย์ เปน็ ลกั ษณะพนื้ ฐำนกำรมองเหน็ สดี ว้ ยสำยตำของมนษุ ย์ โมเดล HSB ประกอบ ด้วยลักษณะของสี 3 ลักษณะดังน้ี 5.1.1 Hue เป็นสีของวัตถุที่สะท้อนเข้ำมำในตำท�ำให้สำมำรถมองเห็นวัตถุ เป็นสีได้ ซ่ึงแต่ละสีแตกต่ำงกันตำมควำมยำวของคล่ืนแสงท่ีมำกระทบวัตถุและสะท้อนกลับ ที่มีตำของ Hue ถกู วัดโดยตำ� แหนง่ กำรแสดงสีบน Standard Color Wheel ซึง่ ถกู แทนดว้ ยองศำ คอื 0 ถงึ 360 องศำ แตโ่ ดยทั่วๆ ไปแลว้ มกั เรียกกำรแสดงสนี นั้ ๆ เปน็ ชื่อของสีเลย เชน่ สแี ดง สีมว่ ง สเี หลอื ง Hue (pure color) Tint (hue + white) Tone (hue + grey) Shade (hue + black) ^ รปู แสดง Hue ทมี่ า : www.croak-croak.extun.com 5.1.2 Saturation เป็นสัดส่วนของสีเทำที่มีอยู่ในสีน้ัน โดยวัดค่ำสีเทำในสี หลกั เปน็ เปอร์เซ็นต์ดังนคี้ ือ จำกรอ้ ยละ 0 จนถงึ 100 หำกสีเทำ ไม่มเี ลย หรือเรยี กว่ำ Full Saturation หมำยถงึ สที ่ีมคี วำมอิ่มตวั เต็มที่ ซง่ึ คำ่ Saturation บ่งบอกถึงควำมเขม้ ข้นและควำมจำงของ สี ถำ้ ถกู วดั โดยตำ� แหนง่ บน Standard Color Wheel คำ่ Saturation เพมิ่ ขนึ้ จำกจดุ กง่ึ กลำงจนถงึ เสน้ ขอบ โดยคำ่ ทเี่ สน้ ขอบมสี ที ชี่ ดั เจน และอ่ิมตัวท่สี ุด ^ รปู แสดง Saturation ท่มี า : www.graphicgroup11.blogspot.com 5.1.3 Brightness เปน็ ควำมสวำ่ งและควำมมดื ของสซี ึ่งถกู ก�ำหนดค่ำเป็นรอ้ ยละ จำก 0 (สดี ำ� ) ถงึ รอ้ ยละ 100 (สีขำว) ยง่ิ ทำ� ให้สีนน้ั สวำ่ งมำกขึน้ 12 ความรูพ้ ื้นฐานเก่ยี วกับภาพกราฟิ ก ^ รปู แสดง Brightness ทม่ี า : http://www.tomjewett.com

โปรแกรมกราฟิ ก 5.2 โมเดลแบบ RGB ตำมหลักกำรแสดงสขี องเครือ่ งคอมพวิ เตอร์ โมเดล RGB เกิดจำกกำรรวมกันของสเปกตรัมของแสงสีแดง (Red), เขียว (Green) และน�้ำเงิน (Blue) ในสัดส่วนควำมเข้มข้นที่แตกต่ำงกัน Red โดยจุดที่แสงท้ังสำมสีรวมกันเป็นสีขำว นิยมเรียกกำรผสมสี แบบน้ีว่ำ “Additive” แสงสี RGB มกั ถูกใช้สำ� หรับกำรส่องแสง Green ทง้ั บนจอภำพทวี แี ละจอคอมพวิ เตอร์ ซง่ึ สรำ้ งจำกกำรทใ่ี หก้ ำ� เนดิ Blue แสงสแี ดง สเี ขียว และสนี ้�ำเงิน ทำ� ให้สีดูสว่ำงกวำ่ ควำมเป็นจรงิ ^ รปู แสดง สแี บบ RGB ทม่ี า : www.km-web.mutt.ac.th 5.3 โมเดลแบบ CMYK ตำมหลักกำรแสดงสีของ Cyan เคร่ืองพิมพ์ โมเดล CMYK มี CMYK มีแนวคิดมำจำกระบบ กำรพิมพ์ โดยภำพถูกแยกออกเป็นแม่พิมพข์ องสีหลกั เพียง 4 สี คือ ฟำ (CYAN) ม่วงแดง (MAGENTA) เหลือง (YELLOW) ดำ� Magenta Yellow (BLACK) ซ่ึงเม่ือน�ำมำรวมกันแล้วได้สีด�ำ นิยมเรียกกำรผสมสี ^ รปู แสดง สแี บบ CMYK ทีม่ า : http://www.dpu.ac.th/techno/page.php แบบน้ีวำ่ Subtractive Color แตส่ ี CMYK ไม่สำมำรถผสมรวมกนั ใหไ้ ด้สีบำงสี เชน่ สีนำ้� ตำล จงึ ตอ้ งมกี ำรเพิ่มสีดำ� (Black) ลงไป ฉะนัน้ เมอื่ รวมกันทัง้ 4 สี คือ CMYK สที ไี่ ด้จำกกำรพิมพ์ จงึ ครอบคลุมทุกสี 5.4 โมเดลแบบ Lab ตำมมำตรฐำนของ CIE โมเดล Lab เป็นค่ำสที ี่ถกู กำ� หนดขึน้ โดย CIE (Commission International d’ Eclarirag) ให้เป็นสีมำตรฐำนกลำงของกำรวัดสีทุกรูปแบบ ครอบคลุมทุกสีใน RGB และ CMYK และใช้ได้กับสีท่ีเกิดจำก อุปกรณ์ทุกอย่ำงไม่ว่ำเป็นจอคอมพิวเตอร์ เครื่องพิมพ์ เครื่อง สแกนและอ่นื ๆ สว่ นประกอบของโหมดสีนี้ไดแ้ ก่ - L หมำยถงึ ค่ำควำมสว่ำง (Luminance) - A หมำยถงึ สว่ นประกอบท่แี สดงกำรไล่สจี ำก สเี ขียวไปสีแดง - B หมำยถงึ ส่วนประกอบทแ่ี สดงกำรไล่สีจำก ^ รูปแสดง โมเดลแบบ Lab สนี ้ำ� เงินถึงสเี หลือง ตามมาตรฐานของ CIE ทมี่ า : http://ea.hamradio.si ความรู้พืน้ ฐานเก่ียวกบั ภาพกราฟิ ก 13

โปรแกรมกราฟิ ก 6. ระบบสีที่ถูกกําหนดขึ้นพิเศษ เป็นระบบสีที่ถูกสร้ำงขึ้นมำใช้ในงำนคอมพิวเตอร์ กรำฟิก และนอกเหนอื จำกโมเดลของสีท่วั ไป ดังน้ี 6.1 Bitmap ภำพแบบ Bitmap หรือภำพแบบรำสเตอร์ (Raster) คอื ภำพทเี่ กิดจำก จุดสที ี่เรยี กว่ำ Pixel ซึ่งประกอบกนั เปน็ รปู รำ่ งบนพ้ืนที่ทม่ี ีลักษณะเป็นเสน้ ตำรำง (Grid) แต่ละ พิกเซล (Pixel) มีค่ำของต�ำแหน่งและค่ำสีของตัวเอง ภำพหน่ึงภำพประกอบด้วยพิกเซล (Pixel) หลำยๆ พิกเซลผสมกัน แต่เน่ืองจำกพิกเซล (Pixel) มีขนำดเล็กมำก จงึ เห็นภำพมคี วำม ละเอยี ดสวยงำม ไมเ่ หน็ ลกั ษณะของเสน้ ตำรำง จงึ เปน็ ภำพทเ่ี หมำะสมตอ่ กำรแสดงภำพทมี่ เี ฉด และสสี ันจ�ำนวนมำก เช่น ภำพถ่ำย หรอื ภำพวำด ^ รูปแสดง Bitmap 6.2 Gray Scale ควำมเข้ม/จำงของสีเทำท่ีมีพิสัย (range) จำกเขม้ สุดไปสู่อ่อนสดุ มกั ใช้เมื่อไม่สำมำรถแสดงควำม แตกตำ่ งของสไี ด้ ^ รปู แสดง Gray Scale 6.3 Duotone เป็นโหมดท่ีเกิดจำกกำรใช้สี เพยี งบำงสมี ำผสมกนั ใหเ้ กดิ เปน็ ภำพแสดงกำรนำ� ไปใชใ้ นงำน ส่งิ พิมพ์ท่ีต้องกำรใชภ้ ำพ 2 สี ^ รูปแสดง Duotone ทม่ี า : https://www.flickr.com/photos/royblumenthal/916704260 14 ความรู้พนื้ ฐานเก่ยี วกับภาพกราฟิ ก

โปรแกรมกราฟิ ก 6.4 Indexed Color ระบบสีแบบ Indexed ^ รูปแสดง Indexed Color Color เป็นระบบจัดเก็บสีโดยก�ำหนดให้ 1 ภำพมีสีเพียง 256 เฉดสีเท่ำน้ัน โดยโปรแกรมท�ำกำรสร้ำงตำรำงดัชนี (Indexed Color) ข้ึนมำจดั เกบ็ สีในภำพ โดยสีอื่นๆ ในภำพ ทีอ่ ยนู่ อกเหนือจำก 256 สี ในตำรำงดชั นสี ี โปรแกรมหำ สที ใ่ี กลเ้ คยี งจำกสที ั้ง 256 สี ทีเ่ ก็บเอำไว้มำแทนทม่ี ีอยเู่ ดิม 6.5 Multi Channel ระบบสีแบบ Multi Channel เป็น ระบบกำรจัดเก็บและแยกสีใช้งำนแบบ 8 Bit ตอ่ Pixel ซึง่ ให้คำ่ สี สูงสุด 256 เฉดสี ส�ำหรับกำรแยกสีโดยรวมของระบบสี Multi Channel ท�ำงำนคล้ำยกับระบบสีแบบ CMYK เพียงแต่ขำด Channel K หรือสีด�ำไป 1 Channel โดยท�ำงำนแบบแยกแต่ละ Channel ^ รปู แสดง Multi Channel 6.6 Multi-spectral เปน็ ข้อมลู ภำพท่ไี ด้โดยอำศัยชว่ งคลื่นในกำรเก็บขอ้ มูลหลำย ชว่ งคล่ืน ^ รปู แสดง Multi-spectral ท่มี า : http://www.reference.com/browse/wiki/Multi-spectral_image 6.7 False-color เปน็ ภำพผสมสเี ทจ็ เชน่ ภำพ ^ รปู แสดง False-color ดำวเทียมที่เก็บข้อมูลแบบหลำยช่วงคล่ืนหรือภำพสีน�ำมำ ผสมช่วงคลื่นในรูปแบบเฉพำะต่ำงๆ ภำพสีผสมเท็จมิได้ ท่ีมา : www.board.postjung.com แสดงสีจริงของส่ิงปกคลุมดิน จึงท�ำให้มองเห็นส่ิงปกคลุม ดินด้วยสีที่ผิดธรรมชำติ ภำพสีผสมเท็จมักน�ำไปใช้กับงำน ความรูพ้ ืน้ ฐานเก่ียวกับภาพกราฟิ ก 15 ทำงด้ำนกำรวิเครำะห์พืชพรรณ (Vegetation Analysis)

โปรแกรมกราฟิ ก ชนิดของภาพสาํ หรบั งานกราฟิ ก ส�ำหรบั ชนิดของภำพมีดังต่อไปนี้ 1. JPEG (Joint Photograhic’s Experts Group) ส�ำหรับภำพชนดิ น้ี มจี ดุ เด่นและ จดุ ดอ้ ยดังน้ี จุดเดน - สนบั สนนุ สีได้มำกถงึ 24 bit - สำมำรถก�ำหนดคณุ ภำพและตั้งคำ่ กำรบีบอัดไฟล์ภำพได้ - ใชใ้ นอินเทอรเ์ น็ต (World Wild Web) มีนำมสกลุ .jpg - มโี ปรแกรมสนบั สนนุ กำรสรำ้ งจำ� นวนมำก - เรียกดูภำพไดใ้ น Graphic Browser ทุกตวั จุดด้อย - ไมส่ ำมำรถทำ� ใหพ้ น้ื ที่ของภำพเปน็ แบบโปร่งใสได้ (Transparent/Opacity) - หำกกำ� หนดคำ่ กำรบบี อดั ไวส้ งู เมอื่ สง่ ภำพจำก Server (แมข่ ำ่ ย) ไปยงั Client (ลูกขำ่ ย) ท�ำให้กำรแสดงผลช้ำเพรำะต้องเสยี เวลำในกำรขยำยไฟล์ ^ รูปแสดง ไฟลภ าพแบบ JPEG 2. TIFF (Tag Image File Format) ไฟลภ์ ำพชนดิ น้ีมนี ำมสกุล .tif มคี วำมยดื หยุน่ และ คุณภำพสูงสุด บันทึกแบบ Cross-platform จัดเก็บภำพได้ทั้งโหมด Grayscale Index Color, RGB และ CMYK เปิดได้ท้งั บนเครื่อง Mac และ PC เหมำะสมเป็นอย่ำงยง่ิ ในวงกำร ส่อื สง่ิ พมิ พ์ มีจุดเด่นจดุ ดอ้ ยดงั นี้ 16 ความรูพ้ น้ื ฐานเก่ยี วกับภาพกราฟิ ก

โปรแกรมกราฟิ ก จดุ เดน เปน็ รปู แบบทที่ ำ� ใหภ้ ำพแบบ Raster หรอื Bitmap สำมำรถใชง้ ำนรว่ มกบั Application ตำ่ งๆ รวมทงั้ โปรแกรมจดั กำร ภำพจำกสแกนเนอร์ จดุ ดอ้ ย ไฟลภ์ ำพขนำดใหญ่ เพรำะตอ้ งเกบ็ รำยละเอียด ควำมคมชดั ไวส้ งู ^ รปู แสดง แสดงภาพสกลุ TIFF 3. GIF (Graphics Interchange Format) มนี ำมสกุลเปน็ .GIF เปน็ ไฟลท์ ่ีถูกบีบอดั ให้ เล็กลง ใชก้ บั รปู ภำพที่ไมไ่ ดเ้ นน้ รำยละเอียดสที ี่สมจริง ไม่เหมำะกับภำพถำ่ ย แตเ่ หมำะกับภำพ กำรต์ ูน ภำพแนว vector เพรำะสำมำรถไล่ระดับเฉดสเี พียง 256 สี ทำ� ให้มคี วำมละเอยี ดไม่ เพียงพอ แต่มีคุณสมบัติพิเศษ คือ สร้ำงภำพเคล่ือนไหวได้ หรือที่เรียกกันว่ำ Gif Animation เหมำะกับกำรปฏิบตั ิกำรบนเวบ็ ไซต์ จดุ เดน - เป็นท่นี ิยมมำกทีส่ ุดส�ำหรบั ภำพท่แี สดงบนเวบ็ /อนิ เทอรเ์ น็ต - มขี นำดเล็กมำก - สำมำรถทำ� พนื้ ใหเ้ ป็นแบบโปร่งใสได้ (Transparent/Opacity) - สำมำรถท�ำเป็นภำพเคล่ือนไหวบนเว็บเพจได้ โดยใช้เคร่ืองมือช่วยสร้ำง เชน่ JavaScript, Flash - มีโปรแกรมสนบั สนนุ ในกำรสร้ำงจ�ำนวนมำก - สำมำรถเรยี กดภู ำพไดใ้ น Graphic Browser ทกุ ตวั จุดด้อย แสดงภำพไดเ้ พยี ง 256 สเี ทำ่ นนั้ ไมเ่ หมำะสำ� หรบั กำรน�ำเสนอภำพถ่ำยหรืองำนที่ต้องกำรควำมคมชัดสงู ^ รปู แสดง ไฟลภ าพแบบ JPEG ความรูพ้ น้ื ฐานเก่ียวกบั ภาพกราฟิ ก 17

โปรแกรมกราฟิ ก 4. PNG (Portable Network Graphics) เป็นไฟล์ท่ีถูกพัฒนำส�ำหรับใช้ในเว็บไซต์ โดยเฉพำะ ซึง่ เป็นรูปแบบของไฟล์รปู ภำพที่ถกู พัฒนำมำเพื่อใชส้ ำ� หรับกำรแสดงผลบนเว็บไซต์ โดยเฉพำะ และเพื่อใช้แทนรูปแบบของไฟล์ GIF ด้วยเหตุผลทำงดำ้ นลขิ สทิ ธ์ิ เพรำะ PNG นนั้ เป็นรูปแบบของไฟล์รูปภำพท่ีมีลิขสิทธิ์แบบ Open Source สำมำรถน�ำไปใช้และพัฒนำต่อ ได้อย่ำงอิสระ จดุ เดน - น�ำคุณสมบัติของภำพชนิด JPEG และชนิด GIF มำรวมกันใช้คือ มีสีมำก กว่ำ 256 สี และสำมำรถท�ำภำพแบบโปร่งใสได้ (Transparent) - PNG มีกำรบีบอัดขอ้ มูลโดยไม่เสยี คณุ ภำพ - ท�ำให้โปร่งใสได้ (Transparency) และยังสำมำรถควบคุมองศำของควำม โปร่งใส (Opacity) ได้ดว้ ย - เก็บบันทึกภำพด้วยสีจริง (True Color) ได้เช่นเดียวกับตำรำงสี และสีเทำ (Grayscale) แบบ GIF จุดดอ้ ย ไมส่ นบั สนนุ ภำพเคลอื่ นไหวเพรำะไมส่ ำมำรถเกบ็ ภำพหลำยๆ ภำพไวด้ ว้ ยกนั ได้ ^ รูปแสดง ภาพสกุล PNG 18 ความรู้พน้ื ฐานเก่ยี วกบั ภาพกราฟิ ก

โปรแกรมกราฟิ ก การพิมพภ์ าพในคอมพิวเตอรก์ ราฟิ ก 1. ความละเอยี ดของเครอ่ื งพมิ พ ์ ใชห้ นว่ ยวดั ความละเอยี ดของเครอื่ งพมิ พด์ ว้ ยจำ� นวน จดุ พิกเซล (Pixel) ตอ่ นวิ้ เรยี กว่า dpi (Dot Per Inch) ตวั อย่างเช่น เคร่อื งพิมพแ์ บบเลเซอร์ มี ความละเอียดในการพิมพ์ที่ 600-1,200 dpi 2. รูปแบบการพมิ พ์ภาพ ซ่งึ มีรปู แบบการพิมพด์ งั นี้ 2.1 การพมิ พภ์ าพแบบฮาลฟ์ โทน (Half Tone) ฮาล์ฟโทน คอื เฉดสีเทาท่ีเกดิ จาก การรวมตัวกันของจุดสดี ำ� เช่น สเี ทาเขม้ เกิดจากพ้ืนหลัง (Background) สีดำ� ทึบแต่เวน้ พ้ืนสขี าว ไว้เล็กน้อย เม่อื มองดูโดยรวมเห็นเป็นสีเทาเข้ม 2.2 การพมิ พส์ ี การกำ� เนดิ ภาพจากเครอื่ งพมิ พส์ ขี องโรงพมิ พใ์ ชห้ ลกั การของโมเดล สี CMYK ซง่ึ ตา่ งจากการกำ� เนดิ ภาพบนจอภาพทใ่ี ชโ้ มเดลสี RGB ดงั นนั้ กอ่ นสง่ ภาพไปโรงพมิ พ์ ควรเขา้ ใจหลักการพมิ พ์ภาพสี ซงึ่ เรยี กว่าการพมิ พ์ 4 สี การพมิ พภ์ าพ 4 สี ใชห้ ลกั การเดยี วกับ การพิมพ์แบบฮาล์ฟโทน ซึ่งมีการสร้างจุดสี ความถ่ีเส้น เหมือนกัน แต่ท�ำแยกกันพิมพ์ทีละสี 4 ครงั้ ตามโมเดลสี CMYK 2.3 การแปลงโมเดลสีของภาพ ก่อนน�ำภาพไปพิมพ์ ต้องตรวจสอบว่ากราฟิก ที่สร้างไว้น้ันเป็นโมเดลสี CMYK หรือไม่ เพ่ือท�ำให้สามารถแยกสีและพิมพ์ภาพออกมาได้สีที่ ถูกตอ้ ง สีในกระบวนการพิมพ์ปกติ (Process Colors) เป็นสี CMYK ท่ีใช้ใน กระบวนการพมิ พ์ปกติตามที่ไดแ้ ยกสีไวน้ นั่ เอง สที ใ่ี ชเ้ ฉพาะท่ี (Spot Colors) เปน็ สที ถ่ี กู ผสมกอ่ นสี CMYK ซง่ึ ในกระบวนการ พมิ พส์ นี ี้ ถกู พมิ พผ์ สมลงไปก่อน แล้วค่อยพิมพ์ตามดว้ ยสี CMYK ซ่งึ ตอ้ งท�ำเพลทหรือแมแ่ บบ เพ่ิมขน้ึ มาอีก 1 แผน่ ตามจำ� นวนสที ่ใี ช้ ดงั นน้ั ต้องเสยี ค่าใช้จา่ ยในการท�ำเพลทแมแ่ บบเพ่ิมเตมิ และมีความซับซ้อนในการผสมสีและควบคมุ สียากยิ่งข้ึน แต่ท�ำใหส้ ร้างสรรคผ์ ลงานทีม่ ี Effect แปลกใหมม่ าก ความรู้พนื้ ฐานเก่ียวกบั ภาพกราฟิ ก 19

โปรแกรมกราฟิ ก ใบงาน ีท่ 1.1 ใบงานท่ี 1.1 จุดประสงค์ เพื่อใหน้ กั เรยี นมคี วำมรู้พื้นฐำนเกย่ี วกับกรำฟิก และกำรประมวลผลภำพกรำฟิก คําชแ้ี จง ให้นักเรยี นแบง่ กลุ่ม กลมุ่ ละ 5 คน และให้ปฏบิ ัตกิ ำรดังตอ่ ไปน้ี 1. สืบค้นข้อมูลจำกเครือข่ำยอินเทอร์เน็ตในหัวข้อเรื่อง “ควำมรู้เก่ียวกับกรำฟิก และ กำรประมวลผลภำพกรำฟกิ ” กลุม่ ละ 1 หวั ข้อ 2. ให้แต่ละกล่มุ ร่วมสรปุ และนำ� เสนอด้วยโปรแกรม PowerPoint 3. ใหอ้ อกแบบกำรนำ� เสนอ จำกนนั้ ใหแ้ ตล่ ะกลุ่มนำ� เสนอหนำ้ ชัน้ เรยี น (ครูตรวจสอบจำกผลงำนและกำรนำ� เสนอ บันทึกคะแนนตำมควำมเหมำะสม) หลกั เกณฑ์การใหค้ ะแนน หัวข้อเทคนคิ การปรับแตง คะแนน 1. หวั ข้อตรงตำมทีไ่ ด้รบั มอบหมำย 1 2. มกี ำรสรปุ ลงใน PowerPoint 3 3. มีควำมเข้ำใจในเน้อื หำทีน่ ำ� เสนอ 3 4. นำ� เสนอด้วยน�ำ้ เสียงทนี่ ่ำฟง เสยี งดงั ฟงชัด 3 10 รวมคะแนน 20 ความรู้พืน้ ฐานเก่ยี วกับภาพกราฟิ ก

โปรแกรมกราฟิ ก ใบงาน ีท่ 1.2 ใบงานท่ี 1.2 จุดประสงค์ เพอื่ ให้นกั เรยี นมคี วำมรู้เก่ียวกับชนิดของภำพ คําช้ีแจง ใหน้ กั เรียนทุกคนปฏิบตั กิ ำรดงั ตอ่ ไปนี้ 1. ใหน้ ักเรยี นศกึ ษำคน้ ควำ้ ชนดิ ของภำพในแต่ละแบบ 2. ใหน้ กั เรยี นสรปุ จุดเดน่ จุดดอ้ ย ชนดิ ของภำพแตล่ ะแบบ 3. ใหน้ ักเรยี นสรปุ กำรประยุกต์ใช้ชนิดของภำพแต่ละแบบ 4. น�ำเสนอหนำ้ ชัน้ เรียน (ครูตรวจสอบจำกผลกำรติดตง้ั บนั ทึกคะแนนตำมควำมเหมำะสม) หลักเกณฑ์การใหค้ ะแนน หัวขอ้ เทคนิคการปรับแตง คะแนน 1. สำมำรถคน้ คว้ำชนดิ ของภำพในแตล่ ะแบบได้ 3 2. สำมำรถสรปุ จดุ เดน่ จุดดอ้ ย ชนดิ ของภำพแตล่ ะแบบ 2 3. สำมำรถสรุปกำรประยุกต์ใชช้ นิดของภำพแตล่ ะแบบ 2 4. มีควำมรู้ควำมเขำ้ ใจในเนอ้ื หำทนี่ ำ� เสนอ 3 10 รวมคะแนน ความรู้พ้ืนฐานเก่ียวกับภาพกราฟิ ก 21

โปรแกรมกราฟิ ก แบบทดสอบหลังเรยี น คาํ ชี้แจง จงเลอื กขอ้ ทถ่ี กู ต้องท่สี ุดเพียงข้อเดยี ว 1. หากตอ้ งการพมิ พภ์ าพบนคอมพวิ เตอรด์ ว้ ยความละเอยี ดของเครอื่ งพมิ พ ์ โดยใชห้ นว ย วดั พิกเซลตอ นวิ้ มอี กั ษรยอตามข้อใด ก. ppi ข. pdi ค. idp ง. Pic 2. ความละเอยี ดของจอภาพนัน้ เกิดข้นึ โดยอปุ กรณใ์ ดตอ ไปน้ี ง. กำรด์ แลน ก. แรม ข. กำรด์ จอ ค. ฮำร์ดดิสก์ ง. โหมด RGBA 3. ข้อใดคอื โหมดสีที่ใชส้ ําหรบั งานการพิมพ์ ก. โหมด CMYK ข. โหมด Gray Color ค. โหมด RGB 4. การประมวลผลภาพคอมพิวเตอรก์ ราฟกแบบ Raster ควรมีลกั ษณะตามขอ้ ใด ก. เป็นกำรอ่ำนค่ำตวั อกั ษรแต่ละตัวอกั ษร ข. แบบอำศัยกำรอำ่ นค่ำสใี นแตล่ ะพกิ เซล ค. แบบอำศยั กำรคำ� นวณทำงคณิตศำสตร์ ง. แบบอำศยั กำรคำ� นวณทำงวทิ ยำศำสตร์ 5. ภาพแบบราสเตอร์ (Raster) เรยี กอกี ชอื่ คือข้อใด ก. Rapbit ข. Batmap ค. Bitmap ง. Bitbat 6. ขอ้ ใดกลา วถูกต้องเก่ียวกับความหมายของภาพกราฟกมากท่ีสดุ ก. กำรใช้คอมพิวเตอร์สรำ้ งและจดั กำรกับภำพ สญั ลักษณ์ และข้อควำม ข. กำรใชค้ อมพวิ เตอร์สรำ้ งและจัดกำรกับภำพ ค. กำรใช้คอมพิวเตอรส์ ร้ำงและจดั กำรกับสญั ลกั ษณ์ ง. กำรใชค้ อมพวิ เตอรส์ ร้ำงและจดั กำรกบั ข้อควำม 7. ประเภทของภาพกราฟกมีกปี่ ระเภท ก. 4 ประเภท ข. 3 ประเภท ค. 2 ประเภท ง. 1 ประเภท 8. คุณลกั ษณะของภาพกราฟกแบบ Vector มีไฟลน์ ามสกุลแบบขอ้ ใด ก. .JPG ข. .EPS ค. .BMP ง. .GIF 9. ข้อใดคือหลกั การของภาพกราฟก แบบ Digital Image ก. ภำพวำด กำรขีดเขยี น ข. ภำพ รปู ภำพ ค. ภำพเชิงสญั ลกั ษณ์ Style Fashion ง. ภำพดจิ ติ อลภำพทแี่ สดงผลทำงสอื่ ดจิ ติ อล 10. หลักการของภาพกราฟก การกําหนดพิกเซลให้เหมาะกับงานทั่วไปคือข้อใด แบบ Bitmap หรอื Raster ก. 100 – 150 ppi/1 ตำรำงน้วิ ข. 100 – 250 ppi/1 ตำรำงนิ้ว ค. 100 – 350 ppi/1 ตำรำงน้ิว ง. 100 – 450 ppi/1 ตำรำงนว้ิ 22 ความรู้พ้ืนฐานเก่ยี วกบั ภาพกราฟิ ก