Multimedia Technology

This chapter introduces Multimedia Technology, which combines text, images, audio, video, animation, and graphics into a single interactive system. It covers the concept and components of multimedia, raster and vector graphics with their file formats, image editing using Pixlr, audio concepts and editing using Audacity, video concepts and editing using Clipchamp, and 2D/3D animation.

For SEE, students should be able to define multimedia and its components, differentiate raster and vector graphics, identify common file formats for images, audio, and video, explain frame rate and resolution, and differentiate 2D and 3D animation.

Multimedia technology is a modern technology that combines different types of media such as text, images, audio, video, animations, and graphics into a single interactive system. It allows users to store, create, edit, and communicate information in an interesting and meaningful way. Multimedia is widely used in education, entertainment, advertising, online learning, mobile applications, and games. It helps people learn and understand better because it presents information in multiple ways through sounds, visuals, and text, making communication faster, clearer, and more enjoyable.

Example: Watching an animated video that includes text, sound effects, background music, and moving images is an experience of multimedia technology, which feels more interesting and engaging than plain text or image-based content.

Multimedia is made up of different types of media elements called components of multimedia. A multimedia system works by combining these components to present information in an interesting and easy-to-understand way. The main components of multimedia are text, image, audio, video, animation, and graphics.

Example: An educational app for kids uses text for instructions, images of animals, audio for animal sounds, videos of animal movements, animations of cartoons, and graphics for charts — all working together to make learning enjoyable.

Graphics are visual images or designs used to represent information in a clear and attractive way. There are two main types of graphics: Raster graphics and Vector graphics.

Raster Graphics: Raster graphics are digital images made up of tiny colored squares called pixels. Each pixel holds a color, and together they form a complete picture. When a raster image is zoomed in or enlarged, it can become blurry because the pixels stretch and become visible. Raster graphics are mostly used for photographs, scanned images, and detailed artwork. Common raster formats are JPG, PNG, and GIF.

Vector Graphics: Vector graphics are images made using mathematical formulas, lines, shapes, and curves. They do not use pixels, so they can be resized to any size without losing quality and stay sharp whether zoomed in or made bigger. Vector graphics are mostly used for logos, icons, diagrams, and illustrations. Common vector formats are SVG and PDF.

Graphics file formats are the different ways of saving and storing images on a computer. Each format has its own features such as image quality, file size, and ability to support transparency or animation. The right format is chosen based on where and how the image will be used.

Graphics editing tools are computer programs used to create and change pictures or drawings. They help edit photos, add colors, text, and effects to make images look better. Examples: Adobe Photoshop, CorelDRAW, Illustrator.

Pixlr is a web-based photo editing and graphic design application that allows users to create, edit, and enhance images directly from a web browser without installing any software. It provides essential tools such as cropping, filters, layers, retouching, and text effects, making it suitable for beginners and students. Pixlr can be opened by going to www.pixlr.com in a web browser.

Pixlr's interface includes a Menu Bar, Option Bar, Tool Bar, and Pixlr Palette. Pixlr provides many tools and features that help users to adjust and improve photos, add text, shapes, and effects, combine multiple images, and save and export images in different formats.

1) Layers: A layer in Pixlr is like a transparent sheet used to place images, text, or effects separately without affecting other parts of the design. Main features of layers: Add or Delete Layers, Arrange Order, Opacity Control, and Layer Effects (shadows, blending, or filters).

2) Text and Shapes: The Text Tool (T) is used to write words or sentences on an image; font, size, color, and style can be changed, and text is added on a separate layer. The Shape Tool allows drawing shapes like rectangles, circles, lines, or arrows; shapes can be resized, layered, and combined with other elements.

3) Image Placement: This means adding external images or graphics (photos, icons, stickers) onto the canvas and positioning them within the design. Steps: go to Layer menu -> Add Image as Layer (or use the + icon in the Layer Panel); select the image file; adjust the image (resize, move, rotate); arrange the image layer if necessary.

4) Image Selection: Allows choosing a specific part of an image to edit, move, copy, or delete. Selection tools include Marquee (rectangular/elliptical), Lasso, and Magic Wand. Selections can be resized, moved, saved, modified, inverted, or cleared.

5) Image Cropping: Used to remove unwanted parts of an image and highlight the main subject. Steps: use the Crop Tool to select the area to keep, adjust the crop box by dragging its corners, and click Apply or press Enter to finalize the crop.

6) Image Color Adjustment: Allows changing or enhancing colors to make an image brighter and more visually appealing. Common adjustments include brightness, contrast, hue, saturation, and color balance, which can be applied to the whole image or a selected area. Pixlr also offers quick tools like Auto Fix and Color Balance.

7) Painting and Erasing: The Draw Tool / Brush Tool is used to paint or draw on an image with different colors, brush sizes, and styles. The Eraser Tool removes parts of a layer or background — Standard Eraser erases manually, Magic Eraser removes similar color backgrounds quickly, and Background Eraser removes background while keeping the main subject intact.

8) Applying Special Effects: The Filter menu applies effects like Blur, Sharpen, Glowing Edges, Mosaic, and Artistic styles. Layer Style options add Shadow, Glow, Inner Glow, or Outline effects to text and shapes. Effects can be applied to individual layers.

9) Exporting Image: After completing a design, it can be exported to share, print, or use online. Steps: go to File -> Save or Export As; choose a file format like JPG, PNG, PDF, or WEBP; adjust image quality, size, and name before saving.

Audio refers to sound that can be heard by people. In multimedia, audio is an important component that includes music, sound effects, voice recordings, and spoken words, making content more lively, attractive, and meaningful.

Concept of Waveform: When a sound is recorded or created on a computer, it is converted into a digital form called an audio waveform, which is a visual representation of sound waves showing how volume (loudness) and pitch (high or low tone) change over time. The waveform goes up and down to represent sound vibrations — higher waves mean louder sounds, and lower waves mean softer sounds. This visual form helps people edit, cut, or mix sound in music software and audio editors.

Audio editing tools are software applications used to record, modify, mix, and enhance sound files, allowing users to cut, trim, merge, adjust volume, remove noise, add effects, and improve audio quality. Audacity and Adobe Audition are popular audio editing tools. Audacity is a free, open-source, cross-platform multimedia audio editing and recording software used in podcasts, videos, music production, and digital presentations.

The Audacity interface includes the Menu Bar, Transport Toolbar, Tools Toolbar, Meter Toolbar, Mixer Toolbar, Device Toolbar, Timeline, Edit Toolbar, Transcription Toolbar, Selection Toolbar, and Status Toolbar.

Step-1: Open Audacity. Step-2: Go to File -> New (or press Ctrl+N) to open a blank Project Window. Step-3: Set the Project Rate (Hz) — keep it at 44100 Hz for standard CD-quality sound — then go to File -> Save Project -> Save Project As, enter a name and location. The file is saved with the .aup3 extension, Audacity's native project format.

Step-1: Connect a microphone or headset and select the correct input device from the Device Toolbar. Step-2: Adjust the recording level using the microphone volume slider. Step-3: Click the Record button on the Transport Toolbar (or press R) to start recording. Step-4: Click the Stop button (or press Spacebar) to stop recording. Step-5: Click the Play button to listen to the recording.

Step-1: Open Audacity. Step-2: Go to File -> Import -> Audio. Step-3: Browse and select the audio file to import (e.g., .mp3, .wav, .ogg). Step-4: Click Open; the file appears as a new track. Step-5: Play, edit, or mix it with other recordings.

Step-1: Select the desired portion using the Selection Tool. Step-2: To copy, go to Edit -> Copy (or Ctrl+C). Step-3: To cut (remove), go to Edit -> Cut (or Ctrl+X). Step-4: Move the cursor to the new location. Step-5: Choose Edit -> Paste (or Ctrl+V) to insert it. The Time Shift Tool can drag an entire clip along the timeline, and Undo (Ctrl+Z) reverses unwanted edits.

Step-1: Select the portion of the audio track using the Selection Tool. Step-2: Go to the Effect menu. Step-3: Choose the desired effect (e.g., Amplify, Echo, Fade In, Noise Reduction). Step-4: Adjust the settings in the dialog box. Step-5: Click Preview to listen, then click OK to apply the effect.

Step-1: Go to the File menu. Step-2: Choose Export, then select a format — Export as MP3 (compressed, smaller size, good for online use), Export as WAV (high-quality, uncompressed), or Export as OGG (open-source format). Step-3: Choose a save location and file name. Step-4: Optionally fill in metadata tags like Title, Artist, and Comments. Step-5: Click OK to export and wait for the process to finish.

Video is a multimedia component that shows moving images along with sound. It is created by capturing or recording a series of images quickly and playing them one after another, giving the illusion of continuous motion. Videos make information more clear, lively, and interesting in presentations, movies, online lessons, and social media.

Frame Rate: A frame rate is the number of individual images (frames) shown in one second of a video, measured in frames per second (fps). For example, a video with 30 fps displays 30 images every second to create smooth motion. A higher frame rate means smoother, clearer motion, while a lower frame rate may make the video look jumpy or choppy. Common frame rates are 24 fps, 30 fps, and 60 fps.

Video Resolution: Video resolution refers to the number of pixels that make up a video image on a screen, affecting its clarity, sharpness, and quality. Higher resolution means better picture quality.

Video editing tools are software used to cut, arrange, and improve video clips, adding sound, text, and effects. Examples include CapCut, OpenShot, DaVinci Resolve, and Clipchamp. Clipchamp is a video editing tool developed by Microsoft that allows users to trim, cut, add music, text, and effects easily, exporting the final video in MP4 format. It works online in a browser without installation and is safe and supported by Microsoft for school use.

To start Clipchamp: open a browser (Chrome, Edge, or Firefox), type www.clipchamp.com in the address bar, and click Log in or Sign up to open the editor. The dashboard has: Project Title/Name Bar, Your Media, Sidebar/Editing Tools Panel, Timeline/Editing Area, Preview Window/Monitor, Playback Controls, Properties/Inspector Panel, and Timeline Controls.

Importing Media: Open Your Media, click Import media or drag files in, select videos/images/audio, and wait for upload. Media then appears ready to add to the timeline.

Trimming and Splitting Clips: Trimming removes unwanted parts from the start or end of a clip; splitting divides a clip into two or more parts using the Split (scissor) button after moving the playhead to the desired point.

Adding Text and Titles: Select a clip on the timeline, click the Text option in the Sidebar, choose a text style or title template, drag it onto the timeline, then edit words, font, size, color, and position.

Adjusting Volume and Speed: Select the clip, open the Properties/Inspector Panel, use the volume slider to increase/decrease sound, and use the Speed option to make the clip faster or slower.

Applying Filters and Transitions: Select a clip, open Filters in the Properties Panel to choose a style; to add a transition, place two clips next to each other, click Transitions in the Sidebar, and drag the chosen transition between them.

Inserting Background Music: Select the timeline location, use Your Media to upload audio or Stock Audio from the Content Library, choose a track, drag it to the audio layer below the video clips, and adjust length, start position, and volume.

Using Stickers and Shapes: Open the Content Library, select Graphics or Stickers and Shapes, choose one, drag it to the timeline, then resize, move, or rotate it and adjust its duration.

Selecting Screen Size: Choose an aspect ratio suited to the platform — 16:9 (Widescreen) for YouTube or computer display, 9:16 (Portrait) for mobile videos or reels, 1:1 (Square) for social media posts, and others like 4:5 (Vertical) for short videos and stories.

Exporting and Saving the Final Video: Click Export at the top-right, choose a resolution (e.g., 480p, 720p, or 1080p), wait for processing, then click Save to computer or choose another sharing option.

Sharing Videos Safely and Responsibly: Always watch the full video before sharing; never share personal information, school details, or private images; share only with trusted people; use safe, teacher/school-approved platforms; and respect copyright by using only free or permitted music, images, and clips.

Animation is a technique of creating moving images or objects by displaying a series of pictures or frames quickly, one after another, giving the illusion of continuous motion. In multimedia, animation makes content lively, interactive, and interesting, and is widely used in movies, cartoons, advertisements, educational videos, games, and websites.

2D Animation (Two-Dimensional Animation): Creates motion in a two-dimensional space where objects have only height and width. It is made using flat images, drawings, or characters that move on a flat surface, moving up, down, left, right, or diagonally, but without depth. Examples: cartoons like Tom and Jerry, traditional animated movies, and motion graphics in presentations.

3D Animation (Three-Dimensional Animation): Creates motion in a three-dimensional space where objects have height, width, and depth, making characters and objects look realistic and life-like since their shape can be seen from all sides. Objects can move forward, backward, up, down, and rotate in any direction, using advanced computer software. Examples: movies like Frozen, Toy Story, Avengers, and various 3D games.