Text Reveal Animation - After Effects

in today's video I'm going to show you this really awesome align animation texts reveal effect right inside of Adobe After Effects so once you've got a dhobi After Effects open we're ready to begin with this effect and we first want to begin by creating a brand new solid so we'll go up to layer new solid and we'll change the color of this to white we'll press ok on this and then inside the white solid we want to go into transform and unlink the scale this means we can adjust the width and the height separately so we'll adjust the width to not point five and we'll pull the scale down to around eleven ten pixels high now from here we'll just pull this over to the left using the position and now we can go ahead and generate some new text so we go into layer new text and we'll just type out whatever you want to type out so I'm just going to type out hello how are you and then in the character tab on the right of After Effects I'm just going to change the color of this font to white now just below the viewfinder I'm going to turn on the proportional grid so that we can line this up in the dead center so once I've turned that on I'm just going to pull the position of this down and make sure this is in the very center of the screen perfect now once that sent it up you just want to remove the proportional grid by going back into that submenu and now we can animate that white solid to go from the left to the right so we'll create a brand new keyframe on the scale go backwards to keyframes pull this up to around two pixels and then we'll go back three keyframes and we'll pull this down to zero so this should bounce in there we go that line bounces in from nothing and that looks really cool now we'll create brand new keyframe on the position go ahead maybe one or two seconds and we'll pull the position all the way over to the right of the screen now from here we'll go over maybe three four five keyframes and we'll pull the position just back to the left a little bit this means the line will have a very subtle bounce as it goes into position this is basically going to give our line a little bit of character so once you're happy with the look of that you want to select all of those keyframes right click on one of those keyframes it doesn't matter which one and we're gonna change this to easy ease so we'll create a brand new keyframe on scale at the end of the animation go ahead three or four keyframes and pull this down to 0% now when we play this back the line bounces in slides across and fades away that looks really cool so from here now we can begin with the animation of the text so we'll go to the rectangle mask on the top bar of After Effects and we'll draw a rectangle mask around our text now we'll go into mask path create a brand new keyframe on the mask path and then we'll pull the car set back in time to where the line is on the very left of the text now from here we'll go ahead and adjust the mask and we'll pour the right side of the mask over to the left so as the line animates from left to right the text should follow that line and animate on but if we play this back you can see that the text does not perfectly follow that line so we're gonna go frame by frame update that mask and make sure the right side of that rectangle mask is following that line at all times [Music] and as soon as you've done that if we play this back you'll notice the line comes in Scrolls across to the right and the text animates on with that line now to take this to the next level we're just going to turn the motion blur on so turn the motion blur on the white solid and the text layer and make sure the motion blur button just above those footage layers is turned on now from here we just want to animate the text to disappear after the line disappears so we're going to go ahead and adjust the mask one more time create a brand new keyframe on the mask turn the proportional grid on we'll scroll ahead in time maybe four or five keyframes we'll select the top two points of the mask and then we'll pull that down to the very center line so the top of the text should disappear and then we want to separately select the bottom two points of that mask and pull that up to the sensor now at the end of that motion we just want to trim the end of the text layer so we're going to select ctrl shift and D and we'll delete that second part of the video and when we play this back we've got the line animating in it slides across to the right the text comes in the line disappears and then the text bounces out this is really cool and really simple animation technique inside of Adobe After Effects but use this for one of your future projects to add style and character to your film and there you go if you enjoyed watching this video then please do let me know in that comment section below and don't forget to subscribe check out the previous video and I will see you tomorrow for another brand new video thank you for watching

Channel: Brooker Films

Views: 352,451

Keywords: brooker films, chris brooker films, brookerfilms, how to, tutorials, make videos, how do i edit videos, after effects tutorial, how to use adobe after effects, after effects effects, how to use adobe after effects 2019, how to use adobe after effects cc, awesome text effect, after effects text animation, animation text, text reveal, logo reveal, text animations in after effects, how to animate text

Id: E9NgWPz29SM

Length: 5min 7sec (307 seconds)

Published: Sun May 05 2019