This lesson is exclusive to members

Adobe Premiere Pro - Advanced Training

Adding a logo via the Essential Graphics panel in Premiere Pro

Daniel Walter Scott

Download Exercise Files Download Completed Files



We’re awarding certificates for this course!

Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up
Hi there, in this video we are going to look at adding a logo to Premiere Pro. There are some quirky things that go along, with vector inside of Premiere Pro, plus we're going to try and make something, reasonably complex with your Essential Graphics panel, so that we can show you how to work with it, and some of the tips and tricks for getting it right. All right, let's dive in. 

So you might have been building the Co Working project, you might not have been, I've got a file here that you can all catch up with. So I'm going to open a project, it is in your 'Exercise Files', it is under 'Co Working', and it's called 'Co Working V1'. When you open it up you might be missing footage, you can go and find that in the Exercise Files, if it loads up, and it looks something like this, as we're up to at the moment. 

You can rebuild it from here, up to you, this is kind of all I want, is a bit of this last part of the structure. Yours might look something close enough to this. So adding a logo, what I want to do is, we can add the logo by itself, by clicking over here and saying, 'Browse', 'Edit', actually click off, so nothing selected, and then go to 'New', and go to 'From File', that's where we could bring our logo file. 

What I want to do is combine it with one of these two, I want to combine it with this bottom one here. So the bottom graphic in this case is just the colored box. So I'm going to, we're going to combine it, mainly because I want to show you how to combine stuff, and so there are layers not getting out of control, kind of Photoshop style, untitled 52. So we just want a couple of simple tracks in here, or layers, as they, you know, we call them in other programs. 

So I'm going to have this bottom graphic selected, I'm going to be at the beginning, for no reason, just to be, the beginning, and I've already got a shape. I'm going to name it, double click it, this is called my "Background" I'm going to import another thing, it could be text, we're going to go, 'From File', and we're going to bring in, under 'Co Working' there's one called 'Logo Cowurk Outlined'. It's an Adobe Illustrator file. 

So I'm going to import that, and it ends up behind everything. I want to move it up, and over here. So with it selected here in my Graphics panel, I'm just going to drag it left and right. I actually just drag it up first, and across, you can get it perfectly aligned by, can you see here, there's these ones here, it says Vertical Center, Horizontal Center. At the moment mine's kind of behind this book here, but that might work for you for what you need to do. You align the top, bottom, left, right, all of these things, and what I want to do is ignore all that, and get it exactly where I want, which is kind of in the top right here. 

Now one thing to notice is, do you notice, that when we added, say the background kind of square, nothing appeared over here in our Project panel, but when we imported this thing from Illustrator, you'll see, there it is over there, comes as part of the project file. 

Now the first thing you're probably going to do is, then go off and search. Why is it going blurry when I scale it? So let's, with the logo outlines selected here, you can either scale it here, kind of show you both ways. You can do it in the Effect controls, which gets a little bit messy, or over here, you can say, actually, let's scale this up, and it's that one there, drag it to the right, can you see there, that actually, it's starting to go all blurry, and that's not you, it's Premiere Pro. Premiere Pro is not cut out to do vector, I don't know why, but it doesn't do something like After Effects, which does like continuous rasterization. I can't remember what it's called, but it doesn't work, you can't scale it up. 

So if you have no idea how to edit the vector, you're going to have to go back to the original creator, and say, "Can I have a bigger logo, please?" You're looking for the biggest one to import it, doesn't have to be vector, because it's not scalable anyway. It can be pixelated, sorry, a raster image, a png, a jpeg, and ideally we want vector, but Premiere Pro doesn't know what to do with it. If you did decide, I want to scale it up, let's say we do have to scale it, what you need to do is, edit it in Illustrator. You might not have the skills to do it, I'll give you a quick demo. 

So over here, I can go to this one, I can right click it and say, scroll down the bottom, 'Edit Original'. So I just right clicked it, so 'Edit Original', it's going to open up in Adobe Illustrator, and if you don't really know how to use it, don't worry, if you're only scaling things, really all you need to do is select it, I'm using this tool here, drag it out the size you need it to be, holding 'Shift', so it doesn't scale. So let's say I want it to be about double the size, you want it bigger than you need it, zooming everywhere. So get it the kind of size you want it, and then the Artboard that it came off, it's really easy to adjust, this is a handy tip, if you click on your Artboard tool, and say, I would like the artboard to be not a custom size, but I want it to fit the selected art. 

If you don't have the text-- your graphic, selected, so select it all, if you can't see and you're like, "Hey, I'm doing this with Dan, and it's not working," hit 'Command Y', it'll go from being kind of white see-through, to this outline view, select it all, 'Artboard tool', and say, let's set the Artboard to fit the selected art. Hit 'Save', drop back into Illustrator, and you'll notice, can you see, it doubled in size. I don't need it too at the moment, but you will, I bet you. 

I made the logo perfect for this. So yes, there is, there might be in the future, if in the future Premiere Pro, starts doing Vector Suite, you let me know in the comments, and let everyone else know. I'm going to go back to here, undo it, save it, close it. There's a nice little connection, right? You don't have to like update it or re-import it, that's nice. Cool, so we've got our logo in here, let's do the animation for, we're going to get it to fade in, a bit of practice, and we'll do it on both sides, just, because I know it can be a bit daunting with both sides here. 

So I've got my graphics selected here, I've got the logo selected, I'm going to go to the beginning. I'm holding 'Shift' to make sure it snaps to the beginning, and I'm going to say, set a keyframe for opacity, which is this one, and I want it to start at 0, then move along some time, I have to adjust it in a second, and then to get it to come up. You can just do it that way, that might be a nice way of working, hit 'Spacebar', let's play it, you can see, it fades in, fades in, there you go. 'Shift K', remember, is the kind of jump back and loop around. I can live with that. I'm going to undo it over here. You should just practice doing it both ways as well. 

So same thing, back at the beginning, I've got my graphics selected, I've got the logo selected over here, and I just need to find the right one. So I'm going to twirl up my video. When we're dealing with like motion graphics, we want to be dealing with this Graphics tab, nothing down here in video, because you can do opacity, and in this case, to be honest, it'd work fine. Don't tell anyone, but you should be using the vector versions. 

So I can do one of two things, I can do the animation of the entire group, which is this vector motion, which will do both the logo and my background. I'll show you what I mean, you see, I can do-- can you do opacity? You can't do it for vector motion, good work, Dan. You'd have to do it down here, and if I did it down here, you could do it for both of them. So it does the background and the graphic, and you might be totally looking to do that. 

To do them individually let's find, not the background but the logo, let's twirl it down, let's set a Keyframe for the beginning of opacity, go along some time, and then actually go back to the beginning. Holding 'Shift' to make sure it snaps, I turn it to 0 at the beginning, so set the little timer, set it to 0, move along a little bit, set it to 100. You are exactly the same thing, as doing it over here, like that first bit. I'm going to add one more thing in here, because I want to, before we carry on. 

You saw at the beginning there, we had a bit more text, so with this graphic down the bottom here, I'm going to add a second bit of text. I'm going to say, another bit of text, this one's going to be, "Welcome to your new" Can't see it because it's behind everything, that's all right. I'm going to move it kind of over and up, probably best when you're working with it, is to make sure you spell it right. You can double click it over here to adjust the text, "Welcome to…" 

You can double click it on here, you can see, actually on the Program window to jump to the right one, which is handy. "Welcome to your new," and you can see my mask here, I've got this phone, that's kind of in the way. I think when I originally planned this video, I planned to cut the phone out. This gives me a really good excuse to show you, how to update that. So I'm going to make sure my text is centered, so that when I do adjust the size, it goes from the middle, get it in the right spot. 

Oh, we can use our shortcut. I'm going to mess around with this mask now. So where is the mask, it is on there. I'm going to go back to my 'Opacity', there's a mask in there, with it selected I'm going to, grab you, drag it down. Now to get rid of this guy, you need to hold down, the 'Command' key on a Mac, 'Ctrl' key on a PC, and just, you can see the little minus, ' - ' appears, and say, get rid of you, get rid of you, get rid of you, get rid of you, and this is my plan for this thing. 

I'm going to go straight across, actually I have no idea what I'm going to do. I'm going to add a couple more points, so maybe you, and I'm going to go, "What are you doing, Dan?" Making a straight thing across there, get rid of that phone. So click off in the background, so now I can see, "Welcome to your new," so there we go. I'm going to pick two fonts, I picked Arial for you guys, just so that it didn't freak out with the new fonts, when you opened it up, if you carried along. 

Anything else? I'm going to mess with the fonts in between videos. What I'm going to do before you go is get the timing right. Oh, there's one other bonus thing I want to show you. So I've got that coming in, let's say that I do want Co Work to be down here, so it's currently here on this bottom layer, so if I move it down, because it's underneath, this middle part here, I can't see it, you're like, well, I need it up here now. How do I do that? So if you do need that to happen, you can have it selected, click on the logo, just go straight up, 'Command X' for cut, or 'Ctrl X' on a PC, that's just, you know, when we're cutting and pasting, just regular old shortcut, select it at the top here and say 'Paste'. 

It'll go from this Essential Graphics to this one here, at the top. So now it's on top and I can move it down, click on just the part I want, Home Office, nope, the logo, and I can move it down. I don't want to do that, but you can, just you can cut and paste between them. Other useful things, when we are getting these kind of like bigger groups of Essential Graphics, there's lots going on in that one little clip. You can see over here, we can start doing groups, you might decide, all your text goes into one, all text, and all the text goes into one group, and you might have, let's say-- make sure we-- you can see, the group ended up inside text. 

I'm going to undo, just have nothing selected, click in no man's land, to do a group that is not kind of inside that first one. Let's go double click this one, that's going to be my logos. Mine's not complex enough, mine never get complex enough. To break these into little groups, it's totally up to you. You might get really complex, or at least all the text needs to go, or you just want to hide everything, except for the couple of bits of text that you can edit, and adjust quickly. 

Obviously Layer order is quite important, so background, if it's at the top, covers everything. Background needs to be at the bottom, I'm going to do one more thing before we go, is I'm going to get that "Welcome to" to animate on. So make sure you're at the beginning of your clip, with it selected, "Welcome to your new," I'm going to say, start the-- toggle the animation, full position on, and I'm going to start it up. If you always drag it the wrong one-- the wrong way, don't worry, I do it all the time. 

You, go up there, then after some time maybe, yeah, there, it's going to come down, how far? Don't go the wrong way. Let's work on the easing, so let's have a look at just this one. Let's say, 'Show Clip Frames' for, this is getting pretty complex now, it's all right, we know what we're doing. I'm not looking for the logo, we're looking for the text that says, "Welcome to the new," I want to show the 'Transform Position', and I'm going to see if I can zoom a little bit. 

Now I want to click on this, drag this, be freaked out by how crazy it looks, and I'm going to drag it like this. I want this kind of like, I like that sort of look to it. That will do. Good bit of easing, the timing's not quite right. 

One last thing before we go, let's just do that, I want the "Welcome to your new", to come in, and then, "Home Office" afterwards. So with the 'Home Office' selected, because that's the only thing on there, there's only one thing, I can just go, yep, rather than mess with the keyframes. Let's have a look at the end, it's probably poking off the end here.

One last tip, I said there was no more tips, is the Rate Stretch Tool. If you have got the timing, it's not quite right, you want to make it fast or slow, you can get in here and start messing with keyframes, but if they're complex you're like, "Man". Just type the 'R' key for our Rate Stretch Tool, and this guy here, grab the end, and you can speed it up, and the whole thing, all the keyframes in there, can you see, come along for the ride. So I made it faster, or I can drag it out to be slower, I can do that, and then go back to your Normal tool, and kind of get it, the timing right. That will do. 

All right, off camera, I'm going to pick new fonts, I'll see you in the next video. I lied, I'm back already, hey, there's the fonts I picked. I wanted to show you something because I ran into a problem. I saved over the file that I meant to save for you guys, it's meant to be nice and clean, and be an Arial, but I just totally saved over the top of it, so I wanted to show you a quick thing, is, there is, sometimes you can go to File Revert, and that will go back to the last time it was saved. It's grayed out for my-- for whatever reason, so I'm like, "How do I go all the way back?" I can smash you, undo, that totally works, or I can go to 'Window', I can go to 'History', and you might only want to go halfway through, but you can see, there's all the things that I did. 

I am going to now, I'll go back and say, go all the way back here to where we started, and do a 'Save As' so that you've got this nice clean version. Anyway, that's a History panel thrown in there at the end of this video. All right, that is totally it this time, I'll see you in the next video.