It’s free and I will continue to give out free downloads!

Shadow Stroke Text Reveal in After Effects

The Shadow Stroke Text Reveal in After Effects is a cool way to make your writing stand out. This tutorial shows you how to make each letter look like it’s outlined in a special way. It’s like giving your words a cool effect that makes them pop on the screen. You’ll learn how to do simple steps, like making the letters appear one by one and adding some nice colors. By following these easy steps, you can make your text look awesome and impress everyone watching your videos!

Step-by-Step Guide to Creating a Shadow Stroke Text Reveal:

Step 1: Setting up the Composition

  • Open Adobe After Effects and create a new composition named “Shadow Stroke Text Reveal.”
  • Set the resolution to 1920×1080 pixels, frame rate to 30 frames per second, and duration to 5 seconds.

Step 2: Creating Text Layers

  • Select the Type tool from the toolbar and input your desired text.
  • Center the anchor point and align the text to the center.
  • Right-click on the text layer, navigate to Create, and choose “Create Shapes from Text.”
  • Delete the original text layer.

Step 3: Organizing Shape Layers

  • Duplicate the text outline layer three more times to accommodate the number of letters in your text.
  • Optionally, rename the shape layers for clarity.
  • Temporarily hide the remaining text layer.
  • For each letter layer, go under its properties, then contents, and delete the extra layer properties.

Step 4: Styling the Stroke

  • Select all layers, press the “V” key for the Selection tool, set fill color to none, stroke color to white (or preferred color), and stroke width to 5 pixels.

Step 5: Animating the Stroke

  • Go under the first letter properties, click the add button, and choose “Trim Paths.”
  • Add a keyframe on the End value, set it to 0% at the beginning, and 100% at 4 seconds.
  • Select both keyframes, press “F9” for easy ease, and copy-paste the keyframes to the remaining layers.

Step 6: Adding Gradient Overlay

  • Create a small rectangle over the first letter using the rectangle tool.
  • Right-click on the shape layer, go to Layer Styles, and select “Gradient Overlay.”
  • Adjust the gradient angle to 0 degrees.
  • Duplicate the box layer for each letter and position them accordingly.

Step 7: Applying Track Matte

  • Select all text layers, go to Track Matte, and choose “Luma Matte.”

Step 8: Pre-composing Layers

  • Select all layers, right-click, and choose “Pre-compose.” Name it “Stroke Build.”

Step 9: Enhancing with Reflection

  • Apply the VC Reflect effect from Effects & Presets on the “Stroke Build” layer.
  • Adjust the Y position or drag the circle for reflection placement.
  • Set the reflection fall-off to 0.12 and opacity to 50%.

Step 10: Final Preview

  • Review the final output to ensure the Shadow Stroke Text Reveal meets your expectations.

Conclusion: Congratulations! You’ve successfully created a professional Shadow Stroke Text Reveal animation in Adobe After Effects. Feel free to experiment with additional effects and adjustments to further customize your animation.

Project File Details:

UpdatedMarch 25, 2024
CompatibilityAfter Effects CC
Required PluginNo
Size690 KB
CategoryText Animation Tutorials