Graphics

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

ความหมายของคอมพวิ เตอร์กราฟิ ก กราฟิก (Graphic) มกั เขียนผดิ เป็ น กราฟิกส์ กราฟฟิกส์ กราฟฟิก คาวา่ “กราฟิก” มาจากภาษากรีก ซงึ่หมายถึง การวาดเขยี น (Graphikos) และการเขยี น (Graphein) ตอ่ มามีผ้ใู ห้ความหมายของคาวา่ “กราฟิก” ไว้หลายประการซงึ่ สรุปได้ดงั นี ้ กราฟิก หมายถึง ศลิ ปะแขนงหนงึ่ ซงึ่ ใช้สอื่ ความหมายด้วยเส้น สญั ลกั ษณ์ รูปวาด ภาพถา่ ย กราฟ แผนภมู ิ การ์ตนูฯลฯ เพื่อให้สามารถสอ่ื ความหมายข้อมลู ได้ถกู ต้องตรงตามทผี่ ้สู อื่ สารต้องการความหมายของคอมพวิ เตอร์กราฟิ ก คอมพวิ เตอร์กราฟิก หมายถงึ การสร้าง การตกแตง่ แก้ไข หรือการจดั การเก่ียวกบั รูปภาพ โดยใช้เคร่ืองคอมพวิ เตอร์ในการจดั การ ยกตวั อยา่ งเช่น การทา Image Retouching ภาพคนแกใ่ ห้มีวยั ทเ่ี ดก็ ขนึ ้ การสร้างภาพตามจินตนาการและการใช้ภาพกราฟิกในการนาเสนอข้อมลู ตา่ ง ๆ เพอ่ื ให้สามารถสอ่ื ความหมายได้ตรงตามทผี่ ้สู อ่ื สารต้องการและนา่ สนใจยงิ่ ขนึ ้ ด้วยกราฟ แผนภมู ิ แผนภาพ เป็ นต้น ภาพกราฟิก แบง่ เป็ น 2 ประเภท คือ ภาพกราฟิกแบบ 2 มติ ิ และแบบ 3 มิติ ภาพกราฟิกแบบ 2 มติ ิ เป็ นภาพทีพ่ บเหน็ โดยทว่ั ไป เชน่ ภาพถ่าย รูปวาด ภาพลายเส้น สญั ลกั ษณ์ กราฟ รวมถงึการ์ตนู ตา่ ง ๆ ในโทรทศั น์ ยกตวั อยา่ งเช่น การ์ตนู เรื่องพภิ พยมราช ชินจงั และโดเรมอน เป็ นต้น ซงึ่ การ์ตนู จะเป็ นภาพกราฟิกเคลอื่ นไหว (Animation) โดยจะมีกระบวนการสร้างทซี่ บั ซ้อนกวา่ ภาพวาดปกติ ภาพกราฟิกแบบ 3 มติ ิ เป็ นภาพกราฟิกทใ่ี ช้โปรแกรมสร้างภาพ 3 มติ ิโดยเฉพาะ เชน่ โปรแกรม 3 Ds maxโปรแกรม Maya เป็ นต้น ซง่ึ จะทาให้ได้ภาพมสี แี ละแสงเงาเหมือนจริง เหมาะกบั งานด้านสถาปัตย์และการออกแบบตา่ ง ๆรวมถงึ การสร้างเป็ นภาพยนตร์การ์ตนู หรือโฆษณาสนิ ค้าตา่ ง ๆ เช่น การ์ตนู เรื่อง Nemo The Bug และปังปอนด์แอนเิ มชนัเป็ นต้นหลกั การทางานและการแสดงผลของภาพคอมพวิ เตอร์กราฟิ ก ภาพทีเ่ กดิ บนจอคอมพิวเตอร์ เกิดจากการทางานของโหมดสี RGB ซงึ่ ประกอบด้วยสแี ดง (Red) สีเขียว (Green) และสนี า้ เงิน (Blue) โดยใช้หลกั การยงิ ประจไุ ฟฟ้ าให้เกิดการเปลง่ แสงของสที งั้ 3 สมี าผสมกนั ทาให้เกิดเป็ นจดุ สสี เ่ี หลยี่ มเลก็ ๆ ทีเ่ รียกวา่ พิกเซล (Pixel) ซง่ึ มาจากคาวา่ Picture กบั Element โดยพกิ เซลจะมีหลากหลายสี เม่อืนามาวางตอ่ กนั จะเกิดเป็ นรูปภาพ ซงึ่ ภาพทใ่ี ช้กบั เคร่ืองคอมพิวเตอร์มี 2 ประเภท คอื แบบ Raster และแบบ Vector

หลกั การของกราฟิ กแบบ Raster หลกั การของภาพกราฟิกแบบ Raster หรือแบบ Bitmap เป็ นภาพกราฟิกทเ่ี กิดจากการเรียงตวั กนั ของจดุ สเี่ หลย่ี มเลก็ ๆ หลากหลายสี ซง่ึ เรียกจดุ สเี หลย่ี มเลก็ ๆ นวี ้ า่ พกิ เซล (Pixel) ในการสร้างภาพกราฟิกแบบ Raster จะต้องกาหนดจานวนของพิกเซลให้กบั ภาพท่ีต้องการสร้าง ถ้ากาหนดจานวนพกิ เซลน้อย เมอื่ ขยายภาพให้มขี นาดใหญ่ขนึ ้ จะทาให้แฟ้ มภาพมขี นาดใหญ่ ดงั นนั้ การกาหนดพกิ เซลจงึ ควรกาหนดให้เหมาะกบั งานท่สี ร้างคือ ถ้าต้องการใช้งานทวั่ ๆ ไปจะกาหนดจานวนพิกเซลประมาณ 100-150 ppi (Pixel/inch) “จานวนพกิ เซลตอ่ 1 ตารางนวิ ้ ” ถ้าเป็ นงานทีต่ ้องการความละเอยี ดน้อยและแฟ้ มภาพมขี นาดเลก็ เช่น ภาพสาหรับใช้กบั เว็บไซต์จะกาหนดจานวนพิกเซลประมาณ 72 ppi และถ้าเป็ นแบบงานพิมพ์ เช่นนิตยสาร โปสเตอร์ขนาดใหญ่ จะกาหนดจานวนพกิ เซลประมาณ 300-350 เป็ นต้น ข้อดีของภาพกราฟิกแบบ Raster คือสามารถแก้ไขปรับแตง่ สี ตกแตง่ ภาพได้ง่ายและสวยงาม ซง่ึ โปรแกรมทน่ี ยิ มใช้สร้างภาพกราฟิกแบบRaster คอื Adobe PhotoShop, Adobe PhotoShopCS, Paint เป็ นต้น รูปท่ี 1.1 ภาพกราฟิกแบบ Raster ทีข่ ยายใหญ่ขนึ ้หลกั การของกราฟิ กแบบ Vector หลกั การของกราฟิกแบบ Vector เป็ นภาพกราฟิกที่เกดิ จากการอ้างองิ ความสมั พนั ธ์ทางคณิตศาสตร์ หรือการคานวณ ซง่ึ ภาพจะมคี วามเป็ นอสิ ระตอ่ กนั โดยแยกชิน้ สว่ นของภาพทงั้ หมดออกเป็ นเส้นตรง เส้นโค้ง รูปทรง เมอ่ื มกี ารขยายภาพความละเอยี ดของภาพไมล่ ดลง แฟ้ มมขี นาดเลก็ กวา่ แบบ Raster ภาพกราฟิกแบบ Vector นยิ มใช้เพือ่ งานสถาปัยต์ตกแตง่ ภายในและการออกแบบตา่ ง ๆ เชน่ การออกแบบอาคาร การออกแบบรถยนต์ การสร้างโลโก การสร้างการ์ตนู เป็ นต้น ซงึ่ โปรแกรมท่นี ิยมใช้สร้างภาพแบบ Vector คอื โปรแกรม Illustrator, CoreDraw, AutoCAD, 3Ds max เป็ นต้น แต่อปุ กรณ์ทใี่ ช้แสดงผลภาพ เช่น จอคอมพิวเตอร์จะเป็ นการแสดงผลภาพเป็ นแบบ Raster

รูปท่ี 1.2 ภาพกราฟิกแบบ Vector ทขี่ ยายใหญ่ขนึ ้หลักการใช้สแี ละแสงในคอมพิวเตอร์ สที ใี่ ช้งานด้านกราฟิกทวั่ ไปมี 4 ระบบ คือ 1. RGB 2. CMYK 3. HSB 4. LABRGB เป็ นระบบสที ีป่ ระกอบด้วยแมส่ ี 3 สคี อื แดง (Red), เขียว (Green) และสนี า้ เงิน (Blue) เม่ือนามาผสมกนั ทาให้เกิดสตี า่ ง ๆ บนจอคอมพวิ เตอร์มากถงึ 16.7 ล้านสี ซง่ึ ใกล้เคยี งกบั สที ่ตี าเรามองเห็นปกติ สที ีไ่ ด้จากการผสมสขี นึ ้ อยกู่ บั ความเข้มของสี โดยถ้าสมี คี วามเข้มมาก เมื่อนามาผสมกนั จะทาให้เกิดเป็ นสขี าว จึงเรียกระบบสนี วี ้ า่ แบบ Additive หรือการผสมสีแบบบวก

CMYK เป็ นระบบสที ่ใี ช้กบั เคร่ืองพิมพ์ทพ่ี ิมพ์ออกทางกระดาษหรือวสั ดผุ ิวเรียบอื่น ๆ ซง่ึ ประกอบด้วยสหี ลกั 4 สคี อื สีฟ้ า (Cyan), สมี ว่ งแดง (Magenta), สเี หลอื ง (Yellow) และสดี า (Black) เม่อื นามาผสมกนั จะกเกิดสเี ป็ นสดี าแตจ่ ะไมด่ าสนิทเนอื่ งจากหมกึ พมิ พ์มคี วามไมบ่ ริสทุ ธิ์ จงึ เป็ นการผสมสแี บบลบ (Subtractive) หลกั การเกิดสขี องระบบนคี ้ ือ หมกึ สหี นง่ึจะดดู กลนื แสงจากสหี นง่ึ แล้วสะท้อนกลบั ออกมาเป็ นสตี า่ ง ๆ เชน่ สฟี ้ าดดู กลนื แสงของสมี ว่ งแล้วสะท้อนออกมาเป็ นสนี า้ เงินซง่ึ จะสงั เกตได้วา่ สที ่สี ะท้อนออกมาจะเป็ นสหี ลกั ของระบบ RGB การเกิดสใี นระบบนจี ้ งึ ตรงข้ามกบั การเกดิ สใี นระบบ RGB ดงั ภาพHSB เป็ นระบบสแี บบการมองเห็นของสายตามมนษุ ย์ ซง่ึ แบง่ ออกเป็ น 3 สว่ น คือ Hue คือสตี า่ ง ๆ ที่สะท้อนออกมาจากวตั ถแุ ล้วเข้าสสู่ ายตาของเรา ซง่ึ มกั เรียกสตี ามชื่อสี เช่น สเี ขียว สเี หลอื ง สีแดง เป็ นต้น Saturation คือความสดของสี โดยคา่ ความสดของสจี ะเริ่มท่ี 0 ถงึ 100 ถ้ากาหนดSaturation ท่ี 0 สจี ะมคี วามสดน้อย แตถ่ ้ากาหนดที่ 100 สจี ะมีความสดมาก Brightness คอื ระดบั ความสวา่ งของสี โดยคา่ ความสวา่ งของสจี ะเร่ิมที่ 0 ถงึ 100 ถ้ากาหนดท่ี 0 ความสวา่ งจะน้อยซงึ่ จะเป็ นสดี า แตถ่ ้ากาหนดท่ี 100 สจี ะมคี วามสวา่ งมากทส่ี ดุ

LAB เป็ นระบบสที ่ีไมข่ นึ ้ กบั อปุ กรณ์ใด ๆ (Device Independent) โดยแบง่ ออกเป็ น 3 สว่ น คือ “L” หรือ Luminance เป็ นการกาหนดความสวา่ งซง่ึ มีคา่ ตงั้ แต่ 0 ถึง 100 ถ้ากาหนดท่ี 0 จะกลายเป็ นสดี า แต่ถ้ากาหนดที่ 100 จะเป็ นสขี าว“A” เป็ นคา่ ของสที ไ่ี ลจ่ ากสเี ขียวไปสแี ดง“B” เป็ นคา่ ของสที ไ่ี ลจ่ ากสนี า้ เงินไปเหลอื งแฟ้ มภาพกราฟิ กแบบ Raster และคุณลกั ษณะของแฟ้ มภาพกราฟิ ก นามสกลุ ทใ่ี ช้เก็บแฟ้ มภาพกราฟิ กแบบ Raster มีหลายนามสกลุ เชน่ .BMP, .DIB, .JPG, .JPEG, .JPE, .GIF,.TIFF, .TIF, .PCX, .MSP, .PCD, .FPX, .IMG, .MAC, .MSP และ .TGA เป็ นต้น ซง่ึ ลกั ษณะของแฟ้ มภาพจะแตกตา่ งกนั ไปยกตวั อยา่ งเชน่นามสกลุ ท่ีใช้เก็บ ลกั ษณะงาน ตวั อยา่ งซอฟต์แวร์ ท่ใี ช้สร้าง.JPG, .JPEG, .JPE ใช้สาหรับรูปภาพทว่ั ไปงานเว็บเพจ และงานที่มคี วามจากดั โปรแกรม PhotoShop, ด้านพนื ้ ท่ีหนว่ ยความจา PaintShopPro, Illstratior.GIF เหมาะสาหรับงานด้านนติ ยสาร เพราะมีความละเอียดของ.TIFF, .TIF ภาพสงู.BMP, .DIB ไฟล์มาตรฐานของระบบปฏิบตั ิการวนิ โดว์ โปรแกรม PaintShopPro, Paint.PCX เป็ นไฟลด์ งั้ เดมิ ของโปรแกรมแก้ไขภาพแบบบติ แมป ไมม่ ี โปรแกรม CorelDraw, โมเดลเกรย์สเกล ใช้กบั ภาพทวั่ ไป Illustrator, Paintbrush

แฟ้ มภาพกราฟิ กแบบ Vector และคุณลกั ษณะของแฟ้ มภาพกราฟิ ก นามสกลุ ทใี่ ช้เก็บแฟ้ มภาพกราฟิ กแบบ Vector มหี ลายนามสกลุ เชน่ .EPS, .WMF, .CDR, .AI, .CGM, .DRW,.PLT, .DXF, .PIC และ .PGL เป็ นต้น ซง่ึ ลกั ษณะของแฟ้ มภาพจะแตกตา่ งกนั ไป เช่นนามสกลุ ทีใ่ ช้เก็บ ลกั ษณะงาน ตวั อยา่ งซอฟต์แวร์ ที่ใช้ สร้ าง.AI ใช้สาหรับงานที่ต้องการความละเอียดของภาพมาก เชน่ การสร้าง โปรแกรม Illustrator การ์ตนู การสร้างโลโก เป็ นต้น.EPS.WMF ไฟล์มาตรฐานของโปรแกรม Microsoft Office โปรแกรม CorelDrawกราฟิ กไฟล์สาหรับอนิ เทอร์เน็ต ไฟล์กราฟิ กท่สี นับสนุนระบบอินเทอร์เน็ต ปัจจุบนั มี 3 ไฟล์หลกั ๆ คือ 1. ไฟลส์ กลุ GIF ( Graphics Interlace File) 2. ไฟลส์ กลุ JPG ( Joint Photographer's Experts Group) 3. ไฟลส์ กลุ PNG ( Portable Network Graphics) 1. ไฟล์สกุล GIF (Graphics Interlace File)เป็ นไฟล์กราฟิกมาตรฐานท่ที างานบนอินเทอร์เน็ต มกั จะใช้เม่อื - ต้องการไฟล์ทม่ี ีขนาดเลก็ - จานวนสแี ละความละเอียดของภาพไมส่ งู มากนกั - ต้องการพนื ้ แบบโปร่งใส

- ต้องการแสดงผลแบบโครงร่างกอ่ น แล้วคอ่ ยแสดงผลแบบละเอยี ด - ต้องการนาเสนอภาพแบบภาพเคลอ่ื นไหว ไฟล์ .GIF (GIF Animation) ซงึ่ เป็ นไฟลก์ ราฟิกทีม่ คี วามสามารถพิเศษโดยนาเอาไฟล์ภาพหลายๆ ไฟล์มารวมกนัและนาเสนอภาพเหลา่ นนั้ โดยอาศยั การหนว่ งเวลา มกี ารใสร่ ูปแบบการนาเสนอลกั ษณะตา่ งๆ ( Effects) ในลกั ษณะภาพเคลอ่ื นไหว 2. ไฟล์สกุล JPG (Joint Photographer’s Experts Group) เป็ นอีกไฟลห์ นงึ่ ที่นยิ มใช้บน Internet มกั ใช้กรณี 1. ภาพทต่ี ้องการนาเสนอมีความละเอยี ดสงู และใช้สจี านวนมาก (สนบั สนนุ ถงึ 24 bit color) 2. ต้องการบีบไฟล์ตามความต้องการของผ้ใู ช้ 3. ไฟล์ชนดิ นีม้ กั จะใช้กบั ภาพถา่ ยทนี่ ามาสแกน และต้องการนาไปใช้บนอนิ เทอร์เนต็ เพราะให้ความคมชดั และความละเอียดของภาพสงู

3. ไฟล์สกุล PNG (Portable Network Graphics) จุดเด่น - สนบั สนนุ สีได้ถึงตามคา่ True color (16 bit, 32 bit หรือ 64 bit) - สามารถกาหนดคา่ การบบี ไฟล์ได้ตามท่ตี ้องการ - มีระบบแสดงผลแบบหยาบและคอ่ ยๆ ขยายไปสลู่ ะเอยี ด ( Interlace) - สามารถทาพนื ้ โปร่งใสได้ จุดด้อย - casino francais en ligne font-size: 20px; \">หากกาหนดคา่ การบบี ไฟลไ์ ว้สงู จะใช้เวลาในการคลายไฟล์สงูตามไปด้วย แตข่ นาดของไฟล์จะมขี นาดต่า - ไมส่ นบั สนนุ กบั Graphic Browser รุ่นเกา่ สนบั สนนุ เฉพาะ IE 4 และ Netscape 4 - ความละเอยี ดของภาพและจานวนสขี นึ ้ อยกู่ บั Video Card - โปรแกรมสนบั สนนุ ในการสร้างมนี ้อย