Computer graphics and multimedia...•ความหมายของคอมพ วเตอร...

48
Computer graphics and multimedia

Transcript of Computer graphics and multimedia...•ความหมายของคอมพ วเตอร...

Page 1: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

Computer graphics and multimedia

Page 2: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

วตถประสงคการเรยนร

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

• ชนดของไฟลภาพกราฟก

• ประโยชนของคอมพวเตอรกราฟก

• ประโยชนของคอมพวเตอรกราฟกกบงานดานการภาพยนตร

• ประโยชนของคอมพวเตอรกราฟกกบงานดานเทคนคพเศษในภาพยนตร

• อนาคตของคอมพวเตอรกราฟก

• ความหมายของมลตมเดย และประโยชนของมลตมเดย

Page 3: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.1 บทน ำ

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

Page 4: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

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

5. 2 ควำมหมำยของคอมพวเตอรกรำฟก

Page 5: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.3 ชนดของไฟลภำพกรำฟก

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

• การจาแนกชนดของไฟลภาพกราฟกแบงออกเปน 2 ประเภท คอ ไฟลประเภทบตแมป (Bitmap) และ กราฟกไฟลประเภทเวคเตอร (Vector)

Page 6: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.3 ชนดของไฟลภำพกรำฟก

5.3.1 ภาพกราฟกแบบบตแมป (Bitmap) หรอแบบราสเตอร (Raster)

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

Page 7: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.3 ชนดของไฟลภำพกรำฟก

• ตวอยางชนดของกราฟกไฟลประเภทบตแมป

รปท 5.1 ตวอยางชนดของกราฟกไฟลประเภทบตแมป

Page 8: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

ชนดของกราฟกประเภทบตแมปทนยมใช ม 6 ชนด

• JPEG นยมนามาใชในงานระบบอนเตอรเนต เพราะไฟลมขนาดเลก• TIFF เหมาะสมตอการเกบบนทกภาพตนฉบบ และภาพสาหรบใชประกอบการ

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

กราฟฟก หรอเอกสารทกประเภทใหเปนไฟล PDF ได• PSD เปนไฟลกราฟฟกของโปรแกรมตกแตงรป Photoshop และสามารถ

บนทกกราฟฟกแบบเวคเตอรลงในไฟลได

Page 9: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.3 ชนดของไฟลภำพกรำฟก

• 5.3.2 ภาพแบบเวคเตอร (Vector) คอภาพทเกดจากเสนโคง และเสนตรง ซงเกดจากการคานวณทางคณตศาสตร ดงนนขอดของภาพกราฟกแบบเวคเตอร คอเมอทาการขยายภาพ ภาพจะยงคงความละเอยด และคมชดไวเสมอ

Page 10: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.3 ชนดของไฟลภำพกรำฟก

• ตวอยางชนดของกราฟกไฟลประเภทเวคเตอร

รปท 5.2 ตวอยางชนดของกราฟกไฟลประเภทเวคเตอร

Page 11: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.4 ประโยชนของคอมพวเตอรกรำฟกในกำรประยกตใชกบงำนดำนตำง ๆ

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

Page 12: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.3 ประโยชนของคอมพวเตอรกรำฟกในกำรประยกตใชกบงำนดำนตำง ๆ

5.4.1 คอมพวเตอรกราฟกกบงานดานโครงสรางอาคาร

ภาพท 5.3 การใชคอมพวเตอรกราฟกเพอออกแบบโครงสรางทางวศวกรรมของอาคารทอยอาศย

Page 13: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.4 ประโยชนของคอมพวเตอรกรำฟกในกำรประยกตใชกบงำนดำนตำง ๆ

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

Page 14: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.4 ประโยชนของคอมพวเตอรกรำฟกในกำรประยกตใชกบงำนดำนตำง ๆ

5.4.2 ตวอยางของคอมพวเตอรกราฟกกบงานดานวศวกรรมไฟฟา และอเลกทรอนกส

ภาพท 5.4 การใชโปรแกรมในการออกแบบดานวศวกรรมไฟฟา และอเลกทรอนกส

Page 15: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.4 ประโยชนของคอมพวเตอรกรำฟกในกำรประยกตใชกบงำนดำนตำง ๆ

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

Page 16: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.4 ประโยชนของคอมพวเตอรกรำฟกในกำรประยกตใชกบงำนดำนตำง ๆ

5.4.3 คอมพวเตอรกราฟกกบงานดานการออกแบบรถยนต

ภาพท 5.5 คอมพวเตอรกราฟกกบงานดานการออกแบบรถยนต

Page 17: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.4 ประโยชนของคอมพวเตอรกรำฟกในกำรประยกตใชกบงำนดำนตำง ๆ

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

Page 18: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.4 ประโยชนของคอมพวเตอรกรำฟกในกำรประยกตใชกบงำนดำนตำง ๆ

5.4.4 คอมพวเตอรกราฟกกบงานดานการออกการออกแบบโครงสรางสะพาน

ภาพท 5.6คอมพวเตอรกราฟกกบงานดานการออกแบบสะพาน

Page 19: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.5 ประโยชนของคอมพวเตอรกรำฟกกบงำนดำนกำรภำพยนตร

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

Page 20: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.6 ประโยชนของคอมพวเตอรกรำฟกกบงำนดำนกำรภำพยนตร

ตวอยางประโยชนของคอมพวเตอรกราฟกกบงานดานการภาพยนตร

ภาพท 5.7 ประโยชนของคอมพวเตอรกราฟกกบงานดานการภาพยนตรเรอง Avatar

Page 21: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.6 ประโยชนของคอมพวเตอรกรำฟกกบงำนดำนเทคนคพเศษในภำพยนตร

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

Page 22: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.6 ประโยชนของคอมพวเตอรกรำฟกกบงำนดำนเทคนคพเศษในภำพยนตร

ประโยชนของคอมพวเตอรกราฟกกบงานดานเทคนคพเศษในภาพยนตร

ภาพท 5.8 ประโยชนของคอมพวเตอรกราฟกกบงานดานเทคนคพเศษในภาพยนตรเรอง The Matrix

Page 23: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.7 อนำคตของคอมพวเตอรกรำฟกคอมพวเตอรกราฟกมการพฒนาขดความสามารถในการแสดงผล และ

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

Page 24: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.9 กำรแสดงผลภำพในรปแบบเสมอนจรง

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

Page 25: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.9 กำรแสดงผลภำพในรปแบบเสมอนจรง

ตวอยางเชนการนาเทคนคฮอโลแกรมมาใชในการจดคอนเสรตเพอราลกการจากไปของศลปนไมเคล

ภาพท 5.10 การใชเทคนคฮอโลแกรมในการสรางศลปนไมเคล แจกสนทเสยชวตไปแลวในงานคอนเสรต

Page 26: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

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

องคประกอบพนฐานของมลตมเดย ประกอบดวย5.10.1 ขอความ (Text)

5.10.2. ภาพนง (Still Image)

5.10.3. ภาพเคลอนไหว (Animation)

5.10.4. เสยง (Sound)

5.10.5. ภาพวดโอ (Video)

5.10 ความหมายของมลตมเดย

Page 27: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

องคประกอบพนฐานของมลตมเดย

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

รปท 5.12 การใชขอความในการสอความหมายผานแปนพมพ

Page 28: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

องคประกอบพนฐานของมลตมเดย

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

รปท 5.13 การใชภาพนงในการสอความหมายความเสยใจ

Page 29: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

องคประกอบพนฐานของมลตมเดย

5.10.3 ภาพเคลอนไหวหมายถง ภาพกราฟกทมการเคลอนไหว

เพอแสดงขนตอน หรอปรากฏการณตางๆ ทเกดขนอยางตอเนองในอตราการเ ค ล อ น ไ ห ว ท เ ห ม า ะ ส ม ท ง น เ พ อสรางสรรคใหผชมเกดจนตนาการ รปท 5.14 การใชโปรแกรมเฉพาะทางในการสรางภาพยนตรกานกลวย

Page 30: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

องคประกอบพนฐานของมลตมเดย

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

Page 31: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

องคประกอบพนฐานของมลตมเดย

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

2. ความพรอม ในการเสยงเปนสวนประกอบจะตองพจารณาดานอปกรณทง ฮารดแวร และซอฟตแวร ในการเลนเสยงใหสามารถมระบบการเลนกลบ หรอบนทกเสยงได หรอไม

3. การควบคม พจารณาความสามารถของระบบการควบคมเสยง เชน การควบคมระดบความดงของเสยง หรอสามารถปดเสยงไดเมอไมตองการรบฟง เปนตน

Page 32: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

องคประกอบพนฐานของมลตมเดย

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

Page 33: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

วดโอในปจจบน สำมำรถแบงไดเปน 3 มำตรฐำน 5.10.5.1. NTSC (National Television System Committee) เปนมาตรฐานนใชในประเทศสหรฐอเมรกา และญป น โดยการสรางภาพใ นแนวนอนทมอตราการเคลอนทของภาพทจานวน 30 เฟรมตอวนาท

5.10.5.2. PAL (Phase Alternate Line) เปนมาตรฐานทพฒนาโดยยโรป และมการนามาใชในประเทศไทย ออสเตรเลยองกฤษ และเยอรมน โดยการสรางภาพในแนวนอนทมอตราการเคลอนทของภาพทจานวน 25 เฟรมตอวนาท

5.10.5.3. SECAM (Sequential Color and Memory) เปนมาตรฐานทมการนามาใชในรสเซย ฝรงเศส และตะวนออกกลาง มอตราการเคลอนทของภาพทจานวน 25 เฟรมตอวนาท

Page 34: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.12 กำรประยกตใชงำนมลตมเดยในงำนดำนตำงๆ

5.12.1 คอมพวเตอรชวยสอน เปนการใชสอคอมพวเตอรในการนาเสนอเนอหาเรองราวตางๆ ทมลกษณะเปนการเรยนแบบมปฎสมพนธระหวางผ เรยนกบคอมพวเตอรทสามารถโตตอบกนได ซงเกยวของโดยตรงกบการออกแบบ และพฒนาโปรแกรมของคอมพวเตอรชวยสอนเปนหลก โดยคอมพวเตอรชวยสอนจะตองมลกษณะสาคญ 4 ประการ ซงเรยกวา 4-I คอ1. Information คอตองมเนอหาสาระสาคญ

2. Individualize คอตองตอบสนองความแตกตางระหวางบคคล

3. Interactive คอตองมการโตตอบระหวางผใชกบบทเรยนได4. Immediate Feedback คอตองใหผลยอนกลบโดยทนท

Page 35: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.12 กำรประยกตใชงำนมลตมเดยในงำนดำนตำงๆ

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

1. การดหนง ฟงเพลงผานเวลดไวดเวบ

http://www.youtube.com

2. การเลนเกมออนไลนผานเวบไซต

http://www.freegameonline.com

Page 36: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.12 กำรประยกตใชงำนมลตมเดยในงำนดำนตำงๆ

• 5.12.3 E-learning คอ การเรยนการสอนผานระบบอเลกทรอนกสซงในปจจบนสถานศกษาตางๆ ไดมการใช E-learning ประกอบการเรยนการสอนมากยงขน ผ เรยนสามารถเขาสบทเรยนไดจากทกทผานเครอขายอนเทอรเนตโดยการลงทะเบยน สามารถทาแบบฝกหด และทราบคะแนนไดทนท ซงสวนประกอบหลก ๆ ของ E-learning มดงตอไปน

1. การลงทะเบยนเรยนของนสต

2. บทเรยนตางๆ ทใชสอน

3. แบบทดสอบออนไลน

4. กระดานขาว เพอแลกเปลยนขอมลขาวสาร ระหวางผ เรยนดวยกน

Page 37: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.12 กำรประยกตใชงำนมลตมเดยในงำนดำนตำงๆ

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

Page 38: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.12 กำรประยกตใชงำนมลตมเดยในงำนดำนตำงๆ

5.12.5 ดานการฝกอบรม เปนการฝกอบรมและพฒนาพนกงานในองคกรดวยระบบคอมพวเตอร Computer Based Training (CBT) เพอเพมศกยภาพ และขดความสามารถในการปฏบตงาน เชน การฝกอบรมดานการเงนและการบญช และการฝกอบรมดานคอมพวเตอร เปนตน การอบรมดวยวธนสามารถเรยนในเวลาวางไดไมกระทบเวลาในการทางาน และสามารถเรยนรไดเองโดยไมจาเปนตองเรยนรจากอาจารยผสอนโดยตรงทาใหพนกงานแตละหนวยงานมความรทเปนมาตรฐานเดยวกน

Page 39: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.12 กำรประยกตใชงำนมลตมเดยในงำนดำนตำงๆ

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

Page 40: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.12 กำรประยกตใชงำนมลตมเดยในงำนดำนตำงๆ

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

Page 41: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.12 กำรประยกตใชงำนมลตมเดยในงำนดำนตำงๆ

5.12.8 ดานการแพทย เทคโนโลยมลตมเดยสามารถนามาประยกตใชในดานการแพทยได เชน ภาพเอกซเรยทไดจากการ CT Scan ซงจะใชคลนแมเหลกตรวจสอบรางกายมนษย และแสดงผลลพธการสแกนในรปแบบ 3 มต เปนตน นอกจากนยงสามารถใชเทคโนโลย Tele Medicine หรอระบบแพทยทางไกลผานดาวเทยมชวยในการวนจฉยเพอหาสาเหตของโรค เพอวางแผนการรกษา และวธการรกษาไดอยางรวดเรวผานระบบทางไกลไดอยางแมนยา

Page 42: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.12 กำรประยกตใชงำนมลตมเดยในงำนดำนตำงๆ

5.12.9 ดานการออกแบบทางดานวศวกรรม เทคโนโลยมลตมเดยชวยในการออกแบบเครองจกรไฟฟา วงจรอเลกทรอนกส และอาคาร โดยใชคอมพวเตอร Computer Aided Design (CAD) และ Computer Aided

Manufacturing (CAM) วศวกรจะใชซอฟตแวรสาหรบการออกแบบในการพฒนาผลตภณฑ ทแสดงสวนประกอบตางๆ ไดอยางละเอยด เหมอนจรง และเคลอนไหวได กอนทจะทาการผลตจรง

Page 43: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.13 ซอฟตแวรทนยมใชในงำนมลตมเดย

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

รปท 5.15 ตวอยางโปรแกรม Windows Movie Maker

Page 44: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.13 ซอฟตแวรทนยมใชในงำนมลตมเดย

• 5.13.2 Macromedia Flash เปนโปรแกรมทพฒนามาเพอสนบสนนการสรางงานกราฟก ทงภาพนง และภาพเคลอนไหว สาหรบการนาเสนอผานอปกรณตางๆ อกทงมฟงกชนชวยในการสรางผลงานหลากหลายรปแบบ ตลอดจนชดคาสงโปรแกรมม งทเรยกวา Flash Action Script ทเพมประสทธภาพในการทางาน และสามารถคอมไพล เปนโปรแกรมใชงานได

รปท 5.16 ตวอยางโปรแกรม Macromedia Flash

Page 45: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.13 ซอฟตแวรทนยมใชในงำนมลตมเดย

• 5.13.3 Adobe Photoshop CS6 เปนโปรแกรมประยกตทมความสามารถในการแกไข และตกแตงรปภาพ สามารถทางานกบระบบสตางๆ และและสามารถจดการกบรปแบบไฟลตางๆ ได

รปท 5.17 ตวอยางโปรแกรม Adobe Photoshop CS6

Page 46: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

5.13 ซอฟตแวรทนยมใชในงำนมลตมเดย

• 5.13.4 Adobe Illustrator CS6 เปนโปรแกรมทใชในการวาดภาพ โดยจะสรางภาพเปนลายเสน หรอทเรยกวา Vector Graphic ซงเปนนมาตรฐานในการออกแบบระดบสากล และสรางภาพเพอใชเปนภาพประกอบในงานอนๆ เชน การตน ภาพประกอบหนงสอ เปนตน

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

Adobe Illustrator CS6

Page 47: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

แบบฝกหด

• 1. จงอธบายความหมายของคาวามลตมเดย และองคประกอบพนฐานของมลตมเดย

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

• 3. จงอธบายความสาคญของการใชมลตมเดยในงาน E-learningพรอมยกตวอยางประกอบ 3 ตวอยาง

Page 48: Computer graphics and multimedia...•ความหมายของคอมพ วเตอร กราฟ ก •ชน ดของไฟล ภาพกราฟ ก •ประโยชน

แบบฝกหด

4. ใหนสตยกตวอยางสอทตวเองสนใจ พรอมอธบายถงเครองมอทจาเปนตองใชทง Hardware และ Software มาพอสงเขป5. เหตใดเทคโนโลยฮอโลแกรมจงไมไดรบความนยมมากนกในปจจบน และหากนสตจาเปนตองใชเทคโนโลยฮอโลแกรมนสตจะนามาใชกบการแสดงผลงานประเภทใด