In today's video I'm going to show you how to create your very own animated lower third
or any title for that matter from start to finish in Premiere Pro. let's get started.
First you might be asking why are we using Premiere Pro to animate titles in not after
effects the key word here is efficiency one we're going to be using the built-in type and
shape tools and the effect controls to animate in Premiere Pro until you don't have to render
these effects everything is native in Premiere Pro and it runs super fast so it's not going to slow
down the program and better yet you can actually save the titles that you design as its own Motion
Graphics template which you can then use farther down the line and save it in your central Graphics
panel and even better I'm going to show you how to use the new graphics tab from the text panel
to quickly search for titles update them and use spell check let's go ahead and get started here
the first thing we need to do here in Premiere Pro is make sure you're in the captions and Graphics
workspace if you don't see these workspace tabs here you can click on little icon here and go to
show workspace tabs if you want to edit these you can always go down to edit workspaces to
choose which workspace tabs you want visible now we need to go to the project panel to create our
sequence which is where we're going to create the titles in so control click or right click on the
negative space and the project panel and go to new item and select sequence I'm going to use my
default DSLR 1080p 24 frames per second preset and I will just call this demo then we're going
to go to the toolbar and select the type tool I heard something once you have the type tool
selected click anywhere on the program monitor to type out your text so I'm just going to type out
insert name here and you will notice immediately on the right from the essential Graphics panel
we're given a bunch of other parameters from here we can customize the font the text type face that
I'm using is Proxima Nova and this is actually an adobe font if you want to go to Adobe fonts.com
you can log into your Creative Cloud account and you can sync this font so you can use it for free
with your Creative Cloud account from here I'm going to lower the font size down to around 65
and because this is going to be a right align lower third instead of it being left aligned I'm
going to change it to right align and then I can use the Align and transform tools here to position
it over on the right and maybe lower it down a little bit if you're worried about tidal safe
you can always go down to the wrench tool here and put on the safe margins you can make sure
that it will be title safe for different screens now let's create a subtitle so I'm going to type
out subtitle goes here now for this it's going to also be right aligned and I'm going to make it not
a bold font but a regular and I'm going to make this italic and I'm going to make this smaller
to around 45. one more thing that I can do is add a background behind it so I'm going to click on
background and I'm going to change the background to kind of a bright orange color but it's pretty
flat what if we want to add rounded corners and make it a little bit thicker so here I'm going
to move this slider to increase the width around the text then I'm going to use the curve to create
a curved edge around the edges of the background I want it to be a hundred percent opaque so I'm
just going to increase this up so it looks more vibrant if I ever want to change the font size
if I just want it to be a little bit smaller I'm just going to select the text and lower it down to
40. I'm going to move this subtitle underneath the insert name and next let's create a shape so I'm
going to go over here to the rectangle tool and I'm just going to click and create a little side
shape on the side this is going to be the shape that the title is going to pop out from on the
right so this is just going to be an element that just kind of makes the lower third look a little
bit more modern and Chic all three elements that we have here are inside of our essential Graphics
panel and if I ever want to change the fill of this shape you can certainly click on fill
here and you can also make it a gradient fill it doesn't have to be solid and I'm just going to use
these controls here just to line it up so it looks best here and one more thing you can do is you can
always rename your elements here so from shape one I can change this to line for example one
more tip here is if you want to to have a closer view of your design you can always zoom in on the
program monitor to like 150 percent and use these bars here to bring it back into place that way you
have a more close-up view of the design that you're making and if you don't want to add any
animation and you just want this to be a static text and you're good to go and you want to save it
as a template the graphics layer that's inside of your timeline right now the one that contains all
three of these layers you can just control click on this and Export as Motion Graphics templates
and you can save it as static lower third and save it to your local templates folder and hit OK and
then from our browse tab if I search for static lower third you will see that it's right here
that's how you can save it as a Motion Graphics template and the next step is animation but first
I'm Kelsey and welcome back to Gal! If this video is helping you out so far be sure to give it a
thumbs up as well as subscribe also with special thanks to Adobe for sponsoring today's video
wow that sounds pretty cool to say if you want to learn how to create a variety of different
animations from transitions to pop-ups to side cards swiping in you can sign up for my live
workshop class that I'm posting next month and you can also check out the full fall schedule because
I do monthly live workshops that you can sign up for so there's a link just down below and if
you update to the latest version of Premiere Pro you'll now see that you'll be able to add gradient
fills to the text fill to your stroke and to the shadows and you can add multiple shadows as well
here's a little trendy title part of my Motion Graphics template pack click on title go to fill
and instead of solid we can do linear gradient and update the colors now we have a gradient
fill we can also update the stroke fill here now add linear gradient and add in some gradient fills
to the stroke and the shadow can have a gradient as well and reduce the opacity there you can add
another Shadow by clicking here clicking plus and then for example we can add a bright yellow
Shadow and reduce the opacity there we go if you don't have time to design your own titles you can
go to the essential Graphics panel you can go to browse Adobe stock and there you can search for
free or premium Motion Graphics templates that you can try out in your edit and I've put together a
bunch of essential titles that I've designed in Premiere Pro and it's on sale in my store called
the essential title pack and it's designed in Premiere Pro for Premiere Pro editors and the best
part is is that it responds to different aspect ratios so vertical or Square and it responds to
duration changes so you can just buy it once and you can keep it forever so go check it out below
and I'm giving away three free title packs leave a funny comment below and you can click the link in
the description to enter in the contact form for a chance to win alright without further Ado let's go
ahead and get started animating this lower third before I show you how to do the custom animation
here in the lower third if you're wondering how to do a credit role for example click off of this
title and then click click back on it again you'll see that there's some new responsive
design time controls here and there's actually a little check box for roll so if you check this
this will actually create um an automated role on this lower third now obviously we don't want
to put the Roll on this lower third so I'm just going to undo that if you check out my story you
can see that I actually have a credit role that I created so you can see here it's a full template
so if you drag and drop this into my timeline you'll be able to go in and add in your own
text here and change the time duration and kind of scrub through and add in your own credits here so
that's just little side note if you want to learn more about that you can click right up here let's
start animating we're going to be using the effect controls here to do the animation the first thing
that we're going to animate is the line layer so from the effect controls we're going to go to the
shape line and animate this first and what we're going to animate is the position and the opacity
and we're going to use our playhead here to go to the moment that we want the shapes to be fully on
screen and we can always adjust this later click on the toggle animation stopwatch and this is our
end keyframe and then we're going to go back and we're going to use our horizontal controls
here to move it to the right off the frame so now between these two points it animates in and
it looks pretty good but what we can do is we can actually make this animation Smoother by control
clicking or right clicking on the last keyframe going to temporal interpolation and selecting
ease in so this will make it an Hourglass Icon instead of just the standard Diamond keyframe as
it animates in I want the opacity to come up as well so it starts transparent right around here
I'm going to set toggle animation at 100 opacity and then back here I'm going to change it down to
zero so as it animates in you didn't really see much because we actually need to shift over these
keyframes and you can actually lasso and select these keyframes and move them over so that way
between these points here we can see that the opacity animates in and we may want to shift
lifted over slightly as well so let's see how this looks there we go we have our first animation and
again if you need to make it faster you can bring them closer together if you need to make it slower
you can move apart the keyframes to make it a slower speed so after this shape is on I want to
make it look like the text is coming out of the shape layer this is going to require creating a
mask if you're wondering how to create a mask with text you can watch my video right up here to learn
how to place video inside of a mask of text it's a really cool effect and I just wanted to call
attention to that because it's a whole different tutorial so how do we do a mask around the shape
so the text will come out this is where we're actually going to go to the text subtitle layer
first and we're going to create a four point polygon mask click on this and to scale up the
mask we're going to hover over a corner and press shift and then scale it up and then we can click
with the hand tool here and just move it over so it's directly where the line is and we can remove
the Feathering it's not necessary so just make that zero now this is the cool part notice how
the Mask doesn't affect the shape layer that's because the mask is just on the subtitle layer
so we're going to animate the position of the subtitle layer I'm going to move my playhead
forward a bit select toggle animation and then I'm going to go backwards and I'm going to use the
horizontal position controls to pull the subtitle into the mask so it disappears and it looks like
it's just animating out from the shape layer we can make it a little bit smoother once again
ctrl-click temporal interpolation he's in and then we can lasso and select and shift over the point
so that way it kind of animates out at the same time now I'm going to repeat the same process but
for insert name so to save time here I'm going to actually select mask one command C or control C on
a PC to copy it then I'm going to go down to the text insert name layer and I'm going to command
V to paste it now we have the same mask on this layer as well and we didn't have to repeat that
process and then we can have the insert name come out so here I will set a keyframe on position by
hitting toggle animation and then going backwards and pulling the horizontal position into the mask
and selecting ease in this is what it looks like not bad right and you can want this if you want
everything that we just did right now is the in animation and Premiere Pro comes with these in and
out animation handles now so notice this little blue thing going on up here if I click on this and
pull it out this actually will Encompass and hold are in animation in place so if we ever change
the duration in the timeline those keyframes stay frozen in time and you don't have to worry about
having to fix them again now we're going to do the same thing but to the outro animation what
we can do here is actually pull the effects panel and make it bigger and then you can kind of shrink
this by pulling this out and one cool tip that I have is if you select the graphics layer and
then go to responsive design time you can see how long your intro animation is it's about one
second with three frames so we can do the same thing here type in one and three frames and this
will Auto create that frozen out animation and if we make our Graphics layer bigger in our timeline
and zoom in you can see that these one second handles that we just created are visible here
they're just kind of like a shaded gray handle that you see so let's go ahead and repeat the
same process for the outro animation now because we set These intro and outro animation handles
if we ever decide we want to make this longer or shorter these handles remain the same and actually
Premiere Pro and the Adobe team when they were creating this they called this Taffy time because
it's like you're stretching a piece of Taffy and the endings remain the same this is the
lower third that we made and as a final touch if we want to reuse this and be able to use the same
lower third in our future projects what we can do is just control click on this and go to export as
Motion Graphics template and this time we can call it animated lower third and save it to our local
templates folder and press OK and now when we go to the browse tab of essential graphics and search
for animated lower third you will see that here it is and it includes the animated preview before it
was just static that's one other benefit of using Premiere Pro mogrts and better yet if you ever
want to go and reuse this again you can save it as a new moderate so if we drag and drop this into
our timeline to use again and we're like you know what I actually am changing my branding I want
this line to be a different color I want it to be kind of a bright yellow color and then you don't
want to have to change that every single time you can control click and save it as a new mogrt
and we'll just call this animated lower third and yellow and here it is with a little yellow
shape instead of the turquoise shape so using the masking and animation tools just built inside of
Premiere Pro you can create these really fast and dynamic titles as you see here I created a left
oriented lower third I created a pop-up all sorts of different types of titles as you build up your
timeline and you start to get a lot of different titles in your timeline like I have here which
is pretty common and you want to spell check and just quickly make updates to those titles it can
take a lot of time to go through your timeline and then go up to the essential Graphics panel
to edit it instead you can use the new graphics tab which is a part of the text panel so you can
go to the text panel and go to graphics and this will show you all of the text fields for all the
designs that are currently active in your sequence and what's really cool is you can go to search and
you can search for the word design for example and it will highlight and go to that exact graphic in
the timeline so for example here it says design and here it says design and you can also quickly
navigate up and down to these different words and it will take you directly to that time code in the
timeline so if I wanted to update this this to say welcome I can easily update it right here using
these text Fields you can also go up here and you can filter by track so if you have specific
titles on video layer one two or three that you just want visible you can filter by that track
and from the Ellipsis here you notice that I have check spelling turned on and this will tell you
if anything is spelled wrong but you can always turn that off and from the language drop down if
you want British UK English instead of American English you can select that here and you can
have it learn certain words or forget certain words which is useful and the last thing from
this Ellipsis button here is you can export to a text file or CSV file if you want to send all of
the text somebody else to review for example if there are any typos in the spellings of people's
names so overall this new text panel just makes it more efficient for you to work inside of your
timeline when you have multiple text files that you're working with and all of these are a part
of my Essential titles pack which you can purchase from my store link below low and you can just drag
and drop them into the browse section of your essential Graphics panel and if you search for
Premiere gal all of the titles are here and if you want to leave a funny comment you'll get a chance
to win one of them I'm giving away three different packs and let me know if you have any feedback and
I'd be happy to add more to the pack so that's all for today's video if you want to sign up for my
monthly live Workshop classes you can click right over here and if you want to learn more about the
essential Graphics panel or creating titles in Premiere Pro you can click right over here that's
all for today's video and as always keep creating better video with gal, see you next time bye!