in After Effects — No Plugins
What you will create
3D logo animation with rotation, light sweep and text reveal — final result
A plugin-free method for creating polished 3D logo animations directly in After Effects. The technique stacks duplicated pre-comp layers along the Z-axis, using a single index expression to automate the offset and simulate realistic extrusion depth. The tutorial also covers CC Light Sweep for a reflective surface sheen, Null Object-controlled camera animation for a smooth reveal, and a keyframe-driven text animation to complete the sequence. This free After Effects tutorial is perfect for motion designers and students in Malaysia looking to learn professional 3D logo animation techniques without any paid plugins.
What you will learn
Adobe After Effects 2022 or later. A logo image or graphic to animate — any PNG, JPG, or Illustrator file works. Basic timeline familiarity required.
1. Begin with a two-composition structure. Go to Composition › New Composition:
2. Drag your logo image into the Logo composition. Press S to reveal Scale and resize to fit neatly. Then navigate back to the Main composition and drag the Logo comp from the Project panel into the Timeline.
Main and Logo compositions in the Project panel — Logo comp ready to nest in Main
3. Click the 3D cube icon next to the Logo comp layer to enable it as a 3D layer. If the Switches column is hidden, press F4 to reveal it.
4. Create a background: right-click the Timeline → New › Solid. Name it BG, pick an off-white or light neutral color, and drag it below the Logo comp layer in the Timeline stack.
BG solid layer added to the Main comp — Logo comp placed above BG solid
5. Select the Logo comp layer and press P to reveal Position. Right-click the Position property label and choose Separate Dimensions. This splits X, Y, and Z into individual properties.
6. Now hold Alt and click the Z Position stopwatch to open the expression field. Type the single word:
index
7. Click away to confirm. This expression automatically sets each duplicate layer's Z position equal to its layer index number — so when you duplicate, each copy steps back exactly 1 pixel in Z space.
Separate Dimensions applied — X, Y, and Z Position are now independent properties
Index expression on Z Position — expression field shows 'index' setting Z depth automatically
8. Before duplicating, apply shading to simulate the dark extruded sides. With the Logo comp layer selected, go to Effects & Presets, search for Brightness & Contrast, and drag it onto the layer.
Brightness & Contrast applied — Use Legacy checked for correct blending on all duplicate layers
9. Select the Logo comp layer and press Ctrl+D repeatedly — or hold it — until you have 30 copies (30 total layers). More duplicates = deeper extrusion; adjust to taste.
10. To clean up the Timeline, select all the middle layers (everything except the top and bottom logo layers). Click the Shy button (the little figure icon) on each selected layer, then activate Shy Mode at the top of the Timeline. The middle layers are now hidden from view but still render.
30 duplicate layers in the Timeline — Shy tooltip visible, ready to hide middle layers
Shy mode active — only front (layer 1) and back (layer 30) visible in Timeline
11. The top logo layer (index 1) is the front face of the logo — it should show the actual logo color, not the dark shading. Select it and delete the Brightness & Contrast effect from Effect Controls.
12. The bottom logo layer (the 30th) is the back face. Apply a Drop Shadow to make it cast onto the background:
Drop Shadow effect added to the back layer — initial settings before adjustment
Drop Shadow adjusted — Distance 30, Softness 100 — 3D extrusion depth clearly visible from this angle
13. Go to Layer › New › Camera. Select the 50 mm preset — a balanced field of view for showcasing a logo. Click OK.
14. Then go to Layer › New › Null Object. Rename it Cam Control and enable it as a 3D layer. In the Timeline, find Camera 1 and use the Parent pick whip to drag from the camera to the Cam Control null.
Cam-controller null created and Camera 1 parented to it — camera follows the null
Camera 1 with Cam-controller as parent — null controls all camera movement
15. Press C to orbit and preview the 3D logo from different angles. You should now see the stacked layers creating genuine depth and the dark sides reading as extrusion.
16. Select Cam Control. Press R then hold Shift and press S to reveal Rotation and Scale simultaneously. Set keyframes at frame 0 for all three rotation axes and scale.
17. Move the playhead to 4 seconds. Set all rotation axes to 0° and Scale back to 100%. The logo will rotate and zoom out to face the camera.
Rotation keyframes at frame 0 — Scale 70%, XYZ Rotation 45°/45°/15° starting position
18. Select all keyframes on Cam Control, then press F9 to apply Easy Ease. Open the Graph Editor (Shift+F3), right-click and make sure Edit Speed Graph is selected.
19. Select the right-side handles of the end keyframes and drag them left until the influence reads approximately 75%. Do the same for the Scale keyframe's left handle — drag it right to ~75%. This gives the animation a strong deceleration and a satisfying landing.
Easy Ease (F9) applied — keyframes now have smooth acceleration and deceleration
Graph Editor speed curves — handles adjusted for a smooth deceleration landing
20. Select the top (front-face) Logo layer. In Effects & Presets, search for CC Light Sweep and apply it.
21. Move the playhead to frame 0. Click the Center crosshair in the Effect Controls and place it at the bottom-left corner of the logo. Create a keyframe.
22. Move to 4 seconds. Drag the center to the top-right corner. Apply Easy Ease F9 and adjust the graph handles as before (~75% influence on both sides).
CC Light Sweep — Smooth shape, Intensity 50, Edge Intensity 100 — center repositioned for sweep animation
CC Light Sweep animation in the Graph Editor — speed curve for smooth sweep across the logo surface
23. Enter the Logo composition by double-clicking it in the Timeline. Select the logo image layer inside and press S to reveal Scale.
24. Select both keyframes, press F9, open the Graph Editor, and drag the right handle of the end keyframe all the way to the left for a sharp, snappy scale-in.
Inside the Logo comp — Scale keyframe at 0% on frame 0, logo starts invisible
25. Return to the Main composition. Select the Type Tool (Ctrl+T) and click to create a text layer below the logo. Type your brand name or URL. Switch back to the Selection Tool and use the Align panel to center it horizontally; nudge it down from the logo.
26. Move the playhead to 2 seconds (or wherever you want the text to fully appear). Press P then hold Shift and press T to reveal both Position and Opacity. Create keyframes for both.
27. Select both sets of keyframes, press F9, and in the Graph Editor drag the right handles for both all the way left for a punchy, fast arrival.
Text layer with Y Position and Opacity keyframes — fades and slides into final position
3D logo with extrusion depth and drop shadow — the layered comp technique in effect
| Key / Shortcut | Action |
|---|---|
| P | Reveal Position property |
| S | Reveal Scale property |
| R | Reveal Rotation property |
| T | Reveal Opacity property |
| Shift + [key] | Reveal additional property alongside current one |
| F4 | Toggle Switches / Modes column |
| F9 | Apply Easy Ease to selected keyframes |
| Shift+F3 | Toggle Graph Editor |
| Ctrl+D | Duplicate selected layer |
| U | Reveal all keyframed properties |
| C | Camera Orbit Tool |
| Alt + click stopwatch | Open expression field for that property |
| 0 (numpad) | RAM Preview |
