The Design Code Google Developer Student Club.pptx
The concept of motion graphics and its applications.
1. M O T I O N G R A P H I C S
ART IS NOT WHAT YOU SEE,
BUT WHAT YOU MAKE OTHERS SEE.
EDGAR DEGAS
“
I
N
T
R
O
D
U
C
T
I
O
N
2. I N T R O D U C T I O N
H
I
S
T
O
R
Y
STATIC GRAPHICS
ANIMATED
Basically, Motion Graphics is
transforming static graphics
elements into animated ones.
Dynamic
Visuals
Motion Graphics
are the use of
dynamic visuals
to convey
information or
engage an
audience.
Animation
Animations help
to bring static
graphics to life.
Text &
Graphics
Text & Graphics
are combined to
create compelling
visual stories.
Let’s understand the basics
first.
3. I N T R O D U C T I O N
H I S T O R Y
1800’s
THE PREHISTORIC AGE
:
• Flipbooks are
the initial
motion graphics
mediums.
• Earliest Film
Projectors
built on the
idea of the
flipbook.
1900’s
THE ROARING TWENTIES::
• An unprecedented boom
came in the 1920s.
• In Europe, Artists
incorporated motion
graphics into their art
to try and convey
feelings.
• Animation Titans like
Disney & Warners Bros
got started in America
2000’s
THE MODERN AGE :
• Introduction of Computer
Animation in 1960s changed the
landscape of motion graphics
forever.
• In 21st Century, We can create
our own motion Graphics at
home.
E
X
A
M
P
L
E
S
4. E X A M P L E S
Netflix Logo
Animation
Coca Cola Logo
Animation
5. E X A M P L E S
Game of Thrones
Intro
Breaking Bad Intro
P
R
I
N
C
I
P
L
E
S
6. PRINCIPLES AND TECHNIQUES
TIMING & RHYTHM
Motion graphics
rely heavily on
the timing and
rhythm of
movement.
KINETIC TYPOGRAPHY
It involves animating
text, manipulating its
position, scale,
rotation, and opacity
to enhance the visual
impact and convey
meaning.
VISUAL HIERARCHY
It involves using
size, color, contrast,
and motion to
prioritize certain
elements, create focal
points, and
communicate
information clearly.
STORYTELLING
Motion graphics can
tell a story or convey
a message through
visual narratives.
7. COLOR & COMPOSITION
Effective use of
color schemes,
contrast, and
balance helps to
create visually
appealing and
cohesive designs.
VISUAL EFFECTS
Motion Graphics
include blurs, glows,
distortions,
gradients, and other
stylistic treatments
that add visual
interest and
uniqueness.
TRANSITION &
TRANSFORMATION
Smooth transitions and
transformations
between elements are
key to creating fluid
and seamless motion
graphics.
W
O
R
K
F
L
O
W
PRINCIPLES AND TECHNIQUES
8. W O R K F L O W
ASSETS
CREATION
ANIMATIO
N
POST
PRODUCTION
T
O
O
L
S
&
S
O
F
T
W
A
R
E
IDEATI
ON
Defining
the
project
scope and
objective
s.
STORY
BOARDING
Creating a
storyboard
.
Creating
visual
elements,
including
graphics and
animation.
Bringing the
visual
elements to
life through
motion and
timing.
Adding
final
touches and
effects,
preparing
the final
output.
9. T O O L S & S O F T W A R E
ADOBE
AFTER
EFFECTS
ADOBE
ANIMATE
ADOBE
ILLUSTRATO
R
MAXON
CINEMA 4D
AUTO
MAYADESK
ADOBE
PHOTOSHOP
APPLE MOTION BLENDER HITFLIM PRO
A
P
P
L
I
C
A
T
I
O
N
S
10. A P P L I C A T I O N S
EXPLAINER VIDEOS:
• Highly effective for creating explainer
videos, which are concise and engaging
videos that explain concepts, products, or
services in a clear and visually appealing
manner.
• Simplifies complex information, utilize
animations and visual metaphors, and
enhance viewer understanding.
ADVERTISING & MARKETING
• Used in advertising campaigns, both for
traditional media like television
commercials and digital platforms like
social media.
• Conveys brand messages, showcase products
or services, and engage audiences with
visually appealing and dynamic animations.
11. A P P L I C A T I O N S
UI/UX DESIGNS:
• Plays a crucial role in UI and UX design,
particularly in digital interfaces.
• Provides visual feedback, guide user
interactions, and communicate transitions and
changes in the interface elements, making the
user experience
more intuitive and engaging.
INFOGRAPHICS VISUALIZATIONS:
• Brings life to static infographics and
data visualizations by adding movement,
animation, and storytelling elements.
• Helps present complex data or statistics
in a visually compelling and easily
digestible manner, making it more
engaging and memorable.
12. A P P L I C A T I O N S
CA
RE
E
R
S
Hence, Motion Graphics can be seen in probably every field in todays’ world. It’s impossible
to mention all the sectors. Although, It shows the huge scope of this art form.
EDUCATIONAL & TRAINING CONTENT:
Simplify and enhance the learning experience by
visualizing concepts, illustrating processes,
and engaging learners through dynamic
animations.
BROADCAST DESIGNS:
• Used in television broadcast design,
including news graphics, sports graphics,
weather forecasts, and program branding.
• Provides dynamic visual elements that
enhance the presentation of information and
create a visually appealing on-screen
experience.
13. C A R E E R S IN M O T I O N G R A P H I C S
Motion Graphic
Designer
Specializes in
creating visually
engaging
animations and
graphics for
various mediums
such as
advertising,
film, television,
and digital
media.
Motion Graphic Artist
Works on projects
such as music
videos,
experimental
animations, and
motion art
installations,
pushing the
boundaries of
creativity and
aesthetics.
Broadcast Designer
Specializes in
creating motion
graphics and
visual elements
for television
networks,
including title
sequences, show
graphics, on-
screen
information, and
broadcast
branding.
14. C A R E E R S IN M O T I O N G R A P H I C S
C
O
N
C
L
U
S
I
O
N
UI/UX Motion Designer
Creates
interactive and
engaging
animations for
digital
interfaces,
including
websites, mobile
apps, and
software.
Animator
specializes in
bringing
characters,
objects, and
scenes to life
through motion &
can work in
various
industries,
including film,
television,
gaming, and
15. C O N C L U S I O N
E
N
D
I
N
G
Widely used
across various
media platforms
to enhance the
attractiveness of
videos and other
content.
Plays a key role
in capturing the
audience's
attention and
making the
content more
noticeable.
Constantly
evolves with
frequent updates
and advancements
in technology.
All sorts of
Marketing heavily
rely on motion
graphics to
create
captivating
visuals.
Prominent brands
and companies
leverage
attractive and
diverse motion
graphics
techniques to
engage people
with their
products.
Can be pursued as
a career for
those interested,
requiring
dedication and
creative skills.
16. T H A N K Y O U
PRESENTATION BY:
MAUSAM PARIYAR BISHWAS POUDEL