MULTIMEDIA

ANIMATION

LESSON 4
Topic Outline
1 Introduction of Animation
2 What is Animation
3 Types of Animation
4 Adobe Animate
 Introduction
Animation
Animation is the process of
creating the illusion of motion and
change by rapidly displaying a
sequence of static images or
frames.

3
 DIGITAL SAFETY TIPS

COHL:
FANTASMAGORIE
(1908)
Between February and May 1908, Cohl
created Fantasmagorie, considered the first
fully animated film ever made.

8
TYPES

OF

ANIMATION
 DIGITAL SAFETY TIPS

Traditional
Drawing
Traditional drawing in the context of 2D
animation refers to hand-drawn techniques
where each frame of animation is manually
illustrated.
8
 DIGITAL SAFETY TIPS

2D Animation
2D animation is a traditional form of
animation that involves creating movement
in a two-dimensional space

8
 DIGITAL SAFETY TIPS

3D Animation
refers to the process of taking digital
objects and making them come to life by
creating the illusion that they're moving
through a three-dimensional space.
8
 DIGITAL SAFETY TIPS

Stop Motion
A technique where physical objects are
moved in small increments between
individual photographs. When the photos
are played in sequence, the objects appear
8
to move.
 DIGITAL SAFETY TIPS

Motion Graphics
The animation of text, shapes, and
graphical elements to communicate an
idea, often used in advertisements,
explainer videos, and title sequences.
8
 DIGITAL SAFETY TIPS

Stop Frame
Animation
Similar to stop motion, but this type often
includes more experimental techniques,
such as using real-world objects or
photography in creative ways.
8
 DIGITAL SAFETY TIPS

Cutout Animation
Characters and scenes are made out of
paper or other flat materials, and the
animation is created by moving the pieces
8
incrementally.
Adobe Animate
It was originally known as Flash
before being rebranded by Adobe.
It is popular among animators for
web animations, cartoons, games,
and various forms of interactive
media.

3
Touring Adobe
Animate
Touring in Adobe Animate refers to
learning the workspace and basic
features, helping you familiarize
yourself with the tools and
functions available in the software.

3
 DIGITAL SAFETY TIPS

Stage
The white rectangular area where you
create and arrange your content. 8
 DIGITAL SAFETY TIPS

Timeline
Located at the bottom of the workspace,
the timeline controls the timing and
8
sequence of your animation. It consists of
layers and frames.
 DIGITAL SAFETY TIPS

Tool Panel
Positioned on the left side of the
workspace, it contains tools like the
selection tool, brush tool, eraser, and text
8
tool.
 DIGITAL SAFETY TIPS

Selection & Sub

Selection Tool
Used to select and manipulate objects on
the stage.

8
 DIGITAL SAFETY TIPS

Free Transform
Tool
The Free Transform Tool in Adobe Animate
is a versatile tool that allows you to
manipulate objects in various ways, such
8
as scaling, rotating, skewing, and distorting.
 DIGITAL SAFETY TIPS

Gradient
Transform Tool
In Adobe Animate, the Gradient Transform
Tool is used to manipulate gradients
applied to fills, shapes, and strokes. It
allows you to adjust the position, rotation,
scale, and skew of a gradient, giving you
more control over how a gradient appears 8

within an object.
 DIGITAL SAFETY TIPS

Lasso Tool
The Lasso Tool in Adobe Animate is a
selection tool that allows you to draw
freeform shapes to select objects, parts of 8
objects, or pixels on the stage.
 DIGITAL SAFETY TIPS

Polygon Tool
The Polygon Tool in Adobe Animate
(formerly Flash) allows you to create
regular polygons and stars with
customizable properties, such as the 8
number of sides and star points.
 DIGITAL SAFETY TIPS

Magic Wand
In Adobe Animate, the Magic Wand tool, as
seen in programs like Photoshop, is not
8
available directly.
 DIGITAL SAFETY TIPS

Fluid Brush Tool

The Polygon Tool in Adobe Animate
(formerly Flash) allows you to create
regular polygons and stars with
customizable properties, such as the 8
number of sides and star points.
 DIGITAL SAFETY TIPS

Classic Brush Tool

The Brush Tool in Adobe Animate is a
versatile tool used for freehand drawing
and painting. It mimics the behavior of
traditional brushes, allowing users to create
strokes with varying thickness and 8

pressure.
 DIGITAL SAFETY TIPS

Eraser Tool
The Eraser Tool in Adobe Animate is used
to erase parts of a drawing or any objects
on the Stage. It behaves similarly to
erasers in other graphics software but with
some specific features for animation. 8
 DIGITAL SAFETY TIPS

Eraser Tool
The Eraser Tool in Adobe Animate is used
to erase parts of a drawing or any objects
on the Stage. It behaves similarly to
erasers in other graphics software but with
some specific features for animation. 8
 DIGITAL SAFETY TIPS

Shape Tool
In Adobe Animate, the Shape Tool is a key
tool used for drawing and editing vector
shapes. It allows you to create basic
shapes like rectangles, ovals, and custom
shapes. 8
 DIGITAL SAFETY TIPS

Line Tool
The Line Tool in Adobe Animate is a basic
drawing tool used to create straight lines.

Text Tool
The Text tool in Adobe Animate allows you
to create and manipulate text for your
animations or interactive projects. It offers a
wide range of customization options,
including font choice, size, color, and 8
effects
 DIGITAL SAFETY TIPS

Paint bucket Tool

In Adobe Animate, a "paint bucket" refers to
the Paint Bucket Tool, which is used for
filling enclosed areas with solid colors,
gradients, or bitmap fills
Eyedropper Tool
In Adobe Animate, the Eyedropper tool is a
handy way to pick up colors from objects
on your stage and apply them to other
objects or strokes
8
 DIGITAL SAFETY TIPS

Hand Tools
In Adobe Animate, hand tools help you
navigate and manipulate your workspace,
canvas, and objects more efficiently.

Zoom Tool
The Zoom Tool in Adobe Animate allows
you to zoom in or out on your stage,
making it easier to work on detailed
sections or view your animation as a whole
8