How to Create a Stunning Liquid Text Animation in Filmora?

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.

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.

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.

After that, we need to create a stroke text layer, so I take a copy of this text layer and paste it right here. We need to change this to a stroke text. Go to the advanced settings, turn off the fill, and enable the outline. I change the outline color to white and the outline thickness to 2. Click apply! Now, we have both our text layers.

Now, let's add animation to our stroke text layer. Go to the animation, and I will add this typewriter animation to this. Also, I change the duration to something 1 second. Now, we have this kind of Animation. I like to add zoom-out animation. I go to the beginning of this layer and the video section.

Now, we have to create our velocity part. First, I select my first beat and select the layer, then split it right here. Go forward and select the range you want to speed up. Select here and split it like this. I selected this part and added a "Flash in" graph to it. Go to the graph, select this point right here, and remove it. Drag this layer to here. After that, go to the second beat and split the layer like we had done before. Select the range you want to speed up and split the layer like this.

Now, we need to change these layers to compound clips. First, I select this stroke text layer and press alt+ G to create a compound clip. I named it the stroke text layer and hit okay. I chose these two layers and changed them to a compound clip. I named it normal text and hit okay. After creating the compound clips, bring these layers to the upper layer like this. After that, I hide these layers for now.

We need to create our liquid waves. First, we need to add a color layer. Go to the stock media. You can pick any solid color or gradient color you like. I selected this blue color and added it to the timeline. We need to add slide-up animation, so I chose here on the timeline, brought this layer down, and created a keyframe. Go a few seconds forward, like 4 seconds, and bring this layer up like this.

Now, we have this slide-up animation. I like to add two more layers. I took a copy of this layer and pasted it two times. We can replace the color of these layers. Pick another color you like. I select this light blue color and drag it on top of this layer. Hold the ALT key on the keyboard and drop it like this. You can see it replaced our layer color.  Next, I need to do the same thing for my other layers. I do it like this. You can see we don't need to recreate our animations.

After that, we need to change these layers to a compound clip. First, I select this layer and press alt+ G to create a compound clip. I named it Wave 1 and hit okay. I do the same thing for my other color layers.

After creating the compound clip, we need to add a wave effect to this. Go to the effects tab, select Boris FX, and select Warp. Select the BCC wave effect, and I add it to my wave one layer. It gives this kind of look, but we need to adjust some settings to this effect. Go to the effect settings and first select the height.

You can adjust the wave height using this setting. I change it to something 300. Go to the wave width, and I will change it to 260. I change the speed value to something like 1.5, go to the wave angle, and change the angle to 80. Now, we have this kind of wave animation.

We need to add this wave effect to our other wave layers. You can do it by right-clicking on this layer, selecting effect, then selecting copy effect. After that, I chose my Wave 2 layer and right-clicked select effect. Select paste effect. Now, we have the same wave effect. I do the same thing for my wave three layers. After that, go five frames forward and drag these layers like this. Now, our wave animation looks like this.

Now our main part is complete. We need to create our beginning part. I use this kind of low-quality look effect for this. Let's see how to create that quality. First, go to the effects tab, select new blue FX, select filters, then select this frame rate effect and add it to this layer like this. 

Here, you can see an empty look in this area. We can fix that by adjusting the wave layer position, but first, we need to change the wave scale. I select this layer, go to the scale, and then click the lock button. After that, I increase the X scale to something 140, then do the same for my other wave layers like this. After that, we can adjust the layer's position like this. Now, we have completed our liquid wave animation. 

Now, we need to put these waves inside our text. First, I unhide my normal text layer. After that, we must blend this layer to be visible in our wave animation inside our text.  Go to compositing and change the blend mode to darken. Now, it looks like this. After that, we can add our stroke text layer to this, so I unhide my stroke text layer.

I want to add Fade-out animation to this stroke text, so I selected it here and created a keyframe on opacity. Go a few seconds forward and change the opacity to zero like this. Open the key frame panel, select this last keyframe, and add a curved preset to this. Now, our liquid text animation looks like this.

Finally, we need to add our glow effect to this. First, I drag my stroke text layer to the upper layer. We need to add an adjustment layer to add our effect. I add it like this. Go to the effect tab, Select Plus light in the Boris FX, then select BCC plus Rays effect and add it to this adjustment layer. This effect gives our animation an excellent, glowy ray look.

Let's animate our glow effect.  Go to the effect settings and select Rays. You can adjust the brightness you like. I change it to something like 90. We need to add a fade-out look to our glow effect. I selected it here and created a keyframe on brightness. Go to the end of the animation, and I will change the brightness to something like 13 or something 12. Now, our liquid text animation is complete. Here's the result.

That's how we can make awesome liquid text animation inside Filmora 13. It's straightforward to create, and you can download the complete project file through the link in the description. Also, if you need to learn more about Filmora tutorials, you can check my Filmora tutorial playlist or visit the Filmora Creator Hub to access more awesome tutorials. You can follow the links below to access the Filmora Creator Hub. That's it, guys.

Thanks for watching this tutorial! I hope you enjoy this. Also, please leave a like this video and be sure to subscribe to my channel and leave a comment about this video. What tutorial would you like next? Let's meet up for the next video. Take care and peace!