Information Design: Project 2 - Kinetic Typography, Weather Forecast, Vector Animation
1/2/2026 - 23/3/2026 (Week 1 - Week 8)
WANG JINYI / 0374697
DST60504 / Information Design / Bachelor of Design (Honours) in Creative Media / Taylor's University
Information Design: Project 2 - Kinetic Typography, Weather Forecast, Vector Animation
TABLE OF CONTENT
1. Instruction
2. Project 2
3. Feedback
4. Reflection
INSTRUCTION
PROJECT 2
Exercise 3: Kinetic Typography
Progress
I personally took the lead by completing my part first, establishing the rhythm and style as a reference for my teammates. Each member submitted their work for my review, allowing me to provide guidance and suggestions to maintain consistency.
By the final stages, I merged all contributions and polished the details to make the outcome feel seamless.
Exercise 4: Animation Chart
According to the demonstration and assignment requirements, create a motion graphic using either a pie chart, doughnut chart, bar chart or line graph.
In Week 3, I was assigned to create a donut chart. I created an elliptse stroke in After Effects. After adjusting the color and thickness of the stroke, I used the Trim Paths function to animate the stroke. Then, I copied several identical stroke and made slight adjustments to the color and appearance time of each stoke. As a result, I obtained a donut motion graph.
2.3 Vector Animation
Warm up
For this exercise, we need to develop a vector-based animation by using the graphic elements in Adobe Illustrator provided by lecturer and animating them in After Effects. In class, we followed Mr. Kannan's demonstration to break down the basic animations step by step.
Exercise B
Based on what I learned in class, I first divided the assets into layers as needed in Adobe Illustrator, then expanded the art board size and adjusted the assets positions of each element, and finally imported them into After Effect to create animations. During the process, I mainly used position, scale, and rotation, as well as the puppet pin tool to create animations.
FEEDBACK
Week 4: Mr. Kannan suggested that we try using some other different font so it would have more variety and not feel too monotonous. He also emphasized that the text animation should closely follow the music rhythm to better match the beats. Overall, he thought our progress at this stage was going well and encouraged us to continue in this direction.
Week 5: Mr. Kannan commented that our kinetic typography had reached an A standard, with a well-maintained consistent style. However, he also pointed out areas for improvement. He suggested avoiding highly repetitive content and adding unique elements during musical pauses to create a sense of unpredictability for the audience. Additionally, he reminded us to improve the readability of certain text elements to ensure the information is clear and easy to understand.
REFLECTION
Through Project 2, I significantly improved my proficiency in using After Effects and further developed my creative thinking in motion design. This project also helped me become more disciplined and structured in managing my time, especially when working under a tight deadline with a team.
The process of learning from zero and gradually building the final animation was both exciting and satisfying. Before this project, I had only seen those impressive motion graphics and kinetic typography works online. I never imagined that I would actually be able to create something similar myself.
More importantly, this experience helped me understand many of the principles behind animation and motion graphics. Because of this, when I encounter similar tasks or challenges in the future, I will be able to approach them with a clearer direction instead of feeling lost or overwhelmed.
Overall, this project was a very rewarding learning experience for me.
Comments
Post a Comment