Computer Graphics (DIPCS502) – Detailed Notes

UNIT I: Introduction to Computer Graphics

Computer Graphics means creating pictures, animations, or videos on a computer. It

helps us see things in a visual way instead of just text or numbers

z
It includes the creation of both 2D and 3D graphical content, ranging from simple bar
charts to complex 3D models in video games or simulations.

Types of Computer Graphics (with Definitions &

a
Examples):

1. Raster Graphics

a
Raster graphics are images made up of tiny dots called pixels. Each pixel has its own
color, and when thousands of them are placed together, they form a full picture.

r
Think of it like a photo made with tiny colored tiles.

🟢 Example: Digital photos, screenshots, scanned images

2. Vector Graphics

Vector graphics are made using lines, curves, and shapes that are based on
mathematical formulas. These graphics can be resized without losing quality.

Think of it like drawing with shapes, not dots.

🟢 Example: Logos, icons, SVG images

3. 2D Graphics (Two-Dimensional Graphics)

2D graphics show images in only two directions: height and width. These graphics are
flat and have no depth.
Think of it like a drawing on paper.

🟢 Example: Cartoons, floor plans, bar charts

4. 3D Graphics (Three-Dimensional Graphics)

z
3D graphics show images in three directions: height, width, and depth. These look
more real and are used in modern games and designs.

Think of it like a model of a house that you can see from all sides.

🟢 Example: 3D games, animated movies, product designs

a
5. Interactive Graphics

a
Interactive graphics allow the user to control or change the image by clicking, moving,
or typing. These graphics respond to what the user does.

r
Think of it like playing a video game or using a map app.

🟢 Example: Video games, mobile apps, simulation software

Raster Scan Displays

Storage Tube Displays

A Storage Tube Display is a type of display device that can store the image on the
screen without needing to refresh it continuously. Once something is drawn on the
screen, it stays there until it is cleared or changed manually.

It’s like writing with chalk on a blackboard — the writing stays until you erase it.
 z
How it Works (Simple Explanation):

a
●​ It uses a device called a Cathode Ray Tube (CRT).​

●​ When an image is drawn, electrons hit the screen and leave a charge there.​

a
●​ This charge keeps the image visible — no need to redraw.​

●​ To remove or change the picture, the entire screen has to be cleared.

r
Cathode Ray Tube (CRT)

Types of Storage Tube Displays:

1. Direct-View Storage Tube (DVST)

2. Storage Oscilloscope

1. Refreshing
Refreshing is the process of repeatedly redrawing or rewriting the image on a display
screen many times per second to maintain its visibility, as the image naturally fades
over time due to the properties of the display system.

Refresh Rate:

●​ Measured in Hertz (Hz)

●​ 60 Hz = screen refreshes 60 times in one second
2. Flickering
Flickering is the rapid and visible flashing or instability of an image on a display screen
caused by a low refresh rate, where the screen is not redrawn frequently enough to
maintain a steady and stable appearance.

Flickering is the visible shaking or flashing of an image on the screen. It happens

z
when the refresh rate is too low.

Think of it like: A tube light blinking rapidly — very disturbing to eyes.

How to Reduce Flickering:

a
●​ Use a higher refresh rate (e.g., 75 Hz or more)​

●​ Use modern LED/LCD monitors​

a
●​ Use interlacing (explained below)​

3. Interlacing

r
Interlacing is a screen-refreshing technique in which the display is updated in two
passes—first updating all odd-numbered lines and then the even-numbered lines—to
reduce flickering and bandwidth usage without increasing the overall refresh rate.

Interlacing is a technique to reduce flickering without increasing the refresh rate too
much. In interlaced displays, the screen is refreshed in two parts:

1.​ First refreshes odd-numbered lines (1, 3, 5...)​

2.​ Then refreshes even-numbered lines (2, 4, 6...)​

This way, the screen looks fully refreshed with half the effort.

Think of it like: Cleaning alternate stairs first, then coming back for the others — faster
and saves energy.

Benefits:
 ●​ Reduces flickering​

●​ Saves processing power​

●​ Used in older CRT TVs and monitors

Advantages:

z
●​ Reduces flickering compared to non-interlaced displays.​

●​ Saves bandwidth and processing resources.​

a
Disadvantages:

●​ Can cause blurring or distortion in fast-moving images.​

●​ Less suitable for modern high-resolution or dynamic applications.​

a
4. Color Monitors

r
Color monitors are display devices that generate images in multiple colors by using a
combination of red, green, and blue (RGB) subpixels in each pixel, allowing them to
produce a wide range of colors through varying intensities of these primary colors.

How They Work:

●​ Screen is made of tiny dots called pixels​

●​ Each pixel has 3 sub-pixels: one red, one green, one blue​

●​ By adjusting the brightness of these three, millions of colors can be created​

Think of it like: Mixing red, green, and blue paint to make new colors

Pixels:- A pixel is the smallest part of a picture on a computer screen. It is like a tiny
dot, and many pixels together make the full image we see. Each pixel can have its own
color and brightness.​
Color Depth:

Color depth indicates how many distinct colors a monitor can display. For example:

z
●​ 8-bit color can display 256 colors.​

●​ 24-bit color (True Color) can display over 16 million colors.​

a
Applications:

Color monitors are widely used in fields such as graphic design, gaming, multimedia
production, data visualization, and general computing.

a
Types of Color Monitors:

1.​ CRT (Cathode Ray Tube) Monitors:​

r
○​ Use electron beams to excite phosphor dots on the screen.​

○​ Bulky and heavy, but support high-quality color displays.​

2.​ LCD (Liquid Crystal Display) Monitors:​

○​ Use liquid crystals and a backlight.​

○​ Slim and lightweight with lower power consumption.​

3.​ LED (Light Emitting Diode) Monitors:​

○​ Similar to LCDs but use LED backlighting.​

○​ Brighter, more energy-efficient, and longer-lasting.​

Display Processor
A display processor is a special part of a computer graphics system that manages
how images are shown on the screen. It controls important display settings such as:

1.​ Display Resolution – the number of pixels shown on the screen (for example,
1920×1080). Higher resolution means clearer and sharper images.

Example:

z
●​ 640 × 480 — Low resolution​

●​ 1280 × 720 — HD (High Definition)​

●​ 1920 × 1080 — Full HD​

a
●​ 3840 × 2160 — 4K Ultra HD

a
2.​ Refresh Rate – how many times per second the screen updates the image
(measured in Hertz). A higher refresh rate makes the display smoother and
reduces flickering.​

r
Common Refresh Rates:

●​ 60 Hz — Standard for basic displays​

●​ 75 Hz – Better for eye comfort​

●​ 120 Hz, 144 Hz – Used in gaming and high-performance displays

3.​ Rendering Pipeline​

The rendering pipeline is a series of steps that take graphics data (like
shapes, colors, lighting) and turn it into a final image that appears on the
screen.

These steps include:

●​ Modeling – Creating the shapes and objects.​

 ●​ Transformation – Placing objects in the scene.​

●​ Lighting – Adding light and shading to make it look real.​

●​ Rasterization – Converting shapes into pixels.​

●​ Display – Sending the final image to the screen.​

z
working principle of dot matrix

a
A dot matrix printer is an impact printer that prints characters or images by striking a
group of small pins against an ink ribbon, which touches the paper and leaves marks in
the form of tiny dots.

Working Principle:

a
●​ A print head containing pins (usually 9 or 24) moves back and forth across the
paper.​

r
●​ As the head moves, the pins strike the inked ribbon, which then hits the paper
and makes dot-shaped impressions.​

●​ These dots are combined to form characters and graphics.​

●​ Printing is done line by line, and paper is usually moved using tractor feeds.​

Key Points:

●​ Noisy, low-quality output​

●​ Can print through multi-layer carbon copies​

●​ Used for invoices, receipts, and bills​

2. Inkjet Printer
Definition:

An inkjet printer is a non-impact printer that creates images by spraying tiny

droplets of liquid ink directly onto the paper through very fine nozzles.

Working Principle:

z
●​ The printer has one or more cartridges filled with colored inks.​

●​ When printing, the print head moves across the page.​

●​ It uses either thermal (heat) or piezoelectric (vibration) methods to force ink

a
droplets out of the nozzle.​

●​ The ink is sprayed in very small dots, which combine to form text and images.​

a
Key Points:

●​ Good quality and color output​

r
●​ Quiet and compact​

●​ Suitable for photo printing and home use​

●​ Slower than laser printers​

3. Laser Printer
Definition:

A laser printer is a non-impact printer that uses a laser beam and electrostatic
charge to produce high-quality text and graphics on paper.

Working Principle:

●​ A rotating drum inside the printer is given an electrical charge.​

 ●​ A laser beam is directed onto the drum to form an electrostatic image of the
page to be printed.​

●​ This image attracts dry toner powder, which sticks only to the charged areas.​

●​ The toner is then transferred to the paper and melted using heat (fuser unit)
so it permanently sticks.​

z
Key Points:

●​ Very fast and quiet​

a
●​ High-quality and sharp prints​

●​ Best for office and business use​

a
●​ Uses toner (powder) instead of liquid ink​

r
Comparison Summary:

Feature Dot Matrix Inkjet Laser

Type Impact Non-impact Non-impact

Ink Used Ribbon Liquid ink Toner powder

Speed Slow Medium Fast

Quality Low Good Excellent

Color Printing Limited Yes Yes (color model)

Cost Low Medium High (initial), low per

page

z
Common Use Bills, Home, Office, documents
receipts photos

a
1. Keyboard

a
Definition:

A keyboard is an input device used to enter text, numbers, and commands into a
computer by pressing keys.

r
Working Principle:

●​ The keyboard is made up of a matrix of circuits under each key.​

●​ When a key is pressed, it completes a specific electrical path and sends a scan
code to the processor.​

●​ A keyboard controller inside the keyboard detects which key is pressed.​

●​ The scan code is then sent to the computer, where the operating system
converts it into a readable character or command.​

Key Points:

●​ Works based on an electrical switch circuit.​

●​ Uses ASCII or Unicode to translate codes into characters.​

 ●​ Often connected via USB or wireless technology.​

2. Mouse

z
Definition:

A mouse is a pointing input device used to move the cursor and interact with the
graphical user interface on the screen.

a
Working Principle:

For Optical Mouse:

●​ Uses an LED (light-emitting diode) and a sensor.​

a
●​ As the mouse moves, the surface texture changes are detected by the sensor.​

●​ These movements are translated into X and Y coordinates and sent to the

r
computer.​

For Mechanical Mouse:

●​ Contains a rubber ball that rotates when the mouse is moved.​

●​ Rollers inside detect movement and convert it into cursor movement.​

Key Points:

●​ Controls pointer on the screen.​

●​ Comes in wired and wireless versions.​

●​ Most modern mice use optical or laser technology.​

3. Scanner
Definition:

A scanner is an input device that converts physical documents or images into digital
format for storage and processing.

z
Working Principle:

●​ The scanner contains a light source (usually LED) that illuminates the
document.​

a
●​ Light is reflected from the document onto a sensor array (CCD – Charge
Coupled Device or CIS – Contact Image Sensor).​

●​ The sensor converts the reflected light into electrical signals.​

a
●​ These signals are converted into digital data (image or text) using software.​

r
Key Points:

●​ Used for scanning photos, printed documents, barcodes, etc.​

●​ Comes in flatbed, handheld, and sheet-fed forms.​

●​ Output format: JPEG, PNG, PDF, or text (with OCR software).​

4. Digitizing Camera (Digital Camera)

Definition:

A digitizing camera, also called a digital camera, captures still or moving images and
stores them in digital form.

Working Principle:
 ●​ The camera lens collects light from the scene and focuses it onto an image
sensor (usually CCD or CMOS).​

●​ The sensor is made up of thousands to millions of photosensitive cells (pixels).​

●​ Each cell captures light and converts it into an electrical signal.​

z
●​ These signals are digitized and saved as image files (e.g., JPEG, PNG).​

Key Points:

a
●​ Used for image capturing and video recording.​

●​ Supports zoom, focus, and various modes.​

●​ Images can be transferred to a computer via USB or memory card.​

ra
5. Trackball
Definition:

A trackball is a pointing device similar to a mouse but with a ball on the top that is
rotated by the user.

Working Principle:

●​ The ball is rotated using fingers, and internal sensors detect the direction and
speed of the movement.​

●​ Movement is converted into cursor motion using electronic signals.​

●​ Works on optical or mechanical sensing depending on the model.​

Key Points:
 ●​ Stationary device – only the ball moves.​

●​ Useful for limited desk space or specialized applications.​

●​ Often used in kiosks and industrial systems.​

z
6. Graphics Tablet (Digitizing Tablet / Pen Tablet)
Definition:

a
A graphics tablet is an input device that allows users to draw or write on a flat surface
using a special pen (stylus), and it captures the input digitally.

Working Principle:

●​ The tablet surface has an electromagnetic grid or capacitive surface.​

a
●​ When the stylus touches the surface, the grid detects the position (X, Y
coordinates) and sometimes pressure.​

r
●​ These inputs are processed and converted into digital lines or strokes.​

●​ The drawing appears on the computer screen in real-time.​

Key Points:

●​ Used in design, illustration, and handwriting applications.​

●​ Stylus may support pressure sensitivity.​

●​ Can be USB, Bluetooth, or wireless.​

7. Joystick
Definition:
A joystick is an input device used mainly for gaming or controlling machines, consisting
of a handle that pivots in different directions.

Working Principle:

●​ The stick movement changes the position of resistors or switches inside the
base.​

z
●​ These changes are converted into electrical signals.​

●​ The computer interprets the direction and movement for controlling games,
robotic arms, or simulations.​

a
Key Points:

●​ Allows movement in multiple directions (X and Y axes).​

a
●​ Some joysticks include buttons or triggers.​

●​ Common in simulators, games, and industrial systems.​

r
Summary Table

Input Device Type Main Principle Use Case

Keyboard Text input Key press sends scan code via Typing, commands
closed circuit

Mouse Pointing Movement detection via light UI navigation

or ball
Scanner Imaging Light reflection captured and Document/image
digitized scanning

Camera Imaging Light captured by sensor and Photo/video capture

z
converted to pixels

Trackball Pointing Ball rotation detected by Limited-space cursor

internal sensors control

a
Tablet Drawing Stylus position sensed via Digital art, design,
input electromagnetic surface handwriting

a
Joystick Directional Movement detected through Gaming, robotics,
switches/resistors simulation

r
Graphical Input Techniques

Positioning Techniques
It is a very basic technique of graphical input. It is also known as locating.​
With the help of an input device like a mouse, light pen, or touchscreen, the user
indicates a position on the screen. This position is used to display or place an object.

For example: The input position can be used to insert a symbol, to specify the
endpoint of a line, or to place a new object in a drawing.

The process of positioning involves two steps:

1.​ In the first step, the user moves the cursor to the desired spot on the screen.​
 2.​ In the second step, the user confirms the position by pressing a key or clicking
a button.​

Positioning is very often used in geometric modeling applications, where the user
wants to define a new element of a model or change the position of an existing
object.

z
Positioning Constraints

a
A constraint is a rule used by the user to control or change the values of coordinates
in order to produce the required alignment or shape of displayed graphics.

There are three types of positioning constraints, which are as follows:

a
1. Grid Constraint

r
In grid constraint, the screen is divided into an imaginary set of horizontal and vertical
lines like a graph paper.​
The cursor or object automatically moves (or "snaps") to the nearest grid point.​
This helps to maintain proper alignment of shapes or symbols.

Example: Used in CAD or design software for perfect line or object placement.

2. Axis Constraint

Axis constraint forces the input to move only along a horizontal or vertical axis.​
When this constraint is active, the user can only move or place objects in straight
lines, either left-right or up-down.

Example: Drawing a straight road or vertical wall in a plan.

3. Snap Constraint
Snap constraint forces the input position to automatically attach or align to certain
key points like the corner of a shape, edge, or center of a circle.​
This helps in accurate placement and editing.

Example: Snapping a shape exactly to the corner of another in drawing software.

z
Rubber Band Method : This method is used to construct and position
straight line segments. This method stretch line from starting position as

a
movement of screen cursor. The user first selects position from one endpoint
of line and then it moves cursor around, hen line is displayed from where
user start cursor and position where cursor is placed now. Finally when user
selects second endpoint on screen, then final line is displayed from starting

a
endpoint to second endpoint on screen. The name is Elastic or Rubber Band
Technique because of effect of elastic line which is stretched between first

r
endpoint and cursor. In this method user will get idea about line which user is
drawing before actually fixing that line.

Figure - Rubber band line

This method is also used to draw other geometric entities like arc and
rectangles. The rectangle using this method is shown in the following figure:

az
Figure - Rectangle using rubber band technique

a
Inking : It is other technique used to create geometric patterns. In this
method locator itself leaves trail of line segment as way pen leaves trail of

r
ink. There is no need of pushing button for every line segment in required
picture. In this method automatically new line is drawn when locator move
towards sufficient distance which is as shown in the following figure:

Figure - Inkin​ ​ ​ ​ ​ ​
dragging

🧾 UNIT II: Output Primitives

Output Primitives

z
Output Primitives are the basic building blocks used to create pictures, images, and
shapes on a computer screen in computer graphics.​
These are the fundamental drawing functions provided by a graphics system to
display simple elements like points, lines, circles, rectangles, text, and polygons.

All complex images are made using a combination of these simple primitives.

a
Why Are Output Primitives Important?

a
They form the foundation of graphical images.​
Using only a few commands or functions, you can draw everything from simple
shapes to complex diagrams by combining or transforming these primitives.

r
Types of Output Primitives (with Explanation):

1. Point

●​ A point is the most basic output primitive.​

●​ It represents a single dot on the screen at a specific location.​

●​ A point is placed using coordinates like (x, y).​

Example Use:​
Marking locations on a map or graph.
2. Line

●​ A line connects two points in a straight path.​

●​ It is defined by two endpoints: start (x1, y1) and end (x2, y2).​

●​ Lines can be horizontal, vertical, or slanted.​

z
Example Use:​
Drawing borders, axes in graphs, or shapes like triangles.

a
3. Polyline

●​ A polyline is a series of connected lines.​

a
●​ It is made by joining multiple points in a sequence.​

●​ It can create complex open shapes.​

r
Example Use:​
Creating road paths, wave patterns, and graphs.

4. Circle

●​ A circle is a curved line where all points are at the same distance (called radius)
from a center point.​

●​ Defined by center (x, y) and radius (r).​

●​ Circles are drawn using special algorithms in computer graphics (like

Bresenham's or midpoint circle algorithm).​

Example Use:​
Drawing wheels, clocks, buttons.
5. Ellipse

●​ An ellipse is like a stretched or compressed circle.​

●​ It is defined using a center point and two radii: horizontal (rx) and vertical (ry).​

z
●​ Can be used to show 3D effects or orbits.​

Example Use:​

a
Drawing eyes, ovals, or representing motion paths.

6. Rectangle

a
●​ A rectangle is a closed shape with four sides and four right angles.​

●​ It is defined using opposite corners (like top-left and bottom-right).​

r
Example Use:​
Drawing buttons, menus, windows, boxes.

7. Polygon

●​ A polygon is a closed figure made up of three or more connected straight lines.​

●​ Common types: triangle, pentagon, hexagon, etc.​

●​ It is defined by a list of points (called vertices) that are joined in order.​

Example Use:​
Drawing buildings, 3D shapes, modeling objects.

8. Text
 ●​ Text is also an output primitive in computer graphics.​

●​ It allows writing of letters, numbers, and words on the screen.​

●​ Text can be placed at any coordinate using font style, size, and orientation.​

z
Example Use:​
Displaying labels, names, button names, messages.

​ ​ ​ ​ ​

1.​ Scan conversion techniques

a
Definition:

Scan conversion is the process of converting basic geometric shapes such as lines,
circles, and polygons into a corresponding set of pixels that can be displayed on a

a
raster screen. Since raster displays are composed of discrete pixels, graphical elements
must be translated from their mathematical representation into pixel-based
approximation.

r
[Link]
drawing-algorithms/​ ​ ​ ​ ​ ​ ​

2.​ line drawing ​ ​ ​ ​ ​ ​

3.​ simple DDA ​

[Link]
mputer-graphics/​ ​ ​ ​

4.​ Bresenham’s Algorithm

Circle drawing

[Link] ​
​ ​ ​ ​ ​ ​ ​ ​

symmetric DDA

[Link]
mputer-graphics/​ ​ ​ ​ ​
Different between dda and Bresenham’s Algorithm

[Link]
ng-algorithm/​ ​ ​ ​

z
Curves and Functions

Definition:​
In computer graphics, curves are mathematical representations of smooth and
continuous shapes that are widely used in modeling, animation, CAD (Computer-Aided

a
Design), and computer-aided geometric design. Functions are used to define these
curves precisely, allowing designers to control their shape and behavior.

1. Parametric Functions

a
Definition:​
A parametric function defines a curve by expressing the coordinates of points on the

r
curve as functions of a parameter, typically denoted as t. Rather than defining y
explicitly as a function of x, both x and y are expressed in terms of t.

Mathematical Form:​
For 2D curves:​
x = f(t), y = g(t), where t ∈ [t₀, t₁]

Features:

●​ Enables smooth transitions and animations.​

●​ Easier to represent complex curves and motions.​

●​ Allows precise control over the position and orientation of the curve.​

Application:​
Used in motion control, animation paths, and curve modeling.

2. Bezier Curves
Definition:​
Bezier curves are parametric curves frequently used in computer graphics to model
smooth and scalable curves. They are defined by a set of control points that determine
the shape and direction of the curve.

Types:

z
●​ Linear Bezier Curve: Defined by two control points (forms a straight line).​

●​ Quadratic Bezier Curve: Defined by three control points.​

●​ Cubic Bezier Curve: Defined by four control points (most commonly used).​

a
Mathematical Form (Cubic):​
B(t) = (1−t)³P₀ + 3(1−t)²tP₁ + 3(1−t)t²P₂ + t³P₃, where 0 ≤ t ≤ 1

Features:

a
●​ Curve always lies within the convex hull of its control points.​

r
●​ Easy to implement and evaluate.​

●​ Widely supported in vector graphics applications.​

Applications:

●​ Font design (TrueType, PostScript fonts)​

●​ Vector graphic software (e.g., Adobe Illustrator)​

●​ Animation paths and design tools​

3. B-Spline Curves

Definition:​
B-spline (Basis spline) curves are generalizations of Bezier curves that offer greater
flexibility and control. They are defined using a set of control points and a knot vector,
which determines how the curve flows through or near the control points.

Mathematical Characteristics:

●​ Piecewise-defined: composed of multiple polynomial segments.​

z
●​ Each segment is influenced by a limited number of control points (local control).​

●​ The degree of the curve and continuity can be adjusted by changing the order of
the spline and the knot vector.​

a
Features:

●​ Provide smooth curves with local control (modifying one control point affects
only a portion of the curve).​

a
●​ Capable of representing complex shapes more accurately than Bezier curves.​

●​ Supports non-uniform spacing of knots for additional shape control.​

r
Applications:

●​ Industrial design and manufacturing (CAD/CAM)​

●​ Animation curves and motion paths​

●​ Computer-aided geometric design

​ ​ ​

UNIT III: 2-D Geometric Transformations

Coordinate Systems

1. 2D & 3D Coordinate System: Used for object positioning.

[Link]

2. World Coordinate System

Definition:​
The world coordinate system is a global reference framework in which all objects in a

z
scene are defined. It provides a common coordinate space to manage the positions,
orientations, and scales of multiple objects.

Characteristics:

a
●​ Independent of individual object coordinates.​

●​ Allows for the integration of different objects into a single scene.​

●​ Facilitates spatial relationships between objects.​

a
Application:

r
●​ Useful in scenes involving multiple models or layers.​

●​ Enables transformations between local (object) coordinates and the global

space.​

3. Screen Coordinate System

Definition:​
The screen coordinate system is the final coordinate space where graphical output is
mapped for display on the raster screen. It is based on the screen's resolution, with the
origin (0,0) typically located at the top-left corner of the display.

Characteristics:

●​ Measured in pixels.​

●​ Coordinates increase from left to right (X-axis) and top to bottom (Y-axis).​
 ●​ Represents the physical arrangement of pixels on the output device.​

Application:

●​ Mapping world or viewport coordinates to display coordinates.​

z
●​ Handling mouse and GUI interactions.​

a
Transformations

Definition:​
In computer graphics, a transformation is a mathematical operation used to change
the position, size, orientation, or shape of an object within a coordinate system.

a
Transformations are essential for modeling, rendering, animation, and viewing in both
two-dimensional (2D) and three-dimensional (3D) spaces.

Transformations can be classified into basic types such as translation, rotation,

r
scaling, and reflection, as well as complex operations like inverse and composite
transformations. They are usually represented and applied using matrices.

1. Translation

Definition:​
Translation is the process of moving an object from one location to another in a
straight line, without altering its size, shape, or orientation.

Mathematical Form (2D):​

If an object at position (x, y) is translated by tx units in the x-direction and ty units in
the y-direction, the new position becomes:​
(x', y') = (x + tx, y + ty)

Application:​
Used to animate motion or relocate objects in a scene.
2. Rotation

Definition:​
Rotation is the transformation that turns an object about a fixed point (usually the
origin) through a specified angle and direction.

Mathematical Form (2D, about origin):​

z
x' = x cos θ − y sin θ​
y' = x sin θ + y cos θ​
Where θ is the angle of rotation.

Application:​

a
Used in simulations, animation, and geometric modeling.

3. Scaling

a
Definition:​
Scaling changes the size of an object by expanding or contracting it along one or more
axes, relative to a fixed point, typically the origin.

r
Mathematical Form (2D):​
x' = x × Sx​
y' = y × Sy​
Where Sx and Sy are the scaling factors in the x and y directions, respectively.

●​ If Sx, Sy > 1 → Enlargement​

●​ If Sx, Sy < 1 → Reduction​

Application:​
Used for zooming in/out and resizing objects.

4. Reflection

Definition:​
Reflection is a transformation that produces a mirror image of an object with respect
to a specified axis or plane.
Common Types in 2D:

●​ Reflection about the X-axis: (x, y) → (x, −y)​

●​ Reflection about the Y-axis: (x, y) → (−x, y)​

●​ Reflection about the origin: (x, y) → (−x, −y)​

z
Application:​
Used in symmetric modeling and image flipping.

a
5. Inverse Transformation

Definition:​
An inverse transformation is one that reverses the effect of a previous transformation,

a
returning the object to its original position or state.

Examples:

r
●​ The inverse of a translation by (tx, ty) is a translation by (−tx, −ty).​

●​ The inverse of a scaling by (Sx, Sy) is a scaling by (1/Sx, 1/Sy).​

●​ The inverse of a rotation by θ is a rotation by −θ.​

Application:​
Used in undo operations and reverse animations.

6. Composite Transformation

Definition:​
A composite transformation is formed by combining two or more transformations into
a single operation. This allows complex transformations to be applied efficiently.

Mathematical Form:​
Composite transformations are represented as the multiplication of multiple
transformation matrices.
Order Sensitivity:​
The order in which transformations are applied matters. For example, rotating and
then translating an object yields a different result than translating and then rotating it.

Application:​
Widely used in animation, modeling, and camera movement simulations.​​ ​

z
​ ​ ​

perspective projection

a
[Link]
pes/​ ​ ​ ​ ​

parallel projection ​
[Link]

a
rojection-in-computer-graphics/​ ​ ​

Difference between Parallel and Perspective Projection

r
[Link]
perspective-projection-in-computer-graphics/​ ​ ​ ​ ​ ​ ​
​

Representation of 3D object on 2D screen

[Link]
d-screen/​ ​ ​ ​ ​

UNIT IV: 2-D Viewing

​ ​ ​ ​ ​ ​

Point Clipping

[Link]
Line Clipping​

[Link]
Polygon Clipping​ ​

[Link]

[Link] ​ ​ ​ ​
​

z
Introduction to Hidden Surface elimination ​ ​

Definition:

Hidden Surface Elimination (also known as Hidden Surface Removal or Visible Surface
Determination) is a technique in computer graphics used to identify and remove

a
surfaces or parts of surfaces that are not visible to the viewer because they are blocked
by other objects. It ensures that only the visible portions of objects are rendered on the
screen, thereby improving both the realism and efficiency of the rendered scene.​

[Link] ​

a
Illumination Models

[Link]

r
[Link]

Color Models in Computer Graphics

Definition:​
A color model is a mathematical model describing the way colors can be represented
as tuples of numbers, typically as three or four values or color components. In
computer graphics, color models are used to represent and manipulate colors in image
processing, rendering, and display systems.

Each color model has specific use cases based on the medium, display device, or
processing requirement. The most common models include RGB, CMY, YIQ, and HSV.

1. RGB Color Model (Red, Green, Blue)

Definition:​
The RGB color model is an additive color model in which red, green, and blue light are
added together in various combinations to produce a broad array of colors.
Components:

●​ R: Red​

●​ G: Green​

●​ B: Blue​

z
Each component typically ranges from 0 to 255 in 8-bit representation.​

Usage:

●​ Used in monitors, TVs, digital cameras, and other electronic displays.​

a
●​ Suitable for screen-based color representation.​

Additive Mixing Principle:

a
●​ Red + Green = Yellow​

r
●​ Green + Blue = Cyan​

●​ Blue + Red = Magenta​

●​ Red + Green + Blue = White​

●​ Absence of all = Black​

2. YIQ Color Model

Definition:​
The YIQ color model is used primarily in NTSC (National Television System Committee)
television broadcasting. It separates a color image into luminance (Y) and two
chrominance components (I and Q).

Components:
 ●​ Y: Luminance (brightness information)​

●​ I: In-phase chrominance (orange–blue range)​

●​ Q: Quadrature chrominance (purple–green range)​

z
Usage:

●​ Used in analog television signals.​

●​ Y component alone is sufficient for black-and-white TVs.​

a
Advantages:

●​ Enables compatibility between color and monochrome televisions.​

a
●​ Reduces bandwidth usage for color information.​

r
3. CMY Color Model (Cyan, Magenta, Yellow)

Definition:​
The CMY color model is a subtractive color model, meaning colors are formed by the
subtraction of light. It is used primarily in color printing.

Components:

●​ C: Cyan (Green + Blue)​

●​ M: Magenta (Red + Blue)​

●​ Y: Yellow (Red + Green)​

Subtractive Mixing Principle:

●​ Used on white background (paper) by absorbing (subtracting) light.​

 ●​ Cyan + Magenta + Yellow = Black (in theory), though in practice this yields a dark
brown or muddy black.​

Usage:

●​ Printers and plotters.​

z
●​ When ink is applied to paper, it absorbs certain colors and reflects others.​

Extended Model:

a
●​ CMYK (adds a separate Black (K) component for better depth and clarity).​

a
4. HSV Color Model (Hue, Saturation, Value)

Definition:​
The HSV model represents colors using three parameters: Hue, Saturation, and

r
Value. It is designed to be more aligned with human perception of colors.

Components:

●​ H: Hue (color type) — angle on color wheel, 0°–360°​

●​ S: Saturation (intensity or purity of the color), 0%–100%​

●​ V: Value (brightness), 0%–100%​

Usage:

●​ Graphic design software (e.g., Adobe Photoshop, GIMP).​

●​ Color pickers in UI/UX tools.​

●​ Allows users to select and adjust colors more intuitively.​

Advantages:
 ●​ Easier for artists and designers to understand and manipulate.​

●​ Separates color (hue) from shading (value) and vividness (saturation).​

z
5. Other Color Models (Brief Overview)

●​ HSL (Hue, Saturation, Lightness): Similar to HSV, but uses "lightness" instead
of "value."​

a
●​ YCbCr: Used in JPEG compression and digital video formats. Y represents
brightness, Cb and Cr represent color difference.​

●​ Lab Color Model (CIELAB): Designed to be perceptually uniform. Includes:​

a
○​ L: Lightness​

○​ a: Green–Red​

r
○​ b: Blue–Yellow​

UNIT V: Multimedia & Its Tools

Definition of Multimedia

Multimedia refers to the integration of multiple forms of media—such as text, audio,

images, animation, and video—into a single cohesive system that allows users to
interact with the content in a dynamic and engaging manner.

It is the combination of various digital content types delivered through electronic or

computer-controlled means, typically in an interactive form.

Components of Multimedia

Multimedia systems use five primary components, each contributing to the richness
and interactivity of the content.
A. Text

Description:​
Text is the most fundamental and widely used element in multimedia. It conveys
information directly and is essential for labeling, instructions, headlines, and
descriptions.

z
Features:

●​ Includes plain text, formatted text, and hypertext (interactive).​

●​ Easily searchable and consumes minimal storage.​

a
●​ Often used to complement other media components.​

Formats: .txt, .docx, .pdf, HTML (for hypertext)

a
Example Uses:

●​ E-books​

r
●​ News websites​

●​ Subtitles in videos​

B. Images (Graphics)

Description:​
Images or graphics are visual representations of information. They can be
photographs, drawings, illustrations, or scanned artworks.

Features:

●​ Enhance understanding through visual context.​

●​ Support branding and aesthetic appeal.​

●​ Can be static (JPEG, PNG) or vector-based (SVG, EPS).​

Formats: .jpg, .png, .bmp, .gif, .tiff, .svg

Example Uses:

●​ Infographics​

●​ Image galleries in websites​

z
●​ Icons and buttons in software​

a
C. Audio

Description:​
Audio is the sound component in multimedia, which may include speech, music,
background sounds, or special effects.

a
Features:

●​ Improves user engagement.​

r
●​ Used for narration, feedback sounds, background music.​

●​ Can be live-recorded or computer-generated.​

Formats: .mp3, .wav, .aac, .ogg, .midi

Example Uses:

●​ Podcasts​

●​ E-learning narration​

●​ Music in games and videos​

D. Video
Description:​
Video consists of a sequence of moving images accompanied by audio. It is one of the
most powerful and engaging components of multimedia.

Features:

●​ Combines visuals and sound to deliver impactful messages.​

z
●​ Often used for demonstrations, tutorials, entertainment.​

Formats: .mp4, .avi, .mov, .flv, .mkv

a
Example Uses:

●​ Educational lectures​

●​ Promotional videos​

a
●​ Movie trailers​

r
E. Animation

Description:​
Animation is the illusion of motion created by displaying a series of still images in
rapid succession. It can be 2D or 3D.

Features:

●​ Adds interactivity and life to objects and characters.​

●​ Used in storytelling, simulations, tutorials.​

Formats: .gif, .swf, .flv, .mp4 (video-based), .html5 (web-based)

Example Uses:

●​ Animated charts or explainer videos​

 ●​ Character animation in cartoons​

●​ Motion logos​

Types of Multimedia

z
Multimedia applications are classified based on how content is delivered and whether
the user can interact with it. The two main categories are Linear and Non-linear
multimedia.

a
A. Linear Multimedia

Definition:​
Linear multimedia is a type of multimedia where the user has no control over the flow

a
or sequence of content. The content progresses in a fixed, predetermined path from
start to finish.

Features:

r
●​ Non-interactive.​

●​ Plays like a movie or slideshow.​

●​ Suitable for storytelling and passive viewing.​

Examples:

●​ Television broadcasts​

●​ Cinema​

●​ YouTube advertisements​

●​ Automatic PowerPoint presentations​

Applications:
 ●​ Video presentations in classrooms​

●​ Documentary films​

●​ Digital signage displays​

z
B. Non-Linear Multimedia

Definition:​

a
Non-linear multimedia is interactive, allowing users to control the content flow. Users
can navigate, search, or interact with elements in a non-sequential manner.

Features:

●​ Interactive and user-driven.​

a
●​ Encourages exploration and engagement.​

r
●​ Requires user input via keyboard, mouse, touch, or voice.​

Examples:

●​ Websites with menus and navigation​

●​ Video games​

●​ E-learning portals​

●​ Interactive CD-ROMs and mobile apps​

Applications:

●​ Online courses and virtual labs​

●​ Simulation software​

●​ Educational and training games

Characteristics of Multimedia

1.​ Interactive – Users can control the flow of content (e.g., via mouse clicks, voice
input).​

z
2.​ Integrated – Combines text, graphics, sound, animation, and video in a single
environment.​

3.​ Digitized – All media components are stored and processed in digital form.​

a
4.​ Non-linear – Allows non-sequential content access, ideal for e-learning or
games.​

5.​ Real-time Processing – Supports streaming or live interaction.​

a
Uses of Multimedia

r
Multimedia has broad applications across different fields. Below are the key areas:

1. Education

●​ Interactive e-learning content, online tutorials, virtual labs.​

●​ Makes complex topics easy to understand using animations and visual aids.​

2. Entertainment

●​ Video games, movies, music videos, interactive storytelling.​

●​ Immersive experiences via sound, animation, and visuals.​

3. Advertising & Marketing

●​ Multimedia presentations, social media ads, digital signage.​

 ●​ Grabs attention and conveys messages quickly.​

4. Corporate Training

●​ Simulation-based training for employees.​

z
●​ Cost-effective and flexible compared to physical training.​

5. Healthcare

●​ Medical simulations, training modules, 3D imaging.​

a
●​ Helps in diagnosis and education for both professionals and patients.​

6. Engineering & Design

a
●​ CAD/CAM tools with multimedia support.​

●​ Enables real-time modeling, simulation, and analysis.​

r
7. Virtual Reality (VR) and Augmented Reality (AR)

●​ Create immersive environments using audio, visuals, and interaction.​

●​ Applications in gaming, military training, architecture, etc.​

Advantages of Multimedia

●​ Enhances user engagement.​

●​ Improves learning and retention.​

●​ Facilitates better communication.​

●​ Enables simulation and visualization of real-world phenomena.​

 ●​ Provides platform independence and remote access (via internet).​

z
Challenges of Multimedia

●​ High storage requirements.​

●​ Demands good processing power and memory.​

a
●​ Can require special hardware/software tools.​

●​ May present accessibility issues for differently-abled users if not designed

properly.

a
Multimedia Hardware

r
Introduction:

Multimedia hardware refers to the physical devices used to create, store, process,
and display multimedia content such as text, images, audio, video, and animation.
Without the right hardware, it is not possible to run or use multimedia applications
effectively.

Multimedia hardware includes input devices, output devices, storage devices, and
processing units.

1. Input Devices

Definition:​
Input devices are used to enter multimedia data (text, sound, pictures, video) into the
computer.
Examples:

Device Purpose

Keyboard Entering text

z
Mouse Selecting, drawing, and controlling
interface

a
Microphone Recording voice and sound

a
Scanner Scanning images and documents

r
Digital Capturing photos and videos
Camera

Graphic Drawing directly onto a screen with a

Tablet pen

Webcam Capturing live video input

Use in Multimedia:

●​ Microphones and webcams are used in video conferencing.​

●​ Graphic tablets are used in digital painting and animation.​

●​ Scanners help digitize physical content.​

2. Output Devices

Definition:​
Output devices are used to display or present multimedia content to the user.

z
Examples:

Device Purpose

a
Monitor/Displ Shows images, videos, text, and
ay animations

a
Speakers Play sound, music, or voice

r
Headphones Private audio output

Projector Enlarges the display for large

audiences

Printer Outputs text and images on paper

Use in Multimedia:

●​ Speakers and headphones are used to listen to audio in games or videos.​

●​ Projectors are used in classrooms and conferences for presentations.​

3. Storage Devices
Definition:​
Storage devices are used to store multimedia files, which are often large in size
(especially videos and high-resolution images).

Examples:

z
Device Purpose

Hard Disk Drive (HDD) Permanent storage inside computer

a
Solid State Drive Faster, modern storage device
(SSD)

a
USB Flash Drive Portable storage

r
CD/DVD Storing audio, video, software

Memory Card Used in cameras and smartphones

Cloud Storage Online data storage (e.g., Google Drive,

Dropbox)

Use in Multimedia:

●​ Store large project files, images, soundtracks, movies, and games.​

4. Processing Devices
Definition:​
Processing devices are responsible for running multimedia applications and handling
multiple media types at once.

Examples:

z
Device Purpose

Central Processing Unit (CPU) Main processor that runs all programs

a
Graphics Processing Unit Handles image and video processing
(GPU)

a
Sound Card Improves audio output and input

r
Video Card Enhances video playback and
rendering

RAM (Memory) Helps run multiple multimedia tasks

faster

Use in Multimedia:

●​ CPUs and GPUs are essential in gaming, 3D modeling, and animation.​

●​ Sound and video cards improve the quality of playback and recording.​

5. Communication Devices (Optional)

Definition:​
Communication devices help to transfer multimedia content over a network or the
internet.

Examples:

z
Device Purpose

Modem Connects to the internet

a
Network Interface Card Connects to LAN/Wi-Fi
(NIC)

a
Wi-Fi Router Enables wireless data
sharing

r
Use in Multimedia:

●​ Downloading and streaming videos or songs​

●​ Video calls and live conferencing​

●​ Online collaboration on multimedia projects​

Quick Summary Table:

Category Devices Involved Main Use

Input Devices Keyboard, Mouse, Microphone, To enter or capture data

Scanner
 Output Devices Monitor, Speakers, Headphones, To display or play
Printer content

Storage Devices Hard Drive, SSD, USB, CD/DVD To store multimedia files

z
Processing Devices CPU, GPU, RAM, Sound Card, Video To run and manage
Card multimedia

a
Communication Modem, Router, NIC To share or download
Devices content

a
1. SCSI (Small Computer System Interface)

r
Full Form:

SCSI stands for Small Computer System Interface.

Definition:

SCSI is a set of standards used to connect and transfer data between computers and
peripheral devices like hard drives, scanners, printers, and CD-ROMs. It allows multiple
devices to be connected using a single cable, making it useful in professional or
high-performance systems.

Key Features:

●​ Supports up to 7 or 15 devices on one bus (depending on the version).​

●​ Faster and more reliable than older interfaces.​

●​ Devices are connected in a daisy-chain manner.​

●​ Common in servers, high-end workstations, and enterprise storage systems.​

Devices Supported:

●​ Hard disks​

●​ CD/DVD drives​

●​ Scanners​

z
●​ Printers​

●​ Tape drives​

a
Advantages:

●​ High speed data transfer.​

●​ Supports multiple devices with one controller.​

a
●​ Reliable and stable for large data operations.​

r
Disadvantages:

●​ More expensive than IDE.​

●​ Slightly complex setup.​

●​ Not very common in home or personal computers now.​

2. IDE (Integrated Drive Electronics)

Full Form:

IDE stands for Integrated Drive Electronics.

Definition:
IDE is a type of connection/interface used to attach storage devices (like hard drives
and CD/DVD drives) to the computer’s motherboard. It was commonly used in older
computers before SATA became popular.

In IDE, the controller is built into the drive itself, which simplifies the computer's
architecture.

z
Key Features:

●​ Can connect up to two devices per cable (one as Master, one as Slave).​

●​ Used widely in personal computers from the 1990s to early 2000s.​

a
●​ Slower than SCSI or modern SATA.​

Devices Supported:

a
●​ Hard drives (HDD)​

●​ CD/DVD drives​

r
Advantages:

●​ Simple and cheap.​

●​ Easy to install.​

●​ Sufficient for normal home or office use.​

Disadvantages:

●​ Slower than newer technologies.​

●​ Fewer devices can be connected compared to SCSI.​

●​ Cables are bulky and can reduce airflow inside the system.​
3. MCI (Media Control Interface)

Full Form:

MCI stands for Media Control Interface.

Definition:

z
MCI is a Windows-based standard that provides a simple way to control multimedia
devices and files like audio, video, and animations through programming or scripts.

It allows software applications to play, pause, stop, record, and interact with
multimedia content using simple commands.

a
Key Features:

●​ Used mainly in Windows applications.​

●​ Works with media types like WAV files, MIDI, CD Audio, AVI videos, etc.​

a
●​ Can be controlled using MCI commands in programming languages (like C, C++,
Visual Basic).​

r
Common MCI Devices:

●​ Wave audio (for sound playback)​

●​ MIDI sequencers​

●​ CD audio​

●​ Digital video players​

●​ VCRs (old systems)​

Advantages:

●​ Easy to program and control.​

●​ Simplifies multimedia management in software development.​

 ●​ Built into Windows OS.​

Disadvantages:

●​ Limited to Windows platforms.​

z
●​ Replaced in modern systems by DirectX or Media Foundation for advanced
tasks.​

a
Comparison Table

Feature SCSI IDE MCI

a
Full Form Small Computer System Integrated Drive Electronics Media Control Interface
Interface

r
Type Hardware Interface Hardware Interface Software Interface

Use Connecting multiple peripherals Connecting storage drives Controlling multimedia

content

Devices HDD, Scanner, Printer HDD, CD/DVD Audio, Video, Animation

Speed Fast Moderate Depends on file type

Common In Servers, Workstations Older PCs Windows-based applications

Max Devices Up to 15 per bus 2 per cable Depends on media type

Multimedia Data and File Formats
Multimedia data comes in different forms such as text, images, audio, video, and
animations. To store, share, and use these types of data, they need to be saved in
specific file formats.

Each format is designed to work best for certain types of content and offers features

z
like compression, quality control, compatibility, and editing capability.

Types of Multimedia File Formats:

a
Let’s now look at some commonly used multimedia file formats:

1. RTF (Rich Text Format)

a
Full Form: Rich Text Format​
Type: Text file format

r
Definition:​
RTF is a file format developed by Microsoft that allows text to be saved with basic
formatting features like font styles, sizes, bold, italics, underlining, and color.

Features:

●​ Supports different fonts, colors, and styles​

●​ Can include images (embedded)​

●​ Platform-independent (works on Windows, Mac, etc.)​

Used For:

●​ Simple formatted documents​

●​ Texts with mild design and structure​

●​ File sharing between different word processors​

Extension: .rtf

2. TIFF (Tagged Image File Format)

Full Form: Tagged Image File Format​

z
Type: Image file format (raster)

Definition:​
TIFF is a high-quality image file format commonly used for storing detailed images
and photographs. It is often used by graphic designers, photographers, and

a
printers.

Features:

●​ Supports lossless compression (no quality loss)​

a
●​ Can store black-and-white, grayscale, or color images​

●​ Supports multiple layers and pages​

r
●​ Large file size​

Used For:

●​ Professional photography​

●​ Scanned documents​

●​ Image archiving​

Extension: .tif or .tiff

3. MIDI (Musical Instrument Digital Interface)

Full Form: Musical Instrument Digital Interface​

Type: Audio (Music data) file format
Definition:​
MIDI is not a sound file itself, but a format that stores instructions for musical notes
and instruments (e.g., which note to play, when, and for how long).

Features:

●​ Very small file size​

z
●​ Does not store actual sound, only commands​

●​ Can be played using digital synthesizers or sound cards​

a
●​ Ideal for creating music and karaoke systems​

Used For:

●​ Digital music creation​

a
●​ Keyboard/piano software​

r
●​ Game background music​

Extension: .mid or .midi

4. JPEG (Joint Photographic Experts Group)

Full Form: Joint Photographic Experts Group​

Type: Image file format

Definition:​
JPEG is a popular compressed image format used for digital photos and web
graphics. It uses lossy compression, meaning some image data is lost to reduce file
size.

Features:

●​ Small file size​

 ●​ Good quality for photos and graphics​

●​ Not ideal for sharp edges or text​

●​ Widely supported on all devices​

z
Used For:

●​ Digital photography​

●​ Website images​

a
●​ Email attachments​

Extension: .jpg or .jpeg

a
5. DIB (Device Independent Bitmap)

r
Full Form: Device Independent Bitmap​
Type: Image file format

Definition:​
DIB is a version of bitmap image (.bmp) that allows the image to be displayed the
same way across different devices (independent of screen type or printer).

Features:

●​ Stores color information for each pixel​

●​ Larger in size compared to JPEG​

●​ No compression (raw data)​

●​ Supported by Windows systems​

Used For:
 ●​ Software development​

●​ Windows-based graphics​

●​ Screenshots or icons​

z
Extension: .dib

6. MPEG (Moving Picture Experts Group)

a
Full Form: Moving Picture Experts Group​
Type: Video and audio file format

Definition:​
MPEG is a set of standards used for compressing audio and video. It reduces file size

a
while maintaining good quality, making it ideal for storing and streaming multimedia.

Types:

r
●​ MPEG-1: Used for VCD (Video CDs)​

●​ MPEG-2: Used in DVDs and digital TV​

●​ MPEG-4: Used in web videos, mobile videos (like .mp4 files)​

Features:

●​ High compression rate​

●​ Good video and sound quality​

●​ Used in streaming and broadcasting​

●​ Compatible with many devices​

Used For:
 ●​ Online video sharing (e.g., YouTube)​

●​ DVD movies​

●​ TV broadcasts​

z
Extension: .mpg, .mpeg, .mp4 (for MPEG-4)

Quick Summary Table

a
Format Full Form Type Used For

a
RTF Rich Text Format Text Formatted documents and
cross-platform text

r
TIFF Tagged Image File Format Image High-quality images, printing

MIDI Musical Instrument Digital Audio Digital music, instruments,

Interface karaoke

JPEG Joint Photographic Experts Image Photographs, web images

Group

DIB Device Independent Image Windows graphics, icons

Bitmap

MPEG Moving Picture Experts Video Videos, streaming, DVDs,

Group mobile playback
Multimedia Tools
Definition:

Multimedia tools are software programs or applications that help in creating, editing,
and managing multimedia content like text, images, sound, animation, and video.
These tools are essential for making interactive content used in education,

z
entertainment, business, and communication.

Types of Multimedia Tools:

a
A. Graphic/Image Editing Tools

Used to create or modify images.

Examples:

a
●​ Adobe Photoshop​

r
●​ CorelDRAW​

●​ GIMP​

●​ Canva​

Uses:

●​ Designing posters, logos, banners​

●​ Editing photographs​

●​ Making graphics for websites and apps​

B. Audio Editing Tools

Used to record, edit, and mix sound or music.

Examples:

●​ Audacity​

●​ Adobe Audition​

●​ GarageBand​

z
Uses:

●​ Recording voiceovers​

a
●​ Editing sound effects​

●​ Mixing music tracks​

a
C. Video Editing Tools

r
Used to cut, arrange, and enhance video clips.

Examples:

●​ Adobe Premiere Pro​

●​ Final Cut Pro​

●​ Filmora​

●​ iMovie​

Uses:

●​ Making movies, trailers, tutorials​

●​ Adding effects and transitions​

 ●​ Inserting audio and subtitles​

D. Animation Tools

z
Used to create moving visuals (2D or 3D).

Examples:

●​ Blender (3D)​

a
●​ Adobe Animate (2D)​

●​ Maya (3D)​

●​ Pencil2D (free, 2D)​

a
Uses:

r
●​ Creating cartoons​

●​ Simulations and product demos​

●​ Character movement in games​

E. Web Development Tools

Used to design and build multimedia websites.

Examples:

●​ Adobe Dreamweaver​

●​ WordPress​

●​ Wix​
 ●​ HTML/CSS Editors​

Uses:

●​ Creating multimedia webpages​

z
●​ Embedding video, audio, slideshows​

a
2. Presentation Tools
Definition:

Presentation tools are software applications used to create slideshows and deliver

a
information visually with the help of text, images, charts, animation, audio, and
video.

They help in presenting ideas clearly and attractively in classrooms, meetings,

r
seminars, or conferences.

Examples of Presentation Tools:

Tool Description

Microsoft PowerPoint Most commonly used; allows animations,

transitions

Google Slides Online slide tool; supports collaboration

Prezi Zoom-based dynamic presentation tool

Canva Graphic design + presentation templates

LibreOffice Impress Free and open-source presentation tool

z
Features:

●​ Slide transitions and animations​

a
●​ Insert images, charts, audio, video​

●​ Speaker notes and timing​

a
●​ Templates and themes​

●​ Export to PDF or video formats​

r
Uses:

●​ Teaching and learning in classrooms​

●​ Business meetings and reports​

●​ Marketing and sales pitches​

●​ Project explanations​

What are Authoring Tools?

Authoring tools are software programs that help us create multimedia content like
presentations, tutorials, e-learning lessons, animations, and interactive activities —
without needing to know much coding.
They allow you to mix things like:

●​ Text​

●​ Images​

●​ Sounds​

z
●​ Videos​

●​ Buttons and quizzes​

...all in one place to make a complete multimedia project.​

a
🧩 Why Are Authoring Tools Useful?

a
●​ They are easy to use, even for beginners.​

●​ You can make interactive content — like lessons with questions and answers.​

r
●​ You can add audio, video, and animations to make learning fun.​

●​ Used mostly in education, training, and e-learning.​

Examples of Authoring Tools:

Tool Name What It’s Used For

Adobe Captivate Making online courses and tutorials

Articulate Creating interactive lessons and

Storyline quizzes
iSpring Suite Making e-learning in PowerPoint
format

Scratch Easy tool for creating animations and

z
games

Types of Authoring Tools:

a
Type How It Works Example

a
Icon-Based You drag and drop icons to build a Authorware (old)
flow

r
Time-Based Events happen along a timeline Adobe Animate
(like a movie)

Page-Based Works like slides or pages in a PowerPoint,

book HyperCard

4. Presentation (Concept)
Definition:

A presentation is a way to communicate information or ideas to an audience using

visual aids like slides, videos, images, charts, and speech. It helps make the content
more understandable, attractive, and memorable.
Elements of a Good Presentation:

1.​ Clear Message – Know what you want to share.​

2.​ Well-designed Slides – Use images, bullets, and colors wisely.​

z
3.​ Visual Aids – Use charts, graphs, and videos.​

4.​ Interaction – Ask questions, give examples.​

a
5.​ Practice – Rehearse before presenting.​

Types of Presentations:

a
●​ Educational – Used in teaching and learning.​

r
●​ Business – Used in meetings and pitches.​

●​ Training – For employee or user training.​

●​ Informative – Sharing data or research.​

●​ Persuasive – Convincing someone to take action.​

Benefits of Using Presentations:

●​ Easier to explain complex topics​

●​ Holds audience attention​

●​ Saves time​

●​ Better understanding using visuals​

 az
ra