3.1 Concept of Multimedia Technology

Multimedia refers to the combination of two or more different types of media such as text, images, audio, video, and animation used together to communicate information or tell a story. Instead of relying on just one form of content, multimedia blends multiple forms to create a richer, more engaging experience.

Why Multimedia Matters

• Makes information easier to understand by presenting it in multiple ways at once (seeing, hearing, reading)
• Increases engagement, since people generally respond better to a mix of visuals, sound, and text than to text alone
• Supports different types of learners some understand better through images, others through sound or motion
• Widely used in education, entertainment, advertising, journalism, and social media

Examples of Multimedia in Everyday Life

• A YouTube video combining visuals, spoken narration, background music, and on-screen text
• An e-learning app combining diagrams, animations, and audio explanations
• A video game combining graphics, sound effects, music, and animation
• A news website combining articles, photos, and embedded videos

3.2 Multimedia Component Concepts (Text, Graphics, Audio, Video, Animation)

Multimedia is built from five main components, each contributing something different to the overall experience.

Text

The most basic multimedia component, used to convey specific information, labels, titles, or explanations. Even in video-heavy content, text is often used for subtitles, captions, or on-screen labels.

Graphics

Still images, illustrations, icons, or photographs used to visually represent information, often making content easier to understand at a glance than text alone.

Audio

Any form of sound used in multimedia, including background music, narration, sound effects, or recorded speech, adding emotion, emphasis, or clarity to content.

Video

A sequence of moving images, usually combined with audio, used to show real-world action, demonstrations, or recorded events over time.

Animation

Artificially created moving images, made by displaying a series of individual drawings or frames in quick succession, used to represent movement, processes, or ideas that would be hard to show with real video, such as explaining how blood flows through the heart.

Most modern multimedia content, such as an educational video, actually combines all five of these components together at once.

3.3 Graphics: Concept of Raster and Vector, Graphics File Formats

Raster Graphics

Raster (or bitmap) images are made up of a grid of tiny colored squares called pixels. Each pixel stores its own color information, and together they form the complete image. Photographs are almost always raster images.

The main limitation of raster images is that enlarging them beyond their original size causes them to become blurry or pixelated (visibly blocky), since there isn’t enough stored detail to fill the larger space smoothly.

Vector Graphics

Vector images are made up of mathematical paths, points, lines, and curves, rather than individual pixels. Because they’re defined by math rather than fixed pixels, vector images can be resized to any size larger or smaller without losing quality or becoming blurry.

Vector graphics are commonly used for logos, icons, and illustrations, where the image needs to look sharp at many different sizes, from a tiny app icon to a large printed banner.

Raster	Vector
Made of pixels	Made of mathematical paths
Loses quality when enlarged	Stays sharp at any size
Best for photographs	Best for logos and icons
Common formats: JPG, PNG, GIF	Common format: SVG

Common Graphics File Formats

• PNG : a raster format that supports transparent backgrounds and high image quality without much loss, commonly used for logos and web graphics
• GIF : a raster format known for supporting simple animations and limited color palettes, often used for short looping animations online
• JPG (or JPEG) : a raster format that compresses (shrinks) file size by slightly reducing quality, widely used for photographs since it keeps file sizes manageable
• SVG (Scalable Vector Graphics) : a vector format that can be resized infinitely without losing quality, often used for logos, icons, and illustrations on websites
• PDF (Portable Document Format) : a format that can contain both text and graphics (raster or vector), designed to preserve exact layout and formatting across different devices and printers

3.4 Audio: Concept of Audio Waveform, Audio File Formats

Audio Waveform

Sound travels as vibrations through the air, and when recorded digitally, these vibrations are represented visually as a waveform a graph showing how the sound’s amplitude (loudness) changes over time. Louder sounds create taller peaks in the waveform, while quieter sounds create smaller ones. Audio editing software displays this waveform so users can visually see and edit different parts of a recording, such as trimming silence or isolating a specific sound.

Common Audio File Formats

• MP3 : one of the most common audio formats, compressed to reduce file size while keeping reasonably good sound quality, widely supported across nearly all devices and platforms
• AAC (Advanced Audio Coding) : a newer compressed format that generally offers better sound quality than MP3 at similar file sizes, commonly used by platforms like Apple Music and YouTube
• WAV : an uncompressed audio format that preserves full sound quality, resulting in much larger file sizes, often used in professional audio editing and recording before being converted to a compressed format for distribution

3.5 Video: Concept of Frame Rate and Resolution, Video File Formats

Frame Rate

A video is actually a rapid sequence of still images, called frames, displayed one after another to create the illusion of smooth motion. Frame rate refers to how many of these frames are displayed per second, measured in FPS (frames per second). A higher frame rate (such as 60 FPS) generally produces smoother-looking motion than a lower one (such as 24 FPS), which is why action and sports footage often uses higher frame rates.

Resolution

Resolution refers to the number of pixels that make up a video’s picture, usually described as width × height (for example, 1920 × 1080). A higher resolution means more pixels, which generally results in a sharper, more detailed image.

• SD (Standard Definition) : lower resolution video, such as 480p, resulting in smaller file sizes but less sharp detail
• HD (High Definition) : higher resolution video, such as 720p or 1080p, offering noticeably sharper and more detailed picture quality than SD

Common Video File Formats

• MP4 : the most widely supported and commonly used video format, offering good quality at relatively small file sizes, compatible with almost all devices and platforms
• MOV : a format developed by Apple, commonly produced by iPhones and Mac software, offering high quality but often larger file sizes than MP4
• AVI : an older video format that generally results in larger file sizes, still supported by many programs but less commonly used for online sharing today

3.6 Animation Concept: 2D and 3D Animation

2D Animation

2D animation creates movement using flat, two-dimensional images or drawings, with motion happening along only height and width (no depth). Traditional cartoons and many explainer videos use 2D animation, where characters and objects are drawn or designed flat and then moved across the screen.

3D Animation

3D animation creates movement using three-dimensional models that have depth, in addition to height and width, allowing objects and characters to be viewed and rotated from different angles, similar to real physical objects. This technique is commonly used in modern animated films, video games, and product visualizations, and generally requires more processing power and specialized software than 2D animation.

2D Animation	3D Animation
Flat, two-dimensional images	Three-dimensional models with depth
Simpler and generally faster to produce	More complex, often requires more processing power
Common in traditional cartoons, explainer videos	Common in modern animated films, video games

Practical Tasks

1. Create and edit graphics using a tool such as Pixlr X or Adobe Photoshop, working with:
   • Layers : stacking separate elements on top of each other to edit them independently
   • Text : adding and formatting text on an image
   • Shapes : inserting basic shapes like rectangles, circles, or lines
   • Image placement : positioning and arranging images within the canvas
   • Selection : selecting specific parts of an image to edit, move, or remove
   • Exporting : saving the finished graphic in a suitable format, such as PNG or JPG
2. Create and edit audio using a tool such as Audiomass or Audacity, working with:
   • Recording : capturing audio using a microphone
   • Importing : bringing in existing audio files to edit
   • Cutting : trimming or removing unwanted parts of a recording
   • Effects : applying changes like fade in/out, echo, or noise reduction
   • Exporting : saving the finished audio file in a format such as MP3 or WAV
3. Create and edit video using a tool such as Clipchamp or CapCut, working with:
   • Importing : bringing video, audio, and image files into the project
   • Timeline : arranging clips in the order they should play
   • Cutting : trimming clips to remove unwanted footage
   • Transitions : adding effects between clips, such as fades or slides
   • Effects : applying visual filters or adjustments to clips
   • Text : adding titles, captions, or labels onto the video
   • Exporting : saving the finished video in a format such as MP4

Important Questions

1. What is multimedia? Explain with an example.
2. List the five main components of multimedia.
3. Why is multimedia considered more engaging than plain text alone?
4. Differentiate between raster and vector graphics.
5. Why do raster images lose quality when enlarged, while vector images do not?
6. List any three graphics file formats and describe when each is best used.
7. What is an audio waveform, and what does it represent?
8. Differentiate between MP3, AAC, and WAV audio file formats.
9. Why is a WAV file usually much larger than an MP3 file of the same recording?
10. What is frame rate? How does it affect the smoothness of a video?
11. What is resolution in the context of video, and how does SD differ from HD?
12. List any three video file formats and briefly describe each.
13. What is animation? Differentiate between 2D and 3D animation.
14. Give two real-world examples where 2D animation is commonly used.
15. Give two real-world examples where 3D animation is commonly used.
16. Name one software tool each for editing graphics, audio, and video.
17. Why might a designer choose SVG over PNG for a company logo?
18. What is the purpose of using layers when editing a graphic?
19. What is the purpose of a timeline when editing a video?
20. Explain why transitions and effects are used in video editing.