Make It Truly Cinematic
What you will create
Cinematic 3D rings with lighting, glow and posterize — final result
A complete workflow for producing high-end cinematic 3D motion graphics using nothing but native After Effects shape layers. The scene is built around a dashed ellipse extruded in 3D space with environment lighting and specular material options, then duplicated and animated with expressions to fill the frame. A post-processing stack of Tint, Noise, Curves, Glow, and Posterize gives the final render its signature cinematic look. Ideal for motion designers and Adobe After Effects learners in Malaysia, this free tutorial shows you how to produce broadcast-quality 3D motion graphics using only native After Effects tools.
What you will learn
Adobe After Effects 2022 or later with the Advanced 3D (Cinema 4D) renderer available. Basic shape layer and keyframe knowledge recommended.
1. Start with a very dark background — nearly black works best for cinematic lighting. Create a new composition and open Composition › Composition Settings › 3D Renderer. Change the renderer from Classic 3D to Advanced 3D.
2. Create a solid background layer (Layer › New › Solid) using a very dark color (e.g. #080810). This dark field will make the light and glows look dramatic and intentional.
Layer › New › Camera — adding a camera to view the 3D scene from the desired angle
3. Press Q and hold Shift to draw a centered circle. In the Shape layer properties, set:
4. Expand Contents → Ellipse 1 → Stroke 1 and click the + next to Dashes twice. Adjust the Dash and Gap sliders until you see the illusion of multiple concentric lines — try Dash ~80, Gap ~20.
5. Optionally add a Trim Path (Contents → Add → Trim Paths). Animate End from 0% to 100% over 1–2 seconds for a shape reveal animation on the ring.
Fill Options set to None — stroke-only ring ready for 3D extrusion
Dashes added — adjust Dash and Gap for the multi-line illusion
6. Click the 3D cube icon next to the shape layer (F4 to reveal Switches). Expand Contents → Ellipse 1 → Geometry Options:
7. Create a camera (Layer › New › Camera) and press C to use the Camera Orbit Tool. Orbit around the ring to angle it — a slight tilt forward reveals both the front face and extruded edge simultaneously.
Switching to Advanced 3D renderer — Geometry Options now available on shape layers
3D Geometry Options — Extrusion Depth set, ring now has elegant 3D depth
8. Press Ctrl+D to duplicate the ring. In each duplicate, reduce the Ellipse Path size to make it smaller (expand Contents → Ellipse 1 → Ellipse Path → Size). Create up to 3 total rings, each smaller than the previous. Adjust the Dash and Gap for each to keep them visually distinct.
9. To animate the rotation continuously, select the first ring and press R. Alt-click the Z Rotation stopwatch and type this expression:
time * 20
10. For the other rings, paste the same expression but use time * -20 on alternating layers so they counter-rotate — creating a mesmerizing, clockwork effect.
Three rings duplicated at decreasing sizes — Camera 1 added for 3D perspective
Z Rotation expression — rings spin continuously with time * 20 and time * -20
11. Go to Layer › New › Light. In the Light Settings dialog:
12. The environment light illuminates all surfaces from all directions simultaneously. It is the essential base light for cinematic 3D in After Effects — without it, your shapes appear unlit and flat. Once added, your rings will immediately show shading on their extrusion and bevel.
Environment Light added — Cast Shadows on, illuminating all 3D surfaces
13. Select a ring layer and expand Material Options in the Timeline. Set:
14. Select all the Material Options properties, copy them (Ctrl+C), select the other ring layers, and paste (Ctrl+V) to apply the same material across all layers instantly.
15. For dramatic contrast, set one ring to dark gray color. Then in its Material Options:
Material Options expanded — Specular Shininess settings for cinematic reflections
16. Create a new circle shape layer (Q + Shift). Enable it as a 3D layer. In Geometry Options:
17. Scale the layer up (S) to the desired size and reposition it in the scene. Copy and paste the Material Options from a ring layer, then adjust — try Shininess 75%, Metal 100% for a chrome-like reflective sphere.
18. Optionally, animate the sphere's Position to drop into the scene (Y position from above to center) with Easy Ease.
Sphere shape layer added — Bevel Depth 100 with Convex style creates the rounded 3D sphere
19. Go to Layer › New › Null Object. Enable it as a 3D layer. Select all your shape layers (rings and sphere) and use the Parent pick whip to parent them all to the Null.
20. Now you can rotate the entire scene by adjusting the Null's X/Y/Z Rotation — letting you choose the ideal angle for your final composition without repositioning every individual layer.
Layer › New menu — select Null Object to create a parent controller for the entire scene
21. Go to Layer › New › Adjustment Layer and place it at the very top of the Timeline stack. Apply these effects in order:
Adjustment Layer at the top of the stack — ready for post-processing effects
Color Tint applied — maps blacks and whites for a monochrome cinematic look
22. Still on the Adjustment Layer, add two more effects after Curves:
23. Dial each value to match your aesthetic. The double-glow creates a tight inner halo and a wide diffuse outer glow — together they give the piece a cinematic, glowing metallic feel.
Glow effect applied — adjust threshold and radius for the cinematic inner and outer halo
Posterize Time at ~14 — stylized, graphic finish on the cinematic composition
24. Before exporting, maximize render quality. Go to Composition › Composition Settings › 3D Renderer and click Renderer Options. Increase the Shadow Map Resolution and Render Quality for the final output.
25. With these techniques, you can create endless variations:
Final composition render — Cinema 4D (Advanced 3D) renderer ready for quality export
Ring composition with environment lighting — try different sizes, colors, and arrangements for style variations
| Key / Shortcut | Action |
|---|---|
| Q | Ellipse / Shape Tool |
| F4 | Toggle Switches / Modes (reveal 3D cube icon) |
| R | Reveal Rotation property |
| S | Reveal Scale property |
| C | Camera Orbit Tool |
| Alt + click stopwatch | Open expression field |
| F9 | Apply Easy Ease to selected keyframes |
| Ctrl+D | Duplicate layer |
| U | Reveal all keyframed / expression properties |
| Spacebar | Play / Stop preview |
| 0 (numpad) | RAM Preview |
| Ctrl+K | Composition Settings (change renderer) |