Creating & Editing Canva Mock-Ups: Premiere Pro for Complete Beginners

1. Introduction & Class Project: Hello. My name is Kamal Kunda Maka and welcome to this course where we'll be going over how to easily integrate mockups into your short form video. In the first lesson, we'll be going over how to easily create these mockups for free in Canva. And in the second lesson, we'll be going over how to edit in this mockup into your short form video. So, personally, I will be using the mockup that I created in Canva in Lesson one, but you can follow the same steps that I explained in Lesson two with graphics from any other design tool. Adding additional graphics like mockups to your short from video will help you create more engaging content and is actually quite straightforward. So let's get into it. For the class project for this course, I'd like you to do one of two things. Either one, create a custom mockup using Canva and upload that to the projects tab or two, take it a step further and integrate that mockup into a short form video and upload that to the projects tab. I look forward to seeing what you create and let me know if you have any comments or questions. 2. Lesson 1: Creating Free Mock-Ups in Canva: Creating a mock up graphic in Canva is actually quite straightforward. Once you have your Canvas ready, you're going to navigate to the pen on the left hand side. You're going to click elements. Here, you can see that I have recently used these mockups, but to get to them, you want to type in frame or click frame right here. And down in the frames section, you're going to click C A. You're going to scroll down until you see the frame that you like. As you can see, you can pick shape frames for this course, we're going to be focusing on these mockups. So you have a desktop computer. You have a phone and you have a laptop. To get them to appear on your Canvas, all you're going to do is click on the desired frame. So here you can see I have all three of them pulled up. And then from here, you're going to pick the photo or video that you want to appear within this mockup. You can pick a photo from your uploads here on the left hand side, so these are photos that you provide, or you can navigate back to elements to use the stock photos provided by Canva. I have my own photo that I have uploaded, so I'm going to insert it here. When you drag your photo over the mockup, it will automatically resize itself. So here we can see it fits in like a phone because it is a phone screenshot. We can also insert it here into the desktop mockup and it will zoom in, and we can insert it here to the laptop mockup. If you find that your photo has been cropped in a way that you do not prefer, all you need to do is double click on the image, and then you have the choice to rotate it. I don't want to rotate this image. And then I also have the option of resizing it using the dots in the corner. Once you're done, you simply click off. You can also move the photo up and down left and right to include what you want to include. Mmm. Generally, you want to make sure that the photo that you're using is the same general aspect ratio of the mockup that you prefer. I'm going to go ahead and move my phone mock up to a separate page because that is the one I actually want to work on. And I resized it to fit the page. You'll notice that even though my mockup is a portrait or nine by 16 mockup, my canvas is in 16 by nine. Given that when I'm working on my video edit, I will be removing this white background completely, it really doesn't matter. To make my video editing job even easier, I'm going to change this white background to a bright green. This bright green is not used anywhere else in the mockup or the image that I chose, which will make it extra easy to remove once I use my background remover tool in my preferred video editor. The last thing to do is to export this image, and there we go a free, very simple phone graphic mockup in Canva. 3. Lesson 2: Importing & Editing Mock-Ups in Premiere Pro: You can see, I've already started editing my exam video. I have synced my audio and cut my footage and inserted my mock up into the timeline. So I'm going to move this bright green background. I do that by applying the Ultra key effect. I do this by going to my effects panel, typing in ultra key, and applying the effect to my graphic. If you don't see the Effects panel, navigate to window at the top of your screen. Click that, then click effet, and the Effects panel will appear. To apply the effect, I can either double click on Ultra key when phone mockup dot jpg is highlighted in my timeline, or I can drag the ultra key effect on top of my graphic. Once you've applied your graphic, then you want to go to the Effects Control panel. And once again, if you don't see this panel, then navigate to the top of your screen to window, click Effects Control, and then the panel will appear. Down here where it says key color, right now it is set to black. I want it to be set to green. So I'm going to click this eye dropper tool and I'm going to navigate to my preview pane. Click the green, and automatically, the green disappears. It's really important for this step that your background color is a color that doesn't appear elsewhere in the graphic, so that only the background disappears and not elements of your photo. Now I'm going to use the position and skill tools to resize my graphic to better fit my short form video. I'm also going to add some keyframes, but this is not a necessary step. As you can see, I make a bright background myth graphics makes it graphic and creation more. And just like that, we have easily integrated a mockup graphic into our short form video to make it more engaging. Don't forget to share your edited videos on the projects tab. I have embedded this example video in the next lesson for your reference.