Liquid Typography Animation in After Effects - After Effects Tutorial

this after effects tutorial is sponsored by envato elements hey guys what's up i am nikhil from dopemotions.com and in this after effects tutorial we will create a liquidity style kinetic typography animation inside of our fruit face that too without using any plugins it's a super cool effect you can use this technique in various different ways to create your own unique looking animation so make sure you watch the complete video so you don't miss out on anything with that said let's jump into after effects and get started all right so here we are in after effects let's start by creating a new composition it's going to be full hd that is 1920 by 1080 30 fps and let's make this composition 10 seconds long and i'm going to call this render as our main render comp hit ok let's create one more comp this is going to be our text composition so i'm going to call this text and for the height i'll set this to 150 all right hit ok then let's select the text tool and for the phone i'm using monumental extended it's a free phone i have mentioned the link in the description below let's click and let's type in the text that we want all right so we only have strokes enabled so i'm going to switch and i'll align this into the center let's hit ctrl d to duplicate it let's put a copy below and now i'm going to switch to strokes only i have set the stroke at two pixels and i think it's looking pretty cool i can also uh turn on the title action safe and let's align both the text properly into the center like so so it's looking pretty nice let's create one more new composition and let's set the height to 1080 that is 1920 by 1080 i'm going to call this motion tile all right hit okay let's drag and drop in the text composition and by the way i think you have guessed it right we will be applying motion tile effect onto this composition so i'm gonna go and let's drag and drop it onto our text composition let's increase the output height like so that it covers the complete frame so i'll set this to around 750 looks good you can also click on mirrored edges if you want to go with that look but i prefer this one so it's looking pretty nice now let's um create one one more new composition i'm going to call this animation all right hit okay and let's create one more new composition which is going to be our alpha map which is going to act as a map for our that liquid ripple effect so i'm going to call this a wave map [Music] all right i'm gonna hit okay let's hit ctrl y to create a new solid call this bg for background i'm gonna make sure the color is black hit okay then let's um create a new solid by hitting ctrl y let's call this waves and then go into effects and preset and search for a very cool effect called radio waves let's double click to apply and now you can see we get this really cool looking waves i can change the color to white so you can see it more properly now let's play around with a few properties like the frequency i'm going to bring that down because i want a bit more um distance or you know lesser waves because if i increase this you can see we get something like that so i'll set this to 0.75 that looks good let's increase the expansion by around six let's go right here and bring down the fade out time to zero and i'm going to increase the start and end width all the way up to 100 percent just like so so we get this really nice look that i'm going for then i'm going to right click go ahead and create a new adjustment layer called this blur because at the moment it's very sharp so in order to fix this i'm going to add a fast blur on this so let's go into effects and preset search for fast blur so fast box blur let's increase the blur radius around 60 should be fine turn on the repeat edge pixels and bring down the iteration to um to two should be fine yeah that looks better so we have this really nice map that we will be using as a map for our liquid effect so now let's go back into our animation composition let's drag and drop in the wave map let's hide this i'm going to drag and drop in the motion tile all right and then let's right click create a new adjustment layer called this caustics and then go into effects and preset and search for the same effect that is caustics so it comes under stimulation i'm going to drag and drop it on the caustics and now let's change the water surface from none to wave map and now if i just go ahead you can see we get a very cool look first of all let's change the surface color to white and there are a number of different properties that you can play around with like i can increase the wave height to get a super intense effect i can bring that down to get a subtle effect so i'll keep it at around 0.5 and i'm going to increase the smoothing basically so if i increase this really high like 50 is the limit i think it looks pretty cool let's um bring down the water depth we don't want any kind of water depth because that's gonna mess up our text and it will become difficult to read let's bring down the refractive index let's bring down the refractive index to 1.1 that works good with this look and finally i will bring down the surface opacity you can keep it really high if you want but i like to keep it at around point one and let's increase the caustic strength so if i increase this you can see we get a really nice and depth you know we get some separation between the highlights and shadows with this which is what i'm going for so i'm gonna set this to one now before i proceed further with this tutorial let me take a minute and talk about today's sponsor envato elements design better projects faster with envato elements get unlimited downloads of beautiful and ready to use templates for your next project create more with premium design assets video templates mockups forms presentations photos audio files and more all this comes with commercial licenses for extra peace of mind envato elements will help you save a lot of time effort money get unlimited downloads with envato elements and start creating today pretty awesome now at the moment it looks flat so let's give some depth to the complete animation so what i'm going to do is let's go back into our render com drag and drop in the animation composition all right and here we have the animation let's make this layer 3d let's create a new camera and um i'm going to keep it at 50 millimeters hit okay let's create a new null object i'm gonna hold ctrl and double click on the pan behind tool which is going to move the anchor point into the center let's align the null object into the center make it 3d and then parent this camera to this null object i'm going to rename this null to cam control all right and let's set r to bring down the rotation properties let's rotate the x rotation a little bit like so somewhere around there let's rotate this one let's rotate the y rotation as well so let's keep it at around um somewhere there and let's rotate this as well all right and then i'm going to press c on the keyboard that is going to bring up the camera tool let's click it one more time and one more time so it's going to zoom in like so and let's place it into the position that we want so basically let me zoom in a little bit more and let's place it like this all right so now if we preview this we get this really cool look much better but we are not done yet i'm gonna set this to full let's hide the null and if i go into the camera properties i'm gonna go into camera options and turn on the depth of field let's increase the uh aperture and we get something like this so let's adjust the focus distance so around 1 000 let's start from 1000 let's see and then we can move this forward and place it into the center like so now i can obviously play around with the aperture i can set this around 250 and increase the blur to 150 and i think 150 is a bit too much so let's keep it 120 so we get this really nice depth and uh boom now it's gonna be a bit heavy on the system because we have enabled the depth of field but you get the idea we get a really cool um ripple effect a ripple typography animation inside of after effects now there are a number of things that you can do first things i can go back into our animation go into the caustics and um let's um scale this down i can i can set the scaling of caustics to 0.8 um you know so that text is more a text is more readable and yeah i think it's looking pretty cool so let's go ahead and preview this on full res so i think it's looking pretty damn cool now you can do a number of different things here like for example you can also add a camera movement so if i go right here let's see i'll go into the cam control hit r and um we can add a little bit of rotation right here so i'll go around 10 seconds and let's rotate it like so just a little bit so when it animates we have a little bit of rotation going on which adds a very nice complete feel to the animation and obviously you can use different colors give a different look it's up to you to how you want to use this effect and come up with something cool so that is a wrap for today guys i hope you enjoyed this tutorial if you did make sure you like this video and subscribe to the channel if you haven't yet you can also follow me on instagram at dope.motions i have mentioned the link in the description below with that said i will see you guys in the next video till then take care and always stay raw stay creative peace out

Channel: Dope Motions

Views: 306,336

Keywords: after effects, after effects tutorial, typography after effects, typography tutorial, liquid typography after effects, creative typography after effects, text animation after effects, typography tutorial after effects, text animation, after effects text animation, dope motions, dope motions tutorials, liquid typo after effects, typo animation after effects, typography poster, adobe after effects

Id: uyZZO_f8fOw

Length: 11min 53sec (713 seconds)

Published: Tue Jul 27 2021