ความรู้พื้นฐานของคอมพิวเตอร์กราฟิก by ณัฐณิชา สิงห์เพชร

กราฟิก

09174 — 2024-11-05 02:08:17 UTC

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

คอมพิวเตอร์กราฟิก

09174 — 2024-11-05 02:09:31 UTC

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

พิกเซล (Pixel)

09174 — 2024-11-05 02:13:01 UTC

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

ของพิกเซลที่อยู่ภายในภาพ โดยใช้หน่วยวัดเป็นพิกเซลต่อนิ้ว (ppi : Pixel per Inch)

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

09174 — 2024-11-05 02:15:58 UTC

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

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

09174 — 2024-11-05 02:18:30 UTC

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

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

09174 — 2024-11-05 02:19:38 UTC

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

งานกราฟิก

09174 — 2024-11-05 02:22:25 UTC

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

กราฟิก

09174 — 2024-11-05 02:23:34 UTC

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

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

09174 — 2024-11-05 02:29:48 UTC

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

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

09174 — 2024-11-05 02:33:02 UTC

เป็นการประมวลผลแบบอาศัยการคำนวณทางคณิตศาสตร์ โดยมีสีและตำแหน่งของสีที่แน่นอน หากมีการเคลื่อนย้ายที่หรือย่อขยายขนาดของภาพ ภาพก็จะไม่เสียรูปทรงในเชิงเรขาคณิต และความละเอียดของ ภาพจะไม่ลดลงด้วย จึงทำให้ภาพยังคงคมชัดเหมือนเดิม แต่มีข้อเสียที่ไม่สามารถใช้เอฟเฟคต์ในการปรับแต่งภาพได้เหมือนกับภาพแบบ Raster การประมวลผลภาพลักษณะนี้ ได้แก่ภาพ .AI, .DRW ใช้ในโปรแกรมการวาดภาพ Illustrator, CorelDraw ภาพ .WMF เป็นภาพคลิปอาร์ตในโปรแกรม Microsoft Word และภาพ .PLT ในโปรแกรมการออกแบบ AutoCAD

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

09174 — 2024-11-05 02:35:23 UTC

คอมพิวเตอร์สามารถสร้างและแสดงสีในภาพได้เป็นหลายล้านสี ดังนั้น คอมพิวเตอร์จะมีวิธีการจดจำและอ้างอิงค่าสีโดยอาศัยดัชนีเป็นตารางสี ปัจจุบันเราจะพบว่า การแสดงผลภาพบนหน้าจอคอมพิวเตอร์กราฟิก สามารถแสดงสีได้ตั้งแต่ 16.7 ล้านสีขึ้นไป เนื่องจากการ์ดจอ ส่วนใหญ่สามารถแสดงสีได้ตั้งแต่ 24 บิตไปจนถึง 32 และ 64 บิต

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

09174 — 2024-11-05 02:36:15 UTC

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

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

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

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

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

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

09174 — 2024-11-05 02:39:07 UTC

โมเดล HSB จะประกอบด้วยลักษณะของสี 3 ลักษณะคือ 1. Hue เป็นสีของวัตถุที่สะท้อนเข้ามายังตาของเรา ทำให้เราสามารถมองเห็นวัตถุเป็นสีได้

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

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

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

09174 — 2024-11-26 01:57:17 UTC

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

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

09174 — 2024-11-26 02:00:14 UTC

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

โมเดลแบบ Lab ตามมาตรฐานของ CIE

09174 — 2024-11-26 02:02:31 UTC

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

- L หมายถึง ค่าความสว่าง (Luminance)

- A หมายถึง ส่วนประกอบที่แสดงการไล่สีจากสีเขียวไปยังสีแดง

- B หมายถึง ส่วนประกอบที่แสดงการไล่สีจากสีน้ำเงินถึงสีเหลือง

1. Bitmap

09174 — 2024-11-26 02:04:31 UTC

ประกอบด้วยค่าสีเพียง 2 สี คือสีขาวและสีดำ ใช้พื้นที่ในการเก็บข้อมูลเพียง 1 บิต งานที่เหมาะ สำหรับ Bitmap คืองานประเภทลายเส้นต่าง ๆ เช่น เครื่องหมาย และโลโก้

2. Gray Scale

09174 — 2024-11-26 02:05:38 UTC

ประกอบด้วยสีทั้งหมด 256 สี โดยไล่สีจากสีขาว สีเทาไปเรื่อยๆ จนท้ายสุดคือสีดำ ใช้พื้นที่ในการเก็บข้อมูล 8 บิต

3. Duotone

09174 — 2024-11-26 02:47:10 UTC

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

4. Indexed color

09174 — 2024-11-26 02:48:27 UTC

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

5. Multichannel

09174 — 2024-11-26 02:50:44 UTC

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

คอมพิวเตอร์กราฟิกกับการช่วยสอน

09174 — 2024-11-26 02:54:33 UTC

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

คอมพิวเตอร์กราฟิกกับการออกแบบ

09174 — 2024-11-26 02:55:59 UTC

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

คอมพิวเตอร์กราฟิกกับกราฟและแผนภาพ

09174 — 2024-11-26 02:57:22 UTC

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

คอมพิวเตอร์กราฟิกกับงานศิลปะ

09174 — 2024-11-26 02:58:32 UTC

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

คอมพิวเตอร์กราฟิกกับการทำภาพเคลื่อนไหว

09174 — 2024-11-26 02:59:52 UTC

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

คอมพิวเตอร์กราฟิกกับการประมวลผลภาพ ( Image Processing)

09174 — 2024-11-26 03:01:19 UTC

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

หน้าจอคอมพิวเตอร์ เราจะพบได้ในการสแกนภาพ การถ่ายภาพผ่านดาวเทียม และการเอ็กซเรย์ เป็นต้น