How to make a Design Mockup in Photoshop using the smart object technique

1 - Open Adobe Photoshop and place the photo you want to put your design on.

2 - Select the Rectangle Tool (U)

3 - Draw a rectangle that has the size of the item (in this case the bucket)

4 - Right Click on the Rectangle Layer and select the “Convert to Smart Object” option

5 - Lower the Opacity of the rectangle so you can see the shape of the item (bucket)

6 - Select the Warp Option from Edit – Transform menu

7 - Use the Handles and the vertical lines to shape the rectangle on the item (bucket)

8 - Optional: you can rename the layer if you intend to sell the mockup

9 - Duble click the layer and place your design

10- Remove the background ad adjust you design size

11- Save (CTRL+S / CMD+S)

12- That’s all

For this tutorial I’ve used 8b1a72a808093d5b34de7c0dfb953966 from 5bbb6ce6b66e24dbc04017ebb7d41f8f and 3c9dcd717a5bb0c83dcf63e509bb470d that you can find in my shop on 74db866a9788afba2583263144863353


This is wonderful! Thank you for sharing :smiley:


With pleasure! :smiley:

1 Like

This is a great tutorial! :slight_smile:

Thank you so much for sharing! :heart:

1 Like

Thank you!:smiley:

1 Like

This is such a great tutorial!! :heart:


I’m happy to hear that! Thank you! :hugs:

1 Like

Fabulous! So easy to follow and understand. Thanks a ton

1 Like

Thank you for sharing this!

1 Like

With pleasure! :heart:

With pleasure! :hugs:

Thank you for this great tutorial! :blush: