I’m excited to show you exactly how to use Canva to create a flat-lay-styled mockup! These graphics are perfect for product and lead magnet promotion.
If you’re looking for mock-up styled Canva templates, you can find some in our design library inside of the “Launch Pack” click the button below to get access!
In this article, I’ll show you how to create a mockup in Canva. Canva mockup creation has never been easier than it is now with the power of tools like done-for-you templates and scene creators. Check out the visual tutorial below for step by step instructions!
Canva Mockup Tutorial: Creating Custom Digital Product Images for Your Brand
Did you know it’s 100% possible to create a killer custom flat-lay mockup image using a simple design tool like Canva?
The thing is that you are guaranteed to increase conversions on both email signups AND product sales if you can create a beautiful mock-up image of that product.
When I started adding mockups and flat-lays to my blog posts and sales pages, my conversions went WAY up.
It doesn’t have to be hard, or complicated.
And it definitely doesn’t require anything fancy like Photoshop.
This post though is going to be a little different. I want to show you how to create mock-ups that can be customized to match your brand (the easy way!)
Let’s get right into it!
First, let’s open a new Canva document.
To illustrate this point, I’m going to use a Facebook Ad size graphic.
You can use any size depending on the platform that you want to post it on.
So, the first step of this Canva tutorial is totally optional: Add a background.
(You can simply leave this blank and use a white background if desired)
Once I have the background set, I start adding my graphics.
Now there are two different parts to this.
- One: the product mockup.
- Two: the accessories.
Let’s start with the product mockup.
You can really easily use a generator such as myecovermaker.com to create this. I especially love this program because it can take my workbook covers and make them look like actual, spiral-bound notebooks.
But for the purpose of this tutorial, we will stick with Canva.
First, I’m going to type in the search bar, “tablet frame” and chose the real-life-looking iPad.
What the frame allows you to do is drag and drop your cover photo and make it appear as if it’s showing up on the tablet.
This is great for flat lays because the tablet looks like it’s laying flat on the desktop.
Next, we will do just that– drag and drop our cover photo.
To do this, you’ll need to have your cover saved as a JPG or PNG so that you can upload it to Canva.
Side note: You can find an ebook template that includes a cover design in our Design Library! Click here to get the ebook template for free.
Keep in mind that you can not upload PDF’s into Canva which is why you need to have that JPG or PNG formatted cover. You’ll just do that by downloading only the cover page from Canva and choosing your preferred format (JPG or PNG).
Once it’s uploaded, you can drag and drop it into your frame.
Now that we have our cover image uploaded, we can work on our accessories.
To do this, I have personally chosen to buy a pack of professional desk accessories from Creative Market. This was super cheap and I can reuse it over and over again for different images.
The important thing here, when buying a mockup scene creator, is to make sure that it’s available in PNG format so that you can upload it into Canva. If the scene creator images are only available in vector format then you need Adobe to edit them.
Then, you’ll just upload each individual object into Canva and start playing around with the layout.
The biggest thing is to make sure that the size of each object is proportional to each other.
Simply position all the elements around the layout. I like to overlap some of the items on the cover mock-up so that it really looks dimensional and real.
Once you have all the elements laid out in the way that you want them to be, you are ready to download and start using in your product and lead magnet mockups!
Simply click on “download” and choose your format.
I actually have a video tutorial that walks through this process. Just watch it below ⬇️
Creating a custom flatlay using Canva
Posted by Simplifying DIY Design.
If you are looking for a done-for-you solution, there are a couple of mock-up templates in my Launch Template Pack below! Just click here for access (plus you’ll get access to our design library where you will get access to ALL our Canva templates and design tutorials + tools)
Sign up for free access to our design library by clicking here or the button below. You’ll get instant access to our Launch Pack that includes mock-up templates and also our Ebook Template mentioned as a resource in this article.