a little while ago Adobe Premiere Pro
released a new update that allows us to
create text and shapes and a whole
different way so that's why we're taking
a look in this tutorial today at that
feature and we're going to create this
awesome looking Instagram social card
also going to show you guys how to save
this to the library of the essential
graphics panel so that you can use this
for any kind of future project so let's
get going
what's up guys your even for citycam
debt net and welcome again to a very
exciting premiere pro tutorial nowadays
found that it's that the new essential
graphics does come with some limitations
that the previous title er actually
didn't have however that doesn't stop us
from creating a simple animation that
you can see kind of right here doesn't
always have to be with tons of effects
simple can also be nice so let's get
going guys I've got a blank sequence
right here and the first thing we're
going to do is locate that essential
graphics panel if you don't see it yet
and head over to your window and select
essential graphics and then this window
will pop up right here so under the Edit
tab here on top you want to click on the
new layer button and we're going to
start by inserting that Instagram
graphics file so we're going to select
from file and that allows you to browse
and I'm going to select right here it's
just a JPEG select that and press open
so it will import instantly into your
project and right here we've got that
graphic so we can just like scale that
down and reposition it to where we want
so for example here in the bottom corner
like that and then the next thing I'm
going to do is create this rectangle
here on the back so again we're going to
create a new layer from this new layer
button on top and say your rectangle in
your by the way we see a first
limitation any previous title or we also
had like a rectangle with rounded edges
and I was trying to create rounded edges
through this rectangle shape but
apparently you have limited options to
are changing the path of the shape so
that's why we're just going to keep it
rectangle ish so change the height and
perhaps make that a bit wider like so
and kind of position it here behind the
Instagram logo and what you can do is
for example align this so that the
rectangle lines up with the bottom of
the Instagram photo camera here I'm also
going to do that with the top part like
that and you might want to zoom in here
let's put this 100% so we can see it a
little bit better there we go so let's
change that color to white because red
doesn't look that great and then the
next layer that we're going to add began
from here we're going to say text right
here to the text PEGI text too so you
can change the text and my Instagram is
at majority of and put make that black
color and the Instagram
of font what I believe proxy Nova so I'm
going to search for that I should have
it here somewhere there it is let's just
take a normal one and put that on bolt
it doesn't matter what you take here be
creative on the font
I'd say makes it a bit smaller like so
and so that it fits in here perhaps you
might want to change your rectangle size
a little bit some names might be longer
than others or me just made it a little
bit bigger like that so there we go
we've got the awesome Instagram social
cards already so let's start with any
meeting this right now so select your
graphics layer and you'll see that all
of these elements here are now added as
an effect in this layer so previously it
would have like different kinds of
layers here on top it had its benefits
because that allows you to also adds
different effects to it now because they
are all sitting within that same layer
you can't really add different effects
to it so for example if you would like
to have like a crop or a linear wave
effect onto it I've tried playing with
the order but you are very limited
basically you don't think that you have
Rd controls within these layers but for
simple animations like this that's more
than enough so let's get started with
that the first thing is the Instagram
logo we're going to let that come in
from the right side so the first key
frame that we're going to create here is
going to be outside the frame like that
then let's add a bit further words and
time like so and we're going to move
that all the way to the left side and
then we're going to create a third key
frame and now we're going to position
that to its last state somewhere right
there so now we should see the Instagram
logo coming in and popping out the
animation isn't smooth and that's
because we have linear keyframes and you
know it guys I say that in every
tutorial you want to smoothen out your
keyframes so for the middle keyframe
here I'm going to right click on that
say temporal installation and I'm just
going to say busier and for the last
keyframe near temporal interpolation and
say East M so what's actually happening
now is we have an ease in here and an
ease out there that's what the Bezier
does and for the last keyframe we only
have an ease in and say you might want
to tweak a bit more let's just play this
first maybe does look good that's good
enough for me so let's just treat that
is a bit more we can open up the
position here from your little arrow
here on the left side and you can kind
of see the curve and the higher this
line here is if
answer that the speed of that object
this so if we're going to like pull this
down like this and create these arcs we
can really kind of like stop this for a
moment or let's also do that right here
I'm just going to pull this down like
that
so now we can kind of create these two
arcs and it's really something that you
have to like play around with a little
bit like so so we're looking at this
graph now I know that the Instagram logo
comes in smoothly stops then smoothly
starts again as it smoothly stops on the
final keyframes so let me just play that
and this looks a lot better we have some
more dynamic into it as a speed kind of
changes here awesome all right let's
head over to eat rectangle shape but way
you can always rename all these layers
for example the shape one let's just
rename that to a background so that it
is a little bit more clear on which
layer that we're working here let me
open up that shape layer and we're going
to animate the path and now so first of
all in the beginning and that is when
the Instagram logo is here on the left
side you want to create a fast keyframe
and we're going to bring that spats just
select your shape layer here and then
move the sides here so that it's behind
that Instagram logo then go it forward
in time until the Instagram logo is at
its ending position and open up that
rectangle again it will create a new
keyframe for it automatically and it
says behind that and you always want to
check if it stays behind it because we
have a variable speed for that Instagram
logo so that's why we always want to
check that sometimes you want to change
the position of that keyframe or perhaps
create like multiple keyframes to make
sure that it stays behind that Instagram
logo so this looks good
the next thing I want to do now is the
text itself and we have something pretty
simple where it just kind of comes up
from below but it kind of came up from
something invisible like an invisible
wall now it's done with a mask but let's
first keyframe the position of that text
open up the text layer right here and
I'm going to head over to D position
underneath its transform and let's
animate that from somewhere right here
just right before the Instagram logo is
at its final position so create a
keyframe for the position for that text
and what I can do now is move that
keyframe a bit forward and stay in that
same position and just move the text
down and there that way I know that
detects
go to its final position like so and
also here again you want to smooth in
that that keyframe temporal
interpolation ease in and perhaps you
want to go into these settings here a
bit more to kind of play with this curve
and I'm good just stretch it is a bit
more so that it really slows down as it
approached its final position and
perhaps I want to make this go a bit
slower by making the space between these
two keyframes a little bigger like this
looking awesome so where is that
invisible wall now well that was just a
mask so I'm just going to close the
transform tap it guess it's underneath
here under the text layer we can find
these three mask buttons and let's just
take that rectangle mask here it creates
this rectangle and only the stuff that
is within that rectangle is visible you
can see that as I'm moving that over the
text you can see it right here if there
is a text so I'm going to move this
rectangle somewhere right here so that
the text kind of comes out underneath
this mask let's this goal of the forward
in time so that we are sure as well that
the entire text on it like that
and you might want to change that pad a
little bit as well like so you can take
the corners for that looking good but
currently it has a little feather to it
as you can see this is not what we want
to have this gradient so we're going to
set the feather to zero so we have like
a clean mask and that's basically it
let's play this animation and see how it
looks so that looks pretty awesome
in the beginning we still have like a
little part of that background so we're
going to enemy the intensity of that as
well
a little bit forward in time just as
were jeeves
rectangle shoot start with being visible
and underneath its transform we can find
the audacity quit keyframe for that a
hundred percent go one frame back and
right here it has to be zero percent so
before the Instagram logo perhaps in
that layer is just set as 0% opacity and
when that Instagram logo sits on top of
that rectangle it's fully pops to 100%
opacity so this is the incoming
animation looks all pretty cool and the
outgoing animation looks exactly the
same of course there are tricks like
duplicating this layer and just
reversing it but if you want to save
this as a template and as the best you
create all your key frames within this
one layer it's only a little bit more
work
once but it will work a lot easier in
future projects I'll quickly explain how
you can do this right after this short
break
cutting an intense movie trailer get
heart racing with an action-packed
trailer assets to get some premium be
featuring powerful trailer music
high-octane sound effects and with some
freebies added in for a froot measure is
everything you need to make your next
trailer unforgettable this total is in
description below or x-rated premium
Vista
welcome back folks and for the end
animation we're going to start with the
Instagram icon
I want to let that Instagram I can come
back and so clean keeping fanatic a
little bit forward in time I let go to
the left side and let it go back to
outside of the frame and again you want
to change the curve from here as well so
I'm going to drag this down here like
that
the final hoop maybe not let's do
perhaps something like this so like
slowly goes faster and faster as it goes
out of the frame let me just make that
smaller it can really like go away out
of the frame we don't want to stop
slowly as it goes out of the frame now
we just want it to like speed up and go
away so um his plate is and see how that
animation looks and that looks pretty
cool all right then you rectangle the
shapes backgrounds right here it starts
to go away from somewhere right here
create a keyframe for the path go a bit
forward in time until here and we're
going to move that again up to select
your shape layer and just move the right
side shares until it sets behind that
logo again check if it stays behind the
icon the entire time and this looks
almost good to complete right here so
I'm just going to move this keyframe up
that's again because of the variable
speed that we have and this looks
alright so after this point we want to
change the audacity as well so create
keeping for that one frame force and
make that zero so the rectangle is gone
now and the only thing left now is the
text and we want to have the text car
before the icon starts to move so we're
going to start with that let me just
close the background and the Instagram
logo and open up the texture right here
by the way you can also create your
keyframes in here and then change the
values here and your essential graphics
panel if you like so but then since the
keyframes are created in here I
more convenient to just work on your
properties in the effects controls so
I'm creating keyframe 40 position down
below here go a bit forward in time just
as the Instagram logo starts to move and
just move that text out of the frame
like this also here we can again play a
bit with the curve if you like so let's
let it start very slowly and then kind
of proof it away like this looking
awesome looking really good guys let's
zoom back out and see how it looks here
so I'm yapping here I'm saying something
like hey guys follow me on instagram you
can find my name right here but away
there's also a link in description below
if you would like to follow me on
instagram you post a lot of behind the
scenes here from our YouTube channel so
it's definitely worth it to check it out
alright your second part of this
tutorial is how you can say this thing
into your library so that you can use
this for any kind of future project so
just select this layer and we're going
to head over to the graphics tab here on
top and we're going to say export as
motion graphics templates click on that
and you have a couple of options at how
you would like to stay in this you can
either save this to your essential
graphics panel so that means you can
actually call it up every time in a new
project from this panel or you can also
save her to your local drive and that
allows you to also share it with your
friends you can put it on a USB Drive or
you can send it through email so other
people can use it but for this example
just pick that essential graphics option
give that a name also let's call this
instagram cart and press ok now let's
check it out now guys I can delete this
layer because in my essential graphics
panel I'm going to hit browse now and I
should find it somewhere write to your
Instagram card there it is just drag
that into your project it will load
everything that is necessary for this
templates and look at that guys as
simple as that and we can select this
layer change everything that we want go
back in here so this is how it all works
so that was it again and normally I
would say you can download this project
file for free from our websites but in
this case I have to say you can download
this template file from our website
again there's a link in description
below
thank you all so much for watching but
most importantly stay creative
[Music]