Motion Graphics and Compositing

April 22, 2026

Motion Graphics and Compositing

SUN JIAYUE (0376224)

DST60704 / Motion Graphics and Compositing / Bachelor of Design ( Hons) in Creative Media

Exercise

Lecture:

Week 1:

Motion Graphic Exercise 1(10%):

The gentleman taught us the step-by-step production process in class. Then we used AE to create graphics in class and fully understood the usage of each tool.

The first one made was a concentric circle, and then I used three different colors. The subsequent shapes also used these three different colors.

yellow：

purple：

blue：

Then I started making it. I made the first round one first：

I added three different zoom points at the zoom position, then I copied the other two layers with command➕D, changed the color, then moved to the corresponding position, then copied these three layers, moved backward to the corresponding position, and then dragged the layers to make them look like a loop.

The second one I made was a rectangle. I used the Rectangle drawing tool, double-clicked to draw a rectangle, scaled it bit by bit from the upper left corner, then added two identical layers, dragged them to the appropriate positions, modified the color, copied the layers, adjusted them to the appropriate positions, and then let it loop.

The third one I made was a semi-circle. I used the Circle drawing tool, double-clicked to draw two circles, modified the color of the second circle, then clicked on the path of the second circle and used the Pen tool to modify it into an ellipse. Then I changed the position of this ellipse and adjusted it to the appropriate position. Finally, I let it loop.

The fourth one I made was a triangle. I used the Rectangle drawing tool, double-clicked to draw a rectangle, and then adjusted the triangle with the Pen tool. I opened the grid and adjusted it to the center point position to make the triangle an equilateral triangle. Then I added keyframes for changing positions and zooming, copied a layer to change the color, and added a solid color background. Then adjust it to the appropriate position and let it cycle.