Information Design / Project 2

03/02/2022 - 17/02/2022 (Week 5 - Week 7)
Reagan Val Adelbert Mahadi / 0349177
Information Design / Bachelor of Design in Creative Media
Project 2 / Animated Infographics, Kinetic Typography, and Motion Graphic Chart


LECTURES

There were no lecture classes on the 6th to 7th week. We were all told to continue on our project or ask for feedback in the class meeting.


INSTRUCTIONS



Project 2: Animated Infographics

For the next project, we are required to make an animation based on our previous project's infographic. Our video must be 1 minute, 720p, 1280 x 720 pixels, H26/mp4 video published to YouTube and set to unlisted. 

First, I made the frames in Illustrator so that I can easily edit them in AfterEffects for the animation. I used the previous project's design to create the frames.


Fig. 1.1 Making the frames

I made a total of 15 frames for the animation since my recipe has a lot of steps to do. After finishing all the things to do in Illustrator I then proceed to AfterEffects to create my animation.


Fig. 1.2 Animating progress

I made small movements to the animation and added a background song to the animation video.


Fig. 1.3 Final Animated Infographics
(https://youtu.be/F_anKSu9Myk)

Project 2: Kinetic Typography

For this project, we are required to create a kinetic typography video of our own. Mr. Martin said that we can choose any song and had to break down the lyrics so that we can animate them. For this project, we chose Pacman made by eaJ. 

Lyrics:

Loving you's just getting harder and harder to do
Cause my head says no but my phone keeps calling you
And you never pick up unless you've got nothing to do
But you say that you want me
Much as I want you
Over and over
Like it's Red rover
Will your games ever be through
Play me over and over
Pacman and lover
Hoping you run out of quarters soon
Don't hurt
Leave me
No I don't mean that
Love me all the way to death
Oh it's killing me how
Fear is holding me down
But I wanna hold you
Oh I might burn to the ground
but see me burn with a smile
If I die it's with you

We then divide the work for this project and decided to use the same font and colors. I got to do lines 1 to 4.


Fig. 2.1 Line 1-4 "Pacman" by eaJ


Fig. 2.2 Final Kinetic Typography "Pacman" by eaJ

Project 2: Motion Graphic Chart

In our third week, Mr. Martin gave us a task about motion graphic charts. He introduced us to three types of charts and gave us sets of instructions to create the motion graphic chart. I got to do the line chart for this task.


Fig. 3.1 Motion Graphic Chart - Line Chart
(https://youtu.be/uoRWOVm8v4s)


FEEDBACK

I asked Ms. Anis whether the video could be 9 seconds longer than the maximum and she said that it's fine.


REFLECTIONS

The process of animating the infographic and the motion graphic chart was quite easier compared to the kinetic typography. I had an experience beforehand and was feeling familiar with the controls on AfterEffect so it didn't take that long of a time for making them. The kinetic typography animation process was taking a very long time since I just learned the tricks on that day. It was pretty hard to follow so I had to rewatch the tutorial several times.

Comments

Popular posts from this blog

Major Project / Monster Hunter Concept Art

Game Art / Art Bible

Illustration and Visual Narrative / Task 3 : Webtoon and Motion Comic