Information Design - MLO 3: Project 2

Week 01 - Week 07

Ahmad Firas Bin Ahmad Fisal | 0345121

Information Design (GCD60504) | Bachelor of Design (Hons) in Creative Media

MLO 3: Project 2 - Exercise 3: Kinetic Typography (10%), Exercise 4: Animated Chart (5%),
Exercise 5: Vector Animation (5%)

Exercise 3: Kinetic Typography (10%)

Figure 3.1 - Mood Board of the Kinetic Typography project

We came out with this mood board in the weeks of preparing ourselves to initiate this project with Adobe After Effects. Since it's group work, we were having back-to-back meetings to ensure that we are on the same page before starting animating it. Below are my work-in-progress (WIP) pictures to show some of the involved processes in creating the masterpiece.

Figure 3.2 - WIP of Exercise 3

Figure 3.3 - WIP of Exercise 3 (2)

I had to go back to my work and apply a few motion blurs here and there to ensure that it looks smoother to the audience instead of a motion 'static' text floating around the video.

When all of us have completed our own parts of the song, our group leader then stitch it together to make it into a one complete motion lyrical video. Below is the completed work from our Group 2.2.

Exercise 4: Animated Chart (5%)

Assigned Type: Pie Chart

Figure 4.1 - Static Image of the Pie Chart's Content (Provided Info)

Exercise 5: Vector Animation (5%)

Assigned Type: B

This particular exercise given to us during the Week 4 of our Practical session is mainly for us to try out the Puppet Tool and/or Anchor Point in Adobe After Effects.

We are required to separate objects that we want to animate later on into separated layers when rearranging them in Adobe Illustrator. I've decided to separate the 2 characters; Bunny and the Girl alongside the hand of the girl and the head of the bunny into separate layers. The floating ornaments up above also were separated because I intend to animate them using the Puppet Tool in Adobe After Effects.