Copyright Silhouette School 2016. Powered by Blogger.


How to Create Product Mockups in Canva (Free) Using Your Own Designs

You can create product mockups in Canva for your Etsy shop or social media using designs you've created in Silhouette Studio or another design program. 

silhouette 101, silhouette america blog, silhouette studio business edition, mock ups, designing
For custom items like vinyl name stickers or items that are available in various color options, mockups can be easily customized very quickly and cheaply.  Using mockups will allow you to not only show off your products in a really visually appealing way but they prevent you from having to create a new physical item for each variation. 

In this tutorial I'm going to share the step by step on how to create a product mockups using your own designs in Canva...and I'll even share a little hack for animating tumbler mockups!

Before we begin, if you designed in Silhouette Studio, you will need Silhouette Studio Business Edition (one time fee) to export the design as a PNG with a transparent background, but you can do the rest of this tutorial with the free Canva version. 

I'm going to show you how to create a realistic product mock up using the vinyl name sticker for a water bottle that I designed in Silhouette Studio.  

silhouette studio business edition, mock ups, designing, canva, silhouette business

If you haven't gone through that design tutorial yet, you can check it out and then pick up here or use any design you created.

How to Export from Silhouette Studio as a PNG with Transparent Background 

In Silhouette Studio open your design in a design area, if it's not opened already.  Select the entire design and go to File > Save Selection > Save to Hard Drive. 

silhouette studio business edition, mock ups, designing, canva, silhouette small business

Change the file type to PNG. 

silhouette studio business edition, mock ups, design in studio, canva, silhouette business

After you click "Ok" you'll get a second pop up box where you can then check box for "Transparent background." 

How to Create Product Mockups in Canva for Free

Now open Canva. If you haven't used Canva previously you can go Canva.com and create a free account by clicking "Sign Up." 

Start by clicking "Create a Design" in the top right corner. 

You can pick any of the art board sizes that you want, but I like to use a video option because it gives you some additional options later if you choose to use them.  

silhouette studio business edition, mock ups, design in studio, canva, silhouette business

To create a portrait-oriented product listing photo type "Mobile Video" into the search bar.  Select that document size to create the artboard.   Pick your size carefully because unless you have Canva Pro (try it free for 30 days) you will not be able to resize or change the layout after you begin creating - you'd have to start completely over. 

On the black menu bar on the left side of Canva click "Apps" and then scroll down to Mockups.

Click the Mockups icon and you'll get a series of available product mockup options. 

silhouette studio business edition, mockups, designing, canva, create mock ups

Under "Packaging" you'll find several options for water bottle mockups.  Click one and it will open on the art board.  

silhouette studio business edition, mockups, designing, canva, create mock ups

Pull one of the corners to expand to fill the design area. 

silhouette studio business edition, mockups, designing, canva, create mock ups

Adding a Custom PNG to a Canva Product Mockup

Now go to Uploads on the left menu and click "Upload files". Navigate to the PNG you exported from Silhouette Studio on your computer to upload it. 

Once uploaded, it will appear in your Upload Images section. 

silhouette studio business edition, mockups, designing, canva, create mock ups

Click the file and drag it onto the water bottle mockup in the art board.  The PNG will be placed into the mockup area...


With the product mockup selected you can click "Edit" to make some adjustments including the position of the design on the mockup. 

silhouette studio business edition, mockups, designing, canva, create mock ups

When you're ready to export the image from Canva, click the Share button at the top right and then Download. 

silhouette studio business edition, mockups, designing, canva, create mock ups

With free Canva you can download as a PNG, JPEG, PDF, GIF or MP4.

silhouette studio business edition, mockups, designing, canva, create mock ups

Once the file is downloaded you can then use it on your social media or in your shop to promote the product or share the mockup with a customer so they can get an idea of what it will look like before they buy.
silhouette studio business edition, mockups, designing, canva, create mock ups
When choosing what file type to download from Canva, there's no reason to download as GIF or MP4 for a static image...but if you are interested in learn how to give your product photos a little extra wow factor you can add an animation in just a few steps...and still in the free version of Canva! 

silhouette studio business edition, mockups, designing, canva, animated mock ups

Check out this quick video on creating animating mockups in Canva. 


Product mockups are also great for showing off a variety of buying options...so your customers can see several options that are available. 

silhouette studio business edition, mockups, designing, canva, create mock ups
How to Remove a Background in Canva 

In the example above, I combined the animated mock up with several other mockup photos. Not all of these water bottles were originally on a transparent background - meaning I had to remove the background for a few of them. 

This one-click background removal option, can only be accomplished with Canva Pro (try it free for 30 days through my link). Once you unlock the Pro features you just click an image > click Edit > and choose "Remove Background" and...it's gone!  

silhouette studio business edition, mockups, designing, canva, remove background

That's only one of a whole lot list of features and benefits you get with Canva Pro...which I will tell you is worth every penny if you EVER need to create images for social media, a shop or even...just use to print and cuts stickers or find cool sublimation designs

silhouette studio business edition, mockups, stickers, canva, print and cut


Note: This post may contain affiliate links. By clicking on them and purchasing products through my links, I receive a small commission. That's what helps fund Silhouette School so I can keep buying new Silhouette-related products to show you how to get the most out of your machine!


Get Silhouette School lessons delivered to your email inbox! Select Once Daily or Weekly.


www.silhouetteu.com

No comments

Thanks for leaving a comment! We get several hundred comments a day. While we appreciate every single one of them it's nearly impossible to respond back to all of them, all the time. So... if you could help me by treating these comments like a forum where readers help readers.

In addition, don't forget to look for specific answers by using the Search Box on the blog. If you're still not having any luck, feel free to email me with your question.