Filmora
Filmora - AI Video Editor
Edit Faster, Smarter and Easier!
OPEN

Transcript

00:17

What is going on, guys? Welcome to the third tutorial in my course series! In this tutorial, I will show you guys how to create this cool liquid text animation inside of Filmora 13. This animation is straightforward, so let's jump into Filmora and start.

00:41

Here, I use 1920 x 1080 resolution with 60 FPS. You can use any resolution you like here. First, we need to add a background. So, I went to the stock media and picked this black color as my background. I will use black because we are going to use glow effects.

01:03

We need to add text, so go to the text and add the default title to the timeline. Go to the text settings and customize it as you like. Here, I type liquid, use Gotham Ultra italic font style, and increase the text scale slightly like this.

How to Create a Stunning Liquid Text Animation?

Preparation

What you need to prepare:

  • A computer (Windows or macOS)
  • Your video materials.
  • Filmora video editor
Step 1
Set the Project Resolution and Background

Set the project resolution to 1920 x 1080 with a 60 FPS frame rate. You should choose any resolution that suits your preference. Add a black background from the stock media library. This color will complement the glow effects that we will discuss later.

setting the resolution and frame rate in filmora
Step 2
Add and Customize Text Layers

Add a default title text layer to the timeline. Open the text settings and customize the text as desired. You can type any text you want. For example, type "liquid" using the Gotham Ultra italic font style and increase the text scale.

customizing text layers
Step 3
Create a Stroke Text Layer

You should duplicate the text layer and turn off the fill. Ensure you enable the outline. You will get all these options in the advanced settings. Change the outline color to white and set the outline thickness to 2. Click apply to create a stroke text layer.

creating a stroke layer
Step 4
Animate the Stroke Text Layer

Add a typewriter animation to the stroke text layer and adjust the duration to around 1 second.

animating the stroke text layer in filmora

You can create a zoom-out animation. Increase the scale to 200 at the beginning. Create a keyframe and reduce the scale back to 100 a few seconds later. You can add a curve preset to the keyframes by right-clicking. It will create a smooth animation.

creating a zoon-out animation in filmora
Step 5
Create Compound Clips

Convert the stroke text layer into a compound clip. You can do it by pressing alt + G. Follow the same to change two text layers (normal and stroke text) into compound clips. Bring the compound clips to the upper layers and hide them temporarily.

creating a compounding clip in filmora
Step 6
Create Liquid Wave Layers

Add a solid color layer and apply a slide-up animation by creating keyframes. You must move the layer from the bottom to the top over a few seconds. Duplicate the layer and replace the colors with different shades you prefer. Create compound clips for each wave layer.

creating liquid wave layers
Step 7
Apply Wave Effects

You can add the BCC Wave effect. Go to the Boris FX and choose the Warp category for the first wave compound clip. Adjust the wave height, width, speed, and angle settings. It can help you achieve the desired wave animation. Copy and paste the effect onto the other wave compound clips. Finally, you can offset their positions slightly.

applying the wave effect in filmora
Step 8
Adjust Wave Scale and Position

Increase the horizontal scale of the wave layers to around 140 and unlock the scale aspect ratio. Adjust the positions of the wave layers to fill any empty spaces in the animation.

editing wave scale in filmora
Step 9
Blend Text and Waves

Unhide the normal text compound clip and change its blend mode to darken. It will make the wave animation visible inside the text. Unhide the stroke text compound clip and add a fade-out animation. You can do it by creating opacity keyframes and applying a curve preset.

blending the text and waves in filmora
Step 10
Add Glow Effect

Drag the stroke text compound clip to the top layer. Add an adjustment layer and apply the BCC Plus Rays effect from the Boris FX Plus Lights category. Adjust the brightness settings and animate the effect by creating brightness keyframes. You can start with a high value and decrease it towards the end.

adding a glow effect in filmora
Step 11
Finalize the Animation

Review the final liquid text animation! You can make any necessary adjustments in the animation to achieve the desired result.

 applying finishing touches in filmora
Summary

Crafting a liquid text animation is an art form that needs creativity. It can help you create visually striking animations that leave a lasting impression. You must explore and experiment with different styles, effects, and techniques. Many such tips are readily available at Filmora Creator Hub. Remember, practice and persistence are vital to mastering this effect. 

Speak Your Mind

Register / Login then write your review