Get Unlimited Access to Thousands of Premium Fonts and More! Start Creating for Free Now

FontBundles.NET
Pricing
FontBundles.NET

Categories

New

Account

Start Free Trial
How To Use Mock Ups in Canva

By Design Bundles

How To Use Mock Ups in Canva

Learn how to use mockups in Canva in just four easy steps.

In this tutorial, we will go over how to use mockups in Canva. Mockups are used by designers to quickly showcase their designs and layouts in a real-life setting. It gives viewers an idea of how the final product will look without actually having to create a product.

For our tutorial, we will be uploading a purchased mockup template from Design Bundles.

Step 1 - Upload Mockup Template

From the side panel, click on the Uploads tab and then click on Upload Media. Locate the design file from your device. You can follow our super easy tutorial on uploading an image if you need more information.

We’ll be using this nursery wall mockup from Design Bundles. We chose the JPEG file. Remember, when using mockups in Canva, they need to be either a JPEG or PNG format. This is because Canva does not support Ps files.

How To Use Mock Ups in Canva 1

You can adjust the image size by dragging out the white handles on the corner. We increased the image size until it filled our canvas.

How To Use Mock Ups in Canva 2

Step 2 - Add the Designs

For our mockup, we will use this cute dinosaur clipart, which we already uploaded earlier. Click each chosen clipart to add it to the canvas.How To Use Mock Ups in Canva 3

Scale each clipart down to fit into the frames by dragging the corner handles in.

How To Use Mock Ups in Canva 4

Place each dinosaur on the top of the frames. Crop if necessary. To crop, just drag in the middle handle until it’s appropriately inside the frame.How To Use Mock Ups in Canva 5

Step 3 - Adjust the Image Brightness

Our images appear too bright and don’t look natural against the lighting in the mockup. So we need to adjust the brightness.

With the image selected, click Edit image and drag the brightness control slider to the left. We will go about -3 to -5. Adjust the contrast also when necessary.How To Use Mock Ups in Canva 6

Step 4 - Add Embellishments to Images

The clipart set includes some foliages and cute accessories that you can add to your design. We wanted to add a little more character with a few embellishments. So we gave our dinosaurs a few accessories and added some background elements.How To Use Mock Ups in Canva 7

Here’s what our finished frame mockup looks like.

How To Use Mock Ups in Canva 8

Now that you know how to use mockups in Canva, you can present your designs in a photo-realistic showcase. It can aid in impressing your clients while helping you sell the functionality of your products.

Related Tutorials

Affinity Tutorials

How To Use Mock Ups In Affinity Designer

In this tutorial we will show you how to use both JPG and PSD Mockups in Affinity Designer.
Canva Tutorials

How to Use Alternate Glyphs in Canva

Learn how to add alternate font characters or swashes in Canva to create a unique design.

Keep going

You may also like

All canva tutorials
The weekly drop

Fresh tutorials, trends & free files.

Join 6 million makers getting our best craft guides and exclusive freebies straight to their inbox.

No spam. Unsubscribe anytime.
Using Mockups in Canva - 4 Easy Steps | Design Bundles