SlideShare a Scribd company logo
MULTIMEDIA
COMPONENTS
Chapter 12, White Space Is Not Your Enemy
DEFINITION
Multimedia may combine type, image, audio, video, infographics, and
interactivity
MULTIMEDIA IN SILENT
FILMS
 Interspersed type frames to deliver dialogue and establish context
 Theatre organists provided musical accompaniments
THUMBNAILS,
STORYBOARDS, SITEMAPS
 Sketch thumbnail layouts
 Storyboard slideshows, animations, videos
 Site map content relationships along with user flow
STORYBOARDS
SLIDESHOWS AND IMAGES
 Don’t let transitions outshine your actual slides. Pick just one.
 Sort, crop, and edit photos before assembling a slideshow
 Consider image content, theme (colour and subject), orientation
 Focus on narrative continuity more than technical superiority
 Storyboarding can help if the slideshow has a narrative
SLIDESHOWS
 PACING.
 “KEN BURNS’ EFFECT.
 CAPTIONS/CUTLINES.
 LOOPING.
 INTERACTIVE IMAGE GALLERIES.
INTERACTIVE IMAGE
GALLERIES
 Generate more viewing traffic than automated slideshows
 Commonly offer an automated slideshow option
WORKING WITH AUDIO
 Use ambient audio sparingly
 Give the user control
 For narration, use the best microphone possible
 …Digital stock sites offer free music
VIDEO – SHOOTING TIPS
• Steady your camera
• Bright even lighting
• Shoot more than you think you need
• Capture a variety of angles (close-up, medium, full, wide, long)
• Zooming and Panning
• Composition (rule of thirds)
• Don’t talk while shooting
RULE OF THIRDS
VIDEO CONT’D
 Interviews, monologues (talking heads)
• Shoot in a quiet location
• Select talking head subject wisely
• Test footage
 Editing
• Best quality video possible (uncompressed, raw)
• Best quality audio
• Transitions
 … Stock video
TALKING HEADS
VIDEO ENCODING
 MPEG4 (MP4) is the most popular file format
 Aspect ratio
 Video-sharing sites (YouTube) offer embedding codes
ANIMATION
 Motion tweens.
 Pacing frames.
 Duration.
 File formats.
 Use restraint, don’t clutter.
ANIMATION
APPS, PLUG-INS, WIDGETS
 Apps are programs designed to run on computers, tablets,
smartphones, websites, or social media sites
 Plug-ins are code that give browsers or websites additional
functionality
 Widgets are the visible expression of a plug-in.
MULTIMEDIA
STORYTELLING
 Not every story or subject lends itself to multimedia treatment
 Choose the best multimedia elements for your content
 Select a primary medium and let other media play a supporting
role
 Make the interface intuitive
 Don’t let technology get in the way of the information
INTERACTIVE
COMPONENTS…
 Interactive music videos
 Augmented reality
 Comment boxes
 Interactive image galleries
TWEET #1
Name 1 multimedia component used on Montrealites or EatingCrow
E.g. Twitter Widget - EatingCrow Homepage #eatingcrows
MULTIMEDIA TOOLBOX
 Text (headlines, summaries, captions, external links, blogs)
 Data (statistics, spreadsheets, numbers, archives, lottery results)
 Images (still photos, illustrations, info-graphics, slideshows, galleries)
 Video (recorded clips, live feeds, historical footage, animation, tutorials)
 Audio (narration, music, sound effects, ambient sound,)
 User-Contributed Content (anecdotes, comments, photos, social networks)
 Mobile Content (RSS feeds, social networks, GPS applications)
 Site exposure (content and media sharing sites for video, photo, news, info)
TWEET #2
Give an example of something that uses multimedia, and list its
components
e.g. Silent film: video, text, music #eatingcrows
TWEET #3
Give an example of Interactive Media
E.g. The Wilderness Downtown-Arcade Fire, Interactive video
#eatingcrows

More Related Content

PPTX
Use of multimedia in school education-
PPT
Multimedia ppt
PPSX
What is Multimedia?.pptx
PPTX
What is Multimedia? individual report
PPTX
Multimedia
PPT
Introduction to Digital Media
PPTX
Multimedia
PPT
Multimedia Planning
Use of multimedia in school education-
Multimedia ppt
What is Multimedia?.pptx
What is Multimedia? individual report
Multimedia
Introduction to Digital Media
Multimedia
Multimedia Planning

What's hot (20)

PPTX
Multimedia - general lecture
PPTX
Educational technology chapter 7 printed media
PPT
Chapter 3 The Role of Multimedia in Education
PPTX
Storyboarding in Education
PPTX
introduction of Multimedia
PPT
Multimedia intro
PPT
B.sc i bio chem u 3introduction to multimedia
PDF
Instructional Media
PPTX
Multimedia presentation
PPTX
Intro to Multimedia Systems
PPTX
multimedia
PPTX
Multimedia
PPTX
E-content Features : Concept, Scope ppt presentation
PPTX
Multimedia Systems
PPT
Digital Storytelling
PPTX
Ppt ict
PPT
NPTEL PPT-April 2016
PPTX
Multimedia
PPTX
Multimedia in Education
PPTX
E-Content Development for Effective Learning
Multimedia - general lecture
Educational technology chapter 7 printed media
Chapter 3 The Role of Multimedia in Education
Storyboarding in Education
introduction of Multimedia
Multimedia intro
B.sc i bio chem u 3introduction to multimedia
Instructional Media
Multimedia presentation
Intro to Multimedia Systems
multimedia
Multimedia
E-content Features : Concept, Scope ppt presentation
Multimedia Systems
Digital Storytelling
Ppt ict
NPTEL PPT-April 2016
Multimedia
Multimedia in Education
E-Content Development for Effective Learning
Ad

Similar to Multimedia Components (20)

PPTX
MUTIMEDIA in empowerment technologies.pptx
PPTX
EMPOWERMENT-TECHNOLOGIES-Q2-MODULE-1.pptx
PPTX
Unit-1 Introduction to multimedia tools and technology
DOCX
Multimedia1
DOCX
Multimedia1
PPTX
Multimedia and all about it.
PPTX
Multimedia tools and applications-part1.pptx
PPTX
1 introduction multimedia
PDF
Multimedia 110526120716-phpapp01
PPTX
Multimedia ppt
PPTX
PPTX
MULTIMEDIA
PPTX
GEETA.pptx
PPTX
1-Intro to Multimedia -asdasd Part 1.pptx
PPTX
Presentation on Multimedia
PPTX
Lesson 1 multimedia
PPTX
Multimedia
DOCX
introduction to multimedia
PPTX
Multimedia IT Presentation
PPT
Advantages and disadvantages of multimedia
MUTIMEDIA in empowerment technologies.pptx
EMPOWERMENT-TECHNOLOGIES-Q2-MODULE-1.pptx
Unit-1 Introduction to multimedia tools and technology
Multimedia1
Multimedia1
Multimedia and all about it.
Multimedia tools and applications-part1.pptx
1 introduction multimedia
Multimedia 110526120716-phpapp01
Multimedia ppt
MULTIMEDIA
GEETA.pptx
1-Intro to Multimedia -asdasd Part 1.pptx
Presentation on Multimedia
Lesson 1 multimedia
Multimedia
introduction to multimedia
Multimedia IT Presentation
Advantages and disadvantages of multimedia
Ad

Recently uploaded (20)

PPTX
Review1_Bollywood_Project analysis of bolywood trends from 1950s to 2025
PDF
; Projeto Rixa Antiga.pdf
PPSX
opcua_121710.ppsxthsrtuhrbxdtnhtdtndtyty
PPTX
SlideEgg_21518-Company Presentation.pptx
PDF
the saint and devil who dominated the outcasts
PPTX
CPAR-ELEMENTS AND PRINCIPLE OF ARTS.pptx
PDF
Ricardo Salinas Pliego Accused of Acting as A Narcotics Kingpin
PPTX
CPAR_QR1_WEEK1_INTRODUCTION TO CPAR.pptx
PPTX
Theatre Studies - Powerpoint Entertainmn
PPTX
EJ Wedding 520 It's official! We went to Xinyi District to do the documents
PDF
Slide_BIS 2020 v2.pdf....................................
PPTX
Physical Education and Health Q4-CO4-TARPAPEL
PPTX
Socio ch 1 characteristics characteristics
PPTX
4277547e-f8e2-414e-8962-bf501ea91259.pptx
PPTX
vsfbvefbegbefvsegbthnmthndgbdfvbrsjmrysnedgbdzndhzmsr
PDF
DPSR MUN'25 (U).pdf hhhhhhhhhhhhhbbnhhhh
PPTX
G10 HOMEROOM PARENT-TEACHER ASSOCIATION MEETING SATURDAY.pptx
PPTX
DIMAYUGA ANDEA MAE P. BSED ENG 3-2 (CHAPTER 7).pptx
PPTX
Art Appreciation-Lesson-1-1.pptx College
PPTX
CPAR7 ARTS GRADE 112 LITERARY ARTS OR LI
Review1_Bollywood_Project analysis of bolywood trends from 1950s to 2025
; Projeto Rixa Antiga.pdf
opcua_121710.ppsxthsrtuhrbxdtnhtdtndtyty
SlideEgg_21518-Company Presentation.pptx
the saint and devil who dominated the outcasts
CPAR-ELEMENTS AND PRINCIPLE OF ARTS.pptx
Ricardo Salinas Pliego Accused of Acting as A Narcotics Kingpin
CPAR_QR1_WEEK1_INTRODUCTION TO CPAR.pptx
Theatre Studies - Powerpoint Entertainmn
EJ Wedding 520 It's official! We went to Xinyi District to do the documents
Slide_BIS 2020 v2.pdf....................................
Physical Education and Health Q4-CO4-TARPAPEL
Socio ch 1 characteristics characteristics
4277547e-f8e2-414e-8962-bf501ea91259.pptx
vsfbvefbegbefvsegbthnmthndgbdfvbrsjmrysnedgbdzndhzmsr
DPSR MUN'25 (U).pdf hhhhhhhhhhhhhbbnhhhh
G10 HOMEROOM PARENT-TEACHER ASSOCIATION MEETING SATURDAY.pptx
DIMAYUGA ANDEA MAE P. BSED ENG 3-2 (CHAPTER 7).pptx
Art Appreciation-Lesson-1-1.pptx College
CPAR7 ARTS GRADE 112 LITERARY ARTS OR LI

Multimedia Components

  • 1. MULTIMEDIA COMPONENTS Chapter 12, White Space Is Not Your Enemy
  • 2. DEFINITION Multimedia may combine type, image, audio, video, infographics, and interactivity
  • 3. MULTIMEDIA IN SILENT FILMS  Interspersed type frames to deliver dialogue and establish context  Theatre organists provided musical accompaniments
  • 4. THUMBNAILS, STORYBOARDS, SITEMAPS  Sketch thumbnail layouts  Storyboard slideshows, animations, videos  Site map content relationships along with user flow
  • 6. SLIDESHOWS AND IMAGES  Don’t let transitions outshine your actual slides. Pick just one.  Sort, crop, and edit photos before assembling a slideshow  Consider image content, theme (colour and subject), orientation  Focus on narrative continuity more than technical superiority  Storyboarding can help if the slideshow has a narrative
  • 7. SLIDESHOWS  PACING.  “KEN BURNS’ EFFECT.  CAPTIONS/CUTLINES.  LOOPING.  INTERACTIVE IMAGE GALLERIES.
  • 8. INTERACTIVE IMAGE GALLERIES  Generate more viewing traffic than automated slideshows  Commonly offer an automated slideshow option
  • 9. WORKING WITH AUDIO  Use ambient audio sparingly  Give the user control  For narration, use the best microphone possible  …Digital stock sites offer free music
  • 10. VIDEO – SHOOTING TIPS • Steady your camera • Bright even lighting • Shoot more than you think you need • Capture a variety of angles (close-up, medium, full, wide, long) • Zooming and Panning • Composition (rule of thirds) • Don’t talk while shooting
  • 12. VIDEO CONT’D  Interviews, monologues (talking heads) • Shoot in a quiet location • Select talking head subject wisely • Test footage  Editing • Best quality video possible (uncompressed, raw) • Best quality audio • Transitions  … Stock video
  • 14. VIDEO ENCODING  MPEG4 (MP4) is the most popular file format  Aspect ratio  Video-sharing sites (YouTube) offer embedding codes
  • 15. ANIMATION  Motion tweens.  Pacing frames.  Duration.  File formats.  Use restraint, don’t clutter.
  • 17. APPS, PLUG-INS, WIDGETS  Apps are programs designed to run on computers, tablets, smartphones, websites, or social media sites  Plug-ins are code that give browsers or websites additional functionality  Widgets are the visible expression of a plug-in.
  • 18. MULTIMEDIA STORYTELLING  Not every story or subject lends itself to multimedia treatment  Choose the best multimedia elements for your content  Select a primary medium and let other media play a supporting role  Make the interface intuitive  Don’t let technology get in the way of the information
  • 19. INTERACTIVE COMPONENTS…  Interactive music videos  Augmented reality  Comment boxes  Interactive image galleries
  • 20. TWEET #1 Name 1 multimedia component used on Montrealites or EatingCrow E.g. Twitter Widget - EatingCrow Homepage #eatingcrows
  • 21. MULTIMEDIA TOOLBOX  Text (headlines, summaries, captions, external links, blogs)  Data (statistics, spreadsheets, numbers, archives, lottery results)  Images (still photos, illustrations, info-graphics, slideshows, galleries)  Video (recorded clips, live feeds, historical footage, animation, tutorials)  Audio (narration, music, sound effects, ambient sound,)  User-Contributed Content (anecdotes, comments, photos, social networks)  Mobile Content (RSS feeds, social networks, GPS applications)  Site exposure (content and media sharing sites for video, photo, news, info)
  • 22. TWEET #2 Give an example of something that uses multimedia, and list its components e.g. Silent film: video, text, music #eatingcrows
  • 23. TWEET #3 Give an example of Interactive Media E.g. The Wilderness Downtown-Arcade Fire, Interactive video #eatingcrows