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

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

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

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

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

# 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 เราจึง สามารถค านวณจ านวนสีได้ตามสูตร คือ จ านวนสีที่แสดงได้ = 2 ยกกา ลงัด้วย จา นวนบิต เช่น การ์ดจอที่สามารถแสดงสีได้ 24 บิต ก็จะแสดงสีได้ = 2 24 = 16.7 ล้านสี เป็นต้น ปจัจุบนัเราจะพบว่า การแสดงผลภาพบนหน้าจอคอมพิวเตอร์กราฟิก สามารถแสดงสีได้ตั้งแต่ 16.7 ล้านสีขึ้นไป เนื่องจากการ์ดจอ ส่วนใหญ่สามารถแสดงสีได้ตั้งแต่ 24 บิตไปจนถึง 32 และ 64 บิต โมเดลของสี ( 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) เช่น โปรแกรมช่วยสอนการท างานของเครื่องยนต์และเครื่องจักรกล โปรแกรมช่วยสอนทางการแพทย์ และโปรแกรมช่วยสอนทางด้านวิทยาศาสตร์ เป็นต้น 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
ประโยชน์ของงานคอมพิวเตอร์กราฟิก