# data[].attributes.headline
ความหมายของกราฟิก

# data[].attributes.subject
ความหมายของกราฟิก

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

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

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

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

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

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

ความละเอียดของเครื่องพิมพ์เป็นหน่วยที่ใช้วัดจ านวนพิกเซลต่อนิ้ว ซึ่งจุดพิกเซลในเครื่องพิมพ์เรา เรียกว่า ดอท (dot)

ความละเอียดของอิมเมจเซตเตอร์อิมเมจเซตเตอร์ (Imagesetter) คือ เครื่องพิมพ์ที่มีความละเอียดสูง ตั้งแต่ 1,200-4,800 dpi

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

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

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

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

การประมวลผลแบบ Raster เป็นการประมวลแบบอาศัยการอ่านค่าสีในแต่ละพิกเซล มีชื่อเรียกอีกอย่างหนึ่งว่า Bitmap จะเก็บข้อมูล เป็นค่า 0 และ 1 แต่ละพิกเซลจะมีการเก็บค่าสีที่เจาะจงในแต่ละต าแหน่ง ซึ่งเหมาะกับภาพที่มีลักษณะแบบ ภาพถ่าย ซึ่งสามารถใช้เทคนิคในการปรับแต่งส

การประมวลผลแบบ Vector เป็นการประมวลผลแบบอาศัยการค านวณทางคณิตศาสตร์ โดยมีสีและต าแหน่งของสีที่แน่นอน ฉะนั้นไม่ว่า เราจะมีการเคลื่อนย้ายที่หรือย่อขยายขนาดของภาพ ภาพก็จะไม่เสียรูปทรงในเชิงเรขาคณิต และความละเอียดของ ภาพจะไม่ลดลงด้วย

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

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

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

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

โมเดลของสี ( Color Model ) โดยทั่วไปแล้วสีต่างๆ ในธรรมชาติและสีที่ถูกสร้างขึ้น จะมีรูปแบบการ มองเห็นสีที่แตกต่างกัน ซึ่งรูปแบบการมองเห็นสีนี้เรียกว่า “โมเดล (Model)” ดังนั้น จึงท าให้มีโมเดลหลายแบบ ดังที่เราจะได้ศึกษาต่อไปนี้ คือ 1. โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย์ 2. โมเดลแบบ RGB ตามหลักการแสดงสีของเครื่องคอมพิวเตอร์ 3. โมเดลแบบ CMYK ตามหลักการแสดงสีของเครื่องพิมพ์ 4. โมเดล Lab ตามมาตรฐานของ CIE

4.1 โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย์ เป็นลักษณะพื้นฐานการมองเห็นสีด้วยสายตาของมนุษย์ โมเดล HSB จะประกอบด้วยลักษณะของสี 3 ลักษณะคือ

1. Hue เป็นสีของวัตถุที่สะท้อนเข้ามายังตาของเรา ท าให้เราสามารถมองเห็นวัตถุเป็นสีได้ ซึ่งแต่ละสีจะ แตกต่างกันตามความยาวของคลื่นแสง

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

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

4.2 โมเดลแบบ RGB ตามหลักการแสดงสีของเครื่องคอมพิวเตอร์ โมเดล RGB เกิดจากการรวมกันของสเปกตรัมของแสงสี แดง (Red), เขียว (Green), และน ้าเงิน (Blue) ในสัดส่วนความเข้มข้นที่แตกต่างกัน โดยจุดที่แสงทั้งสามสีรวมกันจะเป็นสีขาว

4.3 โมเดลแบบ CMYK ตามหลักการแสดงสีของเครื่องพิมพ์ โมเดล CMYK มีแหล่งก าเนิดสีอยู่ที่การซึมซับ (Absorb) ของหมกึพมิพบ์ นกระดาษ โดยมสีพี น้ืฐานคอืสฟี ้า (Cyan), สีบานเย็น (Magenta), และสีเหลือง (Yellow) โดยเรียกการผสมสีทั้ง 3 สีข้างต้นว่า “Subtractive Color”

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

- L หมายถึง ค่าความสว่าง (Luminance) - A หมายถึง ส่วนประกอบที่แสดงการไล่สีจากสีเขียวไปยังสีแดง - B หมายถึง ส่วนประกอบที่แสดงการไล่สีจากสีน ้าเงินถึงสีเหลือง

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

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

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

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

2. Gray Scale ประกอบด้วยสีทั้งหมด 256 สี โดยไล่สีจากสีขาว สีเทาไปเรื่อยๆ

3. Duotone เป็นโหมดที่เกิดจากการใช้สีเพียงบางสีมาผสมกันให้เกิดเป็นภาพ

4. Indexed color ถึงแม้บางภาพจะมีสีได้ถึง 16.7 ล้าน แต่ส่วนใหญ่จะใช้ไม่ถึง ในกรณีที่เราต้องการลด ขนาดไฟล์ภาพก็อาจใช้โหมดน

5. Multichannel เป็นโหมดสีที่ถูกแสดงด้วย Channel ตั้งแต่ 2 Channel ขึ้นไป ใช้ประโยชน์มากส าหรับ งานพิมพ์

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

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

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

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

6.2 คอมพิวเตอรก์ ราฟิกกบั การออกแบบ คอมพิวเตอร์กราฟิกในงานออกแบบ หรือที่เรียกว่า CAD (Computer Aided Design) เป็นการใช้โปรแกรม ช่วยออกแบบและสร้างชิ้นงานจ าลองก่อนที่จะสร้างงานจริง

6.3 คอมพิวเตอรก์ ราฟิกกบักราฟและแผนภาพ เป็นการใช้โปรแกรมส าหรับสร้างกราฟและแผนภาพ เพื่อแสดงข้อมูลทางด้านสถิติและงานวิจัย เช่น กราฟ เส้น กราฟวงกลม และกราฟแท่ง

6.4 คอมพิวเตอรก์ ราฟิกกบังานศิลปะ เป็นโปรแกรมที่ใช้ในการวาดภาพ ระบายสี และใส่แสงเงา ซึ่งมีข้อดีตรงที่เราสามารถลบและแก้ไขในส่วน การท างานที่ผิดพลาดได้ตามต้องการ

6.5 คอมพิวเตอรก์ ราฟิกกบั การทา ภาพเคลื่อนไหว เป็นคอมพิวเตอร์กราฟิกที่ใช้ในการออกแบบและก าหนดให้เกิดการเคลื่อนไหว หรือเรียกว่า Computer Animation เช่น การ์ตูน และภาพยนตร์นิยายวิทยาศาสตร์

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

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