ความรู้เบื้องต้นคอมพิวเตอร์กราฟิก by ภูษณิศา ปัญญาแก้ว

ความหมายของกราฟิก

092211 — 2024-11-05 02:12:38 UTC

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

คอมพิวเตอร์กราฟิก หมายถึง

092211 — 2024-11-05 02:12:42 UTC

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

งานกราฟิก

092211 — 2024-11-05 02:12:46 UTC

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

พิกเซล

092211 — 2024-11-05 02:12:53 UTC

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

การประมวลผลภาพคอมพิวเตอร์กราฟิก

092211 — 2024-11-05 02:15:03 UTC

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

การประมวลผลแบบ Raster

092211 — 2024-11-05 02:15:49 UTC

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

การประมวลผลแบบ Vector

092211 — 2024-11-05 02:16:31 UTC

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

ความรู้เกี่ยวกับเรื่องสี

092211 — 2024-11-05 02:17:31 UTC

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

ความลึกของสี ( Bit Depth )

092211 — 2024-11-05 02:18:20 UTC

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

โมเดลของสี ( Color Model )

092211 — 2024-11-05 02:22:42 UTC

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

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

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

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

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

ภาพบนคอมพิวเตอร์เกิดได้อย่างไร

092211 — 2024-11-05 02:25:59 UTC

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

ความละเอียดของจอภาพ

092211 — 2024-11-05 02:28:30 UTC

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

ความละเอียดของเครื่องพิมพ์

092211 — 2024-11-05 02:29:37 UTC

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

ความละเอียดของอิมเมจเซตเตอร

092211 — 2024-11-05 02:30:42 UTC

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

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

092211 — 2024-11-05 02:39:19 UTC

เป็นลักษณะพื้นฐานการมองเห็นสีด้วยสายตาของมนุษย์ โมเดล 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% (สีขาว) ยิ่งมีเปอร์เซ็นต์มากจะท าให้สีนั้นสว่างมากขึ้น

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

092211 — 2024-11-12 01:57:28 UTC

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

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

092211 — 2024-11-19 01:51:28 UTC

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

ระบบสีที่ถูกกำหนดขึ้นพิเศษ

092211 — 2024-11-19 01:56:37 UTC

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 ขึ้นไป ใช้ประโยชน์มากส าหรับ งานพิมพ์ โดยเฉพาะกรณีการพิมพ์ที่สั่งให้พิมพ์สีพิเศษ

ประโยชน์ของงานคอมพิวเตอร์กราฟิก

092211 — 2024-11-19 01:58:28 UTC

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

092211 — 2024-11-19 02:02:35 UTC

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

092211 — 2024-11-19 02:12:27 UTC

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

092211 — 2024-11-19 02:13:47 UTC

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

092211 — 2024-11-19 02:14:42 UTC

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

092211 — 2024-11-19 02:15:39 UTC

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