หน่วยที่ 2...

หนวยท 2 ความรเบองตนเกยวกบ

คอมพวเตอรกราฟกอ.ชด นตศร

ประเภทของภาพ ภาพเวกเตอร ภาพบตแมป เลเยอร ส กราฟกแบบ 3 มต

กลบสหนาหลก

รายละเอยดเนอหาหนวยท 2

ความรเบองตนเกยวกบคอมพวเตอรกราฟก

วตถประ

สงค

บทเรยน

ทดสอบกอนเรยน

ทดสอบหลงเรยน

1. สามารถบอกความหมายของคอมพวเตอรกราฟกได2. บอกประเภทของภาพได3. สามารถอธบายหลกการทำางานและการแสดงผลของภาพเวกเตอรได4. สามารถอธบายความแตกตางระหวางภาพเวกเตอรและภาพบตแมป

ได5. อธบายการหนาทและการประยกตใชงานเลเยอรได6. สามารถบอกหลกการใชสในคอมพวเตอรได7. สามารถบอกประโยชนของคอมพวเตอรกราฟกในงานดานตางๆ ได

วตถประสงคเชงพฤตกรรม

NextBack กลบสหนาหลก

ความหมายของกราฟก กราฟก (Graphic) มกเขยนผดเปน กราฟกส กราฟฟกส กราฟฟก คำาวา กราฟก มาจาก“ ”ภาษากรก ซงหมายถง การวาดเขยน และการเขยน ตอมามผใหความหมายของคำาวา กราฟก ไวหลายประการซงสรปไดดงน กราฟก หมายถง ศลปะแขนงหนงซงใชสอความหมายดวยเสน สญลกษณ รปวาด ภาพถาย กราฟ แผนภม การตน ฯลฯ เพอใหสามารถสอความหมายขอมลไดถกตองตรงตามทผสอสารตองการ

NextBack กลบสหนาหลก

กราฟก (Graphic) หมายถง ภาพนงทเกบอยในรปแบบดจตอลบนระบบคอมพวเตอร โดยกราฟกถอเปนองคประกอบสำาคญของงานมลตมเดย เพราะถกนำาไปใชงานในหลายรปแบบ

ประเภทของภาพ

1.ภาพ 2 มต (2D Image)2.ภาพ 3 มต (3D Image)

NextBack กลบสหนาหลก

ภาพทถกนำามาใชงานบนระบบคอมพวเตอรเกดจาก ? การรวมกนของจดสทเรยกวา พกเซล ซงอยในรปแบบดจตอล คณภาพของการแสดงภาพขนอยกบ ความละเอยดของภาพ และประสทธภาพของฮารดแวร เชน จอภาพ การดจอ และเครองพมพ เปนตน โดยทวไปภาพกราฟกทนำามาใชงานแบงเปน 2 ประเภท คอ

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

คอมพวเตอรกราฟก หมายถง การสราง การตกแตงแกไข หรอการจดการเกยวกบรปภาพโดยใชเครองคอมในการจดการ ยกตวอยางเชน การทำา Image Retouching ภาพคนแกใหมวยทเดกขน การสรางภาพตามจนตนาการและการใชภาพกราฟกในการนำาเสนอขอมลตาง ๆ เพอใหสามารถสอวามหมายไดตรงตามทผสอสารตองการและนาสนใจยงขนดวยกราฟ แผนภม แผนภาพ เปนตน

NextBack กลบสหนาหลก

คอมพวเตอรกราฟก(Computer graphic) หมายถง การใชเทคโนโลยตางๆ ทงดานซอฟตแวร และฮารดแวรเพอสราง จดการ หรอแสดงผลลพธของกราฟก

ภาพ 2 มต(2D Graphic)

ภาพทสรางและนำามาใชงานกบคอมพวเตอรแบงได 2 ประเภทภาพเวกเตอร (Vector Graphic)

ภาพบตแมป (Bitmapped Image)

กราฟกแบบ 2 มต เปนภาพทพบเหนโดยทวไป เชน ภาพถาย รปวาด ภาพลายเสน สญลกษณ กราฟ รวมถงการตนตางๆ ในโทรทศน

ภาพเวกเตอร (Vector Graphic) ภาพเวกเตอร

แสดงถงภาพลกษณทมโครงสรางทางเรขาคณต และสรางดวยหลกทางคณตศาสตร จงตองจดเกบขอมลในรปแบบของคำาสง ภาพดคลายกบรปวาดลายเสน

ลกษณะการวาดรปสเหลยมดวยโปรแกรม Photoshop

ภาพเวกเตอร เปนภาพทสรางดวยสวนประกอบของเสนลกษณะตางๆ และคณสมบตเกยวกบสของเสนนนๆ สรางจากการคำานวณทางคณตศาสตร เชน ภาพของคน กจะถกสรางดวยจดของเสนหลายๆ จด เปนลกษณะของโครงราง (Outline) และสของคนกเกดจากสของเสนโครงรางนนๆ กบพนทผวภายในนนเอง เมอมการแกไขภาพ กจะเปนการแกไขคณสมบตของเสน ทำาใหภาพไมสญเสยความละเอยด เมอมการขยายภาพนนเอง ภาพแบบ Vector ทหลายๆ ทานคนเคยกคอ ภาพ .wmf ซงเปน clipart ของ Microsoft Office นนเอง นอกจากนคณจะสามารถพบภาพฟอรแมตนไดกบภาพในโปรแกรม AdobeIllustrator หรอ MacromediaFreehand

ไฟลภาพเวกเตอรหลายรปแบบ ซงมนามสกลแตกตางกนออกไป เชน Al, Cdr, Cgm, Cmx, Drw, Eps, Pdf, Pct, Pic, Plt และ Wmf เปนตน ขนอยกบโปรแกรมทใชสราง มกเขยนโครงรางขนมากอน แลวจงตกแตงภาพใหสวยงาม

ลกษณะภาพเวกเตอรทสรางเปนแฟม wmfโครงรางของภาพเวคเตอรภาพเวคเตอรทตกแตงแลว

ภาพเวกเตอร เปนไฟลขนาดเลก สามารถปรบปรงโครงรางของภาพไดแมจะเปนเสนบางๆ และสามารถยอขยายภาพไดโดยไมสญเสยคณภาพ

การขยายภาพเวกเตอร เมอขยายขนาดจะไมสญเสยความคมชด

ภาพบตแมป (Bitmapped Image)บตแมปเปนภาพทเกดจากการประกอบรวมกนของจดส หรอพกเซล ซงเปนสวนประกอบทเลกทสดทใชแสดงผลบนจอภาพและในการพมพ ภาพบตแมปสามารถรองรบการแสดงสไดมากกวา 16.7 ลานส (ความละเอยดท 26 บต) ใหภาพทดสมจรงกวาภาพเวกเตอร

วธการสรางภาพแบบบตแมปทนยมกนสามารถทำาไดหลายวธ ดงน การนำาเขาภาพจากแหลงขอมลตางๆ การคดลอก (Copy) ภาพทแสดงบน

จอภาพ นำาเขาภาพถายผานทางเครองสแกนเนอร

(Scanner) นำาเขารปภาพจากกลองถายภาพดจตอล

หรอกลองวดโอดจตอล

ภาพบตแมปถาภาพมความละเอยดนอย เมอทำาการขยายจะทำาใหสญเสยรายละเอยดของภาพทำาใหเกดเปนรอยหยก เรยกวา อะไล“แอส”(Alias)

มใหเลอกใชงานหลายชนด เชน ไฟลทมนามสกล Bmp, Cgm, Gif, Hgl, Jpeg, Pbm, Pcx Pgm, Pnm, Ppm, Psd, Rle, Tga, Tiff และ Wpg เปนตน

ภาพบตแมปเมอทำาการขยายจะปรากฏกรอบของจดภาพ

ภาพ 3 มต (3D Image) เปนภาพประเภทหนงของภาพเวกเตอร ซงม

ลกษณะมมมองของภาพทเหมอนจรง อยในรปทรง 3 มต (3D) มพนฐานการสรางมาจากภาพ 2 มต (มเพยงแกน X และ Y ) โดยเพมความลกใหกบภาพทสราง (เพมแกน Z)

ภาพโครงรางพนฐานของภาพ 2 มตและภาพ 3 มตภาพ 2 มต ภาพ 3 มต

ซอฟตแวรทมความสามารถในการทำางานดาน 3 มต เชน AutoCad, 3d Studio Max และ Extreme 3d เปนตน

โปรแกรม AutoCAD สำาหรบการสรางภาพสามมต

รปแบบไฟลขอมลภาพ (Image File Format) โปรแกรมสนบสนนในระบบ Macintosh

สวนใหญจะสามารถนำาเขา (Import) และ สงออก (Export) ไฟลภาพทมนามสกล Pict ซงพฒนาขนโดยบรษทแอปเป ล ตวอยางโปรแกรม เชน โปรแกรม Illustrator หรอ Freehand

สวนบนระบบ Windows ใชรปแบบ Dibs (Device-Independent Bitmaps) ซงบนทกไฟลในรปแบบ Bmp โดยท Dibs นนสามารถซอนอยในไฟล Riff(Resource Interchange File Format) ได

• Riff เปนรปแบบไฟลทรองรบไฟลไดหลายชนดบนระบบ Windows เชน ไฟลภาพบตแมปชนดตางๆ ไฟล Midi และรปแบบตวอกษร

•สวนใหญการบนทกขอมลรปภาพแบบบตแมปบนระบบ Windows จะเปนไฟล Dib, Bmp, Pcx และ Tiff แตมบางบรษทสรางรปแบบไฟลภาพของตวเองขนมา เชน บรษท Adobe สรางรปแบบไฟล Psd สำาหรบโปรแกรม Photoshop และไฟล Ai สำาหรบโปรแกรม Illustrator

รปแบบไฟลขอมลภาพ (Image File Format)

หลกการทำางานและการแสดงผลของภาพคอมพวเตอรกราฟก ภาพทเกดบนจอคอมพวเตอร เกดจากการทำางานของโหมดส RGB ซงประกอบดวยสแดง สเขยว สนำาเงน โดยใชหลกการยงประจไฟฟาใหเกดการเปลงแสงของสทง 3 สมาผสมดนทำาใหเกดเปนจดสเหลยมเลกๆ ทเรยกวา พกเซล ซงภาพทใชกบเครองคอมพวเตอรม 2 ประเภท คอ แบบ Raster และแบบ Vector NextBack กลบสหนา

หลก

ความแตกตางของกราฟกแบบ 2 มต ภาพกราฟกแบบ Raster ภาพกราฟกแบบ Vector

1. ภาพกราฟกเกดจากจดสเหลยมเลก ๆ หลากหลายส (Pixels) มาเรยงตอกนจน

กลายเปนรปภาพ

1. ภาพเกดจากการอางองความสมพนธทางคณตศาสตรหรอการ

คำานวณ โดยองคประกอบของภาพมอสระตอกน

2. การขยายภาพกราฟกใหมขนาดใหญขนจะทำาใหความละเอยดของภาพลดลงทำาใหมองเหนภาพเปนจสเหลยมเลก

2. การขยายภาพกราฟกใหมขนาดใหญขนภาพยงคงความละเอยดคมชดเหมอนเดม

3. การตกแตงและแกไขภาพ สามารถ ทำาไดงายและสวยงาม เชน การ

Retouching ภาพคนแกใหหนมขนเปนตน

3. เหมาะกบงานออกแบบตางๆ เชน งาน สถาปตย ออกแบบโลโก เปนตน

4. การประมวลผลภพสามารถทำาไดรวดเรว

4. การประมวลผลภาพจะใชเวลานานเนองจากใชคำาสงในการทำางาน

NextBack กลบสหนาหลก

หลกการใชสและแสงในคอมพวเตอรสทใชในงานดานกราฟกทวไป

ม 4 ระบบ คอ1. RGB2. CMYK3. HSB4. LAB

NextBack กลบสหนาหลก

RGB เปนระบบสทประกอบดวยแมส 3 ส คอ สแดง, สเขยวและสนำาเงน เมอนำามาผสมกนทำาใหเกดสตางๆ บนจอคอมพวเตอรมากถง 16.7 ลานส ซงใกลเคยงกบสทตาเรามองเหนปกต สทไดจากการผสมสขนอยกบความเขมของส โดยถาสมความเขมมากเมอนำามาผสมกนจะทำาใหเกดเปนสขาว จงเรยกระบบสนวาแบบ Additive หรอการผสมสแบบบวก

NextBack

CMYK เปนระบบสทใชกบเครองพมพทพมพออกทางกระดาษหรอวสดผวเรยบอนๆ ซงประกอบดวยสหลก 4 สคอ สฟา,สมวงแดง,สเหลอง,และสดำา เมอนำามาผสมกนจะเกดสเปนสดำาแตจะไมดำาสนทเนองจากหมกพมพมความไมบรสทธ จงเปนการผสมสแบบลด หลกการเกดสของระบบน คอ หมกสหนงจะดดกลนแสงจากสหนงและสะทอนกลบออกมาเปนสตาง ๆ

NextBack กลบสหนาหลก

HSB เปนระบบสแบบการมองเหนของสายตามนษย ซงแบงออกเปน 3 สวนคอHue คอสตางๆ ทสะทอนออกมาจากวตถแลวเขาสสายตาของเราSaturation คอความสดของส โดยคาความสดของสจะเรมท 0 ถง 100 แตถากำาหนดท 100 สจะมความสดมากBrightness คอระดบความสวางของส โดยคาความสวางของสจะเรมท 0 ถง 100

NextBack กลบสหนาหลก

LABเปนระบบสทไมขนกบอปกรณใดๆ โดยแบงออกเปน 3 สวน คอL เปนการกำาหนดความสวางซงมคาตงแต 0 ถง 100 ถา

กำาหนดท 0 จะกลายเปนสดำา แตถากำาหนดท 100 จะเปนสขาว

A เปนคาของสทไลจากสเขยวไปสแดงB เปนคาของสทไลจากสนำาเงนไปเหลอง

NextBack กลบสหนาหลก

แฟมภาพกราฟกแบบ Raster และคณลกษณะของแฟมภาพกราฟก

นามสกลทใชเกบแฟมภาพกราฟกแบบ Raster มหลายนามสกล เชน .BMP, .DIB ,.JPG ,.JPEG, .JPE ,.GIF ,.TIFF ,.TIF ,.PCX ,.MSP .PCT, .FPX ,.IMG ,.MAC,.MSP และ .TGAนามสกลทใช

เกบคณลกษณะแฟม

ภาพกราฟกทตดตง

โปรแกรม

ลกษณะงาน ตวอยางซอฟตแวรทใช

สราง

.GIF Flower ใชสำาหรบรปภาพ ทวไป งาน

เวบเพจ

โปรแกรมPhotoShop

NextBack กลบสหนาหลก

แฟมภาพกราฟกแบบ Vector และคณลกษณะของแฟมภาพกราฟก นามสกลทใชเกบแฟมภาพกราฟกแบบ

Vector มหลายนามสกลเชน .Eos .WMF .CDR .AL .CGM . DRW. PLT .DXF .PEC และ .PGL เปนตน ซงลกษณะของแฟมภาพจะแตกตางกนไปนามสกลทใช

เกบคณลกษณะแฟม

ภาพกราฟกทตดตง

โปรแกรม

ลกษณะงาน ตวอยางซอฟตแวรทใช

สราง

.WMF AGREE ไฟลมาตรฐานของโปรแกรม Microsoft

office

โปรแกรมCorelDraw

NextBack กลบสหนาหลก

คอมพวเตอรกราฟกกบการประยกตใชในงานดานตาง ๆ 1. คอมพวเตอรกราฟกกบงานดานการ

ออกแบบ คอมพวเตอรไดเขามามบทบาทกบงานดานการออกแบบในสาขาตาง ๆ เปนจำานวนมาก เชน งานดานสถาปตยออกแบบภายในบาน การออกแบบรถยนต การออกแบบเครองจกรกล รวมถงการออกแบบวงจรไฟฟาเลกทรอนกสซงโปรแกรมทใชจะเปนโปรแกรม 3 มต เพราะสามารถกำาหนดสและแสงเงาไดเหมอนจรงทสด NextBack กลบสหนา

หลก

เลเยอร(Layer)layer หมายถง ภาพหรอออปเจกต ทใชในการกำาหนดวาสวนไหนทใหแสดงผลกอน สวนไหนหลง กลาวงายๆ กเหมอนกบการวางกระดาษใสซอนๆ กน วางบนสดกเหนเตมภาพกระดาษ วางลางสด กเหนอยเทาทสวนบนไมไดปดไป

Layer หมายถง ชน สำาหรบในความหมายของ Photoshop กหมายถงชนเหมอนกน เชน การเปดไฟลภาพ หนงภาพ กจะเกด Layer หนงชน ถาเราใสขอความลงในภาพกจะเกด Layer อกหนงชน แตละชน สามารถปรบเปลยนตำาแหนง หรอแกไขได โดยมอสระตอกน ดตวอยางการใชงาน Layer ประกอบดานลางน

กอนทำา หลงทำา

NextBack

1. แฟมภาพนามสกลใดทเหมาะสมกบงานดานเวบเพจมากทสด

ก. .Tiff ข. .Gif

ค. .Jpg ง. ถกทง ข และ ค

NextBack

2. กราฟกแบบเวกเตอรตางจากบตแมป ดงขอใดก. ภาพเวกเตอรคอการจดภาพใน

ลกษณะของตารางภาพข. ภาพบตแมปเราจะพบแตบนสอมลตมเดยค. แบบบตแมปประกอบไปดวย จดตางๆ มากมาย แตแบบ เวกเตอรใชสมการทางคณตศาสตรเปนตวสรางภาพ ง. ขอ ก. และ ข. ถกตอง

NextBack

NextBack

ขอท 3. โปรแกรมใดสามารถสรางภาพกราฟกแบบ 3 มต ได

ก. 3Ds MAXข. PhotoShopค. PhotoScapง. Sony Sound Forge

NextBack

ขอ 4. ภาพทมขนาดเทากนแตความละเอยดตางกนเพราะเหตใด

ก. จำานวนพกเซลตางกนข. ขนาดของจดตางกนค. จำานวนพกเซลตางกนและขนาดจดก

ตางกนง. ผดทกขอ

NextBack

ขอ 5. ขอใดเปนหนาทและการประยกตใชงานเลเยอร ไดอยางถกตองก. เลเยอร เปนเหมอนการวางแผนใส ซอนทบกนเปนลำาดบขนขนมาเรอยๆข. เลเยอร เปนเหมอนการวางกระดาษบาง ซอนทบกนเปนลำาดบขนขนมาเรอยๆค. เปนวธการจดเรยงภาพ โดยแบงภาพออกเปนชนๆ ซอนกน ใชสรางงานคอมพวเตอรกราฟกง. ขอ ก และ ค ถก

6. ขอใดกลาวถกตอง เกยวกบหลกการทำางานของภาพกราฟกแบบ Vectorก. ใชสรางภาพ แกไขและตกแตงภาพ

เหมาะกบ การสรางโลโก และออกแบบนตยสารข. ภาพเกดจากจดสสเหลยมเลก ๆหลาย ๆ จดมาเรยงตอกนจนเกดเปนรปภาพค. ภาพเกดจากการอางองความสมพนธทางคณตศาสตรหรอการคำานวณง. ภาพเกดจากการยงแสงของประจไฟฟาไปยงแมส RGB และเกดเปนภาพสตาง ๆ

NextBack

7. โมเดลสระบบใดทเหมาะกบงานพมพมากทสดก. RGB ข.

CMYKค. HSB

ง. LAB

NextBack

8. ขอใดกลาวไมถกตอง เกยวกบหลกการทำางานของกราฟกแบบ Rasterก. ใชสรางภาพ แกไขและตกแตงภาพ

เหมาะกบ การออกแบบภาพถายสตดโอข. ภาพเกดจากจดสสเหลยมเลก ๆหลาย ๆ จดมาเรยงตอกนจนเกดเปนรปภาพค. ภาพเกดจากการอางองความสมพนธทางคณตศาสตรหรอการคำานวณง. ภาพเกดจากการยงแสงของประจไฟฟาไปยงแมส RGB และเกดเปนภาพสตาง ๆ NextBack

9. ภาพกราฟกทใชกบคอมพวเตอรแบงออกเปนกประเภท

ก. 2 ประเภท ข. 3 ประเภท

ค. 4 ประเภท

ง. 5 ประเภท

NextBack

10. ในการแสดงผลลพธของภาพผานทางอปกรณจอภาพและเครองพมพ โดยมปจจยใดททำาใหการแสดงภาพบนอปกรณชนดเดยวกนมความแตกตางกนก.การจดเกบไฟลภาพข.ความละเอยดค.ขนาดของจอภาพง. ขอ ข และ ค ถก

NextBack กลบสหนาหลก

1. แฟมภาพนามสกล gif เหมาะสมกบการนำาไปใชงานลกษณะใดดทสด.ก งานสตดโอ.ข สวนตว.ค ออกแบบโลโก.ง งานพมพนตยสาร

NextBack

2. ภาพทเกดจากองคประกอบจากสมการทางคณตศาสตร ทำาใหเกดภาพ เปนคณสมบตของภาพชนดใดก. ภาพเวกเตอร

ข. ภาพบตแมป

ค. ภาพบตแมปและภาพเวกเตอร

ง. ภาพโครงราง

NextBack

NextBack

ขอท 3. โปรแกรมใด ไมสามารถ สรางภาพกราฟกแบบ 3 มต ได

ก. 3Ds MAXข. Mayaค. PhotoScapง. Blender

NextBack

ขอ 4. ภาพทมขนาดเทากนแตความละเอยดตางกนเพราะเหตใด

ก. จำานวนพกเซลตางกนข. ขนาดของจดตางกนค. จำานวนพกเซลตางกนและขนาดจดก

ตางกนง. ผดทกขอ

NextBack

ขอ 5. วธการจดเรยงภาพ โดยแบงภาพออกเปนชนๆ ซอนกน ใชสรางงานคอมพวเตอรกราฟก หมายถงขอใดก. เลเยอร ข. ภาพเวกเตอรค. เทคนคการซอนภาพง. การแสดงของภาพ

6. ขอใดกลาวถกตอง เกยวกบหลกการทำางานของภาพกราฟกแบบ Vectorก. ใชสรางภาพ แกไขและตกแตงภาพ

เหมาะกบ งานออกแบบภาพถายสตดโอข. ภาพเกดจากจดสสเหลยมเลก ๆหลาย ๆ จดมาเรยงตอกนจนเกดเปนรปภาพค. ภาพเกดจากการอางองความสมพนธทางคณตศาสตรหรอการคำานวณง. ภาพเกดจากการยงแสงของประจไฟฟาไปยงแมส RGB และเกดเปนภาพสตาง ๆ

NextBack

7. โมเดลสระบบ CMYK เหมาะกบงานประเภทใด.ก งานทวไป.ข งานสตดโอ.ค ระบบการพมพ.ง พนสรถยนต

NextBack

8. ขอใดกลาวไมถกตอง เกยวกบหลกการทำางานของกราฟกแบบ Raster.ก ใชสรางภาพ แกไขและตกแตงภาพ เหมาะกบ

การสรางโลโก ข. สามารถแกไขปรบแตงส ตกแตงภาพไดงายและสวยงาม ค.โปรแกรมทนยมใชสรางภาพกราฟกแบบ Raster คอ Adobe Photoshop ,Paint ง. ภาพเกดจากการยงแสงของประจไฟฟาไปยงแมส RGB และเกดเปนภาพสตาง ๆ

NextBack

9. ในการแสดงผลของภาพ แบงออกเปนกรปแบบดงขอใด

.ก 2 แบบ คอ เวกเตอร และบตแมป

.ข 2 แบบ คอ 2 มต และ 3 มต

.ค 3 แบบ คอ เวกเตอร บตแมป และราสเตอร

.ง 3 แบบ คอ 1 มต 2 มต และ3 มตNextBack

10. ความละเอยดของภาพและขนาดของจอภาพ มผลตอการแสดงภาพบนอปกรณชนดเดยวกน ดงขอใดก. ความจของภาพเทากนข. ราคาเทากนค. แสดงผลตางกนง. ขอ ข และ ค ถก