What you'll learn
How to create extruded 3D text in After Effects using Cinema 4D (Advanced 3D) rendering, split the letters onto individual layers, animate them flipping on the X-axis with proper easing and secondary motion, swap the word mid-flip using Source Text keyframes, and finish the composite with a animated shine effect and sparkle stars.
Part 1 — Composition & 3D Text Setup
Create the composition
Create a new composition named 3D text at 30 fps and whatever resolution you're working at.
Write and extrude the text
Add a text layer, type your word — VIBES in this example — and center it. Enable 3D on the text layer. Then open the composition's renderer dropdown at the top right of the timeline and switch from Classic 3D to Advanced 3D. This switches the renderer to Cinema 4D mode, which is required for real geometry extrusion.
With the text layer selected, open Geometry Options in the layer's properties and increase Extrusion Depth — around 120 gives solid depth without being excessive. Set Bevel Style to Angular for a hard, faceted edge on the front face.
Split each letter onto its own layer
Duplicate the text layer and manually trim each copy to a single letter by editing the source text — one layer per character (V, I, B, E, S). Having individual layers is what lets you offset the animation per letter later.
Center each anchor point
Switch to the Top view and move each letter's anchor point to the exact center of that letter's geometry. This is critical: if the anchor point is off-center, the rotation axis will be wrong and letters will swing around an offset pivot instead of spinning cleanly in place.
Add the camera
Add a new camera with a Ultra Wide Angle preset lens. This exaggerates the 3D perspective and makes the extrusion read more dramatically.
Part 2 — Animating the First Letter
Keyframe the X rotation
Start with the B. Set keyframes on X Rotation to rotate the letter 180° (or a full 360° depending on the morph direction you want). The letter should flip completely edge-on and then face forward again on the other side.
Ease and graph editor refinement
Select all rotation keyframes and apply Easy Ease (F9). Open the Graph Editor and adjust the speed curve so the rotation:
- Starts fast
- Slows through the middle (when the letter is face-on at either end)
- Speeds through the edge-on middle position (where the letter is a thin sliver — this is where the word swap happens)
Secondary motion — anticipation and overshoot
Add secondary action to make the animation feel physical. Before the main rotation begins, add a small counter-rotation keyframe — the letter dips slightly in the opposite direction before it commits to the flip (anticipation). After it lands, add a small overshoot past the resting angle that settles back (follow-through). These two additions transform a mechanical spin into something that feels like it has weight.
Z-axis position — push toward the camera
Enable Separate Dimensions on the Position property. Keyframe the Z position so the letter moves toward the camera as it rotates and then retreats back to its original depth after landing. The letter feels like it's lunging forward through the spin rather than just rotating in place. Match the Z timing to the rotation: Z moves in as the spin starts, peaks as the letter is edge-on, and returns as it faces forward again.
Part 3 — Text Morphing
Copy animation to all letters
Copy the completed Rotation and Position keyframes from B and paste them onto V, I, E, and S. All letters now do the same move.
Source Text swap at the edge-on moment
This is the core technique. At the exact frame where each letter is perfectly edge-on (the thinnest point of the flip, when it's essentially invisible), set a Source Text keyframe and change the letter to its replacement — V→G, I→O, B→O, E→D, S→S. Set another Source Text keyframe one frame later holding the new letter value.
Because the letter is edge-on at zero width, the viewer never sees it change. The word has silently become GOODS.
Reverse the morph
To flip back from GOODS to VIBES, apply the same technique on the return rotation: change the Source Text back to the original letter at the edge-on frame of the second rotation. The word silently reverts.
Part 4 — Spacing & Layer Offset
Animate tracking for the wider letters
The letters in GOODS are physically wider than VIBES, so the outer letters (G and S) need to move apart when the swap happens and return when it reverts. Keyframe the X Position of the outer layers to push them outward as the new letters appear and pull them back on the return swap.
Offset layers to create the wave
In the timeline, shift each layer's start point by one frame relative to its neighbor. V starts at frame 0, I at frame 1, B at frame 2, E at frame 3, S at frame 4. This staggered timing causes the letters to flip in sequence rather than all at once, producing the rolling wave effect across the word.
Part 5 — Shine & Stars Compositing
Draw the shine shape
Create a new main composition that holds the 3D text comp as a pre-comp. Add a Shape Layer and use the Pen Tool to draw a narrow, elongated diamond or slash shape that will serve as the light streak. Animate its position across the text from left to right, timed to pass over each letter as it completes its flip.
Mask the shine to the front face only
The shine should only appear on the flat front face of the letters, not on the extruded side depth. To achieve this:
- Duplicate the 3D text pre-comp.
- On the duplicate, set Extrusion Depth to 0 — this gives you a flat version of the same text at the same scale.
- Use this flat duplicate as a Track Matte for the shine shape layer. The shine is now clipped to the front face geometry only.
Soften the shine
Apply Fast Box Blur to the shine layer to spread the edges. Add Turbulent Displace at a low amount to break up the perfectly clean edge and make it feel more like a real lens highlight than a graphic overlay.
Add sparkle stars
Select the Star Tool in the toolbar, set the number of points to 4, and draw small four-pointed star shapes at the points where the shine passes. Animate each star's Scale from 0 → 100 → 0 over a short duration timed to the shine passing through that position. Keep them small and brief — they should feel like a catch light glinting off the edge, not a decorative element.
Key principles
- The morph works because of timing: the Source Text change happens at the one frame where the letter has zero visible width. Miss that frame by even one, and the switch is visible.
- Anchor point placement is mandatory: any offset anchor produces a visually broken rotation. Check every letter in Top view before animating.
- Layer offset creates the wave: without the per-frame stagger, all letters move identically and the effect reads as flat. One frame per letter is usually the right interval — more feels slow, less collapses back into unison.
