unit1

หน่วยท่ี 1 ความรู้เบื้องต้นเกยี่ วกบั คอมพวิ เตอร์กราฟิ ก

หน่วยที่ 1ความรู้เบื้องต้นเกยี่ วกบั คอมพวิ เตอร์กราฟิ กแนวคดิ คอมพิวเตอร์กราฟิ ก คือ การใช้คอมพิวเตอร์สร้างภาพและจดั การเกี่ยวกบั รูปภาพ เพ่ือใช้สื่อความหมายของขอ้ มูลต่าง ๆ ใหน้ ่าสนใจยง่ิ ข้ึน เช่น การใชก้ ราฟนาเสนอขอ้ มูลยอดขายสินคา้ ในแต่ละปี การใช้ภาพกราฟิ กประกอบการโฆษณาสิ นค้าต่าง ๆ เป็ นต้น ภาพกราฟิ กแบบ 2 มิติ มี 2 แบบ คือแบบ Raster และแบบ Vector ซ่ึงหลกั การทางานจะมีความแตกต่างกนั โดยกราฟิ กแบบRaster จะเกิดภาพจากจุดสี่เหลี่ยมเล็ก ๆ หลาย ๆ จุด มารวมกัน ส่วนแบบ Vector เกิดจากการอ้างอิงความสัมพนั ธ์ทางคณิตศาสตร์ หรือการคานวณ ซ่ึงภาพกราฟิ กแต่ละนามสกลุ จะมีแฟ้มรูปภาพและลกั ษณะท่ีแตกต่างกนับทนา ปัจจุบนั ภาพกราฟิ กมีบทบาทกบั งานดา้ นต่าง ๆ เป็ นอยา่ งมาก เช่น งานนาเสนอขอ้ มูลในรูปแบบของ เสน้ กราฟ กราฟแท่ง แผนภูมิ การใชภ้ าพกราฟิ กประกอบการโฆษณาสินคา้ ต่าง ๆ การสร้างเวบ็ เพจ การสร้างสื่อการสอน (CAI) การสร้างการ์ตูน การสร้างโลโก และงานออกแบบต่าง ๆ เป็ นตน้ โดยภาพกราฟิ กจะทาใหง้ านมีความสวยงามและน่าสนใจยงิ่ ข้ึนความหมายของกราฟิ ก กราฟิ ก (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 ที่ขยายใหญ่ข้ึนความแตกต่างของกราฟิ กแบบ 2 มิติ ภาพกราฟิ ก 2 มิติแบบ Raster และ แบบ Vector มีความแตกต่างกนั ดงั น้ีภาพกราฟิ กแบบ Raster ภาพกราฟิ กแบบ Vector1. ภาพกราฟิ กเกิดจากจุดสี่เหล่ียมเลก็ ๆ หลากหลาย 1. ภาพเกิดจากการอ้างอิงความสัมพันธ์ทางสี (Pixels) มาเรียงต่อกนั จนกลายเป็นรูปภาพ คณิตศาสตร์หรือการคานวณ โดยองคป์ ระกอบของ ภาพมีอิสระต่อกนั2. การขยายภาพกราฟิ กใหม้ ีขนาดใหญ่ข้ึน จะทาให้ 2. การขยายภาพกราฟิ กให้มีขนาดใหญ่ข้ึน ภาพความละเอียดของภาพลดลง ทาให้มองเห็นภาพ ยงั คงความละเอียดคมชดั เหมือนเดิมเป็นจุดส่ีเหล่ียมเลก็ ๆ3. การตกแต่งและแกไ้ ขภาพ สามารถทาไดง้ ่ายและ 3. เหมาะกบั งานออกแบบต่าง ๆ เช่น งานสถาปัตย์สวยงาม เช่น การ Retouching ภาพคนแก่ให้หนุ่ม ออกแบบโลโก เป็นตน้ข้ึน การปรับสีผวิ กายใหข้ าวเนียนข้ึน เป็นตน้4. การประมวลผลภาพสามารถทาไดร้ วดเร็ว 4. การประมวลผลภาพจะใชเ้ วลานาน เนื่องจากใช้ คาสงั่ ในการทางานมาก

หลกั การใช้สีและแสงในคอมพวิ เตอร์ สีที่ใชง้ านดา้ นกราฟิ กทวั่ ไปมี 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 ที่ใชส้ ร้าง.GIF.TIFF, .TIF ใช้สาหรับรูปภาพทั่วไปงานเว็บเพจ โปรแกรม PhotoShop,.BMP, .DIB และงานท่ีมีความจากดั ดา้ นพ้นื ท่ี PaintShopPro, Illstratior.PCX หน่วยความจา เหมาะสาหรับงานดา้ นนิตยสาร เพราะ มีความละเอียดของภาพสูง ไฟล์มาตรฐานของระบบปฏิบัติการ โปรแกรม PaintShopPro, Paint วนิ โดว์ เป็ นไฟล์ด้ังเดิมของโปรแกรมแก้ไข โปรแกรม CorelDraw, Illustrator, ภาพแบบบิตแมป ไม่มีโมเดลเกรย์ส Paintbrush เกล ใชก้ บั ภาพทว่ั ไปแฟ้มภาพกราฟิ กแบบ Vector และคุณลกั ษณะของแฟ้มภาพกราฟิ ก นามสกุลที่ใชเ้ ก็บแฟ้มภาพกราฟิ กแบบ Vector มีหลายนามสกุลเช่น .EPS, .WMF, .CDR, .AI,.CGM, .DRW, .PLT, .DXF, .PIC และ .PGL เป็นตน้ ซ่ึงลกั ษณะของแฟ้มภาพจะแตกต่างกนั ไป เช่นนามสกลุ ที่ใชเ้ กบ็ ลกั ษณะงาน ตวั อยา่ งซอฟตแ์ วร์ ที่ใชส้ ร้าง.AI.EPS ใชส้ าหรับงานที่ตอ้ งการความละเอียด โปรแกรม Illustrator.WMF ของภาพมาก เช่น การสร้างการ์ตูน การ สร้างโลโก เป็นตน้ ไ ฟ ล์ ม า ต ร ฐ า น ข อ ง โปรแกรม CorelDraw โปรแกรม Microsoft Officeคอมพวิ เตอร์กราฟิ กกบั การประยุกต์ใช้ในงานด้านต่าง ๆ

ในยุคปัจจุบันมีการพฒั นาทางด้านเทคโนโลยีอย่างไม่หยุดย้งั ทาให้การส่ือสารมีสีสันและชีวิตชีวามากข้ึน โดยการใชภ้ าพกราฟิ กมาประยกุ ตร์ ่วมกบั งานดา้ นต่าง ๆ เพื่อใหง้ านดูสวยงามและดึงดูดใจใหน้ ่าใชง้ านมากยง่ิ ข้ึน ซ่ึงแบ่งงานดา้ นภาพกราฟิ กออกไดด้ งั น้ี 1.คอมพิวเตอร์กราฟิ กกบั งานดา้ นการออกแบบ คอมพิวเตอร์ไดเ้ ขา้ มามีบทบาทกบั งานดา้ นการออกแบบในสาขาต่าง ๆ เป็ นจานวนมาก เช่น งานด้านสถาปัตย์ออกแบบภายในบ้าน การออกแบบรถยนต์ การออกแบบเคร่ืองจกั รกล รวมถึงการออกแบบวงจรไฟฟ้าอิเล็กทรอนิกส์ ซ่ึงโปรแกรมที่ใชจ้ ะเป็ นโปรแกรม 3 มิติ เพราะสามารถกาหนดสีและแสงเงาไดเ้ หมือนจริงท่ีสุด อีกท้งั สามารถดูมุมมองดา้ นต่าง ๆ ไดท้ ุกมุมมอง 2.คอมพิวเตอร์กราฟิ กกับงานด้านโฆษณา ปัจจุบันการโฆษณาสินค้าทางโทรทัศน์ได้นาภาพกราฟิ กเขา้ มาช่วยในการโฆษณาสินคา้ เพ่ือเพิ่มความน่าสนใจมากข้ึน เช่น การทาหิมะตกท่ีกรุงเทพฯการนาการ์ตูนมาประกอบการโฆษณาขนมเด็ก เป็นตน้ และการโฆษณาสินคา้ ดว้ ยภาพกราฟิ กยงั มีอยทู่ ุกท่ีรอบตวั เราไม่วา่ จะเป็นตามป้ายรถเมล์ ขา้ งรถโดยสาร หนา้ ร้านคา้ ตามแหล่งชุมชนต่าง ๆ เป็นตน้ 3. คอมพิวเตอร์กราฟิ กกบั งานดา้ นการนาเสนอ การนาเสนอขอ้ มูลต่าง ๆ เป็ นการส่ือความหมายใหผ้ รู้ ับสารเขา้ ใจในสิ่งท่ีผูส้ ื่อตอ้ งการ และการสื่อสารที่ดีจาเป็ นอยา่ งย่งิ ที่จะตอ้ งใชภ้ าพเขา้ มาช่วยเพื่อเพ่ิมความเขา้ ใจใหก้ บั ผรู้ ับสาร เช่น การสรุปยอดขายสินคา้ ในแต่ละปี ดว้ ยกราฟ หรือการอธิบายระบบการทางานของบริษทั ดว้ ยแผนภูมิ เป็นตน้ 4. คอมพวิ เตอร์กราฟิ กกบั งานดา้ นเวบ็ เพจ ธุรกิจรับสร้างเวบ็ เพจใหก้ บั บริษทั หรือหน่วยงานต่าง ๆไดน้ าคอมพวิ เตอร์กราฟิ กเขา้ มาช่วยในการสร้างเวบ็ เพจเพอ่ื ใหเ้ วบ็ เพจท่ีสร้างมีความสวยงามน่าใชง้ านยงิ่ ข้ึน 5. คอมพิวเตอร์กราฟิ กกบั งานดา้ น Image Retouching ปัจจุบนั ธุรกิจคอมพิวเตอร์กราฟิ กท่ีใชใ้ นการ Retouching ภาพ ไดเ้ ปิ ดตวั ข้ึนเป็ นจานวนมาก เพราะสามารถตอบสนองความตอ้ งการของคนในการทาภาพตามจินตนาการไดเ้ ป็นอยา่ งดี เช่น การทาภาพผวิ กายใหข้ าวเนียนเหมือนดารา การทาภาพเก่าใหเ้ ป็นภาพใหม่ การทาภาพขาวดาเป็นภาพสี และการทาภาพคนแก่ใหด้ ูหนุ่มหรือสาวข้ึน เป็นตน้