Static 2D mockups do not showcase brand identity design effectively. In this tutorial, you will build a clean, floating 3D business card commercial inside Adobe After Effects using the native Advanced 3D composition renderer, true shape extrusion, a procedural shadow catcher, and environment lighting — without any third-party plugins.
Native extrusion depth, surface shininess, and realistic HDRI environment lighting.
Front and back pre-comps parented to an extruded rounded core with zero texture distortion.
Accepts Shadows: "Only" mode generates soft contact shadows over custom backgrounds.
Create a new composition (1920x1080). Open Composition Settings (Ctrl + K), switch the 3D Renderer tab to Advanced 3D, and hit OK.
Pre-compose the artwork layers to establish clean front and back faces:
Rotating the card 180° around the Y-axis reveals mirrored back artwork. Select back side, go to Layer > Transform > Flip Horizontal, and reset its rotation to restore correct orientation.
Select all three layers (front side, back side, depth), pre-compose them into a master comp named business card, toggle it to 3D, and click the Collapse Transformations (Sun/Star icon) switch.
Build a floating shadow rig directly below the card:
If shadows do not appear, click on Render Options in the composition panel, select Fit to Scene, and hit OK to recalculate the environment bounds.
Create a 35mm Camera parented to a 3D Null named camera controller. Set the camera controller's X-Rotation to -6° and Y-Rotation to 80°.
| Scene / Section | Keyframe Timestamp | Property Values | Visual Result |
|---|---|---|---|
| Scene 1 | 0.00s → 0.20s → 1.00s | X-Rotation: -86° → 47° → -10° Z-Position: -6.5 |
Cinematic macro edge shot, subtle floating hover. |
| Scene 2 | 1.00s (Start) | Reset angles (X: 0°, Y: 0°) Env Light Y-Rot: -134°, X-Rot: 97° |
Direct camera angle prepared for full reveal. |
| Scene 2 | 3.00s | X-Rot: -80°, Y-Rot: -139°, Z-Rot: 4° | Dynamic multi-axis card tumble. |
| Scene 2 | 4.50s → 5.12s | Y-Rot: -190° → -213°, X-Rot: -23°, Z-Rot: 10° | Continuous spin decelerating into frame. |
| Scene 2 | 6.16s (Hero Settle) | Scale: 100%, X: 0°, Y: 0°, Z: 0° Z-Position: -547 (Centered) |
Card locks front and center in hero position. |
Assemble the cut inside a new 10-second master comp named final comp:
Learn practical, production-ready After Effects workflows—from 3D product animations to advanced rigging and lighting techniques.
Subscribe to Infizy Academy
Discussion (0)
Leave a Reply
No comments yet. Be the first to start the discussion!