Posted on

Beginners guide: How to use mockups like a pro

Mockups how to use them and where to find them by Wallifyer blog

Level: Beginner

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.

 

printable black and white Scandi style kids art download bear by Wallifyer-min
My cute bear printable with a mockup by Skyla Design (click to go to her shop)

 

find your perfect mockup and make your brand shine

 

What mockups should I use?

There are two types of mockups for showcasing digital art and products.

  1. Flat pictures (JPEG or PNG)
  2. 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.

 

 

find your perfect mockup and make your brand shine

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.

 

how I use mockups in my Etsy storefront by Wallifyer blog
This is how I style my storefront in my Etsy shop!

 

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.

 

 

how to use mockups for your online shop by Wallifyer blog-min

 

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.

 

Mockupeditor a web based mockup program
This is a mockup generated with the Mockupeditor.com program. Click to go to their site!

 


 

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!

 

Welcome to Wallifyer blog a place where creative momtrepreneurs learn the importance of self-care and stress management to ensure a thriving creative online business

 

 

 

 

 

13 thoughts on “Beginners guide: How to use mockups like a pro

  1. This is a great post, so informative!

    1. Thank you! I hope you find your perfect mockup!

  2. This is pretty cool. I’m definitely going to come back to your blog. I surf the web for so long looking for these kind of how to’s. Thank you for posting this.

    1. Thank you so much! I love having you! If there is anything you are missing and want to know more about, just send me a convo. 🙂

  3. This very useful. I always used to wonder how everyone’s pictures look so beautiful..thanks for introducing me to the term mock up. Is there any free software that you are aware of that I can use for my craft pics on my blog.

    1. It is quite easy to have stunning photos with mockups. They are real time-savers! Yes, Mockupeditor.com have free scenes for art prints. Go to their homepage https://mockupeditor.com and scroll down. They offer premade scenes to try out for free. I also suggest you sign up for Creative Markets newsletter. They offer mockup freebies from time to time (and other super-handy designs supplies).

  4. I’ve just got photoshop and I am learning as I go but I recently purchased some mock up frames for my print designs that I’ve been working on, so this blog post couldn’t be more aptly timed! Thank you!

    1. Oh, that’s great! I love Whiteharts videos, so helpful and easy to follow. If you need any help or advice, just send me a convo. I use Photoshop with my mockups all the time.

      1. Thank you so much 😊

  5. This is such a great post with some really cute mockup examples!

    1. I’m happy to hear you liked my examples. I will make a round-up of the mockups I use in an upcoming post. I just bought a wonderful mockup scene creator I really love. I have to try it out some more first before I review it. But, omg… it’s stunning. Stay tuned! 🙂

  6. […] businesses. If you want to learn more about creating mockups for your business, you can learn more here. Using mockups that complements your brand and brand message is very important. Let me know how […]

  7. […] When I first started selling online I often used static mock-ups. You can read more about mock-ups here. When I switched to scene creators more options were available for me than before. A scene creator […]

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.