หลักการของสื่อมัลติมีเดีย ·...
TRANSCRIPT
![Page 1: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/1.jpg)
หลกการของสอมลตมเดย
![Page 2: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/2.jpg)
กระบวนการ องคประกอบเทคโนโลยสอประสม
อปกรณน ำเขำ1
สวนกำรประมวลผลกำรจดเกบสอประสม
2
อปกรณน ำออก3
กำรสรำง Production
4
เนอหำ5
![Page 3: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/3.jpg)
องคประกอบของมลตมเดย
1. ขอความ (text)
2. ภาพนง (image)
3. ภาพเคลอนไหว (animation)
4. เสยง (sound)
5. ภาพวดโอ (video)
![Page 4: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/4.jpg)
ขอความ
![Page 5: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/5.jpg)
มาตรฐานของตวอกษร
• ASCII
– รองรบภาษาองกฤษ (256 ตว)
– ใชกบไมโครคอมพวเตอร
• EBCDIC
– รองรบภาษาองกฤษ (256 ตว)
– ใชกบเครองคอมพวเตอรขนาดใหญ
• Unicode
– พฒนาเพอการใชงานทเปนสากล รองรบตวอกษร สญลกษณตางๆ
– เปนรหสขนาด 16 bit(65,536 ตว)
– ตวอยาง Latin,Greek,Chinese,Japanese,Thai etc...
![Page 6: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/6.jpg)
รปแบบและลกษณะของตวอกษร
• ประเภท (Category)
• ตระกล (Family)
![Page 7: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/7.jpg)
รปแบบและลกษณะของตวอกษร
• ประเภท (Category)
–Serif
–Sans-Serif
–Script
–Display Type
![Page 8: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/8.jpg)
ประเภท(Category)
• Serif
– ตวอกษรแบบโรมน (Traditional Old Style)
จดเดน
– เปนตวอกษรแบบมหว มเทา ตวอกษรมความหนาบางไมตางกนมาก
– ตวอกษรใหความรสกเกาขลง จงมกใชกบงานทเปนทางการ
– กรณสงพมพมกเปนตวพาดหวเรองมากกวาเปนตวเนอหาในการอาน
![Page 9: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/9.jpg)
ประเภท(Category)
ตวอยาง SerifGRAPHIC Design => Time News Roman
GRAPHIC Design => Century
GRAPHICS Design => Century schoolbook
![Page 10: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/10.jpg)
ประเภท(Category)
• San Serif
– ตวอกษรแบบ Gothic
จดเดน
– มพนฐานมาจาก Serif แตดดแปลงใหหวและเทาออกใหดเรยบ
– ใหความรสกทนสมยมากกวาแบบแรก ตวอกษรมความหนาบางไมตางกนมากนก ดเรยบงายทนสมยเหมาะกบการออกแบบหลายชนด
– มกนยมตวอกษรแบบนวางเปนเนอหาใหอานเพราะมรปรางทอานงาย
![Page 11: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/11.jpg)
ประเภท(Category)
ตวอยาง San SerifGRAPHIC Design => Century
Gothic
GRAPHIC Design => Impact
GRAPHICS Design => Arial
![Page 12: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/12.jpg)
ประเภท(Category)
• Script
จดเดน
– เปนตวอกษรทเลยนแบบลายมอ ตวเขยน มทงแบบตวอกษรทมความหนาบางพอๆกน และแตกตางกน
– ใหความรสกไมเปนทางการจงมงานมใชนอยใชตวอกษรแบบนกบกลมเปาหมายวยรน
– ในงานสงพมพเราจะไมใชตวอกษรแบบนเพราะอานล าบาก ยกเวนใชเปนหวเรอง
![Page 13: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/13.jpg)
ประเภท(Category)
ตวอยาง Script
GRAPHIC Design => Comic Sans MS
GRAPHIC Design => Broadway
GRAPHICS Design => Edwardian Script ITC
![Page 14: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/14.jpg)
ประเภท(Category)
• Display Type
จดเดน
– ตวอกษรประดษฐ เปนตวอกษรทไดรบการตกแตงใหโดดเดน บางภาพสญลกษณซงเราสามารถน ามาประกอบใชในงานไดเชนกน
– ตวอกษรประดษฐนนมรปแบบทหลากหลาย ยากทจะจ ากดการเลอกใชสดแลวแตนกออกแบบจะเอาไปใชในงานทางดานใด
![Page 15: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/15.jpg)
ประเภท(Category)
ตวอยาง Display Type
=> Beat My Guest
=> Claw
![Page 16: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/16.jpg)
ตระกล(Family)
Category Family
Serif Times,Century
Sans-Serif Arial,Verdana
Monospaced Courier,Courier New
Decorative Whimsy,Arribal
![Page 17: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/17.jpg)
สของขอความ
• การก าหนดสของขอความตองพจารณาสพนหลงประกอบเสมอ เชน
• ควรใชพนหลงเปนสเขมมากกวาสออน เนองจากจะชวยลดแสงสวางจากจอภาพ ท าใหรสกสบายตามากกวาการใชสออนเปนพนหลง ซงระยะยาวจะลดความลาของสายตา
• อกษรขาว หรอเหลอง บนพนน าเงน
• อกษรเขยว บนพนด า
• อกษรด า บนพนเหลอง
![Page 18: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/18.jpg)
IMAGEภาพนง
![Page 19: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/19.jpg)
เกยวกบภาพ(IMAGE)
• ภาพนงทใชงานบนคอมฯ เกดจาการรวมกนของจดส(Pixel)
• จดสอยคนละจดในต าแหนงทเหมาะสมจะเกดเปนภาพ
• คณภาพของการแสดงผลภาพนงจะอยทความละเอยดของภาพ และประสทธภาพของอปกรณ
![Page 20: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/20.jpg)
ประเภทของภาพนง
• ภาพ 2 มต(2D Image)
– Vector Graphic (Stroked) : ลกษณะโครงสราง รปทรง เรขาคณตเชน เสนตรง วงกลม รปหลายเหลยม(.AI,.CDR,PDF,.WMF)
– Bitmap Image (Raster) : ลกษณะใกลเคยงของจรง โครงสรางซบซอนกวา (.BMP,.GIF,.JPEG,.TIFF)
• ภาพ 3 มต (3D Image)
![Page 21: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/21.jpg)
Vector Graphic
โครงรางของภาพ ภาพทตกแตงแลว
![Page 22: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/22.jpg)
ลกษณะเฉพาะของภาพ Vector
• จดเกบในลกษณะค าสงโครงสรางทางเรขาคณต
• ไฟลมขนาดเลก
• ปรบปรงโครงสรางไดแมเปนเสนบางๆ
• ยอ ขยายภาพไดโดยไมสญเสยภาพ
• CDR,WMF,PDF
![Page 23: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/23.jpg)
Bitmap Image
![Page 24: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/24.jpg)
ลกษณะเฉพาะของภาพ Bitmap
• เปนภาพทประกอบรวมกนของจดส (Pixel) หลายจดประกอบรวมกนเปนภาพ
• ขนาดของไฟลขนอยกบการบบอดและความละเอยดของภาพ
• รองรบการแสดงสไดมากกวา 16.7 ลานส(26 bit)
• เปลองเนอทมากกวา Vector
• BMP,GIF,JPEG,PCX,PSD,TIFF
![Page 25: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/25.jpg)
การตดภาพบางสวนของภาพเมอขยาย
![Page 26: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/26.jpg)
ภาพ 3D Image
• เปนภาพ Vector ประเภทหนง
• เปนภาพทมลกษณะมมมองเหมอนจรงในรปทรง 3 มต
• มพนฐานจากภาพ 2 มต(x,y) แตเพมความลกในการสรางภาพ(z) AutoCAD,3D Studio,Extreme 3D
y
x
y
x2D
3D
z
![Page 27: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/27.jpg)
ความละเอยดภาพยงสง ไฟลกยงใหญ
• Dpi(Dot per inch) หนวยวความละเอยดภาพ จ านวนจดตอตารางนว
ควำมละเอยด300 dpi
color=24 bit
6”
4” 4x300=1200 pixel
6x300=1800 pixel
File Size=1200x1800x3 byte=6.480,000 byte=6.2 MB
![Page 28: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/28.jpg)
Bitmap(.BMP)
• สรางโดย Microsoft เหมาะกบการน าไปใชบนทกภาพตนฉบบ ทตองการเกบรายละเอยดของภาพทงหมด
• ใชเทคนค RLE-Encoding ในการบบไฟลได
![Page 29: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/29.jpg)
Bitmap(.BMP)
• ขอด
– โปรแกรมบนวนโดวทกตวสามารถเรยกใชไดหมด
– Color dept 1-24 bit(16 ลานส)
• ขอเสย
– ไฟลมขนาดใหญมาก ไมเหมาะในการน าไปใชในอนเตอรเนต
![Page 30: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/30.jpg)
Togged Image File(.TIF)
• ใชไดกบหลายระบบปฏบตการ
• เหมาะกบงานคณภาพสง ในงานระดบมออาชพ
• สามารถตงคาความลกสไดสงสดถง 64 บต
• ไฟลมขนาดใหญมาก
• ใชเทคนค LZW-Encoding ในการบบไฟลได
![Page 31: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/31.jpg)
Togged Image File(.TIF)
• ขอด
– ใชไดกบทกระบบปฏบตการ
– ความลกสมากถง 64 บต
• ขอเสย
– ไฟลมขนาดใหญมาก ไมเหมาะในการน าไปใชในอนเตอรเนต
![Page 32: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/32.jpg)
Graphics Interchange Format(.GIF)
• เหมาะกบงานดานรบสงทางอนเตอรเนต
• มคาความลกของสแค 8 บตแสดงสไดสงสด 256 ส
• ใชเทคนค LZW-Encoding ในการบบไฟล โดยทคณภาพไมลดลง
• ไฟลมขนาดเลกมาก
• ไมเหมาะกบงานทบนทกรายละเอยดมากๆ เหมาะกบงานทสไมมากนกเชนIcon,ปม,สญลกษณ
![Page 33: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/33.jpg)
Joint Photographic Expert Group(JPEG)
• เปนอกรปแบบทไดรบความนยม มกใชในอนเตอรเนต
• ระดบความลกของส 24 บต
• เหมาะกบการน าไปใชบบอดรปถาย
• ไมมปญหากบ Browser แตถามขนาดไฟลมาก ท าใหใชเวลาคอนขางนานเวลาโหลด
• การบบอดไฟลเกน 75 % จะท าใหคณภาพของภาพลดลง
![Page 34: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/34.jpg)
เทคนคการท าใหภาพเลกลง
• RLE (Run Length Encoding)
– หลกการหาจดทมสเหมอนกนและอยตดกน แลวน ามารวมเหลอจดเดยวและบนทกจดเฉพาะคาจดสเดมไว
– RLE จะตรวจสอบไฟลทละบรรทด ท าใหภาพทประกอบดวยเสนตามแนวนอนจะบบไดมากกวาเสนแนวตง
• LZW Encoding
– หลกการหาจดทเรยงเหมอนกนเปนกลม(Pattern) ซงกลมทพบบอยจะก าหนดใหเปนโคดตางๆ (มตารางโคด)
![Page 35: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/35.jpg)
เทคนคการปรบแตงภาพ
1. Anti-Aliasing เปนขนตอนปรบแตงการเรยงตวของจดสภายในภาพทมลกษณะเปนรอยหยก (Aliasing) ใหเรยบกวาเดม
![Page 36: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/36.jpg)
2 . Transformation
เปนการแปลงรปรางของภาพใหมลกษณะแตกตางจากเดม
เทคนคการปรบแตงภาพ
![Page 37: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/37.jpg)
3. Dithering เปนขนตอนการปรบขอมลสของแตละพกเซลใหมความใกลเคยง และกลมกลนกบขอมล
เทคนคการปรบแตงภาพ
![Page 38: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/38.jpg)
4. Renderingเปนการเพมพนผวใหกบภาพซงสวนใหญจะใชกบภาพ 3 มต
เทคนคการปรบแตงภาพ
![Page 39: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/39.jpg)
Graphic Software
• ส าหรบตกแตงภาพวาด
• ส าหรบตกแตงรปภาพ
• ส าหรบออกแบบภาพ 3D
• ส าหรบสรางแบบภาพจ าลอง 3D
• ส าหรบวาดภาพ
Photoshop
FreeHand
CAD
IIIustrator
Coreldraw
Etc..
![Page 40: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/40.jpg)
ANIMATION
ภาพเคลอนไหว
![Page 41: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/41.jpg)
หลกการของการท า Animation
• อาศยหลกการทางชววทยาทเรยกวา “ความตอเนองของการมองเหน”
• การท าใหวตถเคลอนในความเรวระดบหนง จนตาคนเรามองเหน
• ภาพแตละภาพทน ามาท า animation เรยกวา frame
– TV 30 frame/second
– Movie 24 frame/second
![Page 42: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/42.jpg)
ประเภทของ Animation
สามารถแบงออกเปน 3 ประเภท ดงน
1. Drawn Animation
2. Stop Motion
3. Computer Animation
![Page 43: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/43.jpg)
Drawn Animation
• หมายถงการวาดภาพดวยมอลงบนแผนเซลใสทละแผน
• น าแผนเซลใสไปวางซอนบนภาพแบคกราวด (ซงอาจวาดดวยมอเหมอนกน หรอเปนภาพถายกได)
• จากนนกใชกลองถายไวทละเฟรมกอนจะน าไปฉายใหดเหมอนเคลอนไหวนน
![Page 44: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/44.jpg)
Computer Animation
คอ การสรางภาพเคลอนไหวดวยคอมพวเตอรโดยอาศยเครองมอ ทสรางจากแนวคดทางคอมพวเตอรกราฟกสชวยในการสราง ดดแปลง และใหแสงและเงาเฟรมตลอดจนการประมวลผลการเคลอนท ตาง ๆ
• แอนเมชน 2 มต (2D animation)
• แอนเมชน 3 มต (3D animation)
![Page 45: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/45.jpg)
เครองมอทใชสรางสอมลตมเดย
• โปรแกรมทนยมใชในการสรางขอความ
Microsoft Office / Adobe Photoshop
• โปรแกรมทนยมใชในการสรางภาพกราฟก
Adobe Photoshop / Adobe Illustrator
• โปรแกรมทนยมใชในการสรางภาพเคลอนไหว
Macromedia Flash / Swish / 3ds MaX, Maya
• โปรแกรมทนยมใชในการบนทกเสยง และตดตอเสยง
Sound Recorder / Sound Forge / Adobe Audio/ Cool Edit Pro
• โปรแกรมทนยมใชในการตดตอไฟลวดโอ
Sony Vegas / Adobe Premiere / Ulead Video Studio / Windows Movie Maker
![Page 46: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/46.jpg)
SOUND
เทคโนโลยของเสยง
![Page 47: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/47.jpg)
เสยง [ Sound ]
• เปนปจจยทน ามาใชในงานดานมลตมเดย
• น าเสนอในรปแบบเสยงดนตร เสยงระทกใจ เสยงเลยนแบบธรรมชาต
• เสยงสามารถสรางบรรยากาศความรกความสขได
• การเลอกใชเสยงมาประกอบเปนสงจ าเปน
![Page 48: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/48.jpg)
เรองทวไปของเสยง
• เสยงทไดยนเกดจากการเดนทางของเสยงผานตวกลาง
• คลนเสยงจะเปลยนไปตามขนาด(Amplitude) หรอความถ(Frequency) ของการสนสะเทอนตามระยะเวลา
• หนวยวด
– ใชวดความดงเรยกวา “เดซเบล”
– ใชวดความความถเรยกวา “เฮรตซ”
• เทคโนโลยเสยงทน ามาใชในงาน Multimediaคอ MIDI และ Digital
![Page 49: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/49.jpg)
MIDI:Musical Instrument Digital Interface
• มาตรฐานดานเสยงตงแตป 1980
• เปนขอมลทแสดงถงลกษณะเสยงทแทนเครองดนตรชนดตางๆ
• เสยงจาก MIDI ไมเหมอนเครองดนตรจรงๆ
• สรางเสยงตามตวโนต เสมอนเลนเครองดนตรชนดนนเลย
• เปนไฟลขอมลดนตรทถกบนทกหรอโปรแกรมไว ส าหรบน าไปประยกตกบอปกรณดนตร
• เมอขอมลถกสงจากคอมพวเตอรไปยงอปกรณดนตร จะท าใหอปกรณดนตรเลนดนตรตามไฟล
![Page 50: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/50.jpg)
MIDI
• ไฟลมขนาดเลก
• ไมจ าเปนใชเครองดนตรจรง
• ใชหนวยความจ านอย
• ประหยดพนทใน HDD
• เหมาะกบงานบนเครอขาย
• งายตอการแกไขปรบปรง
• แสดงเสยงไดแคดนตรบรรเลง
• อปกรณทใชสรางเสยงมราคาแพง
ขอด ขอเสย
![Page 51: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/51.jpg)
Digital Audio
• เสยงทมาจากไมโครโฟน เครองสงเคราะหเสยง เครองเลนเทป เสยงตางจากธรรมชาต หรอทสรางขน
• น าขอมลทไดมาแปลงเปนสญญาณดจดตอล
• ขอมลจะถกสมมาในรปแบบ Bit หรอ Byte เรยกอตราการสมวา “Sampling Rate” และขอมลทไดเรยกวา “Sampling Size”
• เสยงแบบนมขนาดขอมลใหญ ใชทรพยากรมากกวา
![Page 52: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/52.jpg)
เสยงชนด PCM (Pulse Code Modulation)
• เปนรปแบบหลกในการแปลงขอมลเสยงใหอยในรปแบบดจตอล
• มการสมตวอยางเสยง 8000 ครงตอวนาทขนไป
• การสมตวอยางเสยงหนงครงจะถกแปลงเปนขอมลทมขนาดอยางนอย 8 บต และในทางปฏบต16 บต
![Page 53: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/53.jpg)
เสยงชนด ADPCM
• ADPCM ยอมาจาก Adaptive Differential Pulse Code Modulation
• เปนวธการบบอดขอมลเฉพาะความแตกตางระหวางแตละ Sample
• วธนมคณภาพเทยบเทา PCM แตใชเนอทนอยกวา
![Page 54: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/54.jpg)
เสยงชนด MP3 (MPEG-1 Layer 3)
• เปนรปแบบการบบอดเสยง โดยจะยอขอมลเสยงไดมาก แตจะสญเสยคณภาพเสยงสวนนอยไป
• เกบขอมลแบบ mono หรอ stereo
• อตราการใชขอมล(bit rate) 96-128 kbps
![Page 55: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/55.jpg)
รปแบบเสยงชนดอนๆ
• ไฟลเสยงทไม compress
– Wave (.wav) ไฟลเสยงทไดมาจากการบนทกเสยง เกบไวในระบบดจตอล มขนาดใหญ ความละเอยดมาก
– CD Audio (.cda)ไฟลเสยงทบนทกลงบนแผนซด ใชเลนกบเครองเสยงทวไป มความคมชดของสญญาณมาก
– Audio Interchange File Format (.aif ,aiff) เปนไฟลลกษณะคลาย Wave แตใชส าหรบเครองแมคอนทอช (Macintoch)
![Page 56: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/56.jpg)
รปแบบเสยงชนดอนๆ
• ไฟลเสยงท compress
– WMA (.wma) คดคนโดยบรษทไมโครซอฟต โดยใชงานรวมกบโปรแกรม Windows Media Player ของWindows
– Real Audio (.ra) เปนไฟลเสยงทท างานควบคกบ Real Player
– Audio Streaming Format (.asf) เปนไฟลเสยงรปแบบ stream เนนสงขอมลแบบ real time
– ACC (.acc) เปนไฟลเสยงทมคณภาพสงมาก ใชในเครองเลนเพลงดจตอลยอดนยมอยาง iPod ของApple
![Page 57: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/57.jpg)
ไฟลวดโอชนดตางๆ
![Page 58: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/58.jpg)
ไฟลวดโอชนดตางๆ
1. Audio Video Interleave (AVI)ขอด
– งายตอการแสดงผล แกไข และเปลยนแปลงขอมลไปเปนรปแบบอน
– เหมาะส าหรบน ามาแกไขและตดตอ Video
ขอเสย
– ไฟลมขนาดใหญ ตองดาวโหลดไฟลมาไวทเครองทงหมดจงเลนได
วธแจกจาย
– ซดรอม เครอขาย หรอดาวนโหลดผานเวบไซต
![Page 59: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/59.jpg)
ไฟลวดโอชนดตางๆ
2. Adobe Flash (swf)ขอด
– ไฟลมขนาดเลก ใชเลนบนเครองพซทวไปได และสามารถเรยกผานบราวเซอร
ขอเสย
– ตองใชโปรแกรมเสรมแสดงผล และไมสามารถแกไขได
วธแจกจาย
– น าไปใชบนเวบเพจ
![Page 60: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/60.jpg)
ไฟลวดโอชนดตางๆ
3. GIF Animation (GIF)ขอด
– สนบสนนทกโปรแกรม ไฟลมขนาดเลก เหมาะกบการน าเสนอแบบสนๆ
ขอเสย
– สของวดโอมไดจ ากด 256 ส
วธแจกจาย
– น าไปใชบนเวบเพจ หรอโปแกรมส าเรจรปทวไป
![Page 61: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/61.jpg)
ไฟลวดโอชนดตางๆ
4. Camtasia for RealPlayer (CAMV)ขอด
– ไฟลวดโอจะถกบบอดแบบ Lossless ท าใหคณภาพของวดโอยงคงอยครบ
ขอเสย
– ไมเหมาะกบการสงไฟลทางอเมล ตองใช streaming server
วธแจกจาย
– น าไปใชบนเวบเพจ
![Page 62: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/62.jpg)
ไฟลวดโอชนดตางๆ
5. RealMedia (RM)ขอด
– ขนาดไฟลเลก
ขอเสย
– ตองใช streaming server เพอเรยกใชไฟลผานเวบไซต ไฟลถกบบอดแบบ Lossy ท าใหเสยคณภาพของวดโอ
วธแจกจาย
– ใชงานผานเวบไซต
![Page 63: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/63.jpg)
ไฟลวดโอชนดตางๆ
6. QuickTime (MOV)ขอด
– การบบอดไฟลทใชกนแพรหลาย และสามารถเลนไดบนระบบปฏบตการหลายตว
ขอเสย
– เปลองทในดสกเพราะจะมการดาวนโหลดมาเกบทงไฟล
วธแจกจาย
– ใชงานผานเวบไซตหรอสงแนบไปกบอเมล
![Page 64: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/64.jpg)
ไฟลวดโอชนดตางๆ
7. Windows Media (WMV)ขอด
– ไฟลมขนาดเลก
ขอเสย
– ตองใช streaming server เพอเรยกใชไฟลผานเวบไซต ไฟลถกบบอดแบบ Lossy ท าใหเสยคณภาพของวดโอ
วธแจกจาย
– ใชงานผานเวบไซตหรอสงแนบไปกบอเมล
![Page 65: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/65.jpg)
ไฟลวดโอชนดตางๆ
8. Pack and Show (EXE)ขอด
– แสดงผลไดงายไมตองตดตงโปรแกรมเพม
ขอเสย
– ผใชบางรายไมสามารถรนไฟล .exe หรอรบเมลทแนบไฟล .exe จากภายนอกได
วธแจกจาย
– ใชงานผานเวบไซตหรอสงแนบไปกบอเมล
![Page 66: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/66.jpg)
วดโอ [ Video ]
1. Analog video– บนทกภาพ เสยงใหอยในสญญาณอะนาลอก
– VHS(Video Home System) มวนเทปวดโอทใชดตามบาน
– การตดตอขอมล อาจจะท าใหคณภาพลดลง
2. Digital video– บนทกภาพ เสยงจากกลองดจตอลใหอยในสญญาณดจตอล(0,1)
– การตดตอขอมล อาจจะท าใหคณภาพเหมอนตนฉบบ
![Page 67: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/67.jpg)
มาตรฐาน1. NTSC (National Television System Committee)
2. PAL (Phase Alternate Line)
3. SECAM (Sequential Color And Memory SECAM)
4. HDTV (High Definition Television)
![Page 68: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/68.jpg)
NTSC (National Television System Committee)
• NTSC เปนหนวยงานรบผดชอบดาน TV และ Video ของ USA เรมใชตงแตป ค.ศ. 1953 และตอมาใชใน ญปน แคนาดา โปรตเกศ แมกซโก
• เปนการเขารหสขอมลแบบอเลกทรอนกส
• ก าหนดใหสรางภาพดวยเสนในแนวนอน 525 L/F
• ความเรว 30 F/s
• 16 ลานส
![Page 69: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/69.jpg)
NTSC (National Television System Committee)
ขอด
• มองเหน 30 F/s ท าใหลดการสนไหวของภาพ ใชความกวางของคลนสญญาณนอยท าใหถกรบกวนนอย ภาพมความคมชดมาก
ขอเสย
• เสนสแกนภาพมจ านวนนอย และถาใชจอภาพใหญภาพจะมรายละเอยดนอย ขาดความคมชด
![Page 70: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/70.jpg)
PAL (Phase Alternate Line)
• PAL เปนมาตรฐานในแถบยโรป เยอรมนตะวนตก องกฤษ ออสเตรเลย สวสเซอรแลนด และหลายประเทศในเอเชย เชน สงคโปร มาเลเซย และ ไทย เรมใชในป 1967
• ก าหนดใหสรางภาพดวยเสนในแนวนอน 625 L/F
• ความเรว 25 F/s
![Page 71: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/71.jpg)
PAL (Phase Alternate Line)
ขอด
• เปนระบบทพฒนามาจากระบบ NTSC ท าใหมการเพยนของสนอยลง ภาพใหรายละเอยดของภาพสง ภาพเปนธรรมชาต
ขอเสย
• ภาพสนไหวมากกวา NTSC เพราะมความเรวเพยง 25 F/s ถกรบกวนสญญาณภาพสงเพราะความกวางของสญญาณมาก จดอมตวความสวางของสนอย
![Page 72: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/72.jpg)
Sequential Color And Memory (SECAM) SECAM
• เปนมาตรฐานของการแพรสญญาณโทรทศนและวดโอทใชกนในประเทศฝรงเศส รสเซย ยโรปตะวนออก ตะวนออกกลาง
• สวนการสรางภาพจะเปน 819 เสน ดวยอตราการรเฟรช 25 F/s
• จะแตกตางจากมาตรฐาน NTCS และ PAL ในเรองเทคโนโลยการผลต วธการแพรภาพออกอากาศ
![Page 73: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/73.jpg)
High Definition Television (HDTV) HDTV
• เปนเทคโนโลยของการแพรภาพโทรทศนทถกพฒนาขนมา เพอแสดงภาพทมความละเอยดสง คอ 1280 X 720 พกเซล
• มาตรฐาน HDTV ก าหนดใหมความละเอยดของจอภาพเปน 1280 X 720 พกเซล และ พฒนาออกสตลาดโลกในป 1998 เปนตนมา เปนความละเอยดส าหรบการแสดงภาพเชนเดยวกบ โรงภาพยนต
![Page 74: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/74.jpg)
ไฟลวดโอทใชบนเวบ
• *.rm/*.ra/*.ram ->Real Player
• *.mpeg2/*.mpeg4 -> Windows Media Player
• *.mov ->Quick Time
• *.avi(Audio Video Interface) ->เปนของMicrosoft ใช Windows Media Player
![Page 75: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/75.jpg)
ค าถามทายบท1. ประเภทของ Animation มกประเภทตอบเปนขอ ๆ พรอมอธบาย
2. จงอธบายคณสมบตทวไปของเสยงมอะไรบาง
3. MIDI:Musical Instrument Digital Interface มคณสมบตอยางไร ขอด-ขอเสย
4. จงอธบาย ไฟลวดโอชนดตางๆ ดงน- Audio Video Interleave (AVI)- Adobe Flash (swf)
- Camtasia for RealPlayer (CAMV)
- Windows Media WMV
5. จงอธบายมาตรฐาน1. NTSC (National Television System Committee)
2. PAL (Phase Alternate Line)
3. SECAM (Sequential Color And Memory SECAM)
4. HDTV (High Definition Television)
![Page 76: หลักการของสื่อมัลติมีเดีย · องค์ประกอบของมัลติมีเดีย 1. ข้อความ(text)](https://reader033.vdocuments.pub/reader033/viewer/2022060306/5f0995e27e708231d4278938/html5/thumbnails/76.jpg)
เอกสารอางอง
• เอกสารประกอบการสอน Multimedia อ.อกฤษณ มารงค
• ปยะบตร สทธดาราม, อนน วาโซะ. 2553. Graphic Design Artwork Photoshop + illustrator. กรงเทพมหานคร. บรษท ไอดซ พรเมยร จ ากด
• การออกแบบงานกราฟฟก : Graphic Designer