Lower Thirds in After Effects - Complete Episode - After Effects Tutorial

hey everyone welcome back to my another After Effects tutorial this tutorial I made on your request today we are going to cover all the steps from creating lower-third in After Effects to importing it in Premiere Pro or any of your video editing software and I'm sure nobody made a tutorial on it before before starting please subscribe my channel for more upcoming tutorials like this so today we are going to create this [Music] okay so let's get started open aftereffect and create a new composition let's call it lower third in this composition setting window on the left of this basic tab you will see this advanced click on this button then you will see these bunch of options here in these options check this template option we are going to use this After Effects project in Premiere Pro to edit the text in our lower third but make sure you have Adobe dynamic link as installed in your computer I am keeping the same setting for our composition that iconic 1080p resolution we are not going to add any background layer because we need our lower third to be transparent so we are using comp color only so we can see our objects let's start by creating a shape in the tools section click and hold this rectangle tool icon here you will see these tools I am going to use this rounded rectangle tool because it has some benefits this is my shape setting I am using fill to a solid color and my stroke is set to none let's choose this fill color to white now press and hold a shift key on your keyboard and you will make this perfect round corner square select move tool by pressing V on your keyboard if you select your shape layer you will see its anchor point is not in the center but we need it to be in the center if you change anything in its transformation property this shape is going to change according to this point so let's fix this we are going to place this Sanker point into the middle of this square grab this pen behind tool and start dragging this point into the middle while dragging press and hold ctrl key on your keyboard and it will snap it to the middle automatically you can see it perfectly aligning to the edges also but for this tutorial let's keep this in the middle perfect now press V to select the move tool again and make sure to align it to the center so now let's animate this click on this arrow to expand the properties of this shape let's minimize this transform tab because we don't need it open this contents option open this rectangle you will see all these settings but if you open this rectangle path you'll will find roundness you can make this a circle or square by changing the value of square cool at the value of 150 it will be a perfect circle now here is the scaling option for this shape layer you can change the size of your shape as you like so let's start animating this go to around one second and add a keyframe on size now go back to the middle of zero and one second and change size to zero and you will get this boring scale animation so let's make it interesting [Music] go to somewhere here in the middle of one and two seconds and click here to add another keyframe this is going to be a hold keyframe we are not changing any value on this keyframe now go to around two seconds and click on this link icon to change the constrain proportions now if you increase the x-value you can see your shape increases in the x-axis but if you change the size of Y your shape will increase on the y axis so let's change the size of X around 750 and you will see this perfect now let's add keyframes on this round to animate it I want my round to be animate something like here add a keyframe and then at this time change its value to zero so our first basic animation is complete but it is so boring let's make it smoothly interesting select all your keyframes and press f9 to easy age them let's trim the playback time by clicking here in the press Enter trim Ram preview this and you will get this similar animation but it is still not that good so now select any of these key frame and the go to the graph editor and start dragging this handle to make the graph curve like I have do the same with all these keyframes select and change the curve of the graph change every single curve you see here [Music] now let's play this and yes this looks very nice to me but in my case my wholes time is too big so select these keyframes and drag them on to the left to decrease the timing now play this and this is the perfect let's rename this to nameplate add a motion blur from the switches if you don't see your switch tab here right click on the top gear and in the column section select switches now click on this motion blur icon and activate it by clicking here perfect this looks good to me now select your shape layer and press ctrl + D to make a duplicate and drag it little to the right something like this and change its fill color to some red color you can use any color you want now we have similar animation like we want perfect now let's add our name text on it you can download this font from the link in the description place this text on this red shape and change the font size you want you can use any font you want make sure your texts have some margins left for the big names so now let's animate our text I want my text to start showing at this point for doing this we need to mask our text select shape tool i am using rectangle tool for this make sure you have not selected any layer if selected unselected by clicking on the blank space and then start dragging and creating your rectangle shape make sure to cover all your nameplate shape perfect now select your rectangle shape and press s to open scale click on this link button to unlink its scale proportions go to around 2 seconds and add a keyframe on the scale change its x value to 0 and then go to around 15 frames and change the scale value to 100% and you have this animation it's time to mask out our text from this rectangle shape but first change the text layer name to name and change the rectangle shape layer name to name mask so that we can remember it let's mask our text now from this track mat dab if you don't see this track mat option here right click here and in the column select modes now change nan to alpha mat and your text will start animating now we just need to match the timing where we want our text to start showing perfect this looks good to me now select both keyframes and press f9 to easy ease them again go to graph editor and adjust the curve like me now our first animation is complete [Music] it's time to add our second name here select this name plate shape and press ctrl + D to duplicate it place this layer on the top now press the arrow down key to position it to the bottom of name layer we don't need any animation on this so press you to open keyframes select all keyframes and then delete them now scale its height to make it half from the bottom layer [Music] and then align it something like this perfect let's call it position now select your text tool and start typing your subheading I am using a different font for this subheading you can download this font from the link in the description scale your text to something 36 and increase the kerning by 200 points [Music] let's change font type to regular so we can see it for animating this text we are again going to add a mask to it but before change this shape layer color to some dark gray color or any color you want make sure to align your subheading text into the middle of this gray layer I want my subheading to start showing at this point let's rename this text layer to the designation and then make a duplicate of position layer and then place it to the above of all layers let's call it designation mask now select your text layer and position layer and precompose them together and call it designation now select your designation mask layer and press s to open scale click on this link button to unlink it so we can animate it like this go to at this point and add a keyframe on the scale change scale X value to 0% and then go to something like here and change scale value to 100% again now we have this layer animating let's mask out our text from this layer change Nan to alpha mat and your text is going to animate like this change the animation timing and then select both keyframes and press f9 to easy ease them go to graph editor and adjust its curve like this play this and you will see your animation [Music] let's create a white background for this subheading as well select your designation mask layer and makes a duplicate of it place this layer below the designation layer and rename it to designation white now we need to change the timing of this layer but before click here to make your designation white layer visible and then drag your designation mask layer like this now select your designation white layer and change its color to white now our lower third is complete perfect this looks good to me you are always free to add your own ideas I am just showing you the way destination is yours play this and you can see your lower third till now we made our lower third opening animation it's time to add the closing animation to it select all your layers and pre-compose them together let's call it lower third comp now you have a single comp of all your lower third animation let's make our comp play back time to 6 seconds by dragging like this [Music] now right-click on your layer go to the time and then select enable time remapping this option will give you this time remap with a keyframe go to the three seconds and click here to add a keyframe now go to the five seconds and [Music] change this five to zero so now your lower third is opening and then after three seconds it is closing in but after five seconds it starts opening again so let's trim out our comp timing to five seconds and four frames by pressing N and then right click here and select trim comp to work area here is your lower third is ready so let's see how to use it but before press ctrl + S to save it select your output location and your project name let's jump to the premier Pro this is my project and my scene is ready for adding a lower third to it this is the video I downloaded from the video comm open your location where you saved your After Effects project and add this project to the Premiere Pro it will ask you to select your after effect composition in my case this is my lower third comp with time remapping so select this and then hit OK double click on this project and you will see it's working fine now add the video only on to your timeline and you will see it is actually working in Premiere Pro but what about changing the text of it this is possible and very easy to do inside premiere only go to the window and select effect controls go back to the project window and double click on this lower third now if you go back to effect controls you can actually change these texts without going back to the After Effects this is magic no this is actually Adobe dynamic link change your name and designation and it will update automatically and your animation is also working click on this animation and go back to the effects control and here you can arrange the size of your lower third anything you want click on this motion and add your lower third to the bottom left corner but what about adding another name into it you can do it as well go to the project window and right click on your lower third and select duplicate to make a duplicate of it let's rename it another to keep remember it's double click on it and then go to effect controls and then change your text then go to the source and add this video to your scene and boom we did it inside the Premiere Pro for changing its property select your first lower third go to the effect controls and copy this motion by pressing ctrl + C and paste it onto second lower third and it will automatically change its size and position make sure you have Adobe dynamic link installed in your computer in case this thing is not working for you or you are using another video editing software you can render your video and PNG and then add it to your video editing software let's jump back to the After Effects go to composition and click on add to render queue and you will see this tab click on this lossless change your format to QuickTime you can download QuickTime from the Apple website for free now click on this format option and change video codec to PNG now the important thing in the video output change channels from RGB to RGB plus alpha else your transparency won't work select your destination where you want to save your video file and then click on the render button your end a time could be different from mine after render complete add your video into your video editing software and then simply add on to your timeline you have this transparent background lower 3rd but you cannot change its text without going back to the after-effects and then render it again change its size and position and place anywhere you want so we did this again [Music] I spent almost 80 hours on creating this video so please share it as much as possible also leave a like and subscribe my channel for more amazing tutorials like this and here please check these two channels also I am posting their link in the description check them and subscribe them thanks for watching this tutorial have a good day [Music]

Channel: Avnish Parker

Views: 322,301

Keywords: Lower Thirds in After Effects, How to make Lower thirds in after effects, Text animation in After Effects, How to make premiere pro template in after effects, how to render video in after effects, After effects tutorials, After Effects lower third, After Effects CC, After Effect Tutorial for Beginners, After effects shape animation, how to render transparent video in after effects, After effects motion graphics tutorial, after effects complete tutorials, avnish parker

Id: zNLcSh8Diow

Length: 23min 20sec (1400 seconds)

Published: Fri Apr 07 2017