Information Design Exercise 4: Chart Chart

 

 ZHOU XINYI / 0378623

Information Design

 Bachelor of Design (Hons) in Creative Media

Table of Content

1.Instruction

2.Process Work

3.Feedback

4.reflection

1.Instruction 

2.Process Work

2.1Process

First, I created a new composition in After Effects and set the background to black.

Then, I used the Pen Tool to draw the lines and changed the stroke colours to different shades of pink and purple.

After that, I added Trim Paths to each line and created keyframes by changing the End value from 0% to 100%. This made the lines appear gradually.

I also used Easy Ease to make the animation smoother and adjusted the timing of each layer.

Finally, I previewed the animation and made some adjustments to complete my line graph animation.

2.2 Final Outcome

For my final result, I created a simple animated line graph with three different coloured lines on a black background. The lines appear gradually, creating a motion graphic effect.

Fig 2.2 Final Outcome

 3.Feedback

Week3 

During the lesson, the lecturer demonstrated how to create animated charts using After Effects. I followed the steps from the class and practised using Trim Paths and keyframes to animate my line graph.

 4.Reflection

Through this exercise, I learned how to create a line graph animation using After Effects. I also learned how to use Trim Paths and keyframes to control the movement of lines. This exercise helped me understand how motion graphics can make charts more visually interesting.