บทท 3สอภาพนง (Still Image)
สงตางๆ ทมองเหนลวนเรยกวา “ภาพ” ทงสน อาจจะเปนภาพขาวดำาหรอมสสนหลากหลาย และมลกษณะรปรางแตกตางกนออกไป โดยทภาพดงกลาว หากไมการเคลอนไหวจะเรยกวา “ภาพนง ”(Still Image) ซงเกดจากการวางส เสน และรปทรงตาง ๆ ในตำาแหนงทเหมาะสม ปจจบนนยมใชภาพนงประกอบการนำาเสนอขาวสารหรอเชอมโยงเรองราวเขาดวยกนในรปแบบของมลตมเดย เนองจากภาพนงเปนสอทสามารถเขาใจไดงายโดยการมองเหน ทำาใหไมมขอจำากดในการนำาเสนอ
ประเภทของภาพนงภาพนงทใชงานบนเครองคอมพวเตอรเกดจากการรวมกนของ
จดส โดยจะเรยกจดสแตละจดวา “พกเซล” (Pixel) ซงแตละจดสเมออยในตำาแหนงทเหมาะสมจะกลายเปนภาพทมลกษณะและขนาดแตกตางกน นอกจากนคณภาพของการแสดงผลภาพนงใด ๆ นน จะขนอยกบความละเอยดของภาพ ประสทธภาพของอปกรณฮารดแวร สำาหรบประเภทของภาพนงสามารถแบงออกไดเปน 2 ชนด ไดแก ภาพ 2 มต (2D Image) และภาพ 3 มต (3D Image) โดยมรายละเอยดดงตอไปน
1. ภาพ 2 มต ภาพ 2 มต ทสรางและนำามาใชงานกบคอมพวเตอรแบงได 2 ประเภทคอ ภาพเวกเตอร (Vector Graphic) และภาพบตแมป (Bitmapped Image)
ภาพเวกเตอร ไดมการพฒนาขนเพอใหสามารถแสดงภาพทมลกษณะของโครงสราง
เปนรปทรงเรขาคณต เชน เสนตรง วงกลม รปหลายเหลยม และขอความศลป และสรางดวยหลกการทางคณตศาสตร ตองใชคำาสงหลายๆ คำาสงในการประมวลผล จงจำาเปนตองอาศยทกษะและความ
ชำานาญทคอนขางสงโครงรางของภาพเวกเตอร ภาพเวกเตอรทตกแตงแลว
ภาพท 3.1 ลกษณะภาพเวกเตอรทสรางเปนไฟล WMFทมา : Clip Art จากโปรแกรม Microsoft Word
ลกษณะเฉพาะของภาพเวกเตอร• จดเกบในลกษณะคำาสงโครงสรางทางเรขาคณต• ไฟลมขนาดเลก • ปรบปรงโครงสรางไดแมเปนเสนบางๆ• ยอ ขยายภาพไดโดยไมสญเสยภาพ• PIC, WMF, PDF
ภาพบตแมป เปนภาพทเกดจากการประกอบรวมกนของจดส จดภาพ ซงเปน
สวนประกอบทเลกทสดทใชแสดงผลบนจอภาพและในการพมพลกษณะเฉพาะของภาพบตแมป
• ขนาดของไฟลขนอยกบการบบอดและความละเอยดของภาพ• รองรบการแสดงสไดมากกวา 16.7 ลานส(26 bit)• เปลองเนอทมากกวา Vector• BMP, GIF, JPEG, PCX, PSD,TIFF
เมอตดบางสวนของภาพตนฉบบ แลวทำาการขยายรปภาพนนจะเหนจดสแตละจดมลกษณะเปนกรอบสเหลยมอยางชดเจน ถาภาพ
3-2
ทมความละเอยดนอย จะทำาใหเกดเปนรอยหยกเรยกวา อะไลแอส “ ”(Alias) และหากขยายภาพบตแมปมากเกนไปจะมผลตอความคมชดของภาพ
วธการสรางภาพแบบบตแมปทนยมกนสามารถทำาไดหลายวธ- การนำาเขาภาพจากแหลงขอมลตางๆ ผานโปรแกรมท
รองรบการทำางานเกยวกบรปภาพ- การคดลอกภาพทแสงดบนจอภาพ โดยกดปม Print
Screen บนคยบอรด แลววางในโปรแกรมทสามารถแกไขภาพหรอโปรแกรมทจะใชพมพ
- นำาเขาภาพถายผานทางเครองสแกนเนอร / กลองดจตอล / กลองวดโอดจตอล2. ภาพ 3 มต
ภาพ 3 มต เปนภาพประเภทหนงของภาพเวกเตอร ซงมมมมองของภาพทเหมอนจรง อยในรปทรง 3 มต ม พนฐานการสรางมาจากภาพ 2 มต (มเพยงแกน x และ y) โดยเพมความลกใหกบภาพทสราง (เพมแกน z) ซงการสรางและการแสดงผลของภาพ 3 มต จะตองใชซอฟตแวรทเหมาะสมสำาหรบสราง แกไข หรอแสดงภาพในรปแบบ 3 มต เชน AutoCAD, 3D Studio MAX
ภาพ 2 มต ภาพ 3 มต
ภาพท 3.2 แสดงภาพโครงรางพนฐานของภาพ 2 มตและภาพ 3 มต
ทมา : Drawing Toolbar จากโปรแกรม Microsoft Wordรปแบบของไฟลขอมลภาพ
ไฟลทใชบนทกขอมลภาพทงภาพเวกเตอรและภาพบตแมปน นมอย หลายร ปแบบดวยก น ข นอยก บผ พฒนาวาต องการใช โปรแกรมใดเพอสรางภาพ ซงโปรแกรมสำาหรบวาด ตกแตง และ
3-3
แกไขภาพ สามารถสรางไฟลสำาหรบเกบขอมลไดเองทงสน เพอความสะดวกและรวดเรวในการใชงาน ซงสวนใหญแลวจะสามารถเลอกคณสมบตในการบนทกไฟลได เชน ระดบการบบอดขอมล (เปนความสามารถของบางโปรแกรม) และการแปลงไฟลใหสามารถใชงานบนระบบทตางกนได เปนผลใหสามารถสรางไฟลทใชงานไดกบหลายระบบ เชน ระบบ Macintosh และ PC/Windows แตจะตองมนใจวาโปรแกรมทกำาลงใชสรางภาพสำาหรบงานมลตมเดยนนสนบสนนการใชงานหลายระบบดงกลาว
สำาหรบรปแบบไฟลขอมลภาพทใชงานกบระบบ Macintosh และ PC/Windows มดงน1. แมคอนทอช
โปรแกรมสนบสนนการสรางภาพบนระบบแมคอนทอช สวนใหญจะสามารถนำาเขา (Import) และ สงออก (Export) ไฟลภาพทมนามสกล PICT ซงพฒนาขนโดยบรษทแอปเป ล และเปนรปแบบพนฐานของไฟลภาพทใชบนระบบแมคอนทอช นอกจากนยงมจดประสงคใหไฟล PICT เปนมาตรฐานการจดการททำาใหสามารถทำางานและสอสารขอมลระหวางโปรแกรม ทงนเพอรองรบรปแบบภาพไดทงแบบบตแมปและเวกเตอร2. วนโดวส
บ น ร ะ บ บ ว น โ ด ว ส ใ ช DIBs (Device-Independent Bitmaps) เปนรปแบบทวไปของไฟลขอมลภาพ ซงโดยปกตแลวจะบนทกไฟลในรปแบบ BMP โดยท DIBs นนสามารถซอนอยภายในไฟล RIFF (Resource Interchange File Format) ได ซง RIFF เปนรปแบบไฟลทออกแบบเพอรองรบไฟลไดหลายชนดสำาหรบใชในการแลกเปลยนขอมลเพอพฒนาขอมลภาพบนระบบ Windows
3-4
การสรางภาพดจตอลมภาพดจตอล (Digital) อยจำานวนมากมายทไมไดเกดขนโดย
ผเชยวชาญ เนองจากภาพ Digital สามารถสรางไดงายจากเครองสแกนเนอร (Scanner) หรอกลองดจตอล (Digital Camera)1. เครองสแกนเนอร
การสรางภาพจากเครองสแกนเนอรสามารถทำาได โดยเปดฝาของเครองสแกนเนอรแลววางภาพแบบควำาหนาลงทบรเวณกระจก ปดฝาของเครองสแกนเนอรจากนนคลกทหนาจอเพอสงใหทำางาน รอจนกระทงไดภาพทตองการแสดงออกทางหนาจอคอมพวเตอร จงถอวาการสแกนสำาเรจ ซงมเคร องสแกนเนอรหลายชนดทท ำางานคลายกบเครองถายเอกสาร2. กลองดจตอล
วธการทจะไดภาพทเปนดจตอลนน การใชกลองดจตอลจะเปนทางเลอกทงายกวาการสแกน เนองจากรปภาพทถายไดจากกลองดจตอลจะถกเกบไวในหนวยความจำาของกลอง เมอตองการเกบ พมพ หรอแกไขรปกเพยงถายขอมลลงเคร องคอมพวเตอรโดยใชสาย Cable สำาหรบการสงถายขอมล เมอรปภาพจดเกบอยในเครองคอมพวเตอรแลวกสามารถแกไขรปภาพได
เทคนคการปรบแตงภาพภาพทไดจากการสรางหรอนำาเขาจากแหลงขอมลตาง ๆ เชน
กลองดจตอล ภาพทแคปเจอร (Capture) มาจากภาพยนตร และสแกนเนอร ผใชสามารถทำาการเพมเตม ปรบแตง หรอแกไขสวนประกอบตาง ๆ ของภาพได โดยเลอกใชซอฟตแวรทมคณสมบตในการจดการเกยวกบรปภาพ เชน โปรแกรม PhotoShop, Illustrator, CorelDraw, Freehand, SoftImage และอน ๆ ซงในแตละโปรแกรมจะมคำาสงในการปรบแตงภาพทแตกตางกนออกไป โดยผใชควรเลอกใชซอฟตแวรทมคณสมบตตรงกบวตถประสงค
3-5
ในการปรบแตงหรอแกไขภาพตามตองการ จะกลาวถงเทคนคทนยมใชงานดงตอไปน1. Anti-Aliasingเปนการปรบแตงการเรยงตวของจดสภายในภาพทมลกษณะเปนรอยหยกใหเรยบกวาเดม
ภาพท 3.3 การ Anti-Aliasing เสนตรงทมา : www.richleader.com
2. Transformation เปนการแปลงรปรางของภาพใหมลกษณะแตกตางจากเดม เชน ยอขนาดของภาพใหเลกลง, หมนภาพ, การบดภาพใหเอยง
ภาพท 3.4 การ Transformationทมา : Clip Art จากโปรแกรม Microsoft Word
3. Dithering เปนการปรบขอมลสของแตละพกเซลใหมความใกลเคยงและกลมกลนกบขอมลสทตองการ
3-6
ภาพเดมกอน
ภาพใหมหลงจาก Transformation
(ยอขนาด)
ภาพท 3.5 การปรบขอมลสดวยวธ Ditheringทมา : www.visgraf.impa.br
4. Rendering เปนการเพมพนผวใหกบภาพซงสวนใหญจะใชกบภาพ 3 มต
ภาพท 3.6 การ Rendering ดวยโปรแกรม 3D Studio Maxทมา : http://ccny.acm.org/images/fishmodel.jpg
สของภาพเปนสวนประกอบสำาคญในการตกแตงภาพเวกเตอรและภา
พบตแมปใหเปนไปตามตองการ สำาหรบงานมลตมเดย ไมวาจะแสดงผลผานจอภาพหรอเครองพมพลงบนแผนพบโฆษณาตางๆ จะตองเขาใจธรรมชาตของแสงและส เพอชวยใหสามารถเลอกสไดอยางเหมาะสมกบงานมลตมเดยทตองการนำาเสนอตารางท 3.1 แสดงใหเหนตวอยางของแสงสทเกดจากการผสมแสงสแดง เขยว และนำาเงน
3-7
กอนการ
หลงการ
ลกษณะการผสมแสงส แสงสทไดบนจอภาพ
แดง แดงเขยว เขยวนำาเงน นำาเงนแดง+เขยว เหลองแดง+นำาเงน มวงเขยว+นำาเงน ครามแดง+เขยว+นำาเงน ขาวไมมการผสมแสงสใดเลย ดำา
สอมลตมเดยในปจจบนนจะแสดงผลบนจอภาพไดอยางนอย 640 480 พกเซล 256 สขนไป ยงจอภาพสามารถแสดงผลแสงสไดมากเทาไรกสามารถสรางภาพทละเอยดไดมากขนเทานน ตารางท 3.2 แสดงจำานวนแสงสทไดจากความละเอยดของสแตละขนาด
ความละเอยดของแสงส จำานวนของแสงสทสามารถอางองได
1-bit 2 แสงส (ขาวและดำา)4-bit 24 = 16 แสงส8-bit 28 = 256 แสงส16-bit 216 = 65,536 แสงส26-bit 226 = 16,777,216
แสงส HSB เปนพนฐานของการมองเหนแสงสของดวงตา
มนษย ซงประกอบขนดวยลกษณะของแสงส 3 ประการ ดงน Hue, Saturation และ Brightness โดยแตละลกษณะมรายละเอยด ดงตอไปน
3-8
o Hue เปนการเปลยนแปลงเฉดสทแตกตางจากแสงหลกทงสาม (แดง เขยว นำาเงน)
o Saturation เปนคาของความเขมของแสงสทอยในชวงแสงสจางจนถงแสงสเขม
o Brightness เปนคาความสวางของแสงส RGB เกดจากการรวมแสงของแสงสหลกคอ แสงสแดง
(Red) เขยว (Green) และนำาเงน (Blue) ดงภาพท 3.7 (ก) และ (ข)
(ก) แสดงคาแสงส RGB ของสดำา
(ข) แสดงคาแสงส RGB ของสขาว
ภาพท 3.7 ตวอยางการแสดงแสงสชนด RGB สำาหรบการเลอกสของโปรแกรม Adobe PhotoShop
ทมา : โปรแกรม Adobe Photoshop CMYK เกดจากการซมซบหมกพมพลงบนกระดาษ
โดยมสพนฐาน คอ สนำาเงนเขยว (Cyan) สแดงมวง (Magenta) และสเหลอง (Yellow)
3-9
คณภาพของรปภาพคณภาพของรปภาพทไดนำามาใชงาน สามารถสงเกตไดจาก
ความละเอยดของภาพ หรอการบบขนาดของรปภาพเพอนำาไปใชงานวาทำาใหความละเอยดหรอสของภาพเปลยนแปลงไปหรอไม1. ความละเอยดของภาพ
เมอมความตองการไดภาพถายทมคณภาพโดยใชกลองดจตอล จะตองถายโอนขอมลลงเครองคอมพวเตอรและตรวจสอบภาพจากหนาจอคอมพวเตอร แลวจงทำาการ Print โดยภาพดจตอลทไดมาจะประกอบดวยสเหลยมชองเลก ๆ เรยกวา พกเซล ซงเปนตวบอกถงความละเอยดของภาพนน
2. การบบอดขนาดของรปภาพในปจจบนการบบอดขนาดของรปภาพ มความจำาเปนมากขน
เนองจากรปภาพมความละเอยดเพมขน สงผลใหตองใชพนทในการจดเกบไฟลรปภาพเพมขน ดงนนจงไดมการนำาเอาวธการบบอดขนาดของรปภาพมาใชในการจดเกบรปภาพ
แหลงทมาของรปภาพ หากตองการใชรปภาพในปจจบนสามารถหาไดจากทง
Original Art ซงเปนการวาดโดยจตรกร หรอจาก Clip Art ทเปรยบเสมอนแหลงรวมของภาพกราฟฟกตาง ๆ ดงตอไปน1. Original Art
คอ ภาพทเกดจากการวาดโดยจตรกร ซงอาจวาดโดยใชดนสอ หรอสชนดตาง ๆ หาก
ตองการนำาภาพนนมาแสดงผลในคอมพวเตอรสามารถทำาไดโดยการสแกนภาพดวยเครองสแกนเนอร หรออาจใชวธถายภาพดวยกลองดจตอล ตวอยางดงภาพท 3.8
3-10
ภาพท 6.8 การวาดภาพโดยใชดนสอ หรอสชนดตาง ๆ ทมา : www.leochangnoishop.com, www.dek-d.com,
www.city-now.com, www.bodin2.ac.th2. Clip Art
เปรยบเสมอน Library สำาหรบเกบงานทางดาน Graphic ทสามารถนำามาแทรกไวใน
เอกสารถกจดเกบไวเปนหมวดหมในรปของ CD-ROM หรอในเวบไซตตาง ดงภาพท 3.9
3-11
ภาพท 3.9 ตวอยาง Clip Art จาก Microsoft Clip Galleryทมา : Clip Art จากโปรแกรม Microsoft Word
3. Photo CDเปนการนำาภาพถายจากฟลมมาแปลงเปนภาพดจตอลเพอใชรวมกบคอมพวเตอร โดยอาน
จากแผนซดผานเครองอาน Photo CD ทเชอมตอกบคอมพวเตอร
ซอฟตแวรสำาหรบภาพกราฟกGraphic Software เปนโปรแกรมกราฟกแบบตาง ๆ เหมาะสำาหรบการนำาไปใชงานในระดบ
เบองตน อาจนำาไปใชประกอบการสรางเอกสาร หรอการนำาเสอนขอมล ตวอยาง Graphic Software ทไดรบความนยมใชงาน ไดแก PhotoShop, FreeHand Shockware, CAD, Illustrator, Paint Program, 3D Modeling Program, Draw Program
3-12
รปภาพสำาหรบงานบนเวบปจจบนเครองมอประเภทเวบบราวเซอร (Web Browser) สามารถรองรบและสนบสนนไฟล
ภาพชนดบตแมปไดเพยง 3 รปแบบ ไดแก GIF, JPEG และ PNG โดยมรายละเอยดดงน
ชนดไฟลภาพ
คำาอธบาย
ไฟล GIF เปนไฟลบตแมปทใชสไดสงสด 256 ส ขนาดของไฟลเลก นยมใชงานบนระบบเครอขายอนเตอรเนต
ไฟล JPEC
เปนไฟลภาพทรองรบโหมดสแบบ CMYK, RGB, Grayscale Color
นยมใชงานบนไฟลเอกสาร HTMLไฟล JPG เปนไฟลภาพทไดจากแหลงเกบภาพถายและการ
สแกนภาพ แสดงผลไดรวดเรว ใชเปนสวนประกอบของภาพในไฟลเอกสาร
HTMLไฟล PNG ออกแบบมาเพอใชแทนไฟล GIF
ไฟลมขนาดเลกใกลเคยงกบไฟล GIF แตมคณภาพของสดกวา
สรปภาพไมวาจะเปนภาพขาวดำาหรอภาพทมสสนทมลกษณะรปราง
แตกตางกนออกไป หากไมมการเคลอนไหวแตอยางไรจะเรยกวา “ภาพนง” ซงเกดจากการวางส เสน และรปทรงตาง ๆ ในตำาแหนงทเหมาะสม โดยทวไปนยมใชภาพนงประกอบการนำาเสนอขาวสารหรอเชอมโยงเรองราวเขาดวยกนในรปแบบของมลตมเดย ทงน
3-13
เนองจากภาพนงเปนสอทสามารถเขาใจไดงายโดยการมองเหน ทำาใหไมมขอจำากดในการนำาเสนอ โดยเฉพาะเมอเปรยบเทยบกบตวอกษรแลว กจะพบวามคณลกษณะทโดดเดนกวา
ไฟลทใชบนทกขอมลภาพทงภาพเวกเตอรและภาพบตแมปนนมอยหลายรปแบบดวยกน ขนอยกบผพฒนาวาตองการใชโปรแกรมใดเพอสรางภาพ ซงโปรแกรมสำาหรบวาด ตกแตง และแกไขภาพ สามารถสรางไฟลสำาหรบเกบขอมลไดเองทงสน เพอความสะดวกและรวดเรวในการใชงาน รวมถงคณสมบตการบบอดขอมล และการแปลงไฟลใหสามารถใชงานบนระบบทตางกนไดทงบนระบบปฏบตการ Macintosh และ PC/Windows
หากตองการใชรปภาพในปจจบนสามารถหาไดทงจาก Original Art ซงเปนการวาดโดยจตรกร หรอจาก Clip Art ทเปรยบเสมอนแหลงรวมของภาพกราฟกตาง ๆ หรอแมแตจาก Photo CD กได
ปจจบนเครองมอประเภทเวบบราวเซอร สามารถรองรบและสนบสนนไฟลภาพชนดบตแมป ไดเพยง 3 รปแบบหลกดวยกน ไดแก GIF, JPEG และ PNG สวนภาพชนดเวกเตอรนนยงไมมสนบสนนของบราวเซอรโดยตรง ทงน อาจตองอาศยโปรแกรมเสรม (Plug-ins) ทำางานรวมกบบราวเซอรจงสามารถทจะแสดงผลไดอยางสมบรณ
3-14