FACULTY OF SCIENCES AND TECHNOLOGY

Media Science Graphic (SST)

ASSIGNMENT 2
MOTION LOGO (ANIMATED LOGO)

DMM10203 – 2D ANIMATION

Prepared by:

Name DARIEN CAFFRISON ANAK JOHN

ID No. 2112021070003

Program DGD

Date: 11 NOVEMBER 2022

TABLE OF CONTENTS

INTRODUCTION ........................................................................................................ 1

IDEA DEVELOPMENT .............................................................................................. 2

LOGO SKETCHES ......................................................................................... 3

STORYBOARD ............................................................................................... 4

PROGRESSION ........................................................................................................ 5

SCREENSHOT................................................................................................ 5

FINAL ARTWORK ..................................................................................................... 8

CONCLUSION ........................................................................................................... 9

RUBRIC ................................................................................................................... 10

1
 INTRODUCTION

A logo animation (or animated logo) simply takes your logo and adds motion
graphics or animation to your design. When animating a logo it’s important to keep in
mind the company’s values and purpose so that we can translate these ideas into your
animation. A logo is the visual identification of your brand. It represents the personality
of your company/product and plays a significant part in your overall brand recognition.
A great logo can help your audience make a connection to your brand. Animating your
logo brings another dimension to this. It enhances this connection by creating a
memorable and visually engaging brand.

The aim of this assignment is developing the animation skills in graphic design.
In assignment 2, students require to create an animated logo in Adobe Animate.
Before proceed into animation, students need to sketch three logos ideation and
animation storyboard.

2
 IDEA DEVELOPMENT

LOGO SKETCHES

There are three sketches of logo ideation before proceed into storyboard.

3
STORYBOARD ANIMATION
There is the storyboard idea of the motion logo.

The upper part of “S” logo is The lower part of “S” logo is The “T” logo is swiping left to the
swiping left into the center. swiping right into the center. right side of “S”.

The “E” logo is swiping right to The circle behind “EST” is fading “EST” is zooming in and fading
the left side of “S”. in as the entrance. out as the exit.

4
 PROGRESSION

SCREENSHOT
There are many screenshots of the Assignment 2 progression with Adobe Animate.

5
6
7
 FINAL ARTWORK

This is my final artwork or design of Assignment 2.

LOGO ARTWORK

GIF ANIMATION

8
 CONCLUSION

In conclusion, I had developed 2D animation skills in every class. I learnt about

keyframes, rotation and motion guide in Adobe Animate. It helps me to improve my
skills and finish Assignment 2 quickly. I would like to say thanks to Miss Maznah,
lecturer of 2D animation, for guiding me about the animation. I hope this assignment
helps me for my animation careers.

9
NAME DARIEN CAFFRISON ANAK JOHN MATRIC NO. 2112021070003

DATE OF
16 March 2022 LECTURER’S NAME Miss Maznah
SUBMISSION
ASSESSMENT Excellent Good Acceptable Poor Unacceptable
MARKS
CRITERIA 5 4 3 2 1
All of the interfaces Most of the interfaces Some of the interfaces Only minor of the The interfaces lack a
follow the main follow follow interfaces follow clear purpose

Style and Concept purpose with the main purpose and the main purpose and the main purpose and and do not follow a
applied consistent applied consistent applied consistent consistent theme
theme theme theme
consistent theme
applied
The interface has an The interface has a
exceptionally Most interface has an The interface has an usable layout, but may The interface is
Interface Layout attractive and usable attractive and usable attractive and usable appear busy or boring. cluttered looking or
layout. layout. layout. confusing.

Storyboard included
Storyboard / Storyboard is missing
most of
some
Storyboard included Many required This storyboard is very
Required
all required elements the requirements elements are missing incomplete.
requirements and is a
bit incomplete
Elements but left out one or two.
Storyboard is easy to Storyboard is easy to Storyboard is easy to
read and read and most read and but some
Storyboard - Storyboard is hard to
elements are elements
Storyboard is hard to read and one
all elements are so
Clarity and read with rough
clearly clearly written, were not clearly
drawings and labels. cannot tell what goes
where.
Neatness written, labelled, labelled, drawn and written, labelled,
drawn and coloured. coloured. drawn and coloured.
Most writing for text Some planning for text
Excellently write the usage is usage is well Only minor planning
planning for text Lack of planning with
Usage of Text for text usage was
usage with complete no explanation.
excellently written written but some presented.
details.
with complete details. details are missing.
Excellently write the Most writing for Some planning for
Only minor planning
planning for graphic graphic usage is graphic usage is well
for
usage with complete written but Lack of planning with
Usage of Graphic details.
excellently written no explanation.
graphic usage was
with complete details. some details are
presented.
missing.
The flow was
exceptionally smooth
and attractive,
The flow was smooth
consistent and attractive, The flow was smooth
with little errors and
The flow was
across pages, consistent across
consistent across pages The flow detracts from
attractive, and does the
Flow of Animation pages, adds to the
adds to the theme or
theme or purpose of consistent across not detract from readability of the story.
the story and pages, and does not
purpose of the readability.
detract from
does not detract from readability.
story and does readability.

not detract from

readability.

10
 . The majority of the Most of the content The animation is an
content and many of and many extensive
the The animation is a
The animation shows minimal collection or
of the ideas are fresh, collection and
Animation’s some evidence of rehash of other
ideas are fresh, original,
people’s ideas,
original,
rehash of other
Originality originality and
inventive, and people’s ideas,
inventiveness. products, images and
inventive, and based
inventions.
upon logical
based upon logical products, images and
research.
research. inventions.
Very clear directions The instructions do
of Few clear directions not have a
Very clear directions of
Clear directions but and
Content Organization instructions and sometimes lack of clear directions
instructions with minor focus. sometimes lack of
distractions.
users does not lose focus. and users often lose
focus focus.
Most of the Most of the Most of the
All information is in information is in focus information is in focus information is
focus and can be and the but the
easily Much of the
lacking in focus
Design Clarity information is unclear
content are easily content is a little bit
or too small.
identified and identified and viewed difficult to identified
and the content is a
viewed. little bit difficult to
identified
Extremely clever and Well done and
presented with interesting to the Minimal effort.
Mostly clever and
originality.
presented with Clever at times but
originality. audience and incorporated a Poor layout/design and
Creativity Excellent did not
layout/design work
Layout/design work added a few limited variety of the
incorporating all required elements incorporate all
incorporating all required elements required elements
original touches to
required elements
enhance the project
Able to include more Able to only show
Able to include 4-5 Able to only show Able to only show
than 5 WIP
Work in Progress 2-3 WIP and lacking of
WIP and with 3-4 WIP with some 1-2 WIP with no
and with detailed explanation
explanation explanation explanation
explanation
Skills and Techniques Able to show Able to show good Able to show average Very little or no skills
excellent skills and skills and techniques skills and techniques Moderate skills and and techniques
techniques techniques

One requirement was

Overall Some More than one
All requirements are All requirements are not
requirement was not
met and exceeded. met.
Requirements requirements are met. completely met.
completely met.

/ 70
TOTAL
/ 100

11