Painting Animated Strokes in Adobe After Effects

Author:

Creating animated strokes or painted effects in Adobe After Effects can add a unique and artistic touch to your motion graphics. Here’s a guide on how to achieve this brushed brilliance effect:

Step 1: Create a New Composition

  1. Open After Effects and create a new composition.

Step 2: Import Assets

  1. Import the assets you want to use for your animation, including any background images or videos.

Step 3: Create a Solid Layer

  1. Create a new solid layer by going to Layer > New > Solid.

  2. Choose a color for your solid layer, and click OK.

Step 4: Apply the Stroke Effect

  1. Apply the Stroke effect to the solid layer:

    • Select the solid layer.
    • Go to Effect > Generate > Stroke.
  2. Adjust Stroke Settings:

    • In the Effect Controls panel, modify the Stroke settings:
      • Brush Size: Set the size of your brush.
      • Brush Hardness: Adjust the hardness of the brush for a softer or sharper look.
      • Start and End: Keyframe the start and end values for animated strokes.

Step 5: Animate the Brush Strokes

  1. Set the playhead to the beginning of the timeline.

  2. Keyframe the “End” property of the Stroke effect at 0%.

  3. Move to a later point in the timeline and increase the “End” property to 100%. This creates an animated stroke.

Step 6: Customize Stroke Appearance

  1. To enhance the painted effect, you can customize the appearance:
    • Add the Roughen Edges effect to the solid layer.
    • Adjust the settings of the Roughen Edges effect to give the strokes a more organic and textured look.

Step 7: Duplicate and Vary Strokes

  1. Duplicate the solid layer with the Stroke effect.

  2. Adjust the position, rotation, and other properties of the duplicated layer to create variety in the strokes.

  3. Repeat the process to add more painted strokes with different characteristics.

Step 8: Use Masks for Detail

  1. Create additional solid layers with masks to add detailed strokes or specific shapes to your composition.

  2. Apply the Stroke effect to these masked layers and customize the appearance.

Step 9: Add Texture or Background

  1. Import textures or background images to enhance the painted effect.

  2. Place these elements below the painted strokes in the layer stack.

Step 10: Experiment with Blending Modes

  1. Experiment with blending modes for the painted strokes and background elements to achieve interesting and creative results.

Step 11: Fine-Tune and Preview

  1. Fine-tune the timing, appearance, and positioning of the strokes.

  2. Preview your animation using the RAM Preview feature to see how the painted strokes come together.

Step 12: Export Your Animation

  1. Once satisfied, go to Composition > Add to Render Queue to set up render settings.

  2. Adjust output settings in the Render Queue and click on the “Render” button to export your animated painted strokes.

Tips for Enhancing the Effect:

  • Color Variation: Experiment with different colors for the strokes to create a vibrant and dynamic composition.

  • Opacity and Blurs: Adjust the opacity of individual strokes and apply blurs to create depth and realism.

  • Overlay Elements: Overlay additional design elements or textures to add complexity to the painted effect.

  • Use Masks Creatively: Use masks to create shapes or patterns within the strokes, adding visual interest.

By following these steps and experimenting with different settings, you can achieve a brushed brilliance effect with animated strokes in Adobe After Effects. This technique is versatile and can be applied to various projects, from artistic animations to dynamic motion graphics.