How To Add Your Designs Into A Mockup Using Photoshop

In todays video tutorial I’m going over how to add your designs into a mockup using Photoshop. For these examples, I’ll be using the two mockups from the Made You Blush collection available in my shop. This tutorial won’t cover how to create a mockup from scratch simply because these are already set up for you to easily plug in your designs or artwork into the mockup and go.

Affiliate Disclaimer: Please note this post contains affiliate links. If you go through them to make a purchase, I will make a commission at no cost to you. Thanks for your support!

This will be done within Photoshop so make sure you already have that program before you continue. Even if you aren’t using one of my mockups, this should work for any photoshop mockup that uses smart objects.


Watch the video for How To Add Your Designs To A Mockup Using Photoshop below:

Here are the steps How To Add Your Designs To A Mockup Using Photoshop below:

1. Open Mockup in Photoshop

2. Double Click the Smart Object thumbnail in the lower right hand side.

3. This will open to a new tab with a blank background

4. Add your design (or artwork, photo, text, etc) into the blank background by dragging and dropping. Resize if necessary.

5. Click save and exit out tab

6. Design will now appear in mockup

7. Export by clicking File > Export

Don’t Forget To

Pin Your Favorite

Hey, I’m Marci

I’m the web designer & developer and the woman behind Dragonfly Ave. I love sharing resources, tutorials, biz tips and so much more. Hope you enjoy!

Browse Categories






Shop Website Templates


Pin It on Pinterest