Procedural Aesthetics

My project for course: Advanced After Effects: Coding for Motion Design.
For this final project, I focused on creating a vibrant and dynamic abstract animation by using coding techniques in Adobe After Effects.
By applying procedural methods and coding expressions, I was able to bring complex geometric shapes to life, achieving a sense of rhythm and energy.
This project allowed me to explore the power of generative design and coding-driven creativity, taking my motion design skills to the next level.

Adobe After Effects

Basic knowledge of JavaScript for expressions

Inspiration from cybernetic, neon, and sci-fi aesthetics

Course techniques by Desmond Du (coding for motion design)

I mainly relied on coding expressions to automate and stylize the animation process, reducing manual keyframing and enhancing creative flexibility.

I created geometric shapes through procedural generation techniques, using step repetition, randomization, and valueAtTime expressions.
The elements were designed to simulate a futuristic, cybernetic energy flow, combining clean lines, vibrant colors, and complex movement patterns.
Coding allowed me to achieve intricate animations that would be nearly impossible to craft manually.
The final composition is a dynamic and seamless 25-second animation that layers multiple animated elements into a structured yet organic sequence.
Through careful timing, stylization, and the use of color theory, I built a cohesive visual narrative that feels both technical and artistic.
Adding typography and subtle glow effects helped to complete the cyber-futuristic look I envisioned for the project.