# 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.body
งานการวางแผนทางศิลปะและการทำหัวเรื่อง โดยรู้ขนาดและสัดส่วนหลักในการ ออกแบบ รวมถึงการใช้สีเป็นองค์ประกอบเพื่อเน้นและดึงดูดความสนใจให้มากขึ้น

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

# 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
 โมเดลแบบ HSB ตามหลักการมองเห็นสีของสายตามนุษย์

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

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

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

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

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

# 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 ถึงแม้บางภาพจะมีสีได้

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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