Smooth Bouncing Text Animation in After Effects - After Effects Tutorial

hey guys what's up i am nikhil from dopemotions.com and in this after effects tutorial i'm going to show you guys how to create a smooth bouncy text animation inside of after effects which looks super cool and it's super easy to create so without any further ado let's jump into after effects and get [Music] [Applause] [Music] started all right so here we are in after effects let's start by creating a new composition let's keep it 1920 by 1080 make this 30 fps and let's keep it five seconds long and call this text hit okay let's select the text tool you can use any font that you want i'm using a helvetica now font one of my favorite and let's type in our text so i'll type in bounce to demonstrate it align it into the center so there we have our text let's increase the size a bit so i'll go with 150 looks good let's set the para alignment to center all right then i'm going to click on this arrow go into the animate properties which you can see right over here so i'm going to click on that and let's add a position and then i'm going to go ahead and delete the range selector we don't need that instead of the range selector i will be adding a selector called wiggle or wiggly all right so now we have our wiggly selector let's change the position really high let's go with something like 1000 all right and now if i go into my regular wiggly selector there are a number of different properties that we can play around with so first thing that i want to change is the based on so i'm going to change this from character to characters excluding spaces and if i just preview this week you can see we get this really nice uh you know bouncing text so we want to stabilize this text at the end so i'll go to around one second and 10 frames let's create a keyframe on the max amount and minimum amount let's pull those keyframes at the very start holding shift and then i'm gonna set that down to zero and that down to zero so they start off by bouncing and they settle down just like so now at the end it's a bit robust so to fix this again select these two keyframes and hit f9 so that we have an easy settle so if i select the keyframe and go into the graph editor you can see we have a smooth curve by the way i'm working in the edit speed graph right over here as you can see so we have a very nice and subtle animation but at the start you know they bounce off so we cannot actually just start our text animation like this we need a simple in for our text so to do that i can go into the text property again that is the animate property and let's add an opacity which is going to create a new animator so i can if you want you can just enter and rename this to something like op for opacity you know just to keep things a bit more clearer i can call this big for wiggly you know and then let's bring down the opacity all the way up to zero go into the range select the one and then we can animate the offset so let's create a keyframe on the offset go around 20 frames and set this all the way up to 100 so basically we have a nice opacity in animation for our bounce and it looks now i can also go into my wiggly selector and play around with number of different properties like if you want more wiggles you can increase the wiggle per second so if i keep it all the way up to 10 you can see we have a very intense bounce which is not um not i'm not a really big fan of this bounce but you can go with something like this crazy but i found out that three seconds three wiggles per second is a really nice and sweet spot and looks pretty cool you can also change the co correlation with the text but i don't really um recommend to do that and everything else looks good you can change the random seed as well so if i just change the random seed it will change the way the text animates in for me zero was working fine pretty nice now to take this text animation to the next level what you can do is select the text layer let's go into effects and um presets and i'm i will be using a really cool effect that is echo i can just simply drag and drop it if i want and if i preview this we get this really cool echoes right with our text so let's bring down the echo time to minus 0.001 all right and increase the number of echoes to something like 50 and now you can see we get this really interesting look so let's add some color to this so i'll go into effects and preset type in fill let's double click but now i want the fill to only affect the echoes and not the current text layer so to do that we can add a cc composite and boom there we go so i can change this color to whichever color that i like so something like yellow maybe and you can see we get a really nice look but at the end we get some of the colors that are peeking out at the edges so to fix this i will use a simple choker all right let's drag and drop that let's go with 0.5 let's see and yep there we go looking pretty nice so if i preview this really quick there you go you have a really cool animation using some very easy tricks and one more thing that you can do is duplicate this hit ctrl d let's pull this few frames forward maybe and um i'll get rid of uh let's change the color first of all to something like a different one so i'll go with something like a nice orange color and we get a really interesting look all together so let's preview this really quick and as you can see it looks so interesting and looks very complex as well so this tutorial is more like a quick tip on how to create this smooth bouncy animations text animation in after effects and i hope you enjoyed it so that is a wrap for today guys i hope you enjoyed this tutorial if you did make sure to subscribe comment like and follow me on instagram at dope dot motions that i know guys is too many things to do but they are absolutely free please kindly do it anyways i'll see you guys in the next video till then take care and always stay raw stay creative peace out [Music] you

Channel: Dope Motions

Views: 182,070

Keywords: Smooth Bouncing Text Animation in After Effects, smooth text animation in after effects, text animation in after effects, text animation tutorial after effects, creative text animation in after effects, dope motions, dope motions tutorials, easy after effects tutorials, title animation after effects, bouncing text animation after effects, text animator in after effects, after effects tutorial, after effects animation, bouncing text, motion graphics after effects, bounce

Id: i-3qIn8Xu1Y

Length: 7min 53sec (473 seconds)

Published: Fri Sep 11 2020