Create AMAZING Motion Graphic Templates in Premiere Pro!

[Music] [Music] hello my name is valentina v and welcome to adobe live tips and tricks tuesdays with me every other tuesday i'm giving you beetlejuice i'm giving you halloween i'm giving you um let's just skip the summer and go straight to fall kind of vibes how are you today uh are you working on anything special are you doing any cool projects personally me this is day eight of nine of just like straight like work uh i directed a music video i directed an ad campaign i oh my god i did so much over the last week if things have been picking up a lot here in la and let's just say that i am so so thankful for it so i'm happy about that looks like we got tim we got jan we got paco on the back end we got bruce hello everybody so today we're going to be talking about motion graphics templates and i'm actually going to show you some of my tips on how to create motion graphics templates within premiere pro because uh there's two ways to create them there's you can create them within premiere pro you can create them within after effects and you'd be surprised by how many things that you can get done within premiere pro itself before you need to go into after effects and do your graphics there uh one of the main advantages for doing it inside of premiere pro is that then they are totally scalable for different aspect ratios so if you create it in a horizontal format and then you change your aspect ratio to a square it auto resizes it's just awesome and then i also want to show you this one thing inside the essential graphics panel that a lot of people don't know about um mainly a lot of people don't know about it because the reason i know this is because when i show it to people every single person that i've showed it to has been like i've never seen that before and it is called master textiles and i'll tell you what that is and how you can use it because it is incredible it is for those times where say you have done all of the graphics like all of the subtitles for a sequence and then your client comes back to you after the edit uh after the draft and is like great now can you change all the font to a different font and you're like i have to go through and change every single graphic no uh you do not have to you can create a master text style and then i just realize it sounds like textile like the you know knitting and like fabric text style master text style all right so let's jump into premiere pro we got rick from toronto we have fairy uh let me know where you're from so here i am inside of premiere pro and um one thing that you can do is you can either go into the graphics work um workspace up here or you can just pull up the essential graphics panel personally me i like just pulling up the essential graphics panel i like pulling up whatever panels i want instead of going into different workspaces but it's up to you how you want to work so i like it just popping up here and then rearranging a little bit if you're someone who doesn't want to rearrange you can just pop back and forth and here i have a video that is literally just a promo for this series that you're currently watching and i edited it edited it um in a sort of uh like uh in the tall square format you know for instagram so this is what it looks like it's 30 seconds so i'll just play it for you and you can see the the sort of graphics that i'm using here at the top left corner and at the bottom and i'll also create an intro today for you so you can take a look oh you don't need a computer in order to add professional subtitles and text to your tick tocks and ig reels all you need is your phone and adobe rush here's how go to the bottom and add media then you can go to graphics add graphic type in your text and now you can edit the font the color the size the location on the screen you can even save it as a preset to use for later so as you can see i have several graphics going i have this one the select your clips graphics so this pop-up graphic some people call this a call out graphic then i have this other graphic which is the graphic that where the circle grows and highlights something on the screen i have my lower third except i guess it's an upper third up here because it's for instagram and i have my subtitles so these are actually two different types of graphics right here at the bottom this is a master master text style master text style and up here that's a mogurt a motion graphics template so i'm using several different types of graphics here and the same thing over here we have actually these these circles this is a mogurt that i created uh that is available in the adobe stock store so we'll take a look at that one too so that you can get an idea so the first thing that we'll do let's go to this promo tall square let's right click reveal sequence in project so we see where it is and then we can just uh duplicate it by clicking it holding down command and dragging down so let me show you that again so i have here promo tall square what i want to do is just make a version for you that doesn't have the graphics so i can create them from scratch i can either right click and then go up to duplicate up here or you know the shortcut for that is again just hold down command drag down then you have a duplicate already so promo tall square and i'll go no graphics i'll open that up and i'll delete all my graphics so these guys over here i like to put all my graphics up on their own separate timelines just to keep them to keep them nice and easy so i can see that all of these graphics are here and i'll delete those all of my subtitles are on this timeline there we go on the tracks on the video tracks so all i have here are uh this is my this is my a cam footage this is just a gray matte that i put behind my screen capture because i screen captured a lot of this if i didn't have the gray matte so if i toggle it off you can see that the the a cam footage shows up underneath so i have a gray mat underneath and now what i want to do is the first thing that i want to do is add the subtitles right before i go ahead and add all of the subtitles i'm going to create a master text style which is exactly what i want the subtitle to look like and you can make this look however you want for example here i have this uh you know my color like my signature color right is blue because i mean look at my hair so let's just say that all of my graphics are gonna have some sort of blue in it because that ties everything together right so let's go to the very beginning and we'll uh we'll listen to what i actually say you don't need a computer in order to add professional subtle subtitles and text to your tick tocks and ig reels you don't need a computer to add professional subtitles and text right so i'm to go over here to the type tool and simply type that onto the screen so i'm going to select the type tool type it you don't need a computer to add and that that'll be it so um here it is here's that graphic and the thing about it is number one it's in the wrong spot number two it doesn't have my brand color it is whatever i selected last so whatever you know font or graphic that i was working on last that's what this is and it's also not centered so if i decide to make this a master text style or a graphics template then i just can't um whenever i type new things it's always going to type from the left so the first thing i'm going to do is put it down here and as you can see every time i move the text take a look at these numbers over here so every time i move my graphic these numbers move too so anything in the align and transform column and anything here anything here that's going to be saved those options are going to be saved when i create a master text style so i'm going to move it here now i don't know exactly where the center is right so i can use the align and transform controls so this is the center yeah right there and then i could just drag it down so i know it's centered however it's also left justified or left aligned so let's make sure that it's center aligned so it grows from the center and then put it back in the center again there we go so now if i type in new things it always grows from the center right that's what we want for subtitles there's also these options for let me put this at the front there's also options for aligning it in different ways so let's say that i need to add a second line of text professional you see how it adds underneath my current line what if i want it to sort of be centered right in the middle so i can make sure that see here there we go oh it's there right there center text vertically there we go so when i add it it grows it doesn't add the it doesn't add the um the line underneath it jumps the line above up a little bit so that's really helpful because say your safe area if you're safe area for instagram because there's a lot of other um there's like a little you know on instagram there's like a little if you tag people there's a little tag button there and then there's a little button here that's like expand to see more reels right so when you add a second line you don't want that second line to to start dipping down lower you kind of want it to stay in this safe zone right here so it's a good idea to always have this option selected for when you are doing those subtitles so that when you make a motion graphic you can always add it and it jumps a little bit higher professional subtitles i think i said let's see you don't need a computer in order to add professional subtitles and yeah in order to add professional subtitles so i'll go back computer in order that's funny because i'm adding professional subtitles and i'm on a computer and this video is about how you don't need a computer to add professional subtitles which is true you can always add them in premiere rush as well um but it's just funny that i chose this as an example i'm just thinking about the irony of it so anyway so i have this um let's just say i have a different brand font so i'll go to um let's say i'll go to connet no that is hard to read it's always a good idea to do sans serif fonts for subtitles so fonts that don't have any sort of like extra little um little do hickeys at the end like this is a this is a serif font so you see it just has oh yeah it just has like this little this little line underneath the l for example and that's just harder to read than a sans-serif font so you want a sans-serif font you want something that is clean like aerial rounded empty bold something like that that's easier to read then right now i have a background on it it's black so let's make the background blue because that's my brand color there we go it's a little bit much so let's turn down the opacity we can make it bigger we can make it smaller and like let's add a stroke around the letters let's add a black stroke so it's a little bit more visible up it 3 okay so that looks good let's put this graphic on line v5 so all of my subtitles will be on v5 and let's actually put them on v6 let's label them so right click label and we'll label them mango so all my subtitles will be colored mango now take a look at what i'm going to do next right so if i continue writing like maybe this subtitle's done i could continue writing subtitles so i'll extend this a little bit i'll cut it here so i went to see got my got my cut tool then i'll listen to the next thing that i'm saying you know subtitles and text to your tick tocks and ig reels professional subtitles and then right here i'll type in the new thing and text to your tick tocks and ig reels right so now i have these two these two motion graphics i have the first subtitle and i have the second subtitle and they're the same but let's say that yeah my client comes back to me and they say you know what i want you to change it to a completely different brand color a completely different look so okay i'll go into the first one i'll click here and i'll make it um i'll make it you know whatever my client said it should be they're like it should be bungee that looks gross but whatever the client wants right and it should be um it should be yellow okay cool so that's that and then i go here and whoops it has not changed in the second one right that's because it was not a master text style master text style so before i go ahead and and build all of my subtitles out i'm going to create a master text style so let's go back a few steps all right let's go back to where we just had the one subtitle so before i go ahead and break it up i'll go over here i'll select it in my essential graphics edit tab here's that layer right you don't need a computer to add professional tech professional subtitles i'll select it and right here there's an option for master text styles somebody said let me just check the chat room anyway so uh i'll go here right now it says none and there's an option called create master text style right here so i'm going to create a master text style and i'm going to call it let's say promo subtitles and i'm gonna say okay so now that it's called promo subtitles now i can go ahead and cut it again and try that try that move again so computer in order to add professional subtitles and text titles oh let me take it down to one fourth so it doesn't so it plays back a little smoother and text to your tick tocks and ig reels so i'll do a cut here professional subtitles and text to your tick tocks and ig reels and then keep going and ig reels all you need is your phone and adobe rush here so all you need is your phone and adobe rush here's how great so now i have built this right i send this to the client the client goes hate it i want to change all the subtitles and you're like no problem because i already created a master text style so i'll you go into it and you you take the client's notes and you go okay i'll change it to bungie sure even though it's all caps and harder to read because it's all caps i'll do it they give you a uh they give you take it to yellow with the hex number faff00 and you're like okay i'll do that too and then they're like we don't want any background and we want it to look like that and we want like a stroke that's like five or like yeah this these are the subtitles that they want now and you're like cool i got you so you make just one of them you change just one of them the others aren't changed yet but here's where the magic comes in you select it and then over here for uh promo subtitles you push to track or master text style so your changes will be applied if you press this up arrow button so you do that and now they are applied across all of the ones that you designated under that master text style how cool is that how cool is that did anybody know that unless you work at adobe don't answer if you work at adobe but if you don't work at adobe did you know that because i think that that's a really cool tip all right well what about those little highlights that i was doing uh you know things that i was talking about the ways that i was highlighting them how do you do that well i'll show you so let's go to one of these clips and you know what i will toggle a lot of times when you're playing back footage this footage that i have on track v1 this footage is like 4k um it's like h.265 footage it is incredibly heavy footage so even when i'm only playing i only want to see this portion of it which is my screen recording which is actually really not heavy footage it's really light it's just a screen recording that's happening the 4k footage is still playing underneath it and it's still gonna for for the purposes of this demonstration it's still going to make my computer play back slower so if i just hide the track it'll just be easier for me to play this footage back so let's listen to what i'm saying go to the bottom and add media so right here i said go to the bottom and add media right so i have to highlight this plus button with a little circle so how do i do that well adobe premiere pro has literally thousands of pre-built motion graphics that you can go into the adobe stock store and download a lot of them are free a lot of them are paid this particular one that i'm using is free it's available and it's created by yours truly so you can just like i think you could just search my name in the in the stock store and you can you can grab it so if you go to browse tab in your essential graphics menu you go to browse and then you go over here to adobe stock over here and then you just type my name and i think it'll pop up yep so these are the graphics that i've made that i've contributed to the adobe stock store all of them are free and the one that i'm going to use here is called floating shapes title and if you actually click on it and then you go to i for info you'll be able to see some info about it so you'll be able to see that the duration is 10 seconds and the description is a full frame background of gently animating squares circles or triangles it has a choice of rectangle circle or triangle different animation styles custom color controls and it's optimized for premiere pro awesome so let's go and drag it on to here all right and let's see what it looks like by default so let me actually mute all the tracks so that there's no audio so this is kind of what it looks like right as default right a couple of things wrong well a bunch of things wrong right number one it's not the color that we want number two there's words inside number three instead of growing from the center it drops down so if we just select it check it out the essential graphics panel changes from the browse tab to the edit tab and now we can do all sorts of things to it these are parameters that i have built inside of after effects that then i've given the premier user the ability to manipulate so i'm going to get rid of all the words so the top word the bottom word so now it's a full circle as you can see this particular graphic it grows with the word input so if i put like into it it'll grow to that size or if i do like pha for the first word and then i go la la la la la la la for the second one it grows to that one yeah ask me about how long it took me to figure that out how to uh how to do the um because i had to like write code and expressions to make sure that it worked with whatever word was longer it took a while anyway um let's go to shape shape line color and remember this color here we're going to do that same color so we're going to grab that hex value from the fill which is f a f f 0 0 copy it then we'll go over here we'll go to this and we'll paste it in the fill there we go so that's the exact the exact color then we can go to uh shape stroke width make it thicker there we go then we can go over here to adjust shape up down and adjust shape left right in recent things that are you know how adobe and all sorts of programs they they're always updating their software and they're always updating the ways that you can do things so a couple of iterations ago they introduced a point source control for this back when i built this template there was no point source control there was only slider controls so now there's there is a point source control where a lot of the newer templates they have something like this where you can just adjust things using the point source control but um that wasn't there when i made this template so instead i had to use sliders which is fine so i can adjust the shape up and down this way i actually prefer because of the animation whenever there's animation inside of motion graphics templates i prefer to not move them using the controls inside the template i prefer to move them using the general controls of the whole layer so as you can see here in your effect controls window there's graphic parameters which if we pull that up that's the same those are the same controls that are within essential graphics so this and this is the same but i'm not using graphic parameters i'm using the layer parameters under here under motion so i'm going to use that to move it instead because that moves the whole layer and then anything that was built in like layer controls they're all moved okay cool and then what i want to do is make the shape size a little bit smaller now let's take a look at the animation right now the way that it stands okay see it drops down which is fine if you like that but i also created several different animations so if you click on it you go to animation style up here this is again a slider uh in recent versions of after effects they did release a drop down menu option again at the time that i made this template there was no drop down it was only sliders so you know keeps getting better i'll go to one actually i'll go to style two i'll show you what style two looks like so this is what style 2 looks like if you want to get fancy with it yeah but let's just do style 1 over here which is where it grows and kind of pops there we go and then i'll just cut it off like right before it starts going down so i'll just cut it off here there we go so this is what that looks like perfect and then we go to camera roll now we want to highlight this so we want to put that little circle over uh this clip right so we'll go select this graphic we don't have to build it from scratch anymore we'll just select it we'll hold down alt and we'll drag it that way we'll we're duplicating the graphic now it's here so again we're going to go over to the motion controls and move it over move it up what what would this look like if i wasn't using the motion controls i'll show you so if i wasn't using the the motion controls of the layer if i was using the motion controls that built in here it would actually start cutting off at some point you see how it starts cutting off because if i select it you can see that the frame edges of the motion graphic because it was built in a 16 by 9 aspect ratio you can see that it's actually extending beyond its own frame edges so that's why i don't want to i don't want to be using these sliders so i'll put it back down to zero and i move the entire layer up and over to the side so it's essentially the same graphic right but now it's up here and now i can cut it off there so everything that i'm pointing to i can now i can now do a little highlight of it now this is you know this is one way to do it is to use a motion graphics template but you can also build your own with your own animation so that it's customized to you so say that you want to create one but you want it to um like be a square for example let's build that so uh i'm just gonna i'm just gonna hide this one let me know if you have any questions by the way let's see um [Music] let's i'm just checking my the the behance chat for a sec i enjoy making my own graphics says reverb mike awesome looks like there's a discord that you can join right yes um and again if you want to replay it it'll be if you want to replay this video or any of my previous tutorials they're here on behance so they're just just look me up somewhere just type my name in something and it'll pop up okay so say i want to create my own graphic right um so i'll deselect this and i'll go to edit now when when nothing is selected this is when you can create your own graphic so if you go into the edit tab you have this new page icon and whenever there's a new page icon in premiere pro that means oh you can create stuff using this so if you click on it you'll have several options and believe it or not these options are so there's so much you can do with them there's text vertical text rectangle ellipse or from file so i'm going to do rectangle and there we go it's called shape one and it looks like this so instead of shape one let me rename it and let me say um highlight let's do that highlight cool and right now it is it has a fill but i want it to be like a a square right so instead of fill i'm going to say stroke and i'm going to increase the stroke there we go and then i'm going to change it to that brand color great so we already have something that's looking pretty good here then we can change the size of it so right now the sizes are the are linked so if i'm increasing the uh the width the height increases at the same time but if i unlink it then i have the these different parameters for both as you can see though it's like it's stretching side to side right so it's stretching so the sides are getting the sides are getting thinner but i don't want that i want them to go at the same time right i wanted i mean i want the i want the thickness of each line to be the same uh as i'm stretching it no matter how i'm stretching it i don't want this sort of like compression to be happening so that's one thing that happens when you're doing it as a stroke so instead of doing it as a stroke we're going to do this as two different shapes instead so let's go back to fill let's not do it as a stroke right uh let's go to let's create this for now let's create this like the same 200 by 200. well let's do let's do that cool so the fill is going to be yellow cool so now i have the highlight and what i'm going to do is i'm going to create a mask on the inside and then lock that mask so um i'm gonna create a new either a new uh rectangle or i can just copy this one so i'm just gonna duplicate this one on top of itself and i'm gonna call this cut out and i'm going to make it a little bit smaller and then you can mask it with the shape so if hold on all right one sec mask it with a shape and invert so basically what i've done is i've created a mask out of that second rectangle right from the first one so this is literally i just made it smaller and i'll make it a different color so you can see it doesn't matter what color it is because it's just gonna be a mask so i have two rectangles here essentially i have this back one and then i have this red one that's in the front the back one's called highlight the red one's called cut out i'm going to select the cutout and i'm going to select here under appearance i'm going to select mask with shape and then i'm going to select invert because when you select mask with shape it's actually just cut that out so instead i'm going to do invert and there we go but it's still um it's still not locked right so if i move the dimensions of the inner rectangle you see how it just moves beyond right if i move the if i select the outer rectangle the highlight it moves beyond right so again i want it to grow and stretch in the same rate so that those borders are the same so for that first of all let me put them both in the middle so that i just make sure i just know for a fact that here let me let me zoom in i know for a fact that one side is not skinnier than the other that they're exactly the same so i'm going to go to the highlight in the back i'm going to select it right here and then i'm going to make sure to align and transform it in the very center of the entire screen so align transform in the center then i'm going to go to cutout and do the same thing align and transform so now i can make sure that all of these edges they're all the same size now that that's now that i've done that right here under responsive design position by default it says pin to video frame right so i have the cutout selected and by default it's pin to video frame but i don't want that i want to pin it to the highlight layer pin it to the highlight layer in all directions so if you hover over this it asks you to select which edges are available for pinning if you click in the center it pins to everything so now when i click the highlight layer and i try to grow it as you can see those edges are not stretching how cool i don't know if i'm lowing everyone's minds right now there's 70 people watching so if i just blew your mind um give me like a little clap emoji just right clap or give me a clap usually i'm telling you like when i'm in front of like an audience at say adobe max or something people just like gasp this is very nerdy but it's also exciting that there's these kinds of options i know i'm just making a square on the screen but you know what i'm saying so now i have this square but the square doesn't move right because i had this graphic if you remember i had this graphic and it drew on itself but this square graphic that i made it's cool and all and it's very responsive let me just move it down here actually i can use this cool right because right now what i'm doing is when when neither layer is selected i can now move them all as one like as one group and i can move them down here i can make it smaller whatever i need but it's not it's not moving so let's make it move how about how about how about that so um all of these parameters here you can actually manipulate so i'm gonna want it to start really small then expand give me a little give me a little bounce a little organic bounce and then settle to where it is so start small expand and settle so that's what i want it to do and i'm going to create a little intro animation and a little outro animation for it so first let's take a look at this actual this actual clip in the timeline that we're that we're editing okay so right now it is this long it's about eight seconds long we want it to be about well pretty short we wanted to be pretty short we wanted to be there and we want the intro to start a few frames in over here we want the outro to be over here but then we want to create a template so that if you do want to make it longer the intro and outro stay the same length so if the intro is like five frames the outro is like five frames if we make the entire um the entire graphic longer like say we want to highlight an area of the screen using this square graphic but we want it to be on screen for longer than just a few seconds we want the intros and outros to stay the same length so that's what we're going to do so the first thing we're going to do is put our playhead right where we want the intro to end so we want the intro to end about five six frames into it so i'm just going to put my playhead at the very beginning by pressing the up and down arrow buttons so the up button will go to the very beginning of that and then i'll go seven frames to the right so i'll just click the right arrow button one two three four five six seven right there and let me place a marker there so i'll press m um i'll extend this a little bit actually i want it to be faster than seven so let me let me go back let me do like three or four three one two three i'll place a marker there and let me go to the back of this clip and i'll go left one two three and i'll place a marker there by pressing m so these markers are just for me to know when the animation is supposed to start and end so let's go to let's go to this marker and this is where the animation the intro animation ends so whatever um whatever major like transformations i do here are also reflected here take a look this number the transform number right 540 by 10 33 is also this number 540 by 1033 this number on the scale is also this number on the scale the difference here though is that all of these values have toggles for animation before i go ahead and animate it because i want this template to be used no matter where and how i'm gonna use it right now in my in my five four by i think this is a four by five tall thing it's at the bottom right i want it to be in the center so i'm going to i'm gonna center it by just resetting all of these parameters so now it's in the center it's in the dead center of this entire composition because for the template i want everything to be centered i want everything to be perfect and then once i create the template then i can manipulate it so i want let me just turn off all of these layers so that you just see it against the black so i want it to start small then to expand and then to settle back in and i don't have to start it at zero percent i can start it at like 10 or 20 or something like that so uh here at scale it's currently at 100 i'm going to press the stopwatch to set a keyframe bam then i'm going to go back to the very first frame of it and i'm going to change the scale to something like 20. then i'm going to go to the like one forward we'll make it bigger one frame forward will make it bigger and another frame forward will make it bigger right but now it's just a very smooth transition from one two three four instead of a smooth transition i'm gonna go one frame before and make it a little bit bigger so i'm gonna make it like a 105 or something 105 so that it it kind of expands out and then settles because i want to give everything a little bit of a little bit of movement so let's play that there we go cool and now that i have this on the front end i'm going to do the same thing on the back end so i'm going to go to the uh go to the marker that i set here i'm going to press the keyframe button so i'm going to set that keyframe so that in between the two keyframes nothing moves and then i can actually copy paste keyframes so i'm going to take this keyframe from the beginning the 20 percent i'm going to copy it command c move it to the end command v switch it over i'm going to take this keyframe from one frame before because when i when i do the outro animation i want it to expand slightly and then collapse and select this keyframe copy put it here and paste so now on the back end it leaves so it arrives and it leaves but here's what happens though when that goes on is that it now they're stuck there right so if i expand this and let's say i want it to be like 10 seconds long i've expanded the layer the clip in the timeline that has my graphic on it but you see that these outro keyframes have not moved to the end right so it's still a two second it's still a two second graphic and then it ends at twenty percent right but i want those keyframes to be at the end here when i do eventually you know expand it so before i expand it i want to make it a motion graphic template that is responsive that has responsive time i already used the responsive uh position right over here with the cutout so it's a responsive position but now i want to do responsive time so i'm gonna go uh pull up my my graphic here where are those keyframes hello there they are this is what it looks like now oh there they are what i love how they disappear right when i need them to not do that there we go so we have those keyframes in the front those keyframes in the back we're gonna create an intro so there's this little handle right at the top here you see it's it's this little blue handle right there and that is going to keep whatever animation or whatever keyframes are inside of that container it's going to keep it static it's going to keep it's going to lock it down and allow you to expand anything in the middle without affecting the timing of the intro or the outro animation so we're just going to drag it out and there we go so this is our locked intro and you can see it's created this like light gray area now so that's our locked intro and we're going to do the same thing you guessed it for the outro so we're just going to drag this for the outro there we go and you can see here literally on the timeline it's created a little bit of a lighter color a little bit of a lighter red on that part of it so it's telling you that this is the outro this is the intro of that graphic so now if i want to have this graphic last for 10 seconds but the intro and atro animations to be the same length i just expand it and there we go so now it's on the screen and then it just leaves cool right so if i wanted now to use it there it is whatever on my video um and i can even i can toggle off these layers so it's not like premiere on top of premiere so let's just do it on top of me talking oh one sec did i not disable something ah i don't know i don't know why that's doing that anyway but now it's uh it's it's now like a like a template that i can it's not a template yet right so i have to create a template for it so let me let me just go back to the size that it was originally at two seconds or whatever um so i have the intro animation locked i have the outro animation locked all i have to do to create this as a template is right click and select export as motion graphics template that's it it's that easy it's that easy to create your own template so we'll do export as motion graphics template and uh we can give it a name and then we can save it it's going to save it as a mogert file a motion graphics templates file so we'll call this growing square and it's going to ask us to include the video thumbnail the video thumbnail which is like the little preview window that you see is going to be whatever you set this to and then you could put it in your in a certain destination so let's say that you have a destination where you put all your graphics so i put them into my hard drive into that folder inside the graphics folder inside of that folder and i'm going to select that folder and i'm going to call it growing square and then it's going to ask for compatibility thing so if this motion graphics template uses fonts that are not available on dopey fonts they want you to warn um people honestly these are all for if you're making a template that you're handing off to someone else or if you're making a template that you're selling since this is just a template for my personal use none of that matters the keywords also don't matter because i'm not selling it and i'm going to press ok and it should show up see in the my templates folder i forgot what i called it let's do that again export as motion graphics template um oh yeah so i saved it to the local drive that's right i saved it to the local drive but it didn't save it to my library so if i want to import it i would have to go um over here to the bottom install motion graphics template to to bring it in so say that it's a completely different project that i'm working on like two months later and it's not in my library but i know that i saved it to my computer i can go here install motion graphics template and then find it growing square and bring it into my library there it is right and i can use it over and over and over again for whatever i want and it's going to save it in the same orientation that you originally saved it as by the way you can also save these as motion graphics templates as well remember the subtitles that we made earlier so because it's um it's also an essential graphic you can always right click go to export as motion graphics template and then export it as a motion graphics template you can choose your local drive which is saving it as a mower on your on your computer or you can just put it directly in your in your templates folder or in your library let me put in my library and i'm going to call this um blocky subtitles and then it should show up in browse there it is blocky subtitles so if i want to use it again and again again i can do let me see what time it is it is 8 19. let me know if you need anything specific or else i will go on so we have this right which is really nice but what if we want to create something that has words in it um that expand with the input of the words well uh you can do that there is also another way to do that so let's try that let's build a lower third which is like you know on the lower third of the screen that uses um responsive text design so we'll go over here to do right there so that is that video and we want a lower third over here with the name and the title of me hey look it's me okay um why do i use footage of myself well because uh i have my own permission to use it that's why i don't have to get anyone else's permission so the first things first when you're doing this is is there already a graphic that you can use because if there's already a graphic you can use you're set right all you have to do is modify it so if you go to browse and you go over to the adobe stock tab you can type in lower third you can even filter by like free for example and there's a lot of different like lower thirds that you can use there's seven pages of them if you want to audition one like for example bold modern lower third you can bring it in it's gonna take a second and then you can play it let me mute not solo let me mute everything so that's what that looks like by default it's going to say whatever it says you can always click into it go to edit and then type new things so this is going to be valentino v and adobe trainer right or we could say filmmaker because that's what i am and then you can always you know adjust it change your brand colors so we'll go to do do do we'll select this bottom layer which is i think what's what is it is it this one no there it is backing left it's called and put the brand color onto it whatever your brand color happens to be um the little line at the bottom small triangles you can change the small triangles colors no i like those backing right bottom change that to the same brand color and then you can even change the font so i'm going to change the font to my brand font which is proxima nova there we go and what's cool is that now that i have this um now that i've modified this template as you can see now it's modified to my brand colors and my font all i have to do is right click and you can export it as a motion graphics template so it's always saved for you so you take a motion graphics template modify it and then export it and save it the way you want so if i say export as motion graphics template and then i could just say this one is going to be promo lower third i could put in my library put my local templates folder and then press ok so again like two months later when i'm doing another video like uh i'm doing let's say i'll do promo 3. this is promo 3 vertical let's delete what's already there it's promo 3 vertical so i have this and i want you know that there's a really i want to put in a lower third i'll just go to browse my templates there it is promo lower third and always be using that lower third did you know that there's a really easy way to right but you can always create your own lower third if you don't find one that you like um in in the in the library so let me show you how to do that okay so say say i don't like this lower third i want to create my own so i'll create my own and again it's all the same thing if you don't have anything selected uh in your essential graphics window your only option really is this little new uh item page button so you can go there you can go text and now you can type in some text so i'm gonna type in um first last so first name last name and by default it is whatever it was last but something that i want you to kind of pay attention to is where the anchor point is of this and the anchor point is this little uh this little circle right there so the anchor point is at the bottom left of the text which means if i'm changing the size of the text or if i'm inputting new text that text is going to grow from the left and it's going to so it's going to go from the left and it's going to grow up what do i mean by that i mean if i'm put if i'm inputting new text in the template like say i want to write first last name so see how it's adding to the left side of it and then if i want to increase the font size it's going from the left to the right it's increasing that way that's because my anchor point is set at the bottom left of the footage sorry i forgot what left and right is for a second if i put my anchor point elsewhere um which is easy to do you just take it grab it and move it so i take this anchor point and i put it let's say to the bottom left bottom right and then i try to grow my oh hold on then i try to grow it the size of it you see how it's growing from the from the bottom right so what if i move my anchor point back and i try to grow the size of it bottom left if i put my anchor point here then it grows oop then it grows from the anchor point and so it always is all the motion is also always going from the anchor point so it's important to put your anchor point where you want it to be in this case if i want people to change the size of the of the first line i want it to be on the bottom left just where it was so let's keep it there but let's move the whole thing to the bottom and of course you can't see it so let's make the fill white there we go uh let's make let's give it a background and as soon as you click background the default is this gray and it's really close to the text so let's make it a little bit more visible let's make it that brand color and then let's make it just like a full solid block make it a little bit bigger there we go you can also mask it with the text if you want um so anyway uh we have this and then let's do the the subtitle so let's move this up a little bit i'm gonna do the subtitle um by duplicating this layer so i'm going to right click and say duplicate so then i have the bottom layer here i'm going to drag it down oh i don't want to select both of them just select one of them drag it down by holding shift because if i hold if i hold shift while dragging it doesn't scooch left and right if i don't hold shift while dragging then i don't know where to put it but i want it to be exactly underneath right so i'm going to start dragging it hold shift exactly underneath but now i want to change the anchor point of the bottom text to the top over here so i'll just drag it again holding down shift to make sure it doesn't scooch right there so now if i want to increase or decrease the size of that bottom text it's coming from that anchor point in fact i kind of want both anchor points to be i kind of want both anchor points to be right at the edge of this of the uh rectangle instead so let me do that put both of them right at the edge of the rectangle yeah there we go i'm going to rename that bottom layer i guess i could just put put whatever it is subtitle um now let's say let's say nate um let's say uh position in company or something so it's a little bit longer there we go and let's make the font a lot smaller so i'm just adjusting slightly actually i don't want a background for it no yeah no i want a background for this one i don't want a background for this one there we go so for the first one i actually what i want is a stroke no i want a shadow so this is like just no i want a background sorry i keep changing my mind because i'm thinking about what the animation is going to be and i know what the animation is going to be so i don't know why i even think about it because i already did it um let me move this up slightly cool awesome and then let me change the background to color just to a little bit darker cool so that's kind of what i want my i want it to land there anyway but right now there's no motion in it but this is this is what i want my lower third to look like this is where i want it to be there's no motion in it but we're gonna add motion uh to both the intro and the outro so remember just like last time where we added motion that was um like a growing of that square we're gonna add motion that is instead of growing it's going to move in and as it moves in it's also going to change opacity and they're going to move in at different times so first is the first line and then the second line's going to move in underneath it so let's do that uh let's go about seven frames out so one two three four five six seven place a marker there then we're going to keyframe the position and uh let's keyframe the oh no of the whole of the text so the text first and last we're going to keyframe the position of that and the opacity of it and then we're going to move back to the beginning and we are going to move it out of the frame significantly because remember if we type in anything more than first last it's going to be in the frame this is what i mean if we just move the first and last words just slightly off slightly off screen like that i mean it's cool because it shows up like this right so it it grows into it but the problem is that if we then change this template to something that actually says things like valentina v and we go back to the beginning you see how it's it's still on screen right so we don't want that so when when we are moving that text that first last text on the front side of it we want to move it significantly off giving room for the idea that there might be a longer series of words here what but what if it's like really really long right what if even even moving it this far off isn't enough and it'll still overhang into the shot at the beginning of it like what if the name isn't first last or valentina v what if it's like um what if it's like alexandria uh smith and son the third or junior and then we move it off as you can see it's still going to be on on screen so for that for the purposes of making it as flexible as possible i'm also going to change the opacity of it so at the very beginning even if it is a little bit on the screen it's still going to be invisible so i'm going to change the opacity of it to zero so there we go so no matter what no matter how long the name is it's still going to look like it's coming from the side alexandria smith is in the third so let's just go back to first last and i can actually force this to be all caps so that whoever writes things in it it's always all caps because right now it's whatever but if i want to force it all caps i can go over here to the all caps controls i can select all of it force it force caps so no matter what people write it's always caps so now that i've adjusted it to not only come in but also to kind of slowly increase in the opacity i am also going to give it a little bit of easing because it's it just like pops into frame it doesn't like ease into frame you know what i'm saying uh do i'm just checking the chat real quick anyway yeah i don't think anyone has any specific questions so instead of just going at this constant velocity i'm gonna ease it by going into these position keyframes selecting the second one right clicking and for spatial uh and temporal interpolation i'm gonna select auto bezier for both and that's just going to smooth it out a little bit there we go and i can actually do it for both keyframes so should i just bezier you can you can change there's like all sorts of um let's do ease out there's all sorts of things that you can you can play with to make sure that it's the it's the motion that you want that looks good to me yeah that looks good so right around let's say right right at seven frames we want the underline of it to appear from underneath the first one so right now if i move it around if i move the second subtitle around we can hide it underneath it right that's what i want so right at seven frames i want it to kind of drop down so i'm going to go about a few frames more past seven like three more frames or four more frames one two three four i'm gonna place that keyframe there so let me select that subtitle and i'm going to place that keyframe for the subtitle for position so toggle animation going to place that keyframe there at what seven plus four so at 11 frames in and then i'm gonna go back to where it was at um seven frames in one two three four and i'm gonna move it up so to hide it so from 7 to 11 frames it reveals itself like this and i'm going to give it some some movement as well but the problem is it's still on the screen as the first one comes up right here let me let me zoom in so you can see it a little bit better so it's still on the screen as the first one comes up so i have to i have to hide it so i'm going to hide it with the opacity and i'm just going to do a one frame opacity change so at this frame right here i want it to be on screen so i'm going to go to opacity for the position and company layer and i'm going to press the stopwatch then i'm going to go one frame before just one frame before right there you can see the overlay you can see it through i don't know if you can let me let me zoom in even more so you can you can see it underneath there right position in company so because we don't want it to be visible yet i'll go to opacity and i'll press zero so it's not visible there and then one frame over it is now visible however the opacity of the top layer is a hundred percent so we know it's there if i turn the top layer's visibility off we know it's there but it's just hiding and then it reveals itself so this is what the lower third that we just made looks like cool right so again we are going to lock the animation so that we you can't touch it you can't stretch it so we're going to go to the very last keyframe that we set which is i believe this one for position of the subtitle the i call it the main title and the subtitle but don't get it confused with captions because that's a different thing right and right there that is where we're going to end that animation and if we want we can add a completely different animation to the outro so let's do that so this is the way that it grows right but let's say that for the outro we want it to expand and contract and we want it to expand and contract while changing opacity as well so let's go to where the you know the end of the clip is let's go seven frames to the left one two three four five six seven let's place a marker there just so that we know then instead of going into these these two text layers because these two text layers because we were moving them independently of each other they have all the keyframes right now but then we also have this main box for vector motion and that controls both of them at the same time so we're going to place this keyframe for scale and we're going to place see we're going to place a keyframe from opacity on the video layer actually actually let's see if i if i change the scale of the vector motion layer i'm actually it's going to go to the middle because the key the um the anchor point is in the middle isn't that interesting so the anchor point b of the entire vector graphic is in the middle therefore if i'm changing the scale of it it's going to change from the anchor point so you know what that means that's right we just changed the anchor point so instead of having it in the middle we're just going to hold that anchor point and drag it to the very corner the very bottom corner of the animation so now when we change the scale it's going to grow from the corner of the animation instead right so that is what we'll do we will uh here at the at the marker right there we're going to place a keyframe for scale and then at the very end of the graphic oh watch out that that doesn't jump sometimes when you are moving your play head by the way uh this this blue line to the end of something like say to the end of a clip or to the end of the graphic it just like jumps it just keeps jumping so what i like to do is i just place it like one frame before and i place my scale keyframe let's place it at 10 again and then move it to the very end because this is why i place it at 10 and not at zero because the next frame is zero anyway right because the clip ends so why should i have that that gives me just just one more frame of having the graphic on the screen because i know it's going to go to zero at the very end there so this is what it looks like now it's a very slow gradual you know it goes off very slowly and gradually but what i actually wanted to do is again expand a little bit and then go slower or and then go down so i'm going to go one frame over and instead of it because before it was at 100 right i'm gonna go one frame over i'm gonna write in like 103 or something just so it gets bigger before it goes down and then there we go so now it's now it's going down and i'm also going to add an opacity change because here's the thing about having lower third outros a lower third intro animation when it comes onto the screen it can be a little flashier because you want people to pay attention to okay this is that person right this is their name this is who they are but when it comes out by the time that it comes out of the screen you're already engaged with what the person is saying with watching the person so you don't really want that graphic to be like too too flashy or that animation to be too too flashy so um you know i might even want to gradually start you know start making it uh less opaque even before this little z this little um scale animation words it's seven in the morning you'll have to forgive me so i might move my playhead way earlier than uh than where i started my animation you can see i started my animation at this marker so that helps me so i'll put my playhead way earlier and i'll go over here to opacity for the video controls layer and i'll click that button and then i'll move it over i'll go to um what ten yeah i'll go to zero it's better with opacity should not play games like that and then move that over so that it's it's already fading and then it just does a little does a little animation on that fade at the end so i like that um let's also lock that animation right there so we'll go ahead and we'll take this uh outro animation freeze will move it over to encompass everything including the fade so as you can see as i move this um this outro duration sort of as i move it left and right you'll start seeing that the the highlighted area moves so right now i moved it there the highlighted area is there if i expand it farther the highlighted area expands okay so now that this is done first last position and company right now that that's done i can save it as a motion graphics template so i can go right click export as motion graphics template i'm going to call this um and of try to avoid calling these things by the colors or the fonts because the colors and the fonts are the things are the whole reason why this is a motion graphics template right the colors and the fonts are the whole reason why the person is getting this template or why you're using this template in order to be able to change those things so avoid colors and fonts in your descriptions instead write something like um two line slide lower third with fade something that's descriptive and click ok so there it is the two lines slide with fade so if i want to put this onto a different like say i have a completely different project let's open a completely different project let's do do do do do let's do [Music] uh let's do this one give it a sec cool we'll move to the beginning here so we'll give him a lower third we'll use that same lower third except now we'll use his brand colors and his brand font so we'll go over here to browse it's saved over here so we'll pop it in right there right and then we can go ahead and start writing so remember we cast this so it's all caps so michael stevens we'll say found founder of v sauce we can make the whole thing smaller so we can well let's see now let's let's use our actual controls so we'll go to the first line here we'll scale that smaller there we go that looks good we'll use his brand colors so we'll go to background we can even use the the eyedropper tool use these these colors here or we can um we can just we can just do the color picker situation in fact let's make this white and let's make the font black there we go and we can change the font to his brand font i don't know what his brand font is but i'm just assuming it's uh roboto condensed something like that and there we go now we have created this motion graphics we have used the motion graphics template that we created just seconds ago um and we have modified it and we know that it's supposed to end like here yeah let's end it sooner let's end it there before we pop into the close-up so it'll look something like this i have been obsessed with science magic lately which is why the spring cool perfect so um does anybody have any questions i am almost out of time but let me see if um if uh if anybody has any questions tim tim's if i think tim's a fan of vsauce that's awesome let's see let me know also here's another question i have for you please let me know what other things you want me to cover in the world of premiere pro or and or if there's a vertical that you want me to cover and by vertical i mean paco you can make me full screen if you want um by vertical i mean like what like do you make fitness videos do you make cooking videos what kind of videos do you make do you work on narrative films would you want to learn a narrative film workflow would you like to learn a music video workflow what about commercials what is something that you're interested in learning that i can show you because um i want to be helpful and i wanted i want to help as much as possible i want to show you what i can do so let me know what you want to see also please let me know if this was helpful and if it was did you learn anything new because i'm curious did you we covered a lot we covered how to create a subtitle we covered master text styles master text styles we covered how to make a responsive design with two different graphics elements the square inside the square and make sure that it doesn't stretch um we covered how to do responsive time how to animate how to make a text box grow there's a lot that we covered so yeah let me know in the in the chat room i love motion graphics so something else that i want to show you um with this by the way is that they are uh adjustable and they are scalable so if i wanted to for example here we have let me go back to what i was looking at um in this project okay so this project michael stevens found our vsauce and it is a uh a 16x9 project right but say i want to adjust this and make this a square so i'll go to right click here reveal sequence in project and one fun thing the premiere has is instead of duplicating the sequence and then going to sequence settings and changing the sequence settings all i have to do is right click and go to auto reframe sequence so i'll just go right click auto reframe sequence and now it gives me a new aspect ratio like what target aspect ratio do you want so i can make it a square and i can give it a new sequence name so i'll say disks one by one motion tracking default say create and here it is and take a look at this it's adjusted it slightly but it's a little bit it's a little bit broken because i made it for the horizontal so the only thing i have to do now that you know what i did and how i did it you can just go into the text controls and you can say oh yeah i know why it's broken it's because this second line didn't slide down all the way because it's reframed so let's go to the second line of text let's go to that last keyframe for the motion of it and let's make sure that it's underneath so we will for the position of it we'll make sure the position lands where it needs to be and we'll make sure the first position is behind it so this way now that you have a little bit of knowledge about how these keyframes work you can go ahead and any of the of the motion graphics that are inside of premiere pro from adobe stock that were originally built inside of premiere and you can tell because they'll have all of the layer controls like this so the one that i showed you earlier didn't have layer controls this one the circle one you see how the the format of this motion graphic is different because it has sliders and it has like text input fields whereas the format of this motion graphic for example it's different because you can change everything that's how you know that this motion graphic uh for the bottom for the subtitle was originally created in premiere whereas this motion graphic for the circle uh or yeah for the circle was originally created in after effects so as long as the motion graphic was originally created in premiere you can always go into it adjust whatever keyframes you need adjust whatever colors you need save it again as a motion graphic well thank you everybody so much for being here with me today i hope you learned something new um i will be here two tuesdays from now so every other week to bring you more goodies to bring you more knowledge and to just chat and hang out with you so until uh two weeks from now i'll see you then play my outro please [Music] [Music] so [Music] my [Music] [Music] ah [Music] [Music] [Music] huh

Channel: Adobe Video & Motion

Views: 12,329

Keywords: motion graphics templates premiere pro, adobe premiere pro, premiere pro motion graphics, text motion graphics premiere pro, adobe creative cloud premiere pro, editing tips premiere pro, premiere pro tutorial, premiere pro masterclass, adobe live premiere pro, valentina vee, how to use motion graphics templates in premiere pro, transitions premiere pro, intro titles premiere pro, lower thirds premiere pro, how to edit on premiere pro, how to make graphics premiere pro

Id: LD3hRh0mimI

Length: 87min 10sec (5230 seconds)

Published: Tue Mar 02 2021