12.01.23 - 26.02.23 (Week 1 - Week 7)
Janaan Ahmed / 0353333
Information Design/ Bachelor of Design (Hons) in Creative Media
Project 2: Exercises 3-5
Instructions
Exercise 3: Kinetic Typography
This exercise is a group effort. My group members are Aziera, Cai Wei,
Christine, Firas, Sin Yi, and Zi En.
1. Song selection
We were advised to select a song with a faster beat/ some oomph. My group
members came up with 5 choices, and we decided to vote on it.
|
| Fig 1.1: Voting for song |
2. Art Direction & Moodboard
Through our group discussion, we came to an agreement that a vintage
aesthetic would be most fitting with the song. It also complements the
cover art of the song:
|
| Fig 1.2: Golden Hour Cover Art |
Everyone's idea contributions have been compiled on a Miro board here.
|
| Fig 1.3: Moodboard screenshot |
|
| Fig 1.4: Finalising font choice |
3. Line distribution
Christine suggested we use a randomiser to distribute the lyric parts.
I ended up getting the pre-chorus.
Fig 1.5: Line Distribution Document
I watched some of the additional resources provided in our lecture slides
and some other youtube tutorials to learn some simple effects. I believe I
still have a long way to go with motion graphics, however learned some
basic things like masking, precomposing, range selector, etc.
|
| Fig 1.6: Experimenting with text colour range selector |
Once everyone completed their parts, I compiled everything on Premier Pro.
I tried my best to align the audios. Gaps between transitions had to be
fixed by trimming some clips and adding frame hold, or adjusting the
speed.
|
| Fig 1.7: Compiling clips on Premier Pro |
Once receiving feedback, some of the group members went back to add motion blur to their clips so that all of our clips were consistent. To not end the song so abruptly, we decided to add some credits towards the end. I went back to After Effects to do so.
|
| Fig 1.7: Adding Ending Credits on After Effects |
Final Outcome:
Exercise 4: Animated Chart
The type of chart we each worked on was randomised. I got B: Pie
Chart.
|
| Fig 2.1: Information for Pie Chart |
My issue came up with adjusting the % of the end trim paths for each
section. It turned out to be a silly math thing (we have to add up the
numbers), and a matter of how you organise your layers 😅
|
| Fig 2.2: Progress on After Effects (27.01.23) |
I also added some text animation keyframes, and label lines (used trim
path for this as well) to display the textual information.
|
| Fig 2.3: Adjusting speed graph (27.01.23) |
Final Outcome:
Exercise 5: Vector Animation
Like exercise 4, the file we each worked on was randomised. I got B:
Chinese New Year.
The resolution of our videos are generally expected to be 1920 x 1080 px.
Since the ai file had a different aspect ratio I readjusted some of the
elements (size, position) to make it fit the required frame. Afterwards, I
separated the layers according to what I wanted to animate, and then
imported to AE.
|
|
Fig 3.1: Readjusting elements on Illustrator
|
|
| Fig 3.2: Organising and prepping layers |
|
| Fig 3.3: Progress on After Effects |
|
| Fig 3.4: Using loopOut expression |
Final Outcome:
Feedback
The kinetic typography already looks ready for submission. Some clips are
missing motion blur while others have it, so video is inconsistent. Can
consider adding something to the end if you prefer to keep the
instrumental.
Reflection
Experience:
These exercises have been very helpful and has helped me become more at
ease with After Effects. The kinetic typography was a bit hard for me and
therefore took a while to complete, especially since I referred to a lot
of external videos. The other 2 however were enjoyable and easy to get the
hang of. There was some confusion with the math and layer order involved
in the Pie Chart Animation, however Mr. Martin helped me to understand it.
Observation:
I don't know a lot of functions and effects on After Effects, and so found
myself using repeated techniques. Since my work looked really boring and
basic, I looked up many online resources to try to understand text
animations better. I felt really pressured seeing how subpar my work was,
especially in comparison to the reference of my seniors' work.
Finding:
I am not really happy with my part for kinetic typography, however with
motion graphics, I really do think it's a matter of practice, experience
and exploration. At the end of these exercises, at least I can say I am
less overwhelmed by After Effects, and am happy to have gained the skills
I have. Now it's a matter of honing those skills and spending some time to
study individually.
Comments
Post a Comment