Liquid Text Animation in After Effects - After Effects Tutorial - Easy Method

this video sponsored by and volatile elements hey everyone welcome back to my After Effects tutorial today we are going to create this so let's get started open up the effects and create a new composition let's call it liquid text animation I am using a full HD composition with a frame rate of 15 to achieve the hand-drawn look and my duration is 5 seconds we will keep it short and simple the first step is to create our text layer so go to the tools and select the text tool let's add our text right here eject from the typing tool and make sure to align it to the center you can download this font from the link in the description now right-click on your text layer and pre-compose it I am calling it text comp and then hit OK now go to the effects and the presets and search for the transform apply it onto the layer and then change the skew value to negative 10 it will create this nice look now pre-compose this layer once again so that we can easily manage the effects we are going to apply I am calling it text skew and make sure to click on move all attributes into the new composition now again go to the effects and presets and search for the Vegas apply it onto the layer and then change the blend mode to the transparent also change the segment value to 1 now I am changing the end opacity value to one as well and let's keep a white color for it this is how your text looks now let's use the width value of four to make it thicker now go to around to second position and then add a keyframe on length as well as add a keyframe on the rotation now go to the first frame and change the length value to zero as well as change the rotation value to negative 90 degrees check the animation and it should look like this not bad let's check this random phase checkbox to get the random moves in the rotation now press u to reveal all keyframes select all keyframes and easy ease them by pressing the f9 on your keyboard cool let's move to the next step make a duplicate of the text layer and rename it as the text blue let's select the bottom layer and I am calling it the text white now select the text blue layer and change its color to the blue you are free to use any color you want let's change the random seed value to 2 so that it will rotate on a different timing than the bottom layer cool now select the blue layer and place the starting position on the five seconds to get some more random movement cool let's change its width value to 6 to make it even thicker now again make a duplicate of this blue layer and place the starting point on the 10 frames forward let's add some animation on the stroke width make sure you are at the beginning of the layer and then add a keyframe on the width now go to the 2 second position and change the width value to 11 and this is how the text will look now as you can see the stroke lines are going outside the letters which we don't need we want to fill the blue color in between the letters so let's try to fix it go to the effects and the presets and search for the minimax make sure to place it right above the Vegas effect and then change the operation value to minimum as well as change the channel to the Alpha and color now change the radius value according to your requirement you can simply press the up or down arrow key for increasing and decreasing the value of it let's keep a value of five now the stroke is fitting right inside the letters again go to the effects and the presets and this time search for the simple choker apply it right below the Vegas effect and here change the choke mat value to four it will remove all the softness from the stroke lines cool looking better now let's make one more duplicate of this text layer I am calling it text read place it five frames forward then select the bottom layer and change the random seed value to three again select the top layer and change the random seed value to four let's change the color of it I am keeping this red and pink shade of color you are free to choose your own color and this is how it will look now let's make one more duplicate of the red layer and place it right after the five frames also I'm changing the random seed value to 5 now press you to open keyframes go to the last keyframe position then grab the last keyframe of the width and then place it right below these keyframes I am changing the width value to 30 also change the minimax radius value to 3 as well as changed the choke mat value to two we are just trying to cover up the entire text in case required you can always adjust the value according to your text size let's change the width value to 35 now select these key frames and easy ease them as well coold this is how the text looks now let's move to the next step select the text layer and make one more duplicate of it I am calling it text mask let's remove all the effects from it because we will be using it as the mask layer now select all bottom layers right click on it and choose pre-compose I am calling it liquid and then hit OK now we are going to use the track mat on liquid layer in case the track mats tab is not available here then right click here go to the columns and choose modes now change the track mat to the alpha mat but here is the problem the text disappears in the beginning so let's select this layer and place it on the first frame check the preview and this is how it looks now cool let's add some extra layers to make it more dynamic so open the liquid composition select the text white layer and copy it switch back to the main time-aligned and place it right above all layers now open keyframes and then remove all the keyframes from the length also change the length value to 0 as well as change the width value to 2 now go to around to second position and add a keyframe on the length go to 5 frames forward and change the length value to 0.02 it will create this tiny stroke again go to the 5 frames forward and change the length value to 0 here you can hardly see any difference but the change is here let's select these rotation keyframes and place them right here so that the stroke still rotate around now select these keyframes and easy ease them as well cool let's make this stroke more dynamic go to the effects and the presets and search for the turbulent displace apply it onto the layer and let's adjust a few settings I am changing the amount value to 18 it will randomly distort the stroke path let's select this text layer and make a duplicate of it I am calling it drop read also let's rename the bottom layer as the drop white now select the drop read layer and change the random seed value to 2 also I am using the same read pink color for this layer let's change the random seed value to 5 and now make one more duplicate of it I am calling it drop blue and changing the random seed value to 8 as well as using the same blue color as we have used before check the animation and see if you like it cool now we are going to create the background let's minimize all layers to get some room and then create a new solid layer I am calling it background and using this stark gray color for it place it right below all layers and then make a duplicate of it I am calling it noise now go to the effects and the presets and search for the fractal noise apply it onto the layer and let's adjust a few settings first change the contrast value to 300 and then change the brightness value to negative 100 now open transform and change the scale value to 500 let's increase the contrast value to 400 and and this is how it will look now before moving to any other step let's pre-compose the noise layer I am calling it texture click on move all attributes into the new composition and then hit OK now open the texture comp select the noise layer and then open the transform here we are going to use the offset turbulence to add an animation on it so go to the first frame position and add a keyframe on offset turbulence go to the 5 frames forward and change the turbulence value to a higher number again go to the 5 frames forward and change the number even more you can randomly choose any number just make sure to add the 1000 pixels difference and this is how the animation looks now now press you to open keyframes select all keyframes right click on it and choose toggle hold keyframes it will remove all the linear animation from the keyframes and the movement will be shown on the keyframes only but there is a problem it is not moving for the entire duration so let's fix it by adding an expression press and hold the alt or option key on your keyboard and then click on this stopwatch icon to add an expression now in the expression box type loop out with the capital o and then parentheses click anywhere on the screen to eject from the expression box this expression will repeat this animation on the loop check the animation and this is how it looks now not good actually let's go to the 5 frames forward and randomly change the offset turbulence value to another one it will show up three different frames now switch back to the main timer line and let's change the opacity value of the texture layer by 1% check the animation and now we are done thank you for watching this tutorial good luck and sayonara design video products faster with Envato elements get unlimited downloads After Effects template stock footage fonts music files web templates and more visit the n vital elements check the first link in the description [Music]

Channel: Avnish Parker

Views: 843,820

Keywords: avnish parker, avnish parker tutorial, after effects, after effects tutorial, text animation after effects, cartoon effect after effects, after effects text animation, liquid animation after effects, liquid text animation after effects, texture background video, after effects tutorial text animation, after effects tutorial text animation beginner, after effects free templates, after effects free templates download

Id: k4Ie-hauYXw

Length: 13min 35sec (815 seconds)

Published: Tue Oct 08 2019