# data[].attributes.headline
กราฟิก(Graphics) เป็นคำที่เกิดขึ้นจากรากศัพท์ภาษากรีก คือคำว่า “Graphikos” หมายถึง การเขียนภาพ

# data[].attributes.subject
กราฟิก(Graphics) เป็นคำที่เกิดขึ้นจากรากศัพท์ภาษากรีก คือคำว่า “Graphikos” หมายถึง การเขียนภาพ

# data[].attributes.body
ด้วยสีและลักษณะขาวดำและรวมกับคำว่า “Graphien” หมายถึง การเขียนตัวหนังสือและการสื่อความหมาย โดยการใช้เส้น ดังนั้นจึงสรุปได้ว่า

# data[].attributes.headline
กราฟิก หมายถึง

# data[].attributes.subject
กราฟิก หมายถึง

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

# data[].attributes.headline
คอมพิวเตอร์กราฟิก หมายถึง

# data[].attributes.subject
คอมพิวเตอร์กราฟิก หมายถึง

# data[].attributes.body
การสื่อความคิดโดยการใช้คอมพิวเตอร์สร้างและจัดการกับภาพ สัญลักษณ และข้อความ

# data[].attributes.wish_content.attachment_props.alternative_text
คอมพิวเตอร์กราฟฟิก

# data[].attributes.headline
งานกราฟิก หมายถึง 

# data[].attributes.subject
งานกราฟิก หมายถึง 

# data[].attributes.body
งานการวางแผนทางศิลปะและการทำหัวเรื่อง โดยรู้ขนาดและสัดส่วนหลักในการ ออกแบบ รวมถึงการใช้สีเป็นองค์ประกอบเพื่อเน้นและดึงดูดความสนใจให้มากขึ้น และเป็นการช่วยให้ได้รายละเอียดชัดเจนของวัสดุที่ใช้ประกอบการสอน และยังมีความหมายรวมไปถึงการผนึกภาพ ภาพถ่าย รูปถ่าย อีกด้วย

# data[].attributes.headline
ภาพที่ปรากฏบนหน้าจอคอม

# data[].attributes.body
ภาพที่ปรากฏบนหน้าจอคอมพิวเตอร์ที่เราเห็นอยู่ทั่วไปนั้น เกิดจากจุดสี่เหลี่ยมเล็กๆ ของสี ที่เราเรียกว่า พิกเซล มาประกอบกันเป็นภาพขนาดต่างๆ นั่นเอง

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

# data[].attributes.headline
ความละเอียดของจอภาพ

# data[].attributes.subject
ความละเอียดของจอภาพ

# data[].attributes.body
เป็นหน่วยที่ใช้วัดจ านวนพิกเซลสูงสุดที่จอคอมพิวเตอร์สามารถผลิตออกมาได้ ซึ่งความละเอียดของจอภาพนั้น เกิดขึ้นโดยวีดีโอการ์ดหรือการ์ดจอ และควบคุมการท างานด้วยซอฟท์แวร์บน Windows ดังนั้นเราสามารถตั้งค่าการแสดงความละเอียดของจอภาพบน Windows ได

# data[].attributes.headline
ความละเอียดของเครื่องพิมพ์

# data[].attributes.subject
ความละเอียดของเครื่องพิมพ์

# data[].attributes.body
เป็นหน่วยที่ใช้วัดจำนวนพิกเซลต่อนิ้ว ซึ่งจุดพิกเซลในเครื่องพิมพ์เรา เรียกว่า ดอท (dot) ดังนั้นหน่วยที่ใช้วัดความละเอียดของเครื่องพิมพ์จะถูกเรียกว่า dpi (Dot per Inch) เครื่องพิมพ์แบบเลเซอร์ซึ่งมีขนาดของพิกเซลที่เที่ยงตรง มีความละเอียดในการพิมพ์ที่ 600 dpi ก็แสดง ว่ามีความสามารถพิมพ์ได้ 600 จุดทุก ๆ 1 นิ้ว

# data[].attributes.headline
ความละเอียดของอิมเมจเซตเตอร์

# data[].attributes.subject
ความละเอียดของอิมเมจเซตเตอร์

# data[].attributes.body
อิมเมจเซตเตอร์ (Imagesetter) คือ เครื่องพิมพ์ที่มีความละเอียดสูง ตั้งแต่ 1,200-4,800 dpi ซึ่งผลิตจุดเลเซอร์ได้เล็กมาก โดยสามารถวัดขนาดได้ด้วยหน่วยวัดเป็นไมครอน (1 ส่วน ล้านเมตร หรือ 1 ส่วน 1000 มิลลิเมตร)

# data[].attributes.headline
ภาพที่เก็บในคอมพิวเตอร

# data[].attributes.body
ภาพที่เก็บในคอมพิวเตอร์นั้น มีวิธีการประมวลผลภาพ 2 แบบแตกต่างกันไปตามแต่ละโปรแกรมดังนี้ คือ การประมวลผลแบบ Raster และ การประมวลผลแบบ Vector

# data[].attributes.headline
การประมวลผลแบบ Raster

# data[].attributes.subject
การประมวลผลแบบ Raster

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

# data[].attributes.headline
การประมวลผลแบบ Vector

# data[].attributes.subject
การประมวลผลแบบ Vector

# data[].attributes.body
เป็นการประมวลผลแบบอาศัยการค านวณทางคณิตศาสตร์ โดยมีสีและต าแหน่งของสีที่แน่นอน ฉะนั้นไม่ว่า เราจะมีการเคลื่อนย้ายที่หรือย่อขยายขนาดของภาพ ภาพก็จะไม่เสียรูปทรงในเชิงเรขาคณิต และความละเอียดของ ภาพจะไม่ลดลงด้วย จึงท าให้ภาพยังคงคมชัดเหมือนเดิม แม้ขนาดของภาพจะเปลี่ยนแปลงใหญ่ขึ้นหรือเล็กลงก็ ตาม แต่มีข้อเสียที่ไม่สามารถใช้เอฟเฟคต์ในการปรับแต่งภาพได้เหมือนกับภาพแบบ Raster การประมวลผลภาพลักษณะนี้ ได้แก่ภาพ .AI, .DRW ใช้ในโปรแกรมการวาดภาพ Illustrator, CorelDraw ภาพ .WMF เป็นภาพคลิปอาร์ตในโปรแกรม Microsoft Word และภาพ .PLT ในโปรแกรมการออกแบบ AutoCAD

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

# data[].attributes.body
1.โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย์

2.โมเดลแบบ RGB ตามหลักการแสดงสีของเครื่องคอมพิวเตอร์

3.โมเดลแบบ CMYK ตามหลักการแสดงสีของเครื่องพิมพ์

4.โมเดล Lab ตามมาตรฐานของ CIE

# data[].attributes.headline
โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย์

# data[].attributes.subject
โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย์

# data[].attributes.body
ประกอบด้วยลักษณะของสี 3 ลักษณะคือ

1. Hue เป็นสีของวัตถุที่สะท้อนเข้ามายังตาของเรา ทำให้เราสามารถมองเห็นวัตถุเป็นสีได้ซึ่งแต่ละสีจะ แตกต่างกันตามความยาวของคลื่นแสงที่มากระทบวัตถุและสะท้อนกลับที่มีตาของเรา Hue ถูกวัดโดยตำแหน่งการ แสดงสีบน Standard Color Wheel ซึ่งถูกแทนด้วยองศา คือ 0 ถึง 360 องศา แต่โดยทั่วๆ ไปแล้วมักจะเรียกการ แสดงสีนั้นๆ เป็นชื่อของสีเลย เช่น สีแดง สีม่วง สีเหลือง

2. Saturation คือสัดส่วนของสีเทาที่มีอยู่ในสีนั้น โดยวัดค่าสีเทาในสีหลักเป็นเปอร์เซ็นต์ดังนี้คือ จาก 0% (สีเทาผสมอยู่มาก) จนถึง 100% (สีเทาไม่มีเลย หรือเรียกว่า “Full Saturation” คือสีที่มีความอิ่มตัวเต็มที่) โดยค่า Saturation นี้จะบ่งบอกถึงความเข้มข้นและความจางของสี ถ้าถูกวัดโดยตำแหน่งบน Standard Color Wheel ค่า Saturation จะเพิ่มขึ้นจากจุดกึ่งกลางจนถึงเส้นขอบ โดยค่าที่เส้นขอบจะมีสีที่ชัดเจนและอิ่มตัวที่สุด

3. Brightness เป็นเรื่องราวของความสว่างและความมืดของสี ซึ่งถูกก าหนดค่าเป็นเปอร์เซ็นต์จาก 0% (สีดำ)ถึง100%(สีขาว)ยิ่งมีเปอร์เซ็นต์มากจะทำให้สีนั้นสว่างมากขึ้น

# data[].attributes.headline
โมเดลแบบ RGB ตามหลักการแสดงสีของเครื่องคอมพิวเตอร์

# data[].attributes.subject
โมเดลแบบ RGB ตามหลักการแสดงสีของเครื่องคอมพิวเตอร์

# data[].attributes.body
เกิดจากการรวมกันของสเปกตรัมของแสงสี แดง(Red), เขียว(Green), และน ้าเงิน(Blue) ในสัดส่วนความเข้มข้นที่แตกต่างกัน โดยจุดที่แสงทั้งสามสีรวมกันจะเป็นสีขาว นิยมเรียกการผสมสีแบบนี้ว่า “Additive” แสงสี RGB มักจะถูกใช้สำหรับการส่องแสงทั้งบนจอภาพทีวีและจอคอมพิวเตอร์ ซึ่งสร้างจากการที่ให้กำเนิดแสงสีแดง สีเขียว และสีน้ำเงินทำให้สีดูสว่างกว่าความเป็นจริง

# data[].attributes.headline
โมเดลแบบ CMYK ตามหลักการแสดงสีของเครื่องพิมพ์

# data[].attributes.subject
โมเดลแบบ CMYK ตามหลักการแสดงสีของเครื่องพิมพ์

# data[].attributes.body
มีแหล่งกำเนิดสีอยู่ที่การซึมซับ (Absorb) ของหมึกพิมพ์บนกระดาษ โดยมสีพี้นฐานคอืสีฟ้า(Cyan), สีบานเย็น(Magenta), และสีเหลือง(Yellow) โดยเรียกการผสมสีทั้ง 3 สีข้างต้นว่า “Subtractive Color” แต่สี CMYK ก็ไม่สามารถผสมรวมกันให้ได้สีบางสี เช่น สีน้ำตาล จึงต้องมีการเพิ่มสีดำ(Black) ลงไป ฉะนั้นเมื่อรวมกันทั้ง 4 สี คือ CMYK สีที่ได้จากการพิมพ์ จึงจะครอบคลุมทุกสี

# data[].attributes.headline
โมเดลแบบ Lab ตามมาตรฐานของ CIE

# data[].attributes.subject
โมเดลแบบ Lab ตามมาตรฐานของ CIE

# data[].attributes.body
โมเดล Lab เป็นค่าสีที่ถูกกำหนดขึ้นโดย CIE (Commission Internationale d’ Eclarirage) ให้เป็นสีมาตรฐานกลางของการวัดสีทุกรูปแบบ ครอบคลุมทุกสีใน RGB และ CMYK และใช้ได้กับสีที่เกิดจากอุปกรณ์ทุกอย่างไม่ว่าจะเป็นจอคอมพิวเตอร์ เครื่องพิมพ์ เครื่องสแกนและอื่นๆส่วนประกอบของโหมดสีนี้ได้แก่

- L หมายถึง ค่าความสว่าง (Luminance)

- A หมายถึง ส่วนประกอบที่แสดงการไล่สีจากสีเขียวไปยังสีแดง

- B หมายถึง ส่วนประกอบที่แสดงการไล่สีจากสีน้ำเงินถึงสีเหลือง

# 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.body
6.1 คอมพิวเตอร์กราฟิกกับการช่วยสอน

ปัจจุบันนัภาพคอมพวิเตอรก์ราฟิกไดช้วยสื่อความหมายในการสอน หรืออธิบายเนื้อหาในเรื่องที่ซับซ้อนให้ ผู้เรียนเห็นภาพแล้วเข้าใจได้ง่ายยิ่งขึ้น ซึ่งเราเรียกสื่อการสอนเหล่านี้ว่า โปรแกรมช่วยสอน CAI (Computer Aided Instruction)

6.2 คอมพิวเตอร์กราฟิกกับการออกแบบ (Computer Aided Design)คอมพิวเตอร์กราฟิกในงานออกแบบ CAD เป็นการใช้โปรแกรม ช่วยออกแบบและสร้างชิ้นงานจำลองก่อนที่จะสร้างงานจริง ซึ่งช่วยเราปรับแต่งและแก้ไขได้ก่อนทำงานจริง เพื่อช่วยลดความผิดพลาดเวลาค่าใช้จ่าย และได้ผลงานตรงกับที่ต้องการมากที่สุด 6.3 คอมพิวเตอร์กราฟิกกับกราฟและแผนภาพ เป็นการใช้โปรแกรมสำหรับสร้างกราฟและแผนภาพ เพื่อแสดงข้อมูลทางด้านสถิติและงานวิจัย

6.4 คอมพิวเตอร์กราฟิกกบังานศิลปะ

เป็นโปรแกรมที่ใช้ในการวาดภาพ ระบายสี และใส่แสงเงา ซึ่งมีข้อดีตรงที่เราสามารถลบและแก้ไขในส่วนการทำงานที่ผิดพลาดได้ตามต้องการ โดยไม่ทำให้เสียเวลาและไม่สิ้นเปลืองวัสดุเหมือนกับการวาดภาพบนกระดาษ หรือผืนผ้าใบแบบสมัยก่อน

6.5 คอมพิวเตอร์กราฟิกกับการทำภาพเคลื่อนไหว (Computer Animation)

เป็นคอมพิวเตอร์กราฟิกที่ใช้ในการออกแบบและกำหนดให้เกิดการเคลื่อนไหว นอกจากนี้ยังประยุกต์สร้างเป็นเกมที่เน้นความ เสมือนจริงมากยิ่งขึ้นด้วย

6.6 คอมพิวเตอร์กราฟิกกับการประมวลผลภาพ ( Image Processing)

เป็นการประมวลผลภาพที่ได้จากการสแกนหรือถ่ายภาพ ให้ปรากฏบนหน้าจอคอมพิวเตอร์ ซึ่งเป็นการรับสีและแสงเงาที่อยู่บนภาพและวัตถุมาประมวลผลเป็นข้อมูลในรูปแบบดิจิตอล จากนั้นแสดงเป็นภาพบนหน้าจอคอมพิวเตอร์เราจะพบได้ในการสแกนภาพ การถ่ายภาพผ่านดาวเทียมและการเอ็กซเรย์ เป็นต้น