รหั�ส 2201-2419

การใช้โปรแกรมกราฟิ�กส�

หัน่�วยที่�� 1 ที่ฤษี�คอมพิ�วเตอร�กราฟิ�ก

กราฟิ�ก หัมายถึ!ง ร#ปกราฟิต�าง ๆ เช้�น่กราฟิแที่�ง หัร%อกราฟิเสน่ เป&น่ตน่ แต�คอมพิ�วเตอร�กราฟิ�ก

ส� (Computer Graphic) ม�ได้หัมายถึ!งเพิ�ยงแต�การใช้คอมพิ�วเตอร�เพิ%�อแสด้งกราฟิ เที่�าน่�)น่ แต�หัมายรวมถึ!งการใช้คอมพิ�วเตอร�ใน่การที่*างาน่เก��ยวก�บร#ปภาพิที่-กร#ปแบบ จาก

เที่คน่�คการสรางภาพิหัลากหัลายว�ธี� แมกระที่��งการน่*าต�วอ�กษีรหัลาย ๆ แบบมาประกอบ ก�น่เป&น่ร#ปภาพิ ก2ถึ%อว�าเป&น่งาน่ด้าน่กราฟิ�กส�ด้วยเช้�น่ก�น่

ที่��มาของค*าว�า กราฟิ�ก• กราฟิ�กส�มาจากภาษีากร�ก ค%อ

Graphikos หัมายถึ!ง การวาด้เข�ยน่และการเข�ยน่ภาพิGraphein หัมายถึ!ง การเข�ยน่

ความหัมายของคอมพิ�วเตอร�กราฟิ�ก (CG)

หัมายถึ!ง การสรางและการจ�ด้การก�บภาพิกราฟิ�กส�โด้ยใช้คอมพิ�วเตอร� (ซึ่!�ง

โด้ยมากจะเป&น่การแสด้งออกที่างจอภาพิและเคร%�องพิ�มพิ�ช้น่�ด้ต�างๆ)

คอมพิ�วเตอร�กราฟิ�กส�ก�บการประย-กต�ใช้ใน่ งาน่ด้าน่ต�าง ๆ

1. คอมพิ�วเตอร�กราฟิ�กส�ก�บการออกแบบ2. กราฟิและแผน่ภาพิ3. ภาพิศิ�ลป74. ภาพิเคล%�อน่ไหัว5. อ�มเมจโปรเซึ่สซึ่�งค�

ประเภที่ของระบบกราฟิ�กส�

1. เที่2กซึ่�โหัมด้ (Text Mode)

2. กราฟิ�กส�โหัมด้ (Graphic Mode)

เที่2กซึ่�โหัมด้ (TEXT MODE) คอมพิ�วเตอร�ที่-กเคร%�องจะแสด้งผลใน่โหัมด้น่�)ได้ โด้ยการน่*าต�วอ�กษีร ต�วเลข และ

เคร%�องหัมายต�างๆ ที่��ม�อย#�ใน่หัน่�วยความจ*าของคอมพิ�วเตอร�มาแสด้งที่��จอภาพิตามค*าส��ง แต�เน่%�องจากต�วอ�กษีร ต�วเลขและเคร%�องหัมายที่��ม�อย#� ถึ#กก*าหัน่ด้ร#ปร�างไวแน่�น่อน่

แลว และม�จ*าน่วน่จ*าก�ด้ จ!งไม�สามารถึน่*ามาประกอบก�น่ใหัเก�ด้เป&น่ภาพิต�างๆ ที่��ถึ#กตอง สวยงามได้เที่�าที่��ควร โด้ยผลล�พิธี�ที่��แสด้งออกมาที่างจอภาพิน่�)น่ จะม�ล�กษีณะเป&น่แถึว ของต�วอ�กษีรจ*าน่วน่ 25 แถึว แต�ละแถึวม�ขอความไม�เก�น่ 80 ต�วอ�กษีร

กราฟิ�กส�โหัมด้ (GRAPHIC MODE)

เพิ%�อใหัคอมพิ�วเตอร�สามารถึแสด้งผลเป&น่พิ�กเซึ่ลได้จ*าน่วน่มาก จ!งได้ม�การ สรางวงจรอ�เล2กที่รอน่�กส� เพิ%�อใช้ส*าหัร�บควบค-มการแสด้งผลที่��จอภาพิ ซึ่!�งน่�ยมเร�ยกก�น่

ว�า ระบบกราฟิ�กส� ระบบกราฟิ�กส�ม�หัลายช้น่�ด้ เช้�น่ ซึ่�จ�เอ (CGA) อ�จ�เอ (EGA) ว�จ�เอ(VGA) เฮอร�ค�วล�ส (Hercules) ซึ่!�งแต�ละช้น่�ด้จะม�ค-ณสมบ�ต�ใน่การแสด้งพิ�กเซึ่ลได้

แตกต�างก�น่ค%อ ต�)งแต�ขน่าด้ 320 x 200 พิ�กเซึ่ล ถึ!ง 1024 x 786

รู�ปแบบของภาพร#ปภาพิกราฟิ�กส�โด้ยที่��วไปใน่ป:จจ-บ�น่สามารถึแบ�ง

ออกเป&น่ 2 แบบ ค%อ

1. ภาพิกราฟิ�กส�แบบราสเตอร�(Raster) 2. ภาพิกราฟิ�กส�แบบเวกเตอร�(Vector)

หัล�กการที่*างาน่ของภาพิกราฟิ�กส�แบบเรสเตอร� ค%อ การสรางภาพิโด้ยใช้จ-ด้ส�เล2ก ๆ จ*าน่วน่มากซึ่!�งเร�ยกว�าพิ�กเซึ่ล (Pixcel)

ภายใน่แต�ละพิ�กเซึ่ลจะม�องค�ประกอบที่��ใช้ใน่การแสด้งส� ร#ปที่รง ร#ปแบบไฟิล� เราเร�ยกองค� ประกอบของพิ�กเซึ่ลเหัล�าน่�)ว�า บ�ต (Bit) ขอด้�ค%อภาพิที่��ได้ม�ความละเอ�ยด้สวยงามกว�าภาพิก

ราฟิ�กส�แบบเวกเตอร� ที่*าใหัเที่คน่�คการสรางภาพิแบบราสเตอร�น่�ยมน่*ามาใช้ก�บงาน่ภาพิที่�� ตองการความละเอ�ยด้มาก ๆ เช้�น่ ภาพิถึ�าย แต�ป:ญหัาที่��เก�ด้ข!)น่ตามมาก2ค%อเม%�อภาพิม�ความ

ละเอ�ยด้มาก ๆ ขน่าด้ของภาพิจะใหัญ�ตามไปด้วย ต�วอย�างโปรแกรมกราฟิ�กส�ประเภที่ราส เตอร� เช้�น่ Adobe Photoshop, Fractal Design Painter, Paint Shop Pro, L-

View เป&น่ตน่

หัล�กการที่*างาน่ของภาพิกราฟิ�กส�แบบเวกเตอร� ค%อ การสรางภาพิโด้ยอาศิ�ยการวาด้เสน่ และสรางร#ปที่รงของภาพิโด้ยการ

ค*าน่วณจากจ-ด้ และสมการที่างคณ�ตศิาสตร� ขอด้�ค%อ ภาพิเวกเตอร�จะม�ความละเอ�ยด้ใน่การ แสด้งส#งมาก ไม�ว�าจะย�อหัร%อขยายจะไม�ที่*าใหัร#ปภาพิเพิ�)ยน่ไปจากเด้�ม แต�การแสด้งผลจะช้า

มากเม%�อเที่�ยบก�บภาพิแบบราสเตอร� ต�วอย�างโปรแกรมกราฟิ�กส�ประเภที่เวกเตอร� เช้�น่Adobe Illustrator, Macromedia Freehand, Corel Draw, Light Wave, Text3D, Maya, Macromedia Flash เป&น่ตน่

ความแตกต�างรูะหว�างกรูาฟิ�กส์�แบบ 2 ม�ต� และ3 ม�ต�

งาน่คอมพิ�วเเตอร�กราฟิ�กส�โด้ยที่��วไป สามารถึสรางภาพิกราฟิ�กส�ได้ที่� )งแบบ 2 ม�ต� และ 3 ม�ต� กล�าวค%อ ภาพิกราฟิ�กส�ที่��เป&น่ 2 ม�ต� น่�)น่จะสามารถึแสด้งผลได้เพิ�ยงม�ต�ด้าน่

กวางและยาวเที่�าน่�)น่ ซึ่!�งเหัม%อน่ก�บการวาด้ภาพิบน่กระด้าษีโด้ยที่��วไป ใน่ขณะที่��ภาพิกราฟิ�กส� แบบ 3 ม�ต� น่�)น่ จะสามารถึแสด้งผลงาน่ได้ที่� )งด้าน่กวาง ด้าน่ยาว และด้าน่ล!ก ที่*าใหัภาพิม�

ความน่�าสน่ใจ และม�รายละเอ�ยด้ของช้�)น่งาน่เป&น่อย�างด้� แต�เน่%�องด้วยความละเอ�ยด้ที่��ม�มาก จ!งส�งผลใหัขน่าด้ของไฟิล�ภาพิประเภที่ 3 ม�ต� ม�ขน่าด้ใหัญ�ตามไปด้วย จ!งจ*าเป&น่ตองใช้

โปรแกรมคอมพิ�วเตอร�ที่��ม�ประส�ที่ธี�ภาพิควบค#�ไปก�บข�ด้ความสามารถึของระบบคอมพิ�วเตอร� น่�)น่ ๆ

• แบบเรสเตอร�• .PSD

• .BMP

• .TIF

• .JPG

• .PNG

• .PCX Z

• .RAW

• แบบเวกเตอร�• .SVG

• .DXF

ประเภที่และค-ณล�กษีณะของแฟิ<มภาพิกราฟิ�กส�

ค-ณสมบ�ต�พิ%)น่ฐาน่ของเคร%�องคอมพิ�วเตอร�เพิ%�องาน่กราฟิ�กส�

ฮารู�ดแวรู� ค�ณส์มบ�ต�ซึ่�พิ�ย# (CPU) ควรม�ความเร2วอย�าง

น่อย 1 GHz โด้ยอาจจะใช้ของอ�น่เที่ลหัร%อเอเอ2มด้�ก2ได้ ที่�)งน่�)ข!)น่อย#�ก�บความตองการของผ#ใช้และงบประมาณ เพิราะต�างก2ม�ขอด้�และขอเส�ยแตกต�างก�น่ออกไป

เมน่บอร�ด้ (Main board) ควรม�สล2อตแบบ AGP

และสล2อตแบบ PCI

ตามมาตรฐาน่ของ ATX

ไม�ควรใช้เมน่บอร�ด้ที่��ม�การ Built-in ที่��รวมเอาช้�ปเซึ่2ตการ�ด้แสด้งผลและซึ่าวด้�การ�ด้ไวรวมก�น่

ค-ณสมบ�ต�พิ%)น่ฐาน่ของเคร%�องคอมพิ�วเตอร�เพิ%�องาน่กราฟิ�กส�

ฮารู�ดแวรู� ค�ณส์มบ�ต�แรม (RAM) ควรม�ขน่าด้ 512 MB

เป&น่อย�างต*�าจอภาพิ (Monitor) ควรม�ขน่าด้เป&น่อย�างต*�า

17 น่�)ว และใช้ความละเอ�ยด้ที่�� 1,024 x 768

ฮาร�ด้ด้�สก� (Hard Disk) ม�ขน่าด้อย�างน่อย 40

GB และใช้ความเร2วแบบ 7,200 รอบ เพิ%�อช้�วยใหัการที่*างาน่เร2วมากข!)น่

การ�ด้แสด้งผล (Monitor Card)

ม�หัน่�วยความจ*าต�)งแต� 16

MB ข!)น่ไป

พิ�กเซึ่ล (PIXEL)

เป&น่ค*าย�อมาจาก Picture Element หัร%อองค�ประกอบของร#ปภาพิ ค%อ หัน่�วย ย�อยที่��เล2กที่��ส-ด้ของ Bitmap Graphic ร#ปร�างของพิ�กเซึ่ลม�ล�กษีณะเป&น่ส��เหัล��ยมจต-

ร�ส และขน่าด้ของพิ�กเซึ่ลข!)น่อย#�ก�บจ*าน่วน่พิ�กเซึ่ลที่��ประกอบก�น่เป&น่ภาพิน่�)น่ข!)น่มา

ความละเอ�ยด้ของภาพิ (IMAGE RESOLUTION)

โด้ยปกต�จะม�การว�ด้ค�าความละเอ�ยด้ของภาพิ (Resolution) เป&น่จ*าน่วน่พิ�กเซึ่ล ต�อน่�)ว ค�าต�วเลขของ Resolution น่�)หัมายถึ!ง ใน่ 1 น่�)ว จะม�จ*าน่วน่พิ�เซึ่ลที่�)งหัมด้ เที่�าไร ถึาที่ราบขน่าด้ความกวางและความยาวของภาพิแลว ก2จะสามารถึระบ-ได้ว�า ม�

จ*าน่วน่พิ�กเซึ่ลใน่ภาพิที่�)งหัมด้เที่�าไร เช้�น่ ถึาภาพิร#ปหัน่!�งม�ขน่าด้ 1 x 1 น่�)ว และม�ค�าResolution 8 พิ�กเซึ่ลต�อน่�)ว แสด้งว�าภาพิร#ปน่�)ม�จ*าน่วน่พิ�กเซึ่ลที่�)งหัมด้ 64 พิ�กเซึ่ล

เป&น่ตน่

ความจ-ของส� (COLOR CAPABILITY)

ความจ-ของส� หัมายถึ!ง จ*าน่วน่บ�ตขอม#ลที่��เก2บรายละเอ�ยด้เก��ยวก�บส�ของพิ�กเซึ่ล หัน่!�ง ๆ โด้ยเป&น่ค�าจ*าน่วน่บ�ตที่��มากที่��ส-ด้ที่��พิ�กเซึ่ลอ�น่น่�)น่เก2บได้ ใน่ Photoshop เร�ยกว�า

Color Mode ซึ่!�งหัมายถึ!ง จ*าน่วน่บ�ตที่��มากที่��ส-ด้ที่��สามารถึบ�น่ที่!กลงใน่ไฟิล�ได้

บ�ต (BIT) ย�อมาจาก Binary Digit หัมายถึ!ง หัน่�วยความ จ*าที่��ม�ขน่าด้เล2กที่��ส-ด้ของคอมพิ�วเตอร� ประกอบด้วย

ต�วเลข 2 จ*าน่วน่ ค%อ 0 และ 1 โด้ยจ*าน่วน่บ�ตที่��ใช้ใน่ แต�ละพิ�กเซึ่ล เร�ยกว�า ความล!กของบ�ต (Bit Depth) จำ านวนบ�ตเก#บ

ข$อม�ล / พ�กเซล

ส์'ที่')ได$

1 บ�ต2 บ�ต4 บ�ต8 บ�ต

24 บ�ต

21 = 2 ส�22 = 4 ส�

24 = 16 ส�28 = 256 ส�224 = 16.7

ลาน่ส�

ระบบส� (COLOR MODEL) ระบบส�ของคอมพิ�วเตอร� จะ

เก��ยวของก�บการแสด้งผลแสงที่��แสด้งบน่ จอคอมพิ�วเตอร� โด้ยม�ล�กษีณะการแสด้ง

ผล ค%อ ถึาไม�ม�แสด้งผลส�ใด้เลย บน่จอภาพิจะแสด้งเป&น่ "ส�ด้*า" หัากส�ที่-กส�แสด้งผล

พิรอมก�น่ จะเหั2น่ส�บน่จอภาพิเป&น่ "ส�ขาว" ส�วน่ส�อ%�น่ๆ เก�ด้จากการแสด้งส�หัลายๆ ส�

แต�ม�ค�าแตกต�างก�น่ การแสด้งผลล�กษีณะน่�) เร�ยกว�า การแสด้งส�

การผสมก�น่ของแม�ส�ที่�)งสาม

1. ถึาแม�ส�ม�ค�าเที่�าก�น่ มาผสมก�น่เป&น่ค#� จะได้ผลด้�งน่�)

2. ถึาแม�ส�ม�ค�าเที่�าก�น่ มาผสมที่�)ง 3 ส� จะได้ผลด้�งน่�)

3. ถึาแม�ส�ม�ค�าไม�เที่�าก�น่ ผสมก�น่ จะได้ส�ต�างๆ ก�น่ไป เช้�น่