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

Liquid Typography Text Animation in After Effects

Discover how to make cool liquid typography text reveal with liquid effects in Adobe After Effects. This guide helps you create awesome animations, from setting up your project to adding dynamic motion to your text. Learn how to change colors, add effects, and adjust settings to make impressive liquid typography animations that look cool. Whether you’re new to animation or already know a bit, this tutorial will show you how to make amazing visuals for your projects. Also, check out this amazing Burn Text Animation tutorial and learn how to create fiery text effects.

Step-by-Step Guide to Creating a Liquid Typography Text Animation:

Step 1: Creating Composition

  1. Open Adobe After Effects and create a new composition named “Liquid Text” with the same resolution and settings: 30 frames per second and a duration of 10 seconds.

Step 2: Adding Background

  1. Right-click and select “New,” then choose “Solid.” Rename it to “Background” or as desired.
  2. Navigate to Effects & Presets, search for “Gradient Ramp,” and apply it to the solid layer.
  3. Adjust the start and end colors to your preference.

Step 3: Adding Text

  1. Select the Type tool from the toolbar and click anywhere on the screen to type your text.
  2. Center the anchor point and align the text to the center.
  3. Change the font color to dark brown.
  4. Right-click the Text layer, choose “Layer Styles,” and select “Inner Shadow.”

Step 4: Animation Setup

  1. Select both layers, right-click, and choose “Pre-compose.” Rename it to “Text 1.”
  2. Go to Effects & Presets, search for “CC Mr. Mercury,” and apply it to the composition.
  3. Change the resolution to Half.
  4. Add a keyframe on the Birth rate at the first frame, and set it to 0.
  5. Move forward 5 frames, and change the birth rate to 1.
  6. Move forward to 6 seconds, and set the birth rate back to 0.
  7. Adjust settings:
    • Radius X and Y: 200
    • Producer: 350, 200
    • Velocity: 0.5
    • Gravity: 0.5
    • Resistance: 0.5
    • Animation type: Direction
    • Blob birth size: 2
    • Blob death size: 1

Step 5: Lighting and Shading

  1. Under Lights, change the Light type to Point Light. Adjust direction as needed.
  2. Under Shading, change the Metal value from 100 to 25.

Step 6: Duplicating Text Layer

  1. In the project section, select the “Text 1” composition and press Ctrl + D to duplicate it.
  2. Drag and drop the duplicate layer just below the original.
  3. Double-click to edit the duplicate and change the font color as desired.


This tutorial provides a basic understanding of creating liquid typography text animation in Adobe After Effects. Experiment with settings and techniques to create unique animations. If you have any questions or need clarification, feel free to leave a comment. Thank you for watching and good luck with your projects.

Project File Details:

UpdatedApril 6, 2024
CompatibilityAfter Effects CC
Required PluginNo
Size539 KB
CategoryText Animation Tutorials