# data[].attributes.headline
ความหมายของกราฟิกและคอมพิวเตอร์กราฟิก

# data[].attributes.subject
ความหมายของกราฟิกและคอมพิวเตอร์กราฟิก

# data[].attributes.body
กราฟิก(Graphics) เป็นค าที่เกิดขึ้นจากรากศัพท์ภาษากรีก คือค าว่า “Graphikos” หมายถึง การเขียนภาพ ด้วยสีและลักษณะขาวด า และรวมกับค าว่า “Graphien” หมายถึง การเขียนตัวหนังสือและการสื่อความหมาย โดยการใช้เส้น ดังนั้นจึงสรุปได้ว่า กราฟิก หมายถึง การสื่อความคิดโดยการใช้ภาพ สัญลักษณ์ และข้อความกราฟิกในยุคแรก ๆ จะเริ่มตั้งแต่ การวาดภาพลายเส้น การวาดภาพเหมือนจริง มาจนถึงการใช้ภาพถ่ายเหมือนจริง และเมื่อเทคโนโลยีพัฒนามาสู่ ยุคดิจิตอล จึงมีการใช้คอมพิวเตอร์มาสร้างงานกราฟิกดังนั้นค านิยามของค าว่า “คอมพิวเตอร์กราฟิก” คอมพิวเตอรก์ ราฟิก หมายถึง การสื่อความคิดโดยการใช้คอมพิวเตอร์สร้างและจัดการกับภาพ สัญลักษณ์ และข้อความ

# data[].attributes.headline
ภาพบนคอมพิวเตอร์เกิดได้อย่างไร

# data[].attributes.subject
ภาพบนคอมพิวเตอร์เกิดได้อย่างไร

# data[].attributes.body
ภาพที่ปรากฏบนหน้าจอคอมพิวเตอร์ที่เราเห็นอยู่ทั่วไปนั้น เกิดจากจุดสี่เหลี่ยมเล็กๆ ของสี ที่เราเรียกว่า พิกเซล มาประกอบกันเป็นภาพขนาดต่างๆ นั่นเอง พิกเซล (Pixel) มาจากค าว่า Picture และค าว่า Elementแปลตรงตัว ก็คือ องค์ประกอบที่รวมกันเกิดเป็น ภาพ ซึ่งสรุปก็หมายถึงจุดสี่เหลี่ยมเล็กๆ ที่เป็นองค์ประกอบรวมกันเป็นภาพความละเอียดของภาพ เป็นจ านวน ของพิกเซลที่อยู่ภายในภาพ โดยใช้หน่วยวัดเป็นพิกเซลต่อนิ้ว (ppi : Pixel per Inch) เช่น 300 ppi หรือ 600 ppi เป็นต้น ภาพที่มีความละเอียดมากก็จะมีความชัดกว่าภาพที่มีความละเอียดน้อยเราจะพบว่าไฟล์ภาพเดียวกันเมื่อ น าไปแสดงผลออกมาผ่านอุปกรณ์ที่ต่างกัน ก็จะส่งผลให้ได้ภาพที่ออกมามีความคมชัดหรือความละเอียดไม่เท่ากัน ได้ เช่น ภาพบนหน้าจอคอมพิวเตอร์ และภาพที่พิมพ์จากเครื่องพิมพ์เลเซอร์ เพราะขนาดพิกเซลหรือจุดเล็กๆ ที่ท า ให้เกิดภาพมีขนาดที่ไม่เท่ากันนั่นเอง

# data[].attributes.headline
การประมวลผลภาพคอมพิวเตอร์กราฟิก

# data[].attributes.subject
การประมวลผลภาพคอมพิวเตอร์กราฟิก

# data[].attributes.body
การประมวลผลแบบ Raster เป็นการประมวลแบบอาศัยการอ่านค่าสีในแต่ละพิกเซล มีชื่อเรียกอีกอย่างหนึ่งว่า Bitmap จะเก็บข้อมูล เป็นค่า 0 และ 1 แต่ละพิกเซลจะมีการเก็บค่าสีที่เจาะจงในแต่ละต าแหน่ง ซึ่งเหมาะกับภาพที่มีลักษณะแบบ ภาพถ่าย ซึ่งสามารถใช้เทคนิคในการปรับแต่งสี และการใช้เอฟเฟคต์พิเศษให้กับภาพ แต่มีข้อเสีย คือ ภาพที่ได้จะ มีไฟล์ขนาดใหญ่และเมื่อมีการขยายภาพให้ใหญ่ขึ้น จะส่งผลให้พิกเซลของภาพมีขนาดใหญ่ตามด้วย เราจึงเห็นว่า ภาพจะไม่ละเอียดหรือแตกนั่นเอง การประมวลผลแบบ Raster ได้แก่ ไฟล์ภาพ .TIF, .GIF, .JPG, .BMP และ .PCX เป็นต้น โดยโปรแกรมที่ใช้ท างานกับภาพ Raster คือ Photoshop, PhotoPaint และPaintbrush

# data[].attributes.headline
ความรู้เกี่ยวกับเรื่องสี

# data[].attributes.subject
ความรู้เกี่ยวกับเรื่องสี

# data[].attributes.body
สีที่เรามองเห็นรอบๆ ตัวนั้น เกิดขึ้นได้จากการที่ตาของเรารับแสงที่สะท้อนมาจากวัตถุเหล่านั้น ซึ่งความ ยาวของคลื่นแสงที่แตกต่างกัน จะส่งผลให้เรามองเห็นสีที่แตกต่างกันด้วย และส าหรับงานคอมพิวเตอร์กราฟิกนั้น จะมีการผสมสีที่เกิดจากแสงแสดงบนจอภาพ หรือการผสมหมึกสีพิมพ์ออกมาทางเครื่องพิมพ์ ความลึกของสี ( Bit Depth ) คอมพิวเตอร์สามารถสร้างและแสดงสีในภาพได้เป็นหลายล้านสี ดังนั้น คอมพิวเตอร์จะมีวิธีการจดจ าและอ้างอิงค่าสีโดยอาศัยดัชนีเป็นตารางสีตัวอย่างเช่น การ์ดจอที่สามารถแสดงสี ได้2 บิต ก็จะแสดงสีได้ 4 สี เพราะเนื่องจากคอมพิวเตอร์จะเก็บข้อมูลใน 1 บิต ได้ 2 ค่า คือ 0 และ 1 เราจึง สามารถค านวณจ านวนสีได

# data[].attributes.headline
ระบบสีที่ถูกกำหนดขึ้นพิเศษ

# data[].attributes.subject
ระบบสีที่ถูกกำหนดขึ้นพิเศษ

# data[].attributes.body
1. Bitmap ประกอบด้วยค่าสีเพียง 2 สี คือสีขาวและสีด า ใช้พื้นที่ในการเก็บข้อมูลเพียง 1 บิต งานที่เหมาะ ส าหรับ Bitmap คืองานประเภทลายเส้นต่าง ๆ เช่น เครื่องหมาย และโลโก้ 2. Gray Scale ประกอบด้วยสีทั้งหมด 256 สี โดยไล่สีจากสีขาว สีเทาไปเรื่อยๆ จนท้ายสุดคือสีด า ใช้ พื้นที่ในการเก็บข้อมูล 8 บิต 3. Duotone เป็นโหมดที่เกิดจากการใช้สีเพียงบางสีมาผสมกันให้เกิดเป็นภาพ เรามักจะเห็นการน าไปใช้ ในงานสิ่งพิมพ์ที่ต้องการใช้ภาพ 2 สี เป็นต้น 4. Indexed color ถึงแม้บางภาพจะมีสีได้ถึง 16.7 ล้าน แต่ส่วนใหญ่จะใช้ไม่ถึง ในกรณีที่เราต้องการลด ขนาดไฟล์ภาพก็อาจใช้โหมดนี้ ซึ่งจะทอนสีให้เหลือใกล้เคียงกับที่ต้องใช้ โดยไม่มีผลกับคุณภาพของภาพ 5. Multichannel เป็นโหมดสีที่ถูกแสดงด้วย Channel ตั้งแต่ 2 Channel ขึ้นไป ใช้ประโยชน์มากส าหรับ งานพิมพ์ โดยเฉพาะกรณีการพิมพ์ที่สั่งให้พิมพ์สีพิเศษ

# data[].attributes.headline
 ประโยชน์ของงานคอมพิวเตอร์กราฟิก

# data[].attributes.subject
 ประโยชน์ของงานคอมพิวเตอร์กราฟิก

# data[].attributes.body
6.1 คอมพิวเตอรก์ ราฟิกกบั การช่วยสอน ปจัจบุ นัภาพคอมพวิเตอรก์ราฟิกไดช้ ่วยส่อืความหมายในการสอน หรอือธบิายเน้ือหาในเรอ่ืงทซ่ี บัซอ้ นให้ ผู้เรียนเห็นภาพแล้วเข้าใจได้ง่ายยิ่งขึ้น ซึ่งเราเรียกสื่อการสอนเหล่านี้ว่า โปรแกรมช่วยสอน CAI (Computer Aided Instruction) เช่น โปรแกรมช่วยสอนการท างานของเครื่องยนต์และเครื่องจักรกล โปรแกรมช่วยสอนทางการแพทย์ และโปรแกรมช่วยสอนทางด้านวิทยาศาสตร์ เป็นต้น 6.2 คอมพิวเตอรก์ ราฟิกกบั การออกแบบ คอมพิวเตอร์กราฟิกในงานออกแบบ หรือที่เรียกว่า CAD (Computer Aided Design) เป็นการใช้โปรแกรม ช่วยออกแบบและสร้างชิ้นงานจ าลองก่อนที่จะสร้างงานจริง ซึ่งช่วยเราปรับแต่งและแก้ไขได้ก่อนท างานจริง เพื่อ ช่วยลดความผิดพลาด เวลา ค่าใช้จ่าย และได้ผลงานตรงกับที่ต้องการมากที่สุด ซึ่งได้แก่ โปรแกรมการออกแบบใน งานสถาปตัยกรรมและวศิวกรรม เป็นต้น 6.3 คอมพิวเตอรก์ ราฟิกกบักราฟและแผนภาพ เป็นการใช้โปรแกรมส าหรับสร้างกราฟและแผนภาพ เพื่อแสดงข้อมูลทางด้านสถิติและงานวิจัย เช่น กราฟ เส้น กราฟวงกลม และกราฟแท่ง เป็นต้น 6.4 คอมพิวเตอรก์ ราฟิกกบังานศิลปะ เป็นโปรแกรมที่ใช้ในการวาดภาพ ระบายสี และใส่แสงเงา ซึ่งมีข้อดีตรงที่เราสามารถลบและแก้ไขในส่วน การท างานที่ผิดพลาดได้ตามต้องการ โดยไม่ท าให้เสียเวลาและไม่สิ้นเปลืองวัสดุเหมือนกับการวาดภาพบนกระดาษ หรือผืนผ้าใบแบบสมัยก่อน