Information Design - Practical
Week 1 - Week 7 / 04.01.2022 - 19.02.2022
Tow Wan Tian / 0343765
Practical 1 - Motion Graphics
Mr Martin took our the practical session and introduced us to the topic of the day - motion graphics. Motion graphics can be neatly summarised in the following equation:
Motion graphics= Composition + Animation= (Graphics + Typography) + (Movement + Rhythm)
How to create motion graphics?
- Write a script.
- Create a storyboard while brainstorming the visual treatment and art direction.
- Take the storyboard into designs - illustrate.
- Animate the final design.
How is motion graphics used today?
- Animating TV shows and movie sequence
- Branding
- Awareness videos
- Concept explanations
- Storytelling
- Product promotion
After having a better understanding of motion graphics, Mr Martion assigned us the task to recommend three examples of professional motion graphics.
#1 Luibell by Toondra Animation Studios
Understanding Social Tech (an infographic) from Tomer Gerbi on Vimeo.
#2 Cinematics by Pier Paolo
Cinematics from Pier Paolo on Vimeo.
#3 Be Sexy, Se Smart by PlusOne
Soa Aids Nederland | Be Sexy, Be Smart from PlusOne on Vimeo.
W2 / 11.01.0222 - 13.01.2022
Practical 2 - Motion Graphics: Text Animation
Practice - Kinectic Typography
In this week, Mr Martin further explained the main difference between traditional animation and motion graphics. Motion graphics focus on the ability to move graphics, shapes and texts, unlike traditional animation that is driven by story and character (Affordable Schools, n.d.). This art form can be further divided into several categories, including text animation ( a.k.a. kinetic typography), graphics animation, character visualisation and character animation.
Later, Mr Martin instructed us to try making some simple text animation on Adobe After Effects. It has been a while since the last time I use the programme, so I was a bit rusty. However, I got the hang of it soon after a few trials and errors.
After the warm-up practice, Mr Martin revealed a new task which required us to create a text animation for a song, using kinetic typography. The recommended song was So What by the singer P!NK but we were given the opportunity to choose a different song. Therefore, our group decided on a different song called Pacman by eaj.
Oh it's killing me nowFear is holding me downBut I wanna out you
One of our group members shared some images related to the song to help us decide the colour scheme and art style.
I compiled the images into a mood board for my reference:
Image Sources
Afterwards, I moved on to After Effects and started composing the text by
following
this YouTube tutorial
given by Mr Martin. He also reminded us to get the materials ready in After
Effects by Thursday so that he can continue demonstrating the following
steps in class.
This is how the final composition looks like after spending hours arranging and aligning the text.
During the following practical on Thursday, I followed the demonstration by Mr Martin on how to animate the text using Null Object. I find it much easier to animate when there is only one layer to work. No need to scroll up and down to locate the text layers and animate one by one.
Normally we would start animating from the beginning. However, we learned to animate starting from the end for this task, which explained why we had to make the final composition first. It was definitely odd at first but I managed to get used to the method later.
And here is the final outcome of my first kinetic typography:
Final Outcome (My Part)
One of our group members gathered and compiled the individual clips into full-length kinetic typography.
Comments
Post a Comment