I walk you through how to create product mock ups, like iPhone mock ups, ebook mock ups, device mock ups and more with 1 click using Canva.
1:52 Mockup image requirements
2:25 ebook mockups
4:14 Modifying the mock up placement
5:18 Smartphone mockup
6:51 Framed and poster mockups
8:25 Laptop and computer mockups
9:52 T-shirt mockups
11:11 Mug mockups
12:28 Card mockups
🔥Get Canva Pro for free for 45 days🔥 : https://saranguyenonline.com/canvaprofreetrial
😊Grab the Thriving YouTube Creator Blueprint here😊: https://saranguyenonline.com/special/youtube-blue-print/
▶️All my Canva videos in a Canva playlist ▶️: https://www.youtube.com/playlist?list=PLiqAD0OPX91ZyH2HVSYrfkwKbInXEuj32
☕Buy me a coffee ☕ https://www.buymeacoffee.com/saranguyen
Canva Tutorial: Canva Product Mock Up Tutorial – Video Transcript
Welcome to the live stream, whether you are joining live with me now, or if you’re catching us on the replay. In this video, we are going to talk and show you all about Canva mockups. Canva product mockups, whether that’s Canva eBooks or Canva phone mockups.
Canva have just released not too long ago the ability to do one click product mockups and I’m going to show you exactly how to do them in today’s live stream. I’m talking about how you get an image like this and turn it into something sexy and 3D looking like this.
And we can even go as far as, you know, getting it into in-situ as we call it in the industry where we can get it into a beautiful, beautiful layout like that. Let’s get started.
For those of you who don’t know me, my name is Sara Nguyen, and I help you build your business using video on social media with ease, whether you are live with us now, or if you’re watching the replay.
If you have any questions, please drop them in the chat or in the comments below and I will answer them at the end of the live stream. All of the resources that I will mention will be in the description below.
Super excited about Canva product mockups because prior to them doing this integration, in order to do a mockup, you kind of had to go through like a third party provider in order to have beautiful mockups like you see here, but now, because they’ve integrated an app or a tool called smart mockups, we can now do it with one click. Let’s go over to my computer now, and I’m going to show you exactly how to do it.
Now, before I go into the tutorial, I want to first explain a couple of things. If you’ve created a design within Canva, so this is an example of, this is a document and this is an image that I’ve kind of put together. You’ll see that if you click on the image here, it will say animate, and you can actually do what you need to do.
In order to create mockups, you need to download the actual thing that you want to create a mockup off. If it is a design that’s already in Canva, you need to download that as a JPEG or as a PNG.
You’ll need to download it PNG or JPEG file and upload that back into Canva in order to make this happen. So that’s just one thing to note, ’cause if you try to do it off a design, straight off a design, it’s not going to work. If we go to look at mockups, let’s have a look at how it would work.
This is an example of just a flat image. This is pretty much that same one here. I’ve downloaded it as a JPEG. I’ve uploaded it in my upload section here. You can see it here and I’ve placed it on the page.
Now, in order for me to do the mockup magic, I’m going to create an ebook out of this image. You want to click on the image that you want to create a mockup of. And then we go to effects.
Once we go to effects, you’ll see here, and this is available on both free and paid plans for Canva, so you free users you get it, paid users you get it as well. If you go and get Canva Pro in my link, in the description, you’ll get Canva pro for free for 45 days where normally the trial’s 30 days.
45 days are at my link so check that out. So we click on the image. We go to effects. We go to smart mockups. If I click on, see all, and I scroll, you’ll see that there is a whole section called books, right? And I can click on this layout.
And this turns it into with one click, this book layout, or I can click on another design, this one here, and this turns it into this ebook, but it’s on the shelf. It’s in situ, as we say. There’s also this layout here.
Now, how cool is that? One-click it’s done it for me. Now, let’s just say that you’ve got an image that you’ve placed here and let’s say, I want to modify it, right? I can click on the three dots that you see here. There’s these three dots here.
If I click on them and I click on this dropdown, I can change the sizing. Like, look, if I scroll this up, it makes it larger. If Canva have kind of placed your design within the mockup and it’s not quite sitting, right, you can change the size of it to make it larger or smaller, or you can change the position of it.
Let’s see, if I’m going, I can change the vertical position. And as I scroll, you can see it move up and down and same with the horizontal plane as well. So you’re able to do the modifications there.
Once you’ve got the layout that you like, all you would do is you would click on it. Let’s go back to my book. I’m going to go with this one. I’ve clicked on it. That’s a layout that like, I’m happy with that. If I need changes, I’ll click on the three dots.
Otherwise, I click apply and that’s it. That’s my ebook mockup, right? How easy was that? We had a static image, which is now, a 3D print. Let’s have a look at a couple other examples that you can do with Canva.
I really love, and I use all the time, this mockup for putting images in an iPhone because when you do this, it helps draw attention to what’s on the phone, because what happens when you have a phone, you look at it, right?
What happens when you see someone else’s phone? You kind of your eyes naturally glance at it? This is an example of some mockups that I’ve done already, and let’s show you how to do it, right?
I’ve got the image that I want to put in a phone mockup. I click on it, I go to effects. I go to smart mockups and now we’re going to scroll to smartphones. As you can see here, they’ve got like a bunch of smartphones that are already isolated on a transparent background, or they’ve got them in situ so you simply choose whichever one you want.
And we’re gonna let it do its thing here. And it puts me in situ there. Once gain, if I click on it, let’s just say, I want to customise the framing of it.
I can make myself larger so that I feel more of it, or I can scroll back, if I want to change the sizing of it and then I click apply when I’m happy with it. And it’s easy as that to create a phone mockup. How easy is that?
And how great is that? And you now have an image that you can use on social media. You can use on your YouTube thumbnails. I do this treatment on my YouTube thumbnails all the time, and it’s a nice little way of kind of adding an image and having it a little bit different and adding a bit of texture to the actual image.
That’s my little hack there. Now let’s have a look at the next one, which is one of my favourite ones. And it’s the ability to create a mockup of a poster or a canvas, like a framed poster or a canvas. Now, if you have a look here, this is the study image that we had.
And this is an example of what it looks like as one of the frame posters. And it’s really nice. It’s just this really nice treatment. If you’re selling digital downloads or you’re selling digital prints on Etsy, this is a great way of getting your mockups done without needing to use Photoshop or buying templates.
It’s all included within Canva, even in the free Canva. I really like this option. Let’s have a look at how you would do this. This is the frame mockups, let’s go here. And I click on it, I’m going to go to effects.
I’m going to go to smart mockups and then I’m going to, once it scrolls go down to frames and posters, right? And I’ve got so many options here. I’m going to choose this one here ’cause I quite like the look of it and just let Canva do its thing.
And like that, I’ve got this poster mockup and it’s got the clips on the, you know, the hanging thing here. Or alternatively, if I’m like, mm, I don’t quite like that. I can switch to something else.
I can switch it to this alternative here, like the frame that you saw before, and it puts it on the wall there, or just play around with the one that you like. What’s happened there? That didn’t quite work. Or choose one that works.
There you go. And like that, you’ve got a frame mockup, so you can see on the right-hand side, this is the static image and on the left-hand side, this is an image of the 3D mockup of the image in a canvas. Then I click apply, and that’s done.
Now, the next one is one of my favourite ones, because particularly if you’re a course creator, particularly if you do presentations, putting things in computers, putting things in laptops, super sexy makes it like increases the value of it exponentially.
And it’s incredibly easy to do within Canva. So let’s go over to this example here. I’ve got my image, that’s a static image. I go to effects to do the mockup.
Then I’m going to go to smart mockups and I’m going to click on, see all, then we’re going to go down to computers. And as you can see here, there’s a bunch of laptops.
I’ve got, you know, an iMac here and other computer options here. You really just choose the one that you like. I’m going to choose this desktop one here. Let Canva do its thing. Tada. How easy is that?
I use this all the time for creating images of my courses, creating images of presentations that I’m going to do, because it kind of adds that dimension to it where it’s like, okay, they can see what they’re going to see.
They can see the course is going to be on a computer, right? Or they can see the course on a laptop. They can visualize what the course will actually look like. This is really great. Anyway, let’s go to the next one. One of the other things that you can do with Canva is t-shirt mockups.
If you’re selling print on demand T-shirts on Etsy. If you’re selling any print on demand t-shirts having mockups, as you know, is a pain in the butt but Canva make it really easy. Here is a graphic image that I have. I’m going to go to effects.
I’m going to go to smart mockups. I’m going to scroll down to the clothings section. So not only do you have t-shirts to do mockups of, but you’ve also got some hoodies as well, which, you know, if you’re, depending on what you need, it can be a great little effect here.
I’m going to choose this sweatshirt here and Canva’s going to place my design on the girl like that. How easy is that? And if I kind of want to modify the design here, I just click on the three dots, I go to custom and this is where once again, like the other designs, I can change the size.
At the moment it’s filled the whole sweatshirt. If I want it to feel, you know, be a little bit smaller, I want it to be just this square, I can just modify it using this size option here.
And I can play around with the horizontal and vertical plane if that’s what I actually want. I’m going to click apply and that’s how you do t-shirt mockups. Now we’re almost done.
The next one is mug mockups. I love mugs, love coffee. I love mugs. And mugs is another great one that they offer. You click on your design, you go to effects in smart mockups you’re looking, for guess what it is, you are looking for mugs.
I’m going to go down to the mug section, which is just about here. They’ve got all these mugs, right? They’ve got like your ceramic mugs as well as the– I can’t remember what material it is. I want to say metal but I think that’s not the correct word.
Anyway, they’ve got different types of mugs and you click on the design that you want. Enamel, that’s what it is. They’ve got enamel and they’ve got ceramic mugs. And then you’ve got your design within a mug.
Or you can just play around to find the one that you actually like. One click, like I’m literally doing one click and it’s putting my mug in the actual design. How cool is that? I’m going to go with, Oh, see this one?
I’m like, okay. I like the look of this one, but I want to modify it a little bit ’cause it’s a little bit stretched. I’m going to click on the three dots. I’m going to go to custom. I think I want to make it a little bit smaller and see what it looks like then. There you go.
I can have it like that. Then I’m going to apply. And that’s my mockup. Now, this is the last one. The last one that you can do with Canva, which covers all of their current mockups that you can do is cards, right? I’m going to go to effects.
I’m going to go to smart mockups and then I’m going to go down to the card section. They’ve got business cards, they’ve got greeting cards, those are the only two that they have. They’ve got business cards and greeting cards.
And with this, you can kind of just populate the card design here. Here’s what it looks like within like the greeting card where someone’s holding it.
Otherwise, there’s this other layout here and it looks like that. I’m like, okay, this is cool, but it’s kind of cut her head a little bit so I’m going to click on the three dots. I’m going to go to custom and then I’m going to make that a little bit smaller.
And just play around with the layout a little bit. All of this is within Canva. You don’t need to upload anything. You don’t need to, you know, get these templates anywhere. They’re already within Canva.
How cool is that? Look at all the mockups that we’re able to do with one click, like so easy. And like, I like the, the fact that it looks like you put a lot of effort into doing this but you didn’t, you really just opened up Canva and click the button and then that gave you the beautiful design.
That basically wraps up today’s tutorial. It was always meant to be a short and sharp one because I just wanted to show you this new feature. A lot of people don’t know that it’s there, but it’s definitely there.
It’s for free and for paid users as well, where you can now create these beautiful mockups to add to your social media graphics, add to your thumbnails, and that’s how you use it. Hopefully you found this video useful.
I’m just going to jump over to the comments to see, Hey, Prairie Life, hello from Canada. Great to have you here. She says, ‘Thank you so much. I appreciate this so much. Thank you for sharing’. You are very welcome. You’re very welcome.
I love showing people features in Canva, constantly adding features to their product suite. So many features that majority people are unaware of, probably I would even say over 50% of the features that they have, particularly if you’re using the Pro version, you know, or even in the free version with this one, it’s great to be able to use what you’ve got access to.
Trying to make the most help you make the most of your Canva Pro version or Canva version, whichever one you’re using. That essentially wraps up today’s tutorial. Let me just go over here.
Now, if you found this video useful, give me a thumbs up and don’t forget to subscribe to the channel if you haven’t already, where I do lots of tutorials to help you grow your business using video on social media with ease.
Make sure you also grab a copy of my Thriving YouTube Creator Blueprint, where it’s my framework to help you go from stuck and overwhelmed to being a competent, profitable and thriving creator on YouTube.
The blueprint is free and the link is in the description for you to check it out. Thanks for joining me. And I’ll see you on the next live stream. Bye for now.
- [Thriving Creator Podcast] Episode 40: Want Better YouTube Videos? Use This Tool. (Yep, it’s his simple)
- [Thriving Creator Podcast] Episode 41: Someone Needs Your Rescue from Fyre II – Will You Answer the Call?
- [Thriving Creator Podcast] Episode 39: YouTube Success: Revealing the Not-So-Secret Formula