Creating Sticker Mockups
If you haven’t used your Cricut to create stickers – what are you waiting for?! Making stickers with your craft machine is easy to do and can be a great way to add bonus goodies to your packaged orders in the form of freebies. Plus when used WITH packaging, they add a personal touch instantly to all handmade items. I mean, let’s be honest – we all had an obsession with stickers when we were younger.
No matter if you are buying the designs from some amazing sticker creators like shown below OR you can creating your own in programs like Procreate, there are a few ways to show your sticker designs off without having to break out the Cricut – mockups! Mockups are a zero-waste solution to testing products before you spend the time, money, and resources creating them.
Now while you can purchase mockups to use right away in photoshop with smart objects (I’ll have some links to my favorite sets), you can create mocksup using tools you may already have on hand, especially if you create your own stickers. Grab your iPad besties, because I am going to show you a quick way that you can create a simple mockup in Procreate that will display your design in a fun way.
I want to preface this with saying that I sell on Etsy, so this tutorial will be based using Esty recommended size requirements which you can find here. They are 2,000 px for the SHORTEST side with a resolution of 72 pixels per inch and a ratio of 4:3. So what does that mean? Well to sum it up, Etsy wants horizontal photos uploaded to their site with a size of 2666 × 2000 at a minimum. They automatically crop your image, so you want your focal point in the center. * I think that 2,666 is a weird number and if you do to, feel free to use 3000 × 2250. If you want to check out where I came up with these numbers, be sure to visit the 4:3 calculator.
*When you upload the image, you can edit the listing photo to show where you want, but I have returned to my shop plenty of times to find out that they restored it to the default. It’s better to set your image up correctly before you move forward to save yourself fixing issues in the future.
Disclaimer this post contains affiliate links, any purchase that you make by clicking on one of these links will not cost you anything more, but I will get a small commission on the sale.
Now that THAT side track is done, let’s get back to making a mockup in procreate!
Making A Sticker Mockup in Procreate
Open up the app Procreate. Procreate wonderful drawing app that countless designers use. When paired with the Apple Pencil, it’s a heaven sent! If you already own this then you know what I am talking about.
Set up your document sizing using the ratio we talked about earlier (4:3). For this tutorial, I will be using the 3,000 px by 2250 px. and a DPI of 300. Etsy only requires a 75 DPI, however, startig with 300 will allow you to use this photo in other places, giving you the BEST quality that you could want.
Insert your photo by tapping the wrench icon in the top left and clicking “insert photo”. Select your sticker photo and the program will automatically place it on the screen.
Since most sticker outlines will be white to help your Cricut machine understand where to cut, you will want to change the background of the document so that you can see what we are looking at. You can do that by tapping the stacked boxed in the top right corner of the screen, tapping on the background color layer, and selecting a darker color.
Now that we can see the background, duplicate your sticker layer a one time and hide the orignal as this will be your focal point. To duplicate, you can hit the double squares (layers panel) in the top right and swipe swipe left. Resize the duplicate layer by tapping the arrow icon and using the bounding box to drag it down to a smaller size. Duplicate this layer a few times so we can start to fill the background up with sticker designs. Start rearraging the stickers in the background to overlap each other (think of this as a “I just dumped ALL of my stickers on the table photo).
You end up with something like this. To be honest, after I fill up about a quarter of the screen, I merge all of the layers and duplicate that a few times to completely fill out screen. After the dark is covered, I go back and add a few extras to break up some odd repeating patterns until I get the results that I want.
Now that the base layer is done, let’s blur this layer so that our hidden sticker layer will be the MAIN focal point. To do this, you will want to tap the magic wand icon in the top left of te screen and select “Gaussian Blur” and then layer. Slide your finger across the screen to achieve the desired look. Now unhide your orginal sticker and BOOM! You are left with something like this.
To make sure customers understand what they are getting, you can add sizes with simple text at the bottom or add arrows to show wdith by height.
If you are intersted in seeing a way to show scale in mockups, check out the next blog post <coming soon!>
There are several shops that already offer mocks that you can use that showcase your stickers “in the wild”. Be it hand simply holding the stickers, stickers on a laptop, or stickers on packages (similar to what is shown below). You have a wide variety of options for creating and selling your handmade stickers.
If you are interested in any of the mockups to the right, check the links out below