After Effects Tutorial: Stroke Logo Reveal Outline Effect

In this After Effects tutorial by Josh Noel from Suuck Film, viewers learn how to create a stroke logo reveal outline effect. The tutorial focuses on transforming a logo into an animated outline that reveals the full logo, utilizing various techniques and settings in After Effects.

Key Techniques and Steps:

• Importing the Logo:
  • Use a PNG file with a transparent background for best results.
  • If using a vector file (e.g., from Illustrator), right-click to create shapes from the vector layer.
• Auto Trace:
  • Select the PNG layer, go to Layer > Auto Trace.
  • Set the channel to Alpha and adjust the tolerance (recommended between 2 to 4).
• Creating shape layer:
  • Open the mask from the trace layer, copy the mask path, and create a new shape layer.
  • Add a path and paste the copied mask into it.
• Adding Stroke:
  • Set the stroke width to your desired value (e.g., 5 or 10).
  • Copy any additional outlines from the logo into the shape layer as needed.
• Animating with Trim Paths:
  • Add Trim Paths to the shape layer to animate the outline.
  • Keyframe the start and end percentages to create a revealing effect.
  • Optionally, adjust the offset for rotation during the reveal.
• Smoothing Keyframes:
  • Select all keyframes and press F9 for easy ease to smooth out the animation.
• Final Adjustments:
  • Adjust the scale and opacity of both the shape layer and the logo layer to synchronize the reveal.
  • Optionally animate the stroke color for added effect.

Contributors:

• Josh Noel from Suuck Film