hey what's up ladies and gentlemen I'm Ignace Aleya from Toleratedcinematics.com
and today it's another motion graphics monday alright so in this
tutorial we're going to see how to create a nice and simple title reveal
entirely made in Adobe Premiere Pro it's really simple to create
although After Effects is more specialized in making these kind of
tiles I know that a lot of people don't have Adobe After Effects or are afraid
of adobe off your face because it's so complex so that's why I decided to make
this tutorial on showing you how to create this tile but again if you are
planning to make more tiles in the future I would definitely encourage you
to check out it will be off your face because it's just so much easier to
create a nice title also if you want you can use our essential graphics which is
the exact same kind of style as the intro that we're going to be creating
today but it's a little bit more advanced and it has been created in
Adobe After Effects and export it as an essential graphics which you can use in
Adobe Premiere Pro where you easily change the text in the core and if you
buy it you also help to support the channel so that would be awesome
apart from that let's jump into yo V Premiere Pro and see how it is done
alright so here we are in doli Premiere Pro so what we will do is create
something like this and then it also goes back away so the fun thing is
actually that we can actually click on this and extend this layer and now if
you're going to play it it's gonna stick within or animation until it actually
goes away at the end of the clip and the end animation sticks to the to the end
animation and then right here for the beginning animation the same thing it
only starts wherever you trim your video to so that's pretty cool
I already made a tutorial on that I will add a cards on that if you want to check
that out but yeah let's start here from scratch
so create a new sequence full-hd and rename this to simple title reveal intro
for example and click OK and then right here we are going to make this a little
bit bigger and fit it to the work area and kind of set up my workspace here to
make a nice tile the first thing that you need is of course a text so go to
your text tool and click here and just write something which is what you should
do if you want to see more of my awesome videos definitely hit that subscribe
button and hit the bell icon so you get notified when I upload new videos ok so
back to the tutorial and we're going to rename well actually pick another phone
so I'm going to select my text go to the text and search for the later font which
is my favorite font and you probably already know that if you follow my
previous videos so right here I'm going to make it a little bit smaller
something like that and then we can also maybe space out the
text a little bit and make it even smaller to kind of get a nice design
going here you can pick a color if you want to I'm going to Center my text and
then all I'm going to do is click these two icons right here align and transform
and that will actually Center my text perfectly within my within my viewport
right here so I have my text tool that's done next what I want to do is create a
new shape layer so I will do is go over here to the pen tool and pick the
rectangle tool and then we're going to create a nice rectangle just like this
one make it as big as you want I'm going to make it as wide as my text actually
but of course you can make it exactly how you want it I'm going to make it
rather thin also like I'm looking at the bull deenis of my text kind of trying to
pick the same kind of size and that kind of width of the rectangle something like
that and then you can also give this a core like a nice red core for example
and click OK before we continue this video I would like to present you our
website designed for filmmakers and video editors to improve their workflow
we offer templates presets high-quality pre-made packs soundscapes
essential graphics and much more if you don't have time to create
something of your own or you just want to speed up your workflow definitely
check out our website with a link in the description below
now what you want to do is also make sure that this is perfectly centered and
as you can see your text is a little higher than that rectangle so what we'll
do is go to the text tool and actually position this down a little bit we
really want our text to be perfectly in the center and our rectangles as well so
we can close our text animation right here in the effects controls go to the
shape layer here so we have the shape which is our rectangle and also kind of
reposition this perfectly and look at the Anchor Point and see where the
Anchor Point is located at so our Anchor Point is currently here on the left side
and the only way to see is is going by the selection tool and clicking on the
rectangle and there right here you actually see it and your anchor point is
well your cursor is actually going to change to this icon and then you can
actually drag around the anchor point to the center hold control to perfectly
select that center point maybe even zoom in as much as you can because right here
we want it to be in the center a little bit more up there we go so now we have
our anchor point in the center using our selection tool we can see this little
ball that you see right here and now you can go and fit it back to the work area
now what I want to do is go to that shape and actually rename it to the top
line and then we're going to copy it and paste it again and rename this to button
line okay so the bottom line we're going to uncheck it so we don't see it at all
and now we want to go to that shape on the top line here and animate the
position so right here we are in the beginning of the timeline in our
animation I'm going to make this a little bit bigger so we can see it a
little bit more clear
there we go so the first thing that we want to animate this D scale which
currently we have uniform scales selected we want to uncheck that and I
will reveal the vertical scale and your horizontal scale we want to change your
horizontal scale to zero and click on stopwatch for the animation then move as
much as you want like let's say we want to move we zoom
in a little bit like one second so that's like right here
let's zoom in on the timeline as well here we have one second actually we need
to extend our layer a little bit more to works like let's say 10 seconds there we
go so let's play this and at one second we want to change the scale to 100 so
now we have this kind of animation and then right here that's when it's 100% we
want to click on the stopwatch for a position that will create a position
keyframe at the exact same position where the scale is at 100 and then again
move one second and here we want to click again on this diamond for a
position keyframe so now we have two position keyframes with the exact same
values we'll click on this left arrow key to jump back to the first position
keyframe and here we want to actually position this top line so we want to
position this up so we're going to animate this right here and then we want
to do so now we have something like this going on so it first gets as big as it
should be and then right here at the final and it's going to move up perfect
so we can actually uncheck our text as well for now so now we have something
like this going on pretty cool another big step is to smooth out the animation
a little bit of that line so now it's going just in the linear direction so it
just starts and stops at the exact same speed at the constant speed actually we
want to actually start from a very high speed and then slowly come to a stop and
to make it a little bit smoother a little bit more dynamic and more
professional so how we do that is actually super simple first let's focus
on the scale right here we have this last
frame we want to select that right click we're going to ease it in because it's
actually coming in so we're going to select that and that will change our
keyframe right here to something like this and then right here we have this
arrow which we can open up as well and we can actually drag in this line that
you see right here if you see if you hover over that your mouse or your
cursor actually changes you can click on that and just drag it to the left and
just make sure that you're kind of staying on the same height and now you
will have something like this so it actually speeds up at the beginning and
slowly comes to a stop put for the scale and now we want to do exactly the same
thing for the position but we want to work both ways so we want to start off
slowly ramp up in speed and slowly come to that stop at the end so how we do
that is actually select this and go to the temporal interpolation ease out and
then right here on the last one we want to select temporal interpolation ease in
and now we want to also open up that arrow for T position and do the same
thing so we have these two anchor points or actually how I'm not sure how it
called ease but actually if you drag this to the right and this one to the
left you're going to get something like this of course you can smooth it out a
little bit and make it not as exaggerated so something like this and
now we have something cool and clean like this and immediately the animation
kind of gets a different vibe like it gets a little bit more playful in my
opinion and it just makes the entire animation work so much better so what I
want to do is do the exact same kind of animation but now for that bottom line
and reveal that bottom line go to the beginning and also and uncheck that
uniform scale effect right here so if we do that we will be able to animate the
horizontal scale normally so we'll select it back sometimes you got this
kind of error so you can close this and go to that bottom line so we want to do
the same thing here we are going to click on the stopwatch 40 horizontal
scale and actually move right here to this dot so we can actually use it as a
reference we have these dots here which we can use and right here we want to
click on our keyframe go to the begin changes to zero right click on this last
one and go for ease in open up the arrow right here like we did in the first one
and just drag this to the left as much as you can and there you go so now we
have both lines actually kind of scaling up but of course it also needs the
animation down we actually are going to reveal our text again so we can use this
as a reference because we want to kind of keep the space in between our text so
go to that last keyframe here for the scale of our new shape bottom line and
click on the stopwatch for the position now move to the last dot right here I'm
actually holding shift to make it snap here we can actually move this one down
so we have it right here maybe a little bit more there we go and
now we have this cool animation so of course right here we have to right-click
temporal interpolation ease out and for this one temporal interpolation ease in
and then also open up these arrows kind of bring them in the same kind of exact
way you did for the outer key frames you can always go back and check our and we
end reference here and kind of bring your time cursor right here and actually
try to bring them and match them as good as possible so that way the animation is
going to be kind of exact and there we go so we have these lines coming up the
only last thing that we should do is make our text reveal after these lines
are actually animating up and the way I found to do this is because actually
After Effects is much easier to work on animations and especially if you're
going to start working with these smooth animations with ease-in and ease-out
I find After Effects so much easier so I'm kind of going to do it like messy
but we're going to get the exact same result that we want to have but it's a
little bit Messier and we don't have these clean keyframes for this exact
case but I like to use the effect here if we go to effects and search for crop
I'm going to apply this crop effect right after our text so make sure that
the bottom line and the top line so actually I'm going to release it so we
close these two down and bring this crop effect just below the text but on top of
these shapes and there we go and then right here at the beginning of the
position keyframes make sure your cursor kind of snaps over there we're going to
create a keyframe for the right for the bottom I'm sorry for the bottom and the
top and we're going to change both to 50% and there we go we can see our text
anymore now we're going to zoom in a little bit here and move two keyframes
forward we're going to do that by clicking on the arrow right key on our
keyboard one two we don't see any animation going on so again one two
right here I'm going to create two keyframes again with the same kind of
value one two bring these over so as long as you don't see anything going on
here and right here we start seeing something so what we want to do is
actually kind of decreasing until you see this text same goes for this one and
now we start like frame by frame revealing at the crop you can also click
on the crop and actually just make this a little bit bigger then move a few
frames forward and kind of reveal it that way and then go back and check
wherever our text is not perfectly revealed like for example here we can
make it a little bit smaller and stuff like that but of course once your text
is revealed that's perfect and then right here we'll have to check where the
text actually disappears again and there we go so now we have this kind of
animation and that's pretty cool so now what we want to do is do the animation
to kind of disappear again so what we'll do is go to the third second here
approximately and we're going to create a keyframe
again for these two and I want to open up all of these things right here so
we're going to start off with I'm just copying this keyframe paste it over here
copy this keyframe move it forward place it over here kind of try to get the
timing right
same here free horizontal scale copy paste it and reverse these keyframes
here and now we have this one going up and then disappearing right here so this
is the first one copy paste reverse then copy paste these and reverse
well here is going to be a little bit more difficult for the crop so we're
just going to start off here create keyframes again move all the way till
the end here and change it back to 50% and then just go in between and see
where it works and it doesn't works it kind of seems like it works pretty good
so I'm going to keep it as this I do see a little mistake here in our rectangle
and to fix that it's actually really simple we're going to ease it out here
instead of n so we're just going to change it back to linear right click
ease out and now we have this better animation same for the bottom one so
we're going to right click here linearize it and then right click and
ease it out so we don't have that kind of in-between going on I know this might
be a little hard if you have never worked with kind of key framing some
animations but it's so simple once you understand how ease in ease out and just
yeah easy ease works in general alright so there we go we have our animation
going which is pretty cool right here at the end I'm actually going to trim my
video all the way till the end so now we have our first and last keyframes right
here now what I'm going to do is right here on top you see these blue kind of
boxes which you can drag in all the way until here and then the same for these
drag these in all the way till here so try to cover all the keyframes that are
about the animation in and then try to cover all the animation art keyframes
double check by scrolling through them I see that everything is in this kind of
gray box and now we can kind of extend it as much as we want you can see that
now if we're going to select these two the gray kind of keeps the keyframes
together and everything in between gets longer so that's a really cool way to
get our end animation right here and our other animation right here alright so
that's how to create this effect and Adobe Premiere Pro I know it's a kind of
and a difficult way on creating something really simple but that's why I
created the essential graphics for this which is really simple to use you can
simply go in Adobe Premiere Pro you go to your essential graphics here browse
for this effect the elegant title revealed right into your timeline and
simply click here and go to the Edit change pour easily the line thickness
here the line width and the text color
and of course some text scale and now you immediately have that kind of
animation plus it I added something extra in Adobe After Effects to create a
more dynamic look to the text animation and kind of a 3d depth kind of text
pop-up effect so you can go and get that on our website and it helps you support
the channel for sure so links are in the description alright so that's it for
this tutorial I hope you enjoyed it if you did give this video a like also
subscribe to the channel for more and definitely check out our website we have
a bunch to offer for filmmakers motion graphics artists and much more and apart
from that I'll hope to see you in the next one good bye