INFORMATION DESIGN - PROJECT 2 [Motion Graphic]

  

25.1.2023 - 8.2.2023 (Week 3 - Week 5)
Loh Qiao Yin / 0348923 
Information Design / Bachelor of Design in Creative Media / Taylor's University
Exercise 3
[Kinetic Typography]
Exercise 4
[Animation Chart]
Exercise 5
[Vector/Character Animation]

---

LECTURES

All lectures are documented in 'Exercises' blog.

---

INSTRUCTIONS

/>

---

TASK

Kinetic Typography

i) PLANNING
As a group, we decided on the choice of music for kinetic typography. We also agreed on the art direction and combined the references/ moodboard in Miro.

Fig 2.1 Choice of music, 14 January 2023

Fig 2.2 Miro board progress, 14 January 2023

Task delegation according to lyrics. Most of us are working on 6 to 8 lines.

Fig 2.3 Lyrics task delegation, 21 January 2023

ii) DRAFT
We worked on a greyscale version as we did not have a clear plan on the choice of colour we hope to use. However, we manage to send in a work-in-progress video and get some feedback from Mr Martin.

Fig 2.4 First draft of lyric video, 30 January 2023

We then decided on playing with a somewhat dual-tone colour palette and based it on these few colours.

Fig 2.5 Colour palette, 30 January 2023

Our group member Jonathan managed to find 2 different video effects that can spice up the pixel/arcade style we are going for, which are CC lens (bulging effect) and CC ball action (pixelated effect).

Fig 2.6 I love these effects, 1 February 2023

iii) FINAL SUBMISSION
I am surprised I'm still not annoyed by this song at the end of the project.

Fig 2.7 Final submission of kinetic typography video, 4 February 2023

Side-quest exercise
Follow-along tutorial/practical of "P!nk - So What" kinetic typography video.

Fig 2.8 So what kinetic typography, 20 January 2023

Motion graphic chart

i) MATERIAL
Recreate the following chart in After Effects with animation. 

Fig 3.1 Assigned information, 29 January 2023

ii) PROGRESS
The terrifying number of layers scared me.

Fig 3.2 Layers progression, 29 January 2023

Besides using keyframes easy ease, adjusting the speed graph moving from fast to slow helps to smoothen the animation more.
 

Fig 3.3 Speed graph, 29 January 2023

iii) FINAL SUBMISSION

Fig 3.4 Final motion graphic chart, 29 January 2023

Vector/ Character animation

Practise vector/character animation with puppet tool, exaggerated motion and wiggle motion.

Fig 3.5 Follow-along practical task, 17 February 2023

i) MATERIAL
According to the name list, I got assigned to do an animation for this vector image.

Fig 3.6 Assigned vector image, 17 February 2023

Honestly, my personal favourite part is making a slow motion effect with the tokens flying out.

Fig 3.7 Progress in After Effects, 17 February 2023

ii) FINAL SUBMISSION

Fig 3.7 Final vector animation, 17 February 2023

---

FEEDBACK

Week 3 [Kinetic Typography draft]
- Black and white/ monochrome colour scheme is okay, might want to add a few vibrant colours to certain words

---

REFLECTION

I was wondering if I could have done better for my own part in kinetic typography if I was exposed to the 'animation chart' and 'vector/ character animation' tasks first. The animation techniques learned in the 2 small tasks were quite beneficial when I was doing my Pasta Grannie's animated infographic as it focuses more on the small animation details that make a moving graphic look more lively. The kinetic typography task is fun but made not so fun due to some members needing spoon-feeding on meeting the deadlines for a progress check that was informed prior a week ago, and it is worse due to the fact that I was the one doing the compilation. However, there are still members that saved my sanity by suggesting helpful ideas and being on time with their parts. The final outcome was not too bad and I do get a sense of fulfilment when the word animation nails the tempo of the song.