Motion Graphics and Compositing - Project 4

               

30/11/2025 - 31/12/2025 / Project 4
ChenYuhan / 0378131
Motion Graphics and Compositing/ Bachelor of Design (Honours) in Creative Media / Taylors University
Project 4


TABLE OF CONTENTS





INSTRUCTIONS



<iframe src="https://drive.google.com/file/d/1sJeBXiaPP8Kef0DYblni3uOE92lxzvEt/preview" width="640" height="480" allow="autoplay"></iframe>


PROJECT 4

Request:
Students will synthesis the knowledge gained in task 1, 2 and 3 for application in task 4. Students are to create an theme based abstract motion graphic video that consist a good audio visual say it in 3D/2D, mix media or any experimental visual output that has strong theme.

Initially, I wanted to build upon my Task 3 and Task 2 assignments—"The Stanley Cup"—to complete my final project, as I thought this would be more coherent and allow me to visually demonstrate my progress.

Fig. 1.1.1, original Stanley, week 13 (2025/12/19)

But after I met with the professor in person, he said my work should become more abstract and not focus on a specific brand. He pointed out that I could use bold colors and rich transitions, like the transitions between graphics and colors in my presentation.
Fig. 1.1.2, transitions, week 13 (2025/12/19)

This gave me a lot of inspiration. So I started to conceive a final project that focused purely on abstract graphic lines and emphasized color.

Fig. 1.1.3, storyboard 1, week 13 (2025/12/19)

Fig. 1.1.4, storyboard 2, week 13 (2025/12/19)

Fig. 1.1.5, storyboard 3, week 13 (2025/12/19)

Because I decided to focus on color, I used a lot of color contrasts. I conveyed my theme through different graphic transitions, showcasing the different feelings brought about by the vibrant colors. In the storyboard, I mainly set up key transitions and graphic transformations.

Fig. 1.1.6, Circular ring transition, week 14 (2025/12/22)

Creating such transitions is relatively simple. You just need to create circles of different sizes, add different colors, and change their size on scaling keyframes.

Fig. 1.1.7, Loading transition, week 14 (2025/12/22)

When creating this loading transition, I applied shape masks, using different shape layers to simulate the feeling of a loading progress bar. The bouncing sphere above was animated using position keyframes.

Fig. 1.1.8, Rhombus shuttle transition, week 14 (2025/12/22)

When creating this rhombus transition, I felt that a simple rhombus transformation was a bit too monotonous, so I tried adding some effects. A spiral guide seemed like a good option. I searched for tutorials on creating related effects on YouTube and ultimately chose afterimage and radial eraser. This creates the feeling of a brush guide, giving the rhombus's movement a sense of direction.

Fig. 1.1.9, Path creation, week 14 (2025/12/22)

While searching for special effects tutorials, I came across a guide to path creation in a YouTube recommendation. It was very simple and easy to follow, so I watched it, and in fact, I created it. You need to create a path, and then edit the content of the path to make it move in the direction you want. Following these basic principles, you can create the effect shown in the image.

Fig. 1.1.10, Flowing lines, week 14 (2025/12/22)

The principle is the same as creating a path above. To enrich the image, I created this simple flowing line.

Fig. 1.1.11, Flowing lines, week 14 (2025/12/22)

I put this at the end because I thought it was more challenging. First, I created different colors, then used waveform distortion to make it wavy and more dynamic. Next, I used a mirror effect to completely fold it. However, the footage wasn't as neat as shown in the image; it had some extra parts. So I chose a mask effect, and after trying different overlay effects, I selected "add," which effectively removed the extra parts.

Google Drive Link:

Final Outcome:




REFLECTION

Experiences:
Shifted from Stanley Cup brand-focused work to abstract color-line motion graphics, experimenting with transitions like circular rings and flowing lines, and learning path/mask techniques via YouTube tutorials to refine effects.

Observations:
Single-shape transitions lacked depth; effect production often yielded redundant elements, and unprocessed footage required masking/overlay adjustments for neatness.

Findings:
Color-transition synergy boosts visual expressiveness; combining tutorials with hands-on practice efficiently solves technical issues, while masks/effects refine output quality.

Comments

Popular posts from this blog

Interactive Design - Task 1: Exercise 1

Advanced Typography - Task 1: Exercises

Advanced Typography - Task 2:Key Artwork & Collateral