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

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

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

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

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

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

ของพิกเซลที่อยู่ภายในภาพ โดยใช้หน่วยวัดเป็นพิกเซลต่อนิ้ว (ppi : Pixel per Inch)

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

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

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

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

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

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

# data[].attributes.body
เป็นหน่วยที่ใช้วัดจำนวนพิกเซลต่อนิ้ว ซึ่งจุดพิกเซลในเครื่องพิมพ์เราเรียกว่า ดอท (dot)

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

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

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

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

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

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

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

# 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.wish_content.attachment_props.alternative_text
การประมวลผลแบบ Raster

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

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

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

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

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

# data[].attributes.body
โดยทั่วไปแล้วสีต่างๆ ในธรรมชาติและสีที่ถูกสร้างขึ้น จะมีรูปแบบการมองเห็นสีที่แตกต่างกัน ซึ่งรูปแบบการมองเห็นสีนี้เรียกว่า “โมเดล (Model)” ดังนั้น จึงทำให้มีโมเดลหลายแบบ ดังที่เราจะได้ศึกษาต่อไปนี้ คือ

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

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

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

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

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

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

# data[].attributes.body
โมเดล HSB จะประกอบด้วยลักษณะของสี 3 ลักษณะคือ 1. Hue เป็นสีของวัตถุที่สะท้อนเข้ามายังตาของเรา ทำให้เราสามารถมองเห็นวัตถุเป็นสีได้

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

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

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

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

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

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

# data[].attributes.wish_content.attachment_props.alternative_text
โมเดลแบบ 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.wish_content.attachment_props.alternative_text
โมเดลแบบ CMYK ตามหลักการแสดงสีของเครื่องพิมพ์

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

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

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

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

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

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

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

# data[].attributes.body
ประกอบด้วยค่าสีเพียง 2 สี คือสีขาวและสีดำ ใช้พื้นที่ในการเก็บข้อมูลเพียง 1 บิต งานที่เหมาะ สำหรับ Bitmap คืองานประเภทลายเส้นต่าง ๆ เช่น เครื่องหมาย และโลโก้

# data[].attributes.body
ประกอบด้วยสีทั้งหมด 256 สี โดยไล่สีจากสีขาว สีเทาไปเรื่อยๆ จนท้ายสุดคือสีดำ ใช้พื้นที่ในการเก็บข้อมูล 8 บิต

# data[].attributes.body
เป็นโหมดที่เกิดจากการใช้สีเพียงบางสีมาผสมกันให้เกิดเป็นภาพ เรามักจะเห็นการนำไปใช้ ในงานสิ่งพิมพ์ที่ต้องการใช้ภาพ 2 สี เป็นต้น

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

# data[].attributes.body
เป็นโหมดสีที่ถูกแสดงด้วย Channel ตั้งแต่ 2 Channel ขึ้นไป ใช้ประโยชน์มากสำหรับ งานพิมพ์ โดยเฉพาะกรณีการพิมพ์ที่สั่งให้พิมพ์สีพิเศษ

# data[].attributes.headline
คอมพิวเตอร์กราฟิกกับการช่วยสอน

# data[].attributes.subject
คอมพิวเตอร์กราฟิกกับการช่วยสอน

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

# data[].attributes.wish_content.attachment_props.alternative_text
คอมพิวเตอร์กราฟิกกับ การช่วยสอน

# data[].attributes.headline
คอมพิวเตอร์กราฟิกกับการออกแบบ

# data[].attributes.subject
คอมพิวเตอร์กราฟิกกับการออกแบบ

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

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

# 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.wish_content.attachment_props.alternative_text
คอมพิวเตอร์กราฟิกกับงานศิลปะ

# data[].attributes.headline
คอมพิวเตอร์กราฟิกกับการทำภาพเคลื่อนไหว

# data[].attributes.subject
คอมพิวเตอร์กราฟิกกับการทำภาพเคลื่อนไหว

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

# data[].attributes.wish_content.attachment_props.alternative_text
คอมพิวเตอร์กราฟิกกับ การทำภาพเคลื่อนไหว

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

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

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

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

# data[].attributes.wish_content.attachment_props.alternative_text
คอมพิวเตอร์กราฟิกกับการประมวลผลภาพ ( Image Processing)