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.
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.
I made small movements to the animation and added a background song to the animation video.
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
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
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.
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.
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.
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
Post a Comment