Estimated time to read: 15 minutes
What you gain: How to use mockups and where to find them
This post contains affiliate links. Any purchases you make by clicking these links provide me with a commission at no extra charge for you. I only promote shops, products, or services I use myself and love. All opinions are 100% my own. Read my full disclosure here.
What is a digital product mockup?
This beginner’s guide will show you how to use mockups like a pro. A mockup is a styled photo made to showcase your product or design. You simply paste your digital design (or your digital photo of your artwork) into the mockup to create a visualization of your product. With the help of a mockup, you’re able to show how the product will look “in real life”. Mockups are used for promoting your product and are an important part of your branding. They give your brand your personal vibe. Learning how to create mockups will make your life easier. You don’t need to take a product photo of every product you upload a new product to your shop! Time is money, a high-quality mockup is a smart investment. Here is a mockup I use in my Etsy shop.
What mockups should I use?
There are two types of mockups for showcasing digital art and products.
- Flat pictures (JPEG or PNG)
- Pictures with a smart object (Photoshop)
Depending on your editing skill and the type of editing software you use, you need to choose the one that suits your needs best. If you don’t have a editing software that allows smart objects (like Photoshop), a flat mockup is for you.
How to create mockups from flat pictures (JPEG or PNG)
The flat mockup is a picture where you manually paste your artwork on top of the mockup. You have to align and adjust the angles and size to make it fit the picture. In Photoshop you use the options in the “transform” panel. You need some skills to pull this off (with speed) and make it look realistic. A trick is to play with layer styles. Often the “multiply” mode is perfect if you have a white background in your design. If you have a colorful design try which layer style works best for you. Don´t panic if you don’t follow my “techie-talk”. I found two great videos showing you exactly how you do this.
These videos are made by WhiteHartDesign and they show you how to insert your design on a flatlay as well as a mockup with a smart object! I love WhiteHartDesign’s mockups and use them in my shop and here on my site as well. I highly recommend her mockups and shop.
How to create mockups from pictures with a smart object
A mockup with a smart object is much easier, even though it might sound complicated at first. A smart object allows you to add your design into the mockup without transforming or adjusting the mockup too much. It is fast and very easy to do. I always buy mockups with smart objects nowadays. It saves me so much time.
What is important to think about when using mockups?
It’s a good idea to buy a whole set of matching mockups. It helps to keep your shop cohesive. It’s a good idea to keep your storefront as clean as possible – the customer should focus on your product first of all. I would recommend using a very simple mockup for the primary picture. Of course, this is my own opinion and preference. As long as you stay true to your branding, nothing is wrong. The key is to stay cohesive – all the time. This is how my Etsy storefront looks like. I am using a simple minimalistic frame to show my art off. In my secondary pictures, I add mockups with styling.
You can use your mockups on your social media and on your site (if you have one) too. You will use your mockups over and over again. It’s really worth every penny. You come a long way with a set of cohesive mockups. Some sellers also offer styled photos and social templets too. WhiteHartDesign and Skyla Design are good examples.
Always check the license for your mockup. If you’re using it for your business you have to make sure it comes with a commercial license. If you have any questions regarding the license of your mockup, always contact the seller and ask. In Creative Market and HungryJPEG, the licenses are easy to understand and you find them on the product page.
Where do I find mockups for my shop?
You find high-quality mockups on sites like Creative Market and HungryJPEG. You also find free mockups if you search the net, but be sure to check the license. Free mockups are often used by many shops and you might have a hard time to create a strong branding. It can also be very time-consuming finding mockups that fit your brand. Remember, time is money. Be sure to check out Creative Markets freebies, they sometimes share wonderful mockup packs. I got my 12 mockups set from Gabriela Dantur for free last year! I ended up using them in my Etsy shop and here on the site as well.
I have also used Mockupeditor.com, which allows you to upload your mockups directly to your Etsy shop! They share free mockup scenes, try them! You do not need to download any software as the mockup editor is web-based. You import your design into the program and style it with objects. You can customize and place the objects and frames to fit your style. The program is very easy to use. They always provide modern and up-to-date decor items.
Now you know how to create mockups!
I hope this little guide helps you start using mockups. Your life as a creative momtrepreneur will be much more productive and relaxed knowing you only need a few minutes to make stellar product pictures for your storefront. If you want to read more about how to relax as a momtrepreneur, read this post!
Please let me know how things go, and if you found your perfect mockup match! If you have any questions or input, please comment! Did I miss something important? Share it with your fellow momtrepreneurs! See you soon!