84
ภาควิชาวิทยาการคอมพิวเตอร์ คณะวิทยาศาสตร์ มหาวิทยาลัยนเรศวร 1 สื่อผสม (Multimedia)

สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ภาควชาวทยาการคอมพวเตอร

คณะวทยาศาสตร มหาวทยาลยนเรศวร 1

สอผสม (Multimedia)

Page 2: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

วตถประสงค

2

• เพอใหเขาใจในความหมายของมลตมเดย

• เพอใหเขาใจองคประกอบของมลตมเดย

• เพอใหเขาใจระบบส RGB และ CMYK

• เพอใหเขาใจการท างานของแสงและส

• เพอใหนสตสามารถประยกตใชงานมลตมเดยได

Page 3: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ความหมาย

3

• มลต (Multi) หมายถง หลายๆ อยางผสมกน (มศพทใกลเคยงกน เชน Many, Much และ Multiple เปนตน)

• มเดย (Media) หมายถง สอ ขาวสาร ชองทางการตดตอสอสาร

• "สอผสม (Multimedia)" คอการผสมผสานหรอบรณาการของสอตางๆ มากกวา 2 ประเภทขนไป เพอสรางเนอหาสาระใหมส าหรบการสอนและการสอสาร โดยอาศยเครองคอมพวเตอรเปนเครองมอหรออปกรณการผลตและการน าเสนอ

Page 4: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

องคประกอบของมลตมเดย

4

• มลตมเดย (Multimedia) จะตองมองคประกอบตงแต 2 องคประกอบเปนอยางนอย เชน ใชตวอกษรรวมกบการใชสทแตกตางกน 2-3 ส ภาพศลป ภาพนง จากการวาด หรอการสแกน นอกนน กอาจมเสยงและวดทศนรวมอยดวยกได Text

Graphics

Multimedia

Audio Animation

Video

Page 5: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

องคประกอบของมลตมเดย (ตอ)

5

Text ตวอกษร ในระบบคอมพวเตอรเปนตวอกษรระบบดจตอล ในโปรแกรมคอมพวเตอรจะมตวอกษรใหเลอกหลาบแบบ หลายขนาด

Graphics เปนภาพกราฟกทไมมการเคลอนไหว เชน ภาพถาย หรอภาพวาด เปนตน ชวยในการเสรมความชดเจนใหกบ Text เพอใหเขาใจงายขน

Audio ชวยใหเกดบรรยากาศทนาสนใจในการรบรทางห โดยอาศยจะน าเสนอในรปของ เสยงประกอบ เพลงบรรเลง เสยงพด เสยงบรรยาย หรอเสยงพากย เปนตน ไฟลเสยงมหลายประเภท เชน Midi ,Wav ,Mp3

Animation หมายถง การท าใหภาพเคลอนไหว โดยการเปลยนต าแหนงของภาพหรอการแสดงภาพหลายๆ ภาพทแตกตางกนอยางรวดเรว

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

Page 6: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ตวอกษร (Text)

6

• แอสก (ASCII) ยอมาจาก American Standard Code for Information Interchange) ใชเพยงประเทศสหรฐอเมรกาเทานน

• ยนโคด (Unicode) เปนรหสทพฒนาขนเพอการใชงานทเปนสากล โดยผพฒนาคอองคกรก าหนดมาตรฐานสากลหรอไอเอสโอ (ISO : Internation Organization for Standardization) เพอรองรบตวอกษรและสญลกษณแบบตางๆ ของแตละภาษา

เปนรหสขนาด 16 บต สามารถรองรบตว

อกษรไดมาถง 65,536 (รหส) ในรปแบบ

ของ “ Code Point”

Page 7: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

รปแบบตวอกษร(Fonts) แบงเปน 3 ระดบ ไดแก

7

• 1.ประเภท (Category) เปนทรวมของตระกล (Family) และชอเฉพาะ (Face) ของแตละตวอกษร (Font)แบงไดดงน

– 1.1 Serif: เปนแบบอกษรทใชเปนมาตรฐาน ในแตละตวอกษรจะมเสนคลายๆ ขด-เหลยม

– 1.2 Sans-Serif: เปนแบบอกษรทคนเคยมากกวา Serif เพราะเปนทนยมของผเขยนเวบ มรปรางมนกลม และดสวยงาม

– 1.3 Monospaced: เปนแบบอกษรทมขนาดความกวางของทกตวอกษรเทากนหมด บางครงเรยกวา Typewriter Fonts เนองจากมลกษณะใกลเคยงกบตวอกษรทไดจากเครองพมพดด

– 1.4 Script: เปนแหลงรวมของแบบอกษรทกชนด ทมลกษณะพเศษตางๆ เชน มจด มหาง เปนตน

Page 8: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

รปแบบตวอกษร(Fonts) (ตอ)

8

• 2. ตระกล (Family) – เปนหมวดทยอยลงไปจาก Category แตตวอกษรทอยในตระกลเดยวกน จะ

มบรรพบรษรวมกน

– ตารางแสดงความสมพนธระหวาง Category และ Family

Category Family

Serif Times, Century Schoolbook, Garamond

Sans-Serif Helvetica, Arial, Verdana

Monospaced Courier, Courier New

Decorative Whimsy, Arribal, Bergell

Page 9: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

รปแบบตวอกษร(Fonts) (ตอ)

9

• 3. ชอเฉพาะ (Face) – เปนตวอกษรทสามารถแสดงความสมพนธระหวาง Family และ Face

Family Face

Time Roman, Italic

Arial Regular, Bold, Italic

Courier Regular, Oblique

Whimsy Regular, Bold

Page 10: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชงานตวอกษรและรปแบบตวอกษรในมลตมเดย

10

• ในการใชตวอกษรทมขนาดเลกจะตองชดเจนและอานงาย

• ขอความทตองการจะเนนควรจะมลกษณะทแตกตางจากขอความธรรมดา เชน มการขดเสนใต ตวอกษรตวเอยง หรอตวหนา

• จดชองวางของบรรทดใหเหมาะสมและอานงาย

• จดขนาดของตวอกษรตามความส าคญของขอความ

• หวขอทใชตวอกษรขนาดใหญควรมระยะชองไฟของตวอกษรทใหความรสกทด ไมตด หรอหางกนเกนไป

• จดสของขอความใหอานงาย มความแตกตางจากสของพนหลง

• ควรใชวธการ Anti-aliasing กบหวขอทเปนอกษรกราฟฟกขนาดใหญ

Page 11: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชงานตวอกษรและรปแบบตวอกษรในมลตมเดย (ตอ)

11

หากตองการจดขอความใหอยกงกลางบรรทด ไมควรท าตดตอกนหลายบรรทดจะดไมสวยงาม ในภาษาองกฤษควรใชอกษรพมพใหญ และพมพเลกอยางเหมาะสม เนนความนาสนใจของขอความดวยการไลแสงเงาใหตวอกษรหรอวางหวขอหลกๆ บนพนทวาง

ซงเปนจดทสนใจทมองเหนไดอยางชดเจน สรรหาขอคด ค าเสนอแนะ หรอค าตชมจากหลายๆ ความคดมาสรปเพอเลอกใชตวอกษรท

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

ขดเสนใตขอความ ควรหลกเลยงการเนนดวยสเขยวบนพนสแดง เนนเนอความทเปนจดส าคญดวยการท าแถบสทขอความนนๆ แตไมควรใหเหมอน Text Link

หรอขอความบนปมกด Button

Page 12: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การจดวางขอความส าหรบการอาน (Fields for Reading)

12

• จดวางขอความส าคญๆ แตละหวขอใหอยบนจอภาพเดยวกน

• แบงเนอความอธบายเปนสวนๆ แยกยอยกนไปในแตละยอหนา

• ใชตวอกษรทอานงาย และมขนาดของตวอกษรไมใหญหรอเลกจนเกนไป

• เชอมโยงความสมพนธของขอความใหงายตอการเขาถงขอมลทตองการไดอยางรวดเรว

Page 13: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ภาพกราฟก (Graphics)

13

• กราฟก (Graphic) กคอภาพตาง ๆ ทเกดจากการสรางสรรค ไมวาจะเปนวาดเสน หรอระบายสจนเกดเปนภาพ ลกษณะตาง ๆ ขนมา สวนค าวาคอมพวเตอรกราฟก (Computer Graphic – CG) กคอภาพตาง ๆ ทเกด ขนมา จากการใชเครองคอมพวเตอรเปนเครองมอในการสรางสรรค

Page 14: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ตวอยางโปรแกรม

14

• โปรแกรมส าหรบวาดภาพ เชน โปรแกรม Microsoft Paint, Illustrator, Corel Painter หรอ Corel DRAW เปนตน

• โปรแกรมส าหรบการตกแตงภาพ เชน Photoshop, Paint Shop Pro หรอ GIMP เปนตน

• โปรแกรมส าหรบงานตดตอหรอแกไขวดโอ Premiere Pro, Final Cut Pro, After Effect, Newtek VT หรอ Combustion เปนตน

• โปรแกรมส าหรบสรางงาน 2D Animation เชน Flash, Moho หรอ Toon Boom เปนตน

• โปรแกรมส าหบสรางงาน 3D Animation เชน 3ds Max, Maya, Lightwave, Softimage XSI หรอ Cinema 4D เปนตน

Page 15: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

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

15

• วธการทเครองคอมพวเตอรจะสามารถสรางภาพ และบนทกขอมลของภาพนนเกบเอาไวมอย 2 วธ หลก ๆ ดวยกน คอ

– วธการสรางภาพแบบ Raster Graphic

– วธการสรางภาพแบบ Vector Graphic

Page 16: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

Raster Graphic

16

เปนวธการสรางภาพและจดจ าขอมลของภาพแบบทเรยบงายทสด อาศยหลกการ โดยน าเอาจดสเลก ๆ ทเรยกวา Pixel หลาย ๆ จดมาวางเรยงกนจนกลายเปนภาพขนาดใหญ ยงจดสหรอ Pixel มจ านวนมากเทาไหร ภาพกยงมรายละเอยดมากแลดสวยงาม (ความละเอยดของภาพแบบ Raster วดเปน จ านวนจด Pixel ตอพนท 1 ตารานว หรอตารางเซนตเมตร)

Page 17: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

Raster Graphic (ตอ)

17

• ถาเราขยายภาพทเปน Raster Graphic ขนมากๆ เราจะพบวาภาพนนประกอบไปดวยจดสสเหลยมท เรยกวา Pixel หลาย ๆ จดมาวางเรยงตอกน ไฟลประเภทนไดแก BMP, CGM, GIF, HGL, JPEG, PBM, PCX, PGM, PNM, PPM, PSD, RLE, TGA, TIFF และ WPG

• สวนใหญภาพประเภทนจะน ามาจากแหลงขอมลตางๆ ผานโปรแกรมทรองรบการท างานเกยวกบรปภาพ การคดลอก (Copy) ภาพทแสดงบนจอภาพ โดยกดปม Print Screen บนคยบอรด จากนนวาง (Paste) ในโปรแกรมทสามารถแกไขภาพหรอโปรแกรมทจะใชพมพ

• การน าภาพถายผานทางเครองสแกนเนอร (Scanner) หรอรปภาพจากกลองถายภาพดจตอลหรอกลองวดโอดจตอล เปนตน

Page 18: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

Vector Graphic

18

เปนภาพทมวธการสรางภาพและบนทกขอมลของภาพทแตกตาง ออกไปอยางสนเชง เพราะภาพแบบ Vector จะอาศยการทางเลขาคณตมาเปนตวชวยในการสรางภาพและบนทกขอมลภาพ เชน ภาพสเหลยม 1 รป แทนทจะบนทกดวยขอมลของจด Pixel หลาย ๆ จด กบนทกเปนสตรคณตศาสตรแทน เชน จ าวาจดทง 4 มม ของภาพสเหลยมวางอยในต าแหนงใดบาง สภายในภาพสเหลยมเปนสอะไร ซงทงหมดนจะเปนขอมลทมจ านวนนอยกวาขอมลของจด Pixel ทงหมดในภาพสเหลยมมาก

Page 19: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

Vector Graphic (ตอ)

19

• เนองจากภาพแบบ Vector เปนภาพแบบทสรางจากสตรคณตศาสตรหรอเลขาคณต จงท าใหภาพแบบ Vector ไมมปญหาเรองความคมชดเมอขยายภาพขนมาก ๆ อยางภาพ Raster เพราะไมวาภาพจะเลกหรอ ใหญเทาใด จ านวนขอมลทตองจ ากมขนาดเทาเดม

• แตขอเสยของการสรางจากสตรคณตศาสตรหรอเลขาคณต ของภาพแบบ Vector กคอมนไมสามารถสรางหรอบนทกภาพทมรายละเอยดของสมาก ๆ อยางภาพถายตาง ๆ ได ดงนน ภาพแบบ Vector จงเหมาะส าหรบการสรางและบนทกภาพทมสเรยบ ๆ เทานน ไฟลประเภทนไดแก AI, CDR, CGM, CMX, DRW, DFX,EPS,PDF, PCT, PIC, PLT และ WMF เปนตน

Page 20: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

คณภาพของรปภาพ

20

• ความละเอยดของภาพ (Image Resolution)

• การบบอดขนาดของรปภาพ (Image Compression)

Page 21: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ความละเอยดของภาพ (Image Resolution)

21

• หนวยทใชวดความละเอยดของภาพเรยกวา พกเซลตอนว (Pixel Per Inch : PPI) จอคอมพวเตอรสวนใหญจะมความละเอยดท 72 PPI คอความกวาง 1 นวบนจอคอมพวเตอรจะแสดงจดได 72 จดนนเอง ดงนนไฟลภาพทเราน ามาไมวาจากกลองหรอเครองสแกนกตาม หากคดวาจะใชแสดงผลแคบนจอคอมพวเตอรเทานน กใหก าหนดความละเอยดเปน 72 PPI

จดแตละจดทประกอบเปนภาพ เรยกวา Pixel

300 จด

400 จด

Resolution ของภาพน คอ 300 จด * 400 จด = 120,000 pixels

Page 22: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การบบอดขนาดของรปภาพ (Image Compression)

22

• ลดจ านวนขอมลในการแสดงภาพใหนอยลงโดยเมอน าขอมลทลด

• ขนาดไปมาสรางภาพขนใหม คณภาพของภาพใหมจะไมมการสญ

• เสยหรอมการสญเสยทยอมรบได เมอเทยบกบภาพเดม

การบบอดมาก - เสยความละเอยดมาก - ไฟลขนาดเลก การบบอดนอย - เสยความละเอยดนอย - ไฟลขนาดใหญ

Compressed

Page 23: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ชนดของ image compression

23

• Lossless Image Compression – ภาพทสรางกลบมาจากขอมลทถกบบอดมคณภาพเหมอนภาพเดมโดยไมม

การเปลยนแปลง

– ภาพทางการแพทยทตองการความแมนย ามาก ความผดพลาดเพยงเลกนอยอาจหมายถงชวตของผปวยได

• Lossy Image Compression – ภาพทสรางกลบมาจากขอมลทถกบบอดมคณภาพไมเหมอนภาพเดม (แต

ตามนษยไมสามารถแยกออกได)

– การบนทกภาพวดโอ ถงแมวาภาพทแปลงมาจากการ compress จะไมเหมอนเดมทเดยว แตมผลกระทบกบคณภาพของภาพเพยงเลกนอยกสามารถยอมรบได

Page 24: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ภาพ 3 มต (3D Image)

24

• เปนภาพประเภทหนงของภาพเวกเตอร มลกษณะมมมองของภาพทเหมอนจรง อยในรปทรง 3 มต (3D: Three Dimensions) การสรางและการแสดงผลของภาพ 3 มตนน จะตองใชซอฟตแวรทเหมาะสมส าหรบสรางแกไข หรอแสดงภาพในรปแบบ 3 มต และเพมลกษณะพเศษใหกบภาพ 3 มต เชน สรางฉากหลง เพมทศทางของแสง และเพมเทคนคพเศษใหกบภาพ

Page 25: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ตวอยาง

25

Page 26: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ส (Color)

26

• เปนสวนประกอบส าคญในการตกแตงภาพเวกเตอรและภาพบตแมปใหเปนไปตามความตองการ ส าหรบงานมลตมเดย ไมวาจะแสดงผลผานจอภาพหรอพมพลงแผนพบโฆษณาตางๆ

Page 27: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

รปแบบของแสงสทใชงานบนคอมพวเตอร

27

HSB

• เปนพนฐานของการมองเหนแสงสของดวงตามนษย ประกอบดวยลกษณะของแสงส 3 ประการ คอ Hue, Saturation, Brightness

Lab

• คาขอมลแสงสของ Lab ประกอบไปดวยคาตางๆ ไดแก คาระดบความเขมของแสงสวาง คาแสดงการไลแสงสจากสเขยวไปยงแสงสแดง และคาแสดงการไลแสงสจากแสงสน าเงนไปยงแสงสเหลอง

Page 28: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

รปแบบของแสงสทใชงานบนคอมพวเตอร (ตอ)

28

Saturation

• เปนคาความเขมของแสงสทอยในชวงแสงสจางจนถงแสงสเขม จะเปนสดสวนของแสงส Hue ทมอยในโทนสเทา โดยวดคาเปนเปอรเซนต

Hue

• เปนการเปลยนแปลงเฉดสทแตกตางจากแสงหลกทงสาม (แดง เขยว น าเงน) โดยเปรยบเทยบกบองศาตางๆ บนวงกลมทเปนการน าองศาของวงกลมมาใชแบงความแตกตางของแสงสตงแต 0-360 องศา

Brightness

• คาความสวางของแสงส คอ คาของแสงสด าไลระดบสวางขนเรอยๆ จนถงแสงสขาวสวาง ซงวดคาเปนเปอรเซนตจาก 0% (แสงสด า) จนถง 100 % (แสงสขาว

Page 29: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

รปแบบของแสงสทใชงานบนคอมพวเตอร (ตอ)

29

RGB

• เกดจากการรวมแสงของแสงสหลก คอ แสงสแดง (Red) เขยว (Green) และน าเงน (Blue) โดยแสงสหลกทง 3 จะมคาตงแต 0 ถง 255 เมอขอมลแสงส RGB เปลยนไป ความเขมของแสงสแดง เขยว และน าเงน บนจอภาพจะปรบเปลยนตามไปดวย

CMYK

• เกดจากการซมซบหมกพมพลงบนกระดาษ โดยมสพนฐาน คอ สน าเงนเขยว (Cyan) สแดงมวง (Magenta) และสเหลอง (Yellow)

Page 30: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

เสยง (Sound)

30

• ประเภทของเสยง • มด (MIDI : Musical Instrument Digital Interface)

– คอ ขอมลทแสดงถงลกษณะเสยงทแทนเครองดนตรชนดตางๆ ซงเปนมาตรฐานในการสอสารดานเสยงหรอหมายถง โนตเพลงทมรปแบบเปนสญลกษณหรอตวเลข ทจะบอกใหรวาตองเลนโนตตวใดในเวลานานเทาไร เพอใหเกดเปนเสยงดนตร

ขอด

– ไฟลขอมลมขนาดเลก การสรางขอมล MIDI ไมจ าเปนตองใชเครองดนตรจรงๆ ใชหนวยความจ านอย ท าใหประหยดพนทบนฮารดดสก เหมาะส าหรบใชงานบนระบบเครอขาย และงายตอการแกไขและปรบปรง

ขอเสย

– แสดงผลเฉพาะดนตรบรรเลงและเสยงทเกดจากโนตดนตรเทานน และอปกรณอเลกทรอนกสทใชสรางมราคาคอนขางสง

Page 31: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

31

• เสยงแบบดจตอล (Digital Audio) – คอ สญญาณเสยงทสงมาจากไมโครโฟน เครองสงเคราะหเสยง เครองเลนเทป

หรอจากแหลงก าเนดเสยงตางๆ แลวน าขอมลทไดแปลงเปนสญญาณดจตอล ซงขอมลดจตอลจะถกสมใหอยในรปแบบของบต และไบต โดยเรยกอตราการสมขอมลทไดมา วา “Sampling Size” จะเปนตวก าหนดคณภาพของเสยงทไดจากการเลนเสยงแบบดจตอล

– เสยงดจตอลจะมขนาดของขอมลใหญ ท าใหตองใชหนวยความจ าและทรพยากรบนหนวยประมวลผลกลางมากกวา MIDI

Page 32: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การบนทกขอมลเสยง (Recording Sound)

32

• การบนทกเสยงเปนการน าเสยงทไดจากการพด การเลนเครองดนตร หรอเสยงจากแหลงตางๆ เชน เสยงน าตก ฟารอง หรอ สตวรอง มาท าการจดเกบลงในหนวยความจ าหรอหนวยจดเกบ เพอน าไปใชงานตามทตองการ เสยงทท างานผานคอมพวเตอรเปนสญญาณดจตอล ม 2 รปแบบคอ

Page 33: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การบนทกขอมลเสยง (Recording Sound) ตอ

33

• Synthesize Sound เปนเสยงทเกดจากตววเคราะหเสยง ทเรยกวา MIDI โดยเมอตวโนตท างาน ค าสง MIDI จะถกสงไปยง Synthesize Chip เพอท าการแยกเสยงวาเปนเสยงดนตรชนดใด ไฟลทไดจะมขนาดเลก

• Sound Data : เปนเสยงทไดจากการแปลงสญญาณอนาลอกเปนสญญาณดจตอล โดยจะมการบนทกตวอยางคลน (Sample ) ใหอยทใดทหนงในชวงของเสยงนนๆ และการบนทกตวอยางคลนจะเรยงกนเปนจ านวนมาก เพอใหมคณภาพทด

Page 34: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การแกไขและการเพมเทคนคพเศษ (Sound Editing and Effects)

34

• คอ การตดตอ และการปรบแตงเสยง โดยสงทส าคญในการแกไขเสยง คอ การจดสรรเวลาของการแสดงผลใหสมพนธกบองคประกอบตางๆ ทใชงานรวมกบเสยง เชน การตดตอเสยงส าหรบน ามาใชในการน าเสนอไฟลวดโอ

• ตวอยางเชน โปรแกรม Audio Edit ส าหรบใชแกไขและการเพมเทคนคพเศษใหกบเสยงทไดท าการบนทก เพอสรางความตอเนองของเสยง

Page 35: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การจดเกบแฟมขอมลเสยงแบบดจตอล (Preparing Digital Audio File)

35

• หลกส าคญในการจดเกบแฟมขอมลเสยงแบบดจตอล คอ

1. จะตองเตรยม RAM และทรพยากรบนฮารดดสรองรบใหเหมาะสมกบคณภาพของเสยงทตองการ

2. ปรบระดบของการบนทกเสยงใหตรงกบคณภาพทตองการและมมาตรการปองกนเสยงรบกวนได

Page 36: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การแสดงผลเสยงบนระบบเครอขายท าได 2 วธคอ

36

1. จดเกบขอมลเสยงจากระบบเครอขาย (Download) ลงบนเครองคอมพวเตอรของผใชกอนแลวจงแสดงผลเสยง ในขณะทก าลงใชงานบนระบบเครอขาย (Streaming)

2. คณภาพของเสยงจะขนอยกบประสทธภาพของอปกรณเชอมตอ(Modem) ดวย

• รปแบบของไฟลเสยงทนยมใชบนระบบเครอขายไดแกไฟล AU. Wav, MIDI, MPEG และ MP3 ซงนยมน ามาใชกบเทคโนโลยสตรมมงมเดย (Streaming Media Technology)

Page 37: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

แอนเมชน (Animation)

37

• หลกการของแอนเมชน

• แอนเมชนอาศยปรากฎการณทางชววทยาทเรยกวา “ความตอเนองของการมองเหน รวมกบการท าใหวตถมการเคลอนททความเรวระดบหนง จนตาของคนเรามองเหนวาวตถนนมการเคลอนไหว ภาพแตละภาพทน ามาท าแอนเมชนเรยกวา “เฟรม (Frame)”

Page 38: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

วธการสรางแอนเมชน

38

• 1.เฟรมตอเฟรม (Frame by frame) เปนการน าภาพมาใสไวในแตละเฟรมและท าการก าหนดคยเฟรม (คยเฟรม คอ เฟรมทถกก าหนดใหมการเปลยนแปลงของวตถเพอสรางการเคลอนไหว) การสรางเคลอนไหวแบบ Frame by Frame เหมาะส าหรบ ภาพอะนเมชนทมการเปลยนแปลงแบบรวดเรว หรองานทซบซอนมากๆ

Page 39: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

วธการสรางแอนเมชน (ตอ)

39

2.ทวนแอนเมชน (Tween Animation)

• Tween (ทวน) ยอมาจากค าวา Between แปลวา “ระหวาง” ดงนนการสรางภาพแบบนเปนการก าหนดคยเฟรมเรมตนและคยเฟรมสดทาย จากนนปลอยใหโปรแกรมสรางความเปลยนแปลงระหวางเฟรมโดยอตโนมต คอ การสรางภาพเคลอนไหวแบบ Tween จะสรางเฟรมเพยงสองเฟรม คอ เฟรมเรมตนและเฟรมสดทาย แบงได 2 แบบคอ – 1.Motion Tween หรอ Motion Path:

– 2.Shape Tween:

Page 40: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

วธการสรางแอนเมชน (ตอ)

40

Motion Tween หรอ Motion Path: เปนการเคลอนไหวทมการก าหนดการเคลอนท หมน ยอ หรอขยายไปตามเสนทวาดไว โดยทรปทรงของวตถไมมการเปลยนแปลง และวธนนยมใชมากทสด

Shape Tween: เปนการสรางภาพเคลอนไหวทมการเปลยนแปลงรปทรงของวตถ จากรปทรงหนงไปเปนอกรปทรงหนงโดยสามารถก าหนด ต าแหนง ขนาด ทศทาง และสของวตถในแตละชวงเวลาตามตองการ นยมใชกบรปวาดเทานน

Page 41: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

วธการสรางแอนเมชน (ตอ)

41

3.เอคชนสครปต (Action Script)

• เปนภาษาโปรแกรมทน ามาใชเพอเพมประสทธภาพในการท างานของระบบ และสามารถโตตอบ (Interactive) กบผใชงานได โดย Action Script จะถกน ามาใชเมอมการกระท าเกดขน เรยกวา “เหตการณ”(Event) เชน การคลกเมาส หรอการกดคยบอรด เปนตน

Page 42: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

รปแบบของไฟลแอนเมชน (Animation File Format)

42

1. GIF (Graphics Interlace File)

• ไฟล GIF (Graphics Interlace File) หรอ กฟอะนเมชน เปนอะนเมชนทไดรบความนยมมาก เนองจากประหยดพนทในการจดเกบขอมล โดยจดเกบภาพนงเปนล าดบตอเนองกน เหมาะส าหรบการใชงานบนเวบไซต เพอเพมเตมความสวยงามและสรางความนาสนใจ

Page 43: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

รปแบบของไฟลแอนเมชน (Animation File Format) ตอ

43

2. JPG (Joint Photographer’s Experts Group)

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

Page 44: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

รปแบบของไฟลแอนเมชน (Animation File Format) ตอ

44

3. PNG (Portable Network Graphics)

• เปนไฟลทท าใหพนภาพใหโปรงใสได สนบสนนสไดตามคา “True color) มระบบแสดงผลตงแตความละเอยดนอยๆ และคอยๆ ขยายไปสรายละเอยดทมความคมชดมากขน โดยผใชสามารถก าหนดคาการบบอดไฟลไดตามตองการ ไฟลทไดมขนาดเลก แตหากก าหนดคาการบบไฟลไวสง กจะตองใชเวลาในการคลายไฟลสงไปดวย โปรแกรมสนบสนนในการสรางมนอย ไมสามารถเรยกดกบ Graphic Browser รนเกาได

Page 45: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

วดโอ (Video)

45

ชนดของวดโอ

• วดโออนาลอก (Analog Video) วดโออนาลอก เปนวดโอทท าการบนทกขอมลภาพและเสยงใหอยในรปของสญญาณอนาลอก ส าหรบวดโอทเปน อนาลอก ไดแก VHS ( Video Home System) เปนมวนเทป วดโอทใชคกนตามบาน

Page 46: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ชนดของวดโอ (ตอ)

46

• วดโอดจตอล (Digital Video) เปนวดโอทท าการบนทกขอมลภาพและเสยงทไดมา จากกลองวดโอดจตอล ใหอยในรปของสญญาณดจตอล คอ 0 กบ 1 สวนการตดตอขอมลของภาพและเสยงทไดมาจากวดโอดจตอลนน จะแตกตางจากวดโออนาลอก เพราะขอมลทไดจะยงคงคณภาพความคมชดเหมอนกบขอมลตนฉบบ

Page 47: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

แหลงทมาของวดโอ

47

• แผนวดโอซด (VCD)

• กลองดจตอล (Digital Camera)

• แผนดวด (DVD)

• เทปวดโอทใชดกนตามบาน (VHS)

• เวบไซตตางๆ

Page 48: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ลกษณะการท างานของวดโอ

48

• กลองวดโอเปนการน าเอาหลกการของแสงทวา “แสงตกกระทบกบวตถแลวสะทอนสเลนสในดวงตาของมนษยท าใหเกดการมองเหน “มาใชในการสรางภาพรวมกบวงจรอเลกทรอนกส โดยภาพทไดจะถกเกบบนทกเปนสญญาณอเลกทรอนกส ทเรยกวา “สญญาณอนาลอก (Analog Signal) ประกอบดวยขอมลส 3 ชนด คอ แดง เขยว น าเงน (Red, Green, Blue : RGB)

Page 49: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ลกษณะการท างานของวดโอ (ตอ)

49

• สญญาณวดโอจะถกสงไปบนทกยงตลบเทปวดโอ (Video Cassette Recorder VCR) โดยการแปลงสญญาณอเลกทรอนกสเปนสญญาณดจตอลและบนทกลงบนอปกรณบนทกขอมลดวยหลกการของสนามแมเหลก การบนทกจะตองกระท าผานอปกรณทเรยกวา “หวเทปวดโอ “ ทสามารถบนทกไดทงภาพ (Video Track) เสยง (Audio Track) และขอมลควบคมการแสดงภาพ (Control Track)

Page 50: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

มาตรฐานการแพรภาพวดโอ

50

• National Television System Committee (NTSC) เปนมาตรฐานเกยวกบโทรทศนและวดโอในสหรฐอเมรกา

• Phase Alternate Line (PAL) เปนมาตรฐานของโทรทศนและวดโอทนยมใชกนในแถบยโรป องกฤษ ออสเตรเลย อฟรกาใต และประเทศไทย

• Sequential Color and Memory (SECAM) เปนมาตรฐานการเผยแพรสญญาณโทรทศนและวดโอทใชกนในประเทศฝรงเศส รสเซย ยโรปตะวนออก ตะวนออกกลาง

• High Definition Television (HDTV) เปนเทคโนโลยของการแพรภาพโทรทศนทถกพฒนาขนมา เพอแสดงภาพทมความละเอยดสง

Page 51: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การบบอดวดโอ

51

• เจเพก (JPEG) เปนมาตรฐานการบบอดขอมลทคดขนในยคปลายทศวรรษ 1980

• Motion – JPEC หรอ M-JPEG เปนมาตรฐานการบบอดขอมลทสามารถบบอดและขยายสญญาณไดตงแต12:1 , 5 : 1 และ 2 : 1

• CODEC เปนเทคโนโลยการบบอดและการคลายขอมล สามารถน าไปใชกบซอฟตแวรและฮารดแวร สวนมาก CODEC นยมใชบบอดแบบ MPEG , Indeo และ Cinepak

• เอมเพก (MPEG : Moving Picture Experts Group) เปนมาตรฐานการบบอดสญญาณภาพและเสยง โดยใชระบบ DCT ทใชกบระบบวดโอคณภาพสงทวไป

Page 52: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

คณภาพของวดโอ

52

• อตราเฟรม (Frame Rate) – คออตราความถในการแสดงภาพจาก Timeline ออกทางหนาจอ อตราท

เฟรมถกแสดงในวดโอมหนวยเปนเฟรมตอวนาท

• ความละเอยด (Resolution) – หมายถง ความคมชดของภาพทแสดงผลออกทางจอภาพ ความละเอยด

ของจอภาพขนอยกบจ านวนจดทงหมดทเกดบนจอ จดตางๆ นเรยกวา พกเซล (Pixels)

รปแบบของไฟลวดโอ เชน *rm / *.ra / *.ram *.MPEG2 / *.MPEC4 *.viv *.mov *. Avi (Audio / Video Interleave)

Page 53: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ความส าคญของส

53

• ส คอลกษณะของแสงทปรากฏแกสายตาใหเหนเปนส (พจนานกรมฉบบราชบณฑตยสถาน)

• ในทางวทยาศาสตรใหค าจ ากดความของสวา เปนคลนแสงหรอความเขมของแสงทสายตาสามารถมองเหน

• ในทางศลปะ สคอ ทศนธาตอยางหนงทเปนองคประกอบส าคญของงานศลปะ และใชในการสรางงานศลปะ โดยจะท าใหผลงานมความสวยงาม ชวยสรางบรรยากาศ มความสมจรง เดนชดและนาสนใจมากขน

Page 54: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ประโยชนของส

54

1. ใชในการจ าแนกสงตาง ๆ เพอใหเหนชดเจน 2.ใชในการจดองคประกอบของสงตาง ๆ เพอใหเกดความสวยงาม กลมกลน เชน การแตงกาย การจดตกแตงบาน 3. ใชในการจดกลม พวก คณะ ดวยการใชสตาง ๆ เชน คณะ

ส เครองแบบตาง ๆ 4. ใชในการสอความหมาย เปนสญลกษณ หรอใชบอกเลาเรองราว 5. ใชในการสรางสรรคงานศลปะ เพอใหเกดความสวยงาม สรางบรรยากาศ สมจรงและนาสนใจ 6. เปนองคประกอบในการมองเหนสงตาง ๆ ของมนษย

Page 55: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

แสงส

55

• แสง เปนพลงงานรงส (Radiation Energy) ทตารบรและมปฏกรยาตอบสนองดวยกระบวนการ วเคราะหแยกแยะของสมอง ตาสามารถวเคราะหพลงงานแสงโดยการรบรวตถ สมพนธกบต าแหนง ทศทาง ระยะทาง ความเขมของแสง และความยาวคลนทมองเหนได

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

Page 56: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

เกยวกบส

56

• ในราวป ค.ศ. 1666 เซอร ไอแซค นวตนไดแสดงใหเหนวา สคอสวนหนงในธรรมชาตของแสงอาทตย โดยใหล าแสงสองผานแทงแกวปรซม แสงจะหกเหเพราะแทงแกวปรซมความหนาแนนมากกวาอากาศ

• เมอล าแสงหกเหผานปรซมจะปรากฏแถบสสเปคตรม ( Spectrum) หรอทเรยกวา สรง (Rainbow) คอ สมวง คราม น าเงน เขยว เหลอง แสด แดง เมอแสงตกกระทบโมเลกลของสสาร พลงงานบางสวนจะดดกลนสจาก แสงบางสวน และสะทอนสบางสใหปรากฏเหนได พนผววตถทเราเหนเปนสแดง เพราะ วตถดดกลนแสงส อนไว สะทอนเฉพาะแสงสแดงออกมา วตถสขาวจะสะทอนแสงสทกส และวตถสด า จะดดกลนทกส

Page 57: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

เกยวกบส (ตอ)

57

• จากทฤษฎการการหกเหของแสงของ ของนวตน และจากสามเหลยมส CIE พบวา แสงสเปนพลงงานเพยง ชนดเดยวทปรากฎส จากดานทง 3 ดานของรปสามเหลยมส CIE นกวทยาศาสตรไดก าหนดแมสของแสงไว 3 ส คอ สแดง ( Red ) สเขยว (Green) และสน าเงน ( Blue ) แสงทงสามส เมอน ามาฉายสองรวมกน จะท าใหเกด สตาง ๆ ขนมา คอ

แสงสแดง + แสงสเขยว = แสงสเหลอง ( Yellow ) แสงสแดง + แสงสน าเงน = แสงสแดงมาเจนตา (Magenta) แสงสน าเงน + แสงสเขยว = แสงสฟาไซแอน ( Cyan )

Page 58: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

เกยวกบส (ตอ)

58

• และถาแสงสทงสามสฉายรวมกน จะไดแสงสขาว หรอ ไมมส เราสามารถสงเกตแมสของแสง ไดจากโทรทศนส หรอจอคอมพวเตอรส โดยใชแวนขยายสองดหนาจอจะเหนเปนแถบสแสงสวาง 3 ส คอ แดง เขยว และน าเงน นอกจากนเราจะสงเกตเหนวา เครองหมายของสถานโทรทศนสหลาย ๆ ชอง จะใชแมสของแสง ดวยเชนกน

• ทฤษฎของแสงสน เปนระบบสทเรยกวา RGB ( Red - Green - Blue ) เราสามารถน าไปใชในการ ถายท าภาพยนตร บนทกภาพวดโอ การสรางภาพ เพอแสดงทางคอมพวเตอร การจดไฟแสงสในการแสดง การจดฉากเวท

Page 59: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

59

• แสงสทเปนแมส คอ สแดง น าเงน เขยว จะเรยกวา สพนฐานบวก ( Additive primary colors ) คอ เกดจาก การหกเหของแสงสขาว

• สวนสใหมทเกดจากการผสมกนของแมสของแสงทงสามส จะเรยกวา สพนฐานลบ (Subtractive primary colors ) คอ สฟาไซแอน (Cyan) สแดงมาเจนตา(Magenta) และสเหลอง (Yellow) ทงสามสเปนแมสแมใชในระบบการพมพออฟเซท หรอทเรยกวา ระบบส CMYK โดยทมสด า (Black) เพมเขามา

Page 60: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

แมส Primary Colour

60

• แมส คอ สทน ามาผสมกนแลวท าใหเกดสใหม ทมลกษณะแตกตางไปจากสเดมแมส มอย 2 ชนด คอ

• 1. แมสของแสง เกดจากการหกเหของแสงผานแทงแกวปรซม ม 3 ส คอ สแดง สเหลอง และสน าเงน อยในรปของแสงรงส ซงเปนพลงงานชนดเดยวทมส คณสมบตของแสงสามารถน ามาใช ในการถายภาพ ภาพโทรทศน การจดแสงสในการแสดงตาง ๆ เปนตน

Page 61: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

แมส Primary Colour (ตอ)

61

• 2. แมสวตถธาต เปนสทไดมาจากธรรมชาต และจากการสงเคราะหโดยกระบวน ทางเคม ม 3 ส คอ สแดง สเหลอง และสน าเงน แมสวตถธาตเปนแมสทน ามาใช งานกนอยางกวางขวาง ในวงการศลปะ วงการอตสาหกรรม ฯลฯ

Page 62: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

62

• แมสวตถธาต เมอน ามาผสมกนตามหลกเกณฑ จะท าใหเกด วงจรส ซงเปนวงส ธรรมชาต เกดจากการผสมกนของแมสวตถธาต เปนสหลกทใชงานกนทวไป ใน วงจรส จะแสดงสงตาง ๆ ดงตอไปน

Page 63: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

วงจรส ( Colour Circle)

63

• สขนท 1 คอ แมส ไดแก สแดง สเหลอง สน าเงน สขนท 2 คอ สทเกดจากสข นท 1 หรอแมสผสมกนในอตราสวนทเทากน จะท าให เกดสใหม 3 ส ไดแก สแดง ผสมกบสเหลอง ไดส สม สแดง ผสมกบสน าเงน ไดสมวง สเหลอง ผสมกบสน าเงน ไดสเขยว

Page 64: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

64

• สขนท 3 คอ สทเกดจากสข นท 1 ผสมกบสข นท 2 ในอตราสวนทเทากน จะไดสอน ๆ อก 6 ส คอ สแดง ผสมกบสสม ไดส สมแดง สแดง ผสมกบสมวง ไดสมวงแดง สเหลอง ผสมกบสเขยว ไดสเขยวเหลอง สน าเงน ผสมกบสเขยว ไดสเขยวน าเงน สน าเงน ผสมกบสมวง ไดสมวงน าเงน สเหลอง ผสมกบสสม ไดสสมเหลอง

Page 65: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

65

• วรรณะของส คอสทใหความรสกรอน-เยน ในวงจรสจะมสรอน 7 ส และ สเยน 7 ส ซงแบงท สมวงกบสเหลอง ซงเปนไดทงสองวรรณะ

Page 66: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

66

• สตรงขาม หรอสตดกน หรอสคปฏปกษ เปนสทมคาความเขมของส ตดกนอยาง รนแรง ในทางปฏบตไมนยมน ามาใชรวมกน เพราะจะท าใหแตละสไมสดใส เทาทควร การน าสตรงขามกนมาใชรวมกน อาจกระท าไดดงน 1. มพนทของสหนงมาก อกสหนงนอย 2. ผสมสอนๆ ลงไปสสใดสหนง หรอทงสองส 3. ผสมสตรงขามลงไปในสทงสองส

Page 67: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

67

• สกลาง คอ สทเขาไดกบสทกส สกลางในวงจรส ม 2 ส คอ สน าตาล กบ สเทา สน าตาล เกดจากสตรงขามกนในวงจรสผสมกน ในอตราสวนทเทากน สน าตาลม คณสมบตส าคญ คอ ใชผสมกบสอนแลวจะท าใหสนน ๆ เขมขนโดยไมเปลยน แปลงคาส ถาผสมมาก ๆ เขากจะกลายเปนสน าตาล สเทา เกดจากสทกส ๆ สในวงจรสผสมกน ในอตราสวนเทากน สเทา มคณสมบต ทส าคญ คอ ใชผสมกบสอน ๆ แลวจะท าให มด หมน ใชในสวนทเปนเงา ซงมน าหนก ออนแกในระดบตาง ๆ ถาผสมมาก ๆ เขาจะกลายเปนสเทา

Page 68: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ระบบส RGB

68

• ระบบส RGB เปนระบบสของแสง ซงเกดจากการหกเหของแสงผานแทงแกวปรซมจะเกดแถบสทเรยกวา สรง ( Spectrum ) ซงแยกสตามทสายตามองเหนได 7 ส คอ แดง แสด เหลอง เขยว น าเงน คราม มวง ซงเปนพลงงานอยในรปของรงส ทมชวงคลนทสายตาสามารถมองเหนได แสงสมวงมความถคลนสงทสด คลนแสงทมความถสงกวาแสงสมวง เรยกวา อลตราไวโอเลต ( Ultra Violet ) และคลนแสงสแดง มความถคลนต าทสด คลนแสง ทต ากวาแสงสแดงเรยกวา อนฟราเรด ( Infrared) คลนแสงทมความถสงกวาสมวง และต า กวาสแดงนน สายตาของมนษยไมสามารถรบได และเมอศกษาดแลวแสงสทงหมดเกดจาก

Page 69: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การน า RGB มาใชงาน

69

• แสงส 3 ส คอ สแดง ( Red ) สน าเงน ( Blue)และสเขยว ( Green )ทงสามสถอเปนแมส ของแสง เมอน ามาฉายรวมกนจะท าใหเกดสใหม อก 3 ส คอ สแดงมาเจนตา สฟาไซแอน และสเหลอง และถาฉายแสงสทงหมดรวมกนจะไดแสงสขาว จากคณสมบตของแสงนเรา ไดน ามาใชประโยชนทวไป ในการฉายภาพยนตร การบนทกภาพวดโอ ภาพโทรทศน การสรางภาพเพอการน าเสนอทางจอคอมพวเตอร และการจดแสงสในการแสดง เปนตน

RED BLUE GREEN

Page 70: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ระบบส CMYK

70

• ระบบส CMYK เปนระบบสชนดทเปนวตถ คอสแดง เหลอง น าเงน แตไมใชสน าเงนทเปนแมสวตถธาต แมสในระบบ CMYK เกดจากการผสมกนของแมสของแสง หรอ ระบบส RGB คอ – แสงสน าเงน + แสงสเขยว = สฟา (Cyan)

– แสงสน าเงน + แสงสแดง = สแดง (Magenta)

– แสงสแดง + แสงสเขยว = สเหลอง (Yellow)

CYAN MAGENTA YELLOW BLACK

Page 71: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การน า CMYK มาใชดานการพมพ

71

• ทง 3 ส ไดแก สฟา (Cyan) สแดง (Magenta) สเหลอง (Yellow) นน ามาใชในระบบการพมพ และ มการเพมเตม สด าเขาไป เพอใหมน าหนกเขมขนอก เมอรวมสด า ( Black=K ) เขาไป จงมสสโดยทวไปจงเรยกระบบการพมพนวาระบบการพมพสส ( CMYK )

• ระบบการพมพสส ( CMYK ) เปนการพมพภาพในระบบททนสมยทสด และไดภาพใกลเคยงกบภาพถายมากทสด โดยท าการพมพทละส จากสเหลอง สแดง สน าเงน และสด า ถาลองใชแวนขยายสองด ผลงานพมพชนดน จะพบวา จะเกดจากจดสเลก ๆ สสอยเตมไปหมด การทเรามองเหนภาพมสตาง ๆ นอกเหนอจากสสน เกดจากการผสมของเมดสเหลานใน ปรมาณตาง ๆ คดเปน % ของปรมาณเมดส ซงก าหนดเปน 10-20-30-40-50-60-70-80-90 จนถง 100 %

Page 72: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ความรสกเกยวกบสในเชงจตวทยา

72

• -สแดง ใหความรสกรอน รนแรง กระตน ทาทาย เคลอนไหว ตนเตน เราใจ มพลง ความอดมสมบรณ ความมงคง ความรก ความส าคญ อนตราย

• -สสม ใหความรสก รอน ความอบอน ความสดใส มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

• -สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความเบกบานสดชน ชวตใหม ความสด ใหม ความสกสวาง การแผกระจาย อ านาจบารม

Page 73: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ความรสกเกยวกบสในเชงจตวทยา (ตอ)

73

• -ใหความรสก สงบ เงยบ รมรน รมเยน การพกผอน การผอนคลาย ธรรมชาต ความปลอดภย ปกต ความสข ความสขม เยอกเยน

• -สน าเงน ใหความรสกสงบ สขม สภาพ หนกแนน เครงขรม เอาการเอางาน ละเอยด รอบคอบ สงางาม มศกดศร สงศกด เปนระเบยบถอมตน

• -สมวง ใหความรสก มเสนห นาตดตาม เรนลบ ซอนเรน มอ านาจ มพลงแฝงอย ความรก ความเศรา ความผดหวง ความสงบ ความสงศกด

• -สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง ลมหายใจ ความเปนอสระเสรภาพ การชวยเหลอ แบงปน

Page 74: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

ความรสกเกยวกบสในเชงจตวทยา (ตอ)

74

• -สขาว ใหความรสก บรสทธ สะอาด สดใส เบาบาง ออนโยน เปดเผย การเกด ความรก ความหวง ความจรง ความเมตตา ความศรทธา ความดงาม

• -สด า ใหความรสก มด สกปรก ลกลบ ความสนหวง จดจบ ความตาย ความชว ความลบ ทารณ โหดราย ความเศรา หนกแนน เขมเขง อดทน มพลง

• -สชมพ ใหความรสก อบอน ออนโยน นมนวล ออนหวาน ความรก เอาใจใส วยรน หนมสาว ความนารก ความสดใส

• -สเทา ใหความรสก เศรา อาลย ทอแท ความลกลบ ความหดห ความชรา ความสงบ ความเงยบ สภาพ สขม ถอมตน

• -สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความเจรญรงเรอง ความสข ความมงคง ความร ารวย การแผกระจาย

Page 75: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชสในเชงสญลกษณ

75

• สแดง

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

Page 76: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชสในเชงสญลกษณ (ตอ)

76

• สเขยว

• แสดงถงธรรมชาตสเขยว รมเยน มกใชสอความหมายเกยวกบการอนรกษธรรมชาต เกยวกบสงแวดลอม การเกษตร การเพาะปลกการเกดใหม ฤดใบไมผล การงอกงาม ในเครองหมายจราจร หมายถงความปลอดภย ในขณะเดยวกน อาจหมายถงอนตราย ยาพษ เนองจากยาพษ และสตวมพษ กมกจะมสเขยวเชนกน

Page 77: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชสในเชงสญลกษณ (ตอ)

77

• สเหลอง

• แสดงถงความสดใส ความเบกบาน โดยเรามกจะใชดอกไมสเหลอง ในการไปเยยมผปวย และแสดงความรงเรองความมงคง และฐานนดรศกด ในทางตะวนออกเปนสของกษตรย จกรพรรดของจนใชฉลองพระองคสเหลอง ในทางศาสนาแสดงความเจดจา ปญญา พทธศาสนาและยงหมายถงการเจบปวย โรคระบาด ความรษยา ทรยศ หลอกลวง

Page 78: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชสในเชงสญลกษณ (ตอ)

78

• สน าเงน

• แสดงถงความเปนสภาพบรษ มความสขม หนกแนน และยงหมายถงความสงศกด ในธงชาตไทย สน าเงนหมายถงพระมหากษตรย ในศาสนาครตสเปนสประจ าตวแมพระ โดยทวไป สน าเงนหมายถงโลก ซงเราจะ เรยกวา โลกสน าเงน (Blue Planet) เนองจากเปนดาวเคราะหทมองเหนจากอวกาศโดยเหนเปนสน าเงนสดใส เนองจากมพนน าทกวางใหญ

Page 79: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชสในเชงสญลกษณ (ตอ)

79

• สมวง

• แสดงถงพลง ความมอ านาจ ในสมยอยปตสมวงแดงเปนสของ กษตรยตอเนองมาจนถงสมยโรมน นอกจากน สมวงแดงยงเปนสชดของพระสงฆราช สมวงเปนสทมพลงหรอการมพลงแอบแฝงอย และเปนสแหงความผกพน องคการลกเสอโลกกใชสมวง สวนสมวงออนมกหมายถง ความเศรา ความผดหวงจากความรก

Page 80: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชสในเชงสญลกษณ (ตอ)

80

• สฟา

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

Page 81: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชสในเชงสญลกษณ (ตอ)

81

• สทอง

• มกใชแสดงถง คณคา ราคา สงของหายาก ความส าคญ ความสงสงสงศกด ความศรทธาสงสด ในศาสนาพทธ หรอ เปนสกายของพระพทธรป ในงานจตรกรรมเปนสกายของพระพทธเจา พระมหากษตรย

• หรอเปนสวนประกอบของเครองทรง เจดยตาง ๆ มกเปนสทอง หรอขาว และเปนเครองประกอบยศศกด ของกษตรยและขนนาง

Page 82: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชสในเชงสญลกษณ (ตอ)

82

• สขาว

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

Page 83: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชสในเชงสญลกษณ (ตอ)

83

• สด า

• แสดงถงความมด ความลกลบ สนหวง ความตายเปนทสนสดของทกสง โดยทสทกส เมออยในความมด จะเหนเปนสด า นอกจากนยงหมายถง ความชวราย ในครสตศาสนาหมายถง ซาตาน อาถรรพเวทมนต มนตด า ไสยศาสตร ความชงชง ความโหดราย ท าลายลาง ความลมหลงเมามว แตยงหมายถงความอดทน กลาหาญ เขมแขง และเสยสละไดดวย

Page 84: สื่อผสม ( Multimedia - Naresuan University · 2014. 10. 8. · •"สื่อผสม (Multimedia)" คือการผสมผสานหรือบูรณาการของสื่อ

การใชสในเชงสญลกษณ (ตอ)

84

• สชมพ

• แสดงถงความอบอน ออนโยน ความออนหวาน นมนวล ความนารก แสดงถงความรกของมนษยโดยเฉพาะรนหนมสาว เปนสของความ เอออาทร ปลอบประโลม เอาใจใสดแล ความปรารถนาด และอาจ หมายถงความเปนมตร เปนสของวยรน โดยเฉพาะผหญง และนยม ใชกบสงของเครองใชของเดกวยรนเปนสวนใหญ