Getting the Project Files
Download the project files to follow along with this tutorial. After the download completes, extract the ZIP file to access all necessary assets, including the custom Horizon font and base composition.
Project Overview
Ready for an MTV Flashback? This tutorial will teach you to create a high-impact 80s-style animated background that combines bold typography with dynamic visual effects. Perfect for title sequences, promotional content, or any project requiring retro-futuristic energy, this technique layers text animation, glow effects, lightning, and light bursts to create a polished, broadcast-ready result.
The finished effect demonstrates professional motion graphics principles while maintaining that distinctive synthwave aesthetic that's seen a major resurgence in contemporary design. You'll master keyframing techniques, effect layering, and compositing workflows that are fundamental to motion graphics production.
Key Animation Components
Text Animation
Scale and position keyframes create dramatic entrance effects. Text starts at 285% scale and animates down to 90% for impact.
Glow Effects
Dynamic glow radius and intensity changes add electric energy. Radius reaches 50 with intensity at 2.5 for optimal brightness.
Lightning Integration
Conductivity state controls movement while core and glow radius create the electric appearance. Values animate from 0 to peak intensity.
Text Animation
Begin by establishing the dramatic entrance that sets the tone for your entire composition. This foundational animation creates the illusion of text slamming into frame with impact and authority.
- Select the text layer in your timeline.
- Press S to reveal Scale properties, then Shift+P to add Position controls.
- At the timeline start (0:00:00:00), set Scale to 285% and click the stopwatch to create your first keyframe.
- Set Position to 690, -270 (positioning the text off-screen above the composition) and activate its stopwatch.
- Move the playhead to frame 20 (0:00:00:20). Change Scale to 90% and Position to 695, 430 to center the text in frame.
- Select all keyframes, then apply Keyframe Assistant > Easy Ease to create smooth, professional motion curves.
This scaling and positioning combination creates a dynamic zoom-and-settle effect that immediately captures viewer attention—a hallmark of effective title design.
Text Animation Setup Process
Set Initial Scale
Change scale to 285% and position to 690, -270 to place text outside frame for dramatic entrance
Create End Position
Move playhead to 20 frames, set scale to 90% and position to 695, 430 for final placement
Apply Smooth Animation
Select all keyframes and use Easy Ease to create professional motion curves
Glow Animation
Layer in atmospheric lighting that enhances the text's presence and reinforces the retro-electronic aesthetic.
- Search "Glow" in the Effects & Presets panel and apply it to your text layer.
- With the playhead at the timeline start, activate stopwatches for both Glow Radius and Glow Intensity.
- Advance the playhead to 1:20 (0:00:01:20).
- Set Glow Radius to 50 and Glow Intensity to 2.5 for optimal visual impact without overwhelming the text.
The gradual glow build-up synchronizes perfectly with your text animation, creating a cohesive reveal that feels both organic and energetic.
Glow Animation Timeline
Initial State
Glow Radius and Intensity set to default values with keyframes at timeline start
Peak Glow
Glow Radius increases to 50, Intensity reaches 2.5 for maximum electric effect
Lightning Animation
Add electric energy that transforms static text into a dynamic, charged element. This technique uses layer duplication to maintain alpha transparency while building complex effects.
- Duplicate the text layer using Ctrl+D (PC) or Cmd+D (Mac).
- Press Enter (PC) or Return (Mac) and rename the duplicate "Lightning."
- Search "Lightning" in Effects & Presets and apply it to the new layer.
- Move the playhead to 0:00:00:10.
- Press Alt+[ (PC) or Option+[ (Mac) to trim the layer start to the playhead position.
- In Effect Controls, activate stopwatches for Conductivity State, Glow Radius, and Core Radius.
- Set all three values to 0 for your starting keyframes.
- Advance to 1:25 (0:00:01:25).
- Increase Glow Radius to 55 and Core Radius to 3.5.
- Move to 3:10 (0:00:03:10).
- Set Conductivity State to 10 to maintain dynamic movement throughout the animation.
- Use the spiral parenting icon to parent the Lightning layer to the original text layer, ensuring synchronized movement.
This parenting relationship ensures your lightning effect follows the text's motion perfectly while maintaining its own animated properties—a crucial technique for complex motion graphics.
Duplicate the text layer rather than using an adjustment layer to maintain alpha channel properties and enable precise parenting for synchronized movement.
Lightning Effect Value Progression
Light Burst
Create dramatic lighting that punctuates your animation with explosive energy. Adjustment layers provide the flexibility to affect your entire composition while maintaining easy editability.
- Create a new adjustment layer via Layer > New > Adjustment Layer. Name it "Light Burst."
- Apply the Light Burst effect from the Effects & Presets panel.
- At 0:00:00:16, set keyframes for Ray Length and Intensity, both starting at 0.
- Move to 0:00:01:10.
- Set Ray Length to 1400 and Intensity to 10 for maximum dramatic impact.
- Advance to 0:00:02:00.
- Return both values to 0, creating a sharp burst-and-fade effect.
The adjustment layer approach allows this lighting effect to interact naturally with all underlying elements while remaining easily adjustable throughout your creative process.
Adjustment Layer Light Burst
Create Adjustment Layer
Add new adjustment layer named 'Light Burst' to apply effects to all layers below
Set Initial Values
At 16 frames, set Ray Length and Intensity to 0 with keyframes for invisible start
Peak Burst Effect
At 1:10, increase Intensity to 1400 and Ray Length to 10 for maximum impact
Return to Zero
At 2:00, bring both values back to 0 for smooth fade-out effect
Precomp and Reflection
Complete your composition with a sophisticated reflection effect that adds depth and professional polish to the final result.
- Select both the original text and Lightning layers.
- Right-click and choose Pre-compose. Name the precomp "Text Effects."
- Duplicate the Text Effects precomp and rename the copy "Reflection."
- With the Reflection layer selected, press S for Scale and click the chain link icon to unlink X and Y values.
- Set the Y Scale value to -100 to flip the reflection vertically.
- Position the Reflection precomp below the main text in the composition viewer.
- Enable layer blending modes by clicking Toggle Switches/Modes in the timeline panel.
- Set the Reflection layer's blend mode to Soft Light for realistic integration with the background.
This reflection technique adds sophisticated dimensionality that elevates your animation from amateur to professional quality—a detail that distinguishes high-end motion graphics work.
Pre-composing layers before creating reflections maintains organization and allows for easy duplication and modification of complex effect combinations.
Reflection Setup Checklist
Combines all animated elements into manageable single layer
Creates separate layer for reflection without affecting original
Allows independent control of horizontal and vertical scaling
Flips reflection layer vertically for mirror effect
Creates proper spatial relationship between elements
Integrates reflection naturally with background elements
Video Transcript
Hi everyone. This is Tziporah Zions for Noble Desktop. In this tutorial, I'm going to show you how to create a dynamic animated background in Adobe After Effects that captures the bold, energetic spirit of 80s design aesthetics.
Let me show you the finished effect first. We'll start by animating this text layer with a dramatic scaling entrance. Then we'll layer on a lightning effect animation, add a light burst for punctuation, and finish with a sophisticated reflection at the bottom using the layers we've already created.
This approach creates animations that appear super bold and impactful, based on careful keyframing and the parenting technique. The reflection at the end is a great detail that adds professional polish to any animation—and it's surprisingly easy to accomplish. This effect is all about planned experimentation, so feel free to change fonts, adjust the reflection properties, or parent different effects to create your own variations.
You can find the project files in the video description below, so let's get started.
First, with the playhead at the origin, we'll press S to open the scale controls. By the way, this font is called Horizon—it's available as a free download and we're using it set to bold. The paragraph settings are pretty standard, but I chose this thick font specifically because it stands out well with all the effects we'll be adding.
We'll start keyframing by opening the scale stopwatch and setting it to around 285. I want it nice and big, extending beyond the frame initially. I'll also open position with Shift+P and set the stopwatch. I'm positioning it out of frame because I want it to look like it's slamming down into the composition, getting smaller with impact.
Moving about 19 frames in, I'll shrink the text and reposition it to the center. I'm setting my Y position to around 430. Now I'll select all keyframes and apply Easy Ease to smooth out this motion. You can see how it creates the impression of text arriving from outside the frame and settling into position with authority.
Next, I'll add the glow effect. I'll search for "Glow" in Effects and Presets and drag it onto my text layer. Around one second and 19 frames, I'll keyframe the glow effect. I want the radius at about 50—this controls how spread out the glow appears. For intensity, which controls brightness, I'll set it to 2.5. This gives us a nice effect that's impactful without being overwhelming.
Now for the lightning effect. I'll duplicate the text layer with Ctrl+D on PC or Cmd+D on Mac, then rename it "Lightning." The reason we're duplicating rather than using an adjustment layer is that we want this new layer to maintain alpha channel information and match the movement of the original layer.
I'll apply the Lightning effect and position the control points over the word. Moving the playhead to around 10 frames, I'll use Alt+[ on PC or Option+[ on Mac to trim the layer start. In the effect controls, I'll keyframe Conductivity State, Glow Radius, and Core Radius, starting all at zero.
At 1:25, I'll increase these values—Core Radius to 3.5 and Glow Radius to 55. This creates an intense burst effect. Later, at 3:10, I'll set Conductivity State to 10 to maintain dynamic movement throughout the animation. Finally, I'll parent this lightning layer to the original text layer so they move together perfectly.
For the light burst, I'll create an adjustment layer and apply the Light Burst effect. Starting at 16 frames with both Ray Length and Intensity at zero, I'll create a dramatic burst at 1:10 by setting Ray Length to 1400 and Intensity to 10, then fade back to zero at 2:00. This creates that explosive punctuation that really sells the impact.
Finally, for the reflection, I'll select the text and lightning layers and pre-compose them as "Text Effects." I'll duplicate this precomp and rename the copy "Reflection." By unlinking the X and Y scale values and setting Y to -100, I flip it vertically. Positioning it below the main text and setting the blend mode to Soft Light creates a realistic reflection that adds sophisticated depth to the composition.
Glow effects and light bursts are excellent for transitions and enhancing existing animations. I highly recommend experimenting with different fonts and backgrounds. You could try particle effects, bubble effects, or any other preset, learning to parent them to text layers. Adjustment layers are incredibly versatile—you can apply virtually any effect to them. The key is careful keyframing and understanding how these techniques work together to create professional-quality motion graphics.