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

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

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

กราฟิก(Graphics) เป็นค าที่เกิดขึ้นจากรากศัพท์ภาษากรีก คือค าว่า “Graphikos”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

# 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

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

# 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.wish_content.attachment_props.alternative_text
. ระบบสีที่ถูกก าหนดขึ้นพิเศษ

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

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

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

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