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

กราฟก

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

คอมพวเตอรกราฟก สาระการเรยนร

ผลการเรยนรทคาดหวง

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

แบบทดสอบกอน

เรยน

NextBack

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

คอมพวเตอรกราฟก5. หลกการของภาพเวกเตอร6. หลกการของภาพบตแมปแบบ7. ความแตกตางของกราฟกแบบ 2 มต8. เลเยอร9. ส NextBack กลบสหนา

หลก

รายละเอยดเนอหา

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 ภาพกราฟกแบบ Vector1. ภาพกราฟกเกดจากจด

สเหลยมเลก ๆ หลากหลายส(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. สในโมเดล RGB สามารถสรางสไดกสก. 14 ลานส

ข. 16.5 ลานส

ค. 16.7 ลานส

ง. 17.6 ลานส

NextBack

ผดครบถกตองครบ

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

ก. .Tiff ข. .Gif

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

NextBack

ผดครบ ถกตองครบ

3. การกำาหนดความละเอยดของภาพทใชทวไปควรกำาหนดกพกเซลก. 72-75 พกเซล

ข. 100-150 พกเซล

ค. 150-300 พกเซล

ง. 300-350 พกเซล

NextBack

ผดครบ

ถกตองครบ

4. ขอใดเขยนถกตอง

ก. กราฟก ข. กราฟฟก

ค. กราฟกส

ง. กราฟฟกส

NextBack

ผดครบ

ถกตองครบ

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

CMYKค. HSB

ง. LAB

NextBack

ผดครบ

ถกตองครบ

6. Graphic มาจากภาษาใดก. ภาษาองกฤษ ข. ภาษาโรมน

ค. ภาษาฝรงเศส

ง. ภาษากรก

NextBack

ผดครบถกตองครบ

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

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

ผดครบ

ถกตองครบ

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

ผดครบ

ถกตองครบ

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

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

ค. 4 ประเภท

ง. 5 ประเภท

NextBack

ผดครบ

ถกตองครบ

10. ระบบสทใชกบกราฟกทวไปมกระบบก. 2 ระบบ

ข. 3 ระบบ

ค. 4 ประเภท

ง. 5 ระบบ

NextBack

ผดครบ

ถกตองครบ

NextBack กลบสหนาหลก

NextBack

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

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

Back Next

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

• ก. 3Ds MAX• ข. Photo Shop• ค. Photo Scap• ง. Sony Sound Forge

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

Back Next

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

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

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

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

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

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

6. ขอใด คอประโยชนของการนำาเลเยอร(Layer) มาใชตกแตงภาพกราฟก ก. 2 ระบบข. 3 ระบบค. 4 ประเภทง. 5 ระบบ

Back Next

7. สในโมเดล RGB สามารถสรางสไดกสก. 14 ลานส

ข. 16.5 ลานส

ค. 16.7 ลานส

ง. 17.6 ลานส

Back Next

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

CMYKค. HSB

ง. LABผดครบ

ถกตองครบ

Back Next

9. การกำาหนดความละเอยดของภาพทใชทวไปควรกำาหนดกพกเซลก. 72-75 พกเซล

ข. 100-150 พกเซล

ค. 150-300 พกเซล

ง. 300-350 พกเซล

ผดครบ

ถกตองครบBack Next

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

ก. .Tiff ข. .Gif

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

ผดครบ

ถกตองครบ

Back Next