Motion Graphics and Compositing: Project 1

14.09.2023 - 05.10.2023 ( week 02 - week 05 )
Len Hoi Yee / 0353430
Motion Graphics and Compositing  / Bachelor of Design in Creative Media
Project 1

---

Part 1

Rhythm 

Fig 1.1 Rhythm 

Firstly, I adjusted the position falling from top to bottom, only i added rotation when it falls down and bounces back up. I intend to make it slow and bouncy to give it a cute animation. 

Fig 1.2 Speed adjusting

After multiple tries, I managed to adjust the speed of the triangle dropping and bouncing up in order to achieve the cute bouncy effect. I combined the keyframes instead of separating them, this way, the transition is smoother. 

Fig 1.3 Problems encountered

It took me quite some time to realise the weirdness of the bounce. I realised it rotates faster when it bounces when the arc of the speed graph is sharp, but when i adjusted it to an even semi-circular shape, the rotation is even out. 

Scale  

Fig 1.4 Scaling circle 

I am planning to create a few circles in different sizes and wiggle each time one circle grows out. Just like tension, the more they vibrate, the higher the tendency to break apart. Eventually, more circles grow out, the circles will break and bounce out of the screen. However I realised that the template given is adjusted at repeating every 2 seconds, so I adjusted the circles grow out one by one without vibrating and in the end, all of them vibrate and bounce out of the screen respectively. 

Focus 

Fig 1.4 Adjusting focus  

For the idea of Focus, i planned to make it blink twice and expand , then reverse back into the original size. 

Fig 1.5 Problemsen countered 

At first it was weird when the colours all pop out in different timing but after adding opacity setting, the expansion becomes smoother and the transition is better, for the inner circles to appear.

Symmetry 

Fig 1.6 Symmetry 

I suffered a lot with symmetry as I didn'y understand the concept of it. Initially, i thought it has to be in triangle but after asking my friends for help, it just has to be things that occur at the same time. Initially, my idea was to make the lines to appear in an anti-clockwise manner but I realised it doesn't seem symmetric so I adjusted them into appearing diagonally to form the diamond shape. To make it interesting, I rotated the diamond shape and then reversed the lines 

Part 2 

 

Fig 2.1 First part of part 2  

For the second part of Project 1, I plan to connect all of them into one in a smooth transition. For the first part, I have thought of connecting Rhythm, Focus, and then Scale. As the triangle bounces it scales down and then enlarge until it covers the entire layout, and scale down to 0, this is then continued by Focus, where the ball then enlarge and scale down, it then jumps to the bottom corner to continue Scale. Different sizes of the balls appear and eventually vibrate vigorously and bounce out of the screen.  

Week 6 Feedback: It's good that you connect them like a transition. 

Fig 2.2 Second part of part 2  

Second part of the video includes Hierarchy, Movement, and Direction. In order to create a smooth transition, I edited the intro of each part. 

Fig 2.3 Edited intro and ending of Hierarchy

For Hierarchy, I made them blink 3 times and appear accordingly, and I rotated the entire layout to give some movement of the entire video. When it ends, it slides out of the screen and will be continued by the intro of Movement. 

Fig 2.4 Edited intro and ending of Movement 

For Movement, both cubes in the corner slides into the screen as it gradually increase in size and then I have rotated them and reverse the entire movement. So there's rotation in a clockwise and anti-clockwise manner. 

Fig 2.5 Direction 

For the Direction, I did not edit the intro but as every triangle disappear accordingly, I kept the middle triangle for the next part. 

Fig 2.6 Balance 

The triangle is dropped and moved to the middle to act as the base of the level. The balance slowly appeared. The balance then fall to continue the next part. 

Fig 2.7 Symmetry 

As the balance dropped from before, it then connects the start of the symmetry. 

Final Outcome

Project 1

Project 2