Hyper Cinematic

3D Motion Graphics in After Effects

What you will create

Hyper cinematic 3D tunnel with volumetric lighting and depth of field — final result

Overview

An advanced breakdown of After Effects' cinematic capabilities, built around a tunnel scene constructed entirely from shape layers in 3D space. The tutorial covers a 3D floor, a repeating rectangular tunnel, a wide-angle dolly camera push, environment lighting with cast shadows, volumetric god-rays from Gradient Ramp and CC Radial Fast Blur, animated point lights driven by wiggle expressions, and a final depth-of-field pass using Camera Lens Blur. This free After Effects tutorial is designed for motion designers in Malaysia who want to master advanced cinematic 3D techniques including volumetric lighting, god-rays, and depth of field.

What you will learn

Create a 3D floor by rotating a solid 90° on X-axis
Build a tunnel scene with repeated rectangles in Z-space
Use a 20 mm camera and Dolly tool for a vast feeling
Animate the camera dollying into the scene
Add environment light with cast shadows and draft 3D mode
Create volumetric god-rays with Gradient Ramp + CC Radial Fast Blur
Set up practical point lights with wiggle expression
Achieve depth of field using 3D Channel Extract + Camera Lens Blur
PRE

Adobe After Effects 2022 or later. Basic knowledge of 3D layers, cameras, and the Timeline.

01

Create the 3D Floor from a Gray Solid

1. Go to Layer › New › Solid. Choose a medium gray color and make it comp-sized. Create a duplicate (Ctrl+D) — you will need two copies. Enable the 3D cube icon (F4) on one of the duplicates to make it a 3D layer.

  • X Rotation 90° — rotates the solid flat onto the ground plane
  • Y Position Lower it to the bottom of your composition viewport
  • Scale Increase to ~1000% — expands the floor to fill the scene

2. The non-rotated solid serves as the backdrop/sky layer. Together they create a complete environment — a sky above and a ground plane below.

Creating new solid layer — Adobe After Effects tutorial Malaysia

New Solid created — ready to configure as the 3D floor with X rotation and scale

02

Build the Tunnel Scene with Rectangles in Z-Space

3. Create a shape layer with a rectangle (press Q, draw a tall narrow rectangle). Enable it as a 3D layer and slide it to the left side of the composition.

4. Open a Two View layout with a Top view: right-click the Composition panel → New Viewer, set the second panel's camera dropdown to Top.

5. In the Top view, duplicate the rectangle (Ctrl+D) and push it back by 300 Z-position units. Repeat for as many copies as you want. Vary the Y position of each to create a city-block height variation — taller and shorter columns create visual interest.

Two-view layout with shapes positioned — Adobe After Effects tutorial Malaysia

Two-panel layout — Active Camera (left) and Top view (right) for Z-space positioning

Duplicated rectangles in Z space — Adobe After Effects tutorial Malaysia

Shapes duplicated with 300 Z-unit spacing — Top view shows the depth layout clearly

03

Duplicate for Both Sides of the Tunnel

6. Select all your column layers and press Ctrl+D to duplicate the entire set. Move the duplicates to the opposite side of the composition — you now have two parallel rows of towers, forming the walls of a tunnel.

7. Select all elements, then open Layer menu › Transform and adjust their Z-position collectively to center the scene for optimal camera framing. This is optional but helps with the initial camera placement.

Full tunnel scene both sides — Adobe After Effects tutorial Malaysia

Full tunnel — two rows of towers with varied heights and Z-spacing of 300 units each

04

Create a Wide Camera & Dolly Animation

8. Go to Layer › New › Camera. For a vast, epic feeling, choose the 20 mm preset — the widest standard preset, which dramatically expands the apparent scale of your scene.

9. Click OK. Then select the Dolly Towards Cursor Tool (hold C until you reach it, or look for it in the toolbar) and dolly backward to your desired starting position.

  • @ 0 seconds Create keyframes for Camera Position and Point of Interest
  • @ 5–10 seconds Use the Dolly tool to push the camera forward into the tunnel

10. After Effects creates the end keyframes automatically. This simple dolly creates a dramatic pull-into-the-scene effect.

Camera settings with 20mm preset — Adobe After Effects tutorial Malaysia

20 mm camera settings — wide angle makes the scene feel vast and cinematic

Camera view of tunnel scene — Adobe After Effects tutorial Malaysia

Camera positioned in the tunnel — ready for the dolly animation keyframes

05

Fill the Scene with Additional 3D Graphics

11. Add more visual depth by filling the scene. Duplicate some tower layers and push them to the sides (adjust X position). Increase their Y position to make the side towers appear even taller, visible from the camera angle. Place some graphics further back in Z space and scale them up — creating background structures.

Additional 3D shapes in scene — Adobe After Effects tutorial Malaysia

Additional 3D shapes positioned — camera view for verifying element placement in depth

TIP
This is your scene — add, remove, and rearrange elements freely. The tutorial demonstrates a tunnel, but the technique works equally well as a city skyline, a forest of pillars, or any repeating architectural element.
06

Environment Light with Cast Shadows

12. Go to Layer › New › Light, choose Environment light type and enable Cast Shadows. This transforms the scene from flat shapes into a properly lit 3D environment. Adjust the light's rotation to vary the shadowing direction.

13. To keep your computer from overheating during iteration, click Draft 3D in the Composition panel, then open Renderer Options and reduce:

  • Render Quality Draft while editing, bump to Best for export
  • Shadow Resolution Lower for speed, increase for final quality
  • Fit the Scene Click this so shadows cover the entire scene, not just the default area
Environment light settings dialog — Adobe After Effects tutorial Malaysia

Environment Light dialog — Cast Shadows enabled, ready to transform the flat scene into 3D

07

Volumetric God-Rays — Gradient Ramp & CC Radial Fast Blur

14. Select your background/sky layer. Apply Effect › Generate › Gradient Ramp:

  • Ramp Shape Radial Ramp
  • Color 1 / 2 Two mildly light, warm colors — like a hazy sun
  • Start Point Position the bright center where the "sun" should be

15. Now create a new Adjustment Layer (Layer › New › Adjustment Layer). Apply Effect › Blur & Sharpen › CC Radial Fast Blur:

  • Center Match it to the brightest point of your sky gradient
  • Amount Increase until you see god-ray beams radiating outward
  • Blend Mode Change the adjustment layer blend mode to Screen
Warm color selection for sky gradient — Adobe After Effects tutorial Malaysia

Warm color palette — choose two mildly warm colors for the Gradient Ramp on the sky layer

CC Radial Fast Blur adjustment layer — Adobe After Effects tutorial Malaysia

CC Radial Fast Blur on adjustment layer — Amount creates the god-ray streaks

Volumetric god-rays with screen blend — Adobe After Effects tutorial Malaysia

Adjustment layer set to Screen blend mode — rays now blend beautifully into the scene

TIP
Animate the Center value of CC Radial Fast Blur alongside the Environment Light's rotation to make the sun appear to shift position over time — a cinematic lighting animation effect with zero extra setup.
08

Point Light & Practical Light Circle

16. Add a dramatic accent light: Layer › New › Light, choose Point. Set its color to something bold like red or warm amber. Configure it to contain the spill:

  • Fall-off Smooth
  • Radius Dial to constrain the light pool to the desired area
  • Fall-off Distance Adjust to control how quickly the light fades
  • Intensity Increase for punchy, vivid illumination

17. Make it a practical light — create a very small circle shape layer in the same color as the light. Enable it as a 3D layer and expand its Material Options, setting Accepts Lights to Off (so it always shows its own color, unaffected by scene lighting).

18. Alt-click the Position stopwatch of the circle and type thisComp.layer("Point Light 1").transform.position to parent its position to the light — keeping the visible dot locked to the light source.

Red point light settings in timeline — Adobe After Effects tutorial Malaysia

Point light with Smooth fall-off — Light Options configured for intense color accent lighting

Practical light circles in tunnel — Adobe After Effects tutorial Malaysia

Practical light circles visible in the tunnel — orange shapes parented to point lights

19. Add a wiggle expression to the light's Position property (Alt-click the stopwatch, type wiggle(2, 30)) for a subtle, organic flicker. Duplicate the light + circle pair and push duplicates to different Z positions for a string of lights down the tunnel.

09

Pre-Compose & Apply 3D Channel Extract

20. Select all your 3D layers and go to Layer › Pre-compose. Name it something memorable (e.g. "Scene_3D"). This flattens the 3D scene into a single 2D layer while preserving its Z-depth information through a 3D channel.

21. With the pre-comp layer selected, apply Effect › 3D Channel › 3D Channel Extract. In the Effect Controls:

  • 3D Channel Set to Depth — this extracts a grayscale depth map

22. The resulting grayscale map shows: black = foreground (in focus) and white = background (out of focus). You will use this as the blur map in the next step.

Layer stack before pre-composing — Adobe After Effects tutorial Malaysia

All 3D layers in the Timeline — ready to be pre-composed into a single layer

3D Channel Extract depth map — Adobe After Effects tutorial Malaysia

3D Channel Extract — Depth channel showing the Z-depth grayscale map

10

Depth of Field with Camera Lens Blur

23. Duplicate the pre-comp layer. On the duplicate, delete the 3D Channel Extract effect. Apply Effect › Blur & Sharpen › Camera-Lens Blur:

  • Blur Map › Layer Select the bottom pre-comp layer (the one with 3D Channel Extract)
  • Blur Map › Channel Effects & Masks — this reads the depth map
  • Maximum Radius Adjust to control the maximum blur amount (~20 px)

24. The Camera-Lens Blur uses the depth map grayscale values to determine blur strength per pixel: white areas (distant objects) get maximum blur, black areas (close objects) stay sharp. The result is a realistic lens-based depth of field.

Camera Lens Blur depth of field — Adobe After Effects tutorial Malaysia

Camera-Lens Blur with depth map — foreground sharp, background progressively blurred

11

Finishing Touches — Noise, Curves & Posterize

25. Add one final Adjustment Layer at the top of the Timeline. Apply these optional finishing effects in order:

  • Noise 3–6%, Color Noise unchecked — adds cinematic grain
  • Curves Lift the black point slightly for a cinematic crush, or boost mid-tones for drama
  • Posterize Time ~14 — optional, for a graphic stylized finish

26. Add more 3D objects, try different light colors, or experiment with the camera path for a completely different look. The core pipeline remains the same — this is a reusable framework for cinematic 3D scene-building in After Effects.

DONE
Press 0 on the numpad to RAM Preview. Drop resolution to Half or Third while iterating — 3D rendering is resource-intensive. For the final export, render at Full Quality via the Render Queue with Best render settings enabled.

Quick Reference — Keyboard Shortcuts

Key / ShortcutAction
QShape / Rectangle Tool
F4Toggle Switches / Modes (show 3D cube icon)
RReveal Rotation property
SReveal Scale property
PReveal Position property
CCycle Camera Tools (Orbit, Track, Dolly)
Ctrl+DDuplicate selected layer(s)
Alt + click stopwatchOpen expression field
F9Apply Easy Ease to selected keyframes
UReveal all keyframed / expression properties
SpacebarPlay / Stop preview
0 (numpad)RAM Preview

Hyper Cinematic Workflow — At a Glance

FLOORGray solid → 3D → X Rotation 90° → Y pos down → Scale 1000%
TUNNELRectangle 3D → slide left → Top view → Ctrl+D → +300 Z each
VARYRandomize Y position per tower → duplicate for opposite wall
CAMERA20 mm camera → Dolly back → keyframe position + POI
DOLLYMove to end frame → Dolly Cursor tool → push into tunnel
LIGHTEnvironment light → Cast Shadows On → Draft 3D → Fit Scene
RAYSGradient Ramp (radial) → adj. layer CC Radial Fast Blur → Screen
POINTPoint light (red) → Smooth fall-off → wiggle expression → duplicate
PRACTICALCircle shape → Accepts Lights Off → position parented to light
DOFPre-compose → 3D Channel Extract → duplicate → Camera-Lens Blur
FINISHAdj. Layer: Noise + Curves + Posterize to taste

Want cinematic 3D workflows taught step-by-step?

10% OFFfor tutorial readers on our HRD Corp claimable After Effects Beyond Basics Advance course — advanced camera, lighting, and compositing techniques with a live trainer.

WhatsApp