Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
Create Mockup for Your Printables in Photoshop
  • By Design Bundles
  • 5 Mins
  • Photoshop Tutorials

Create Mockup for Your Printables in Photoshop

For this tutorial, we will need an image to use as “Background” and one or some images of objects, plants, flowers, etc. with a transparent background to complement the design.

1 - In Photoshop, open the image you want to use as “Background”.

2 - Open the “Printable” files you want to use and place it in your original image.

3 - Since some of the imported files where visually too small, we used “Free Transform” (Command/Control + T) to enlarge them 150% making sure “Maintain Aspect Ratio” was selected. Don’t forget to name your Layers.

4 - To apply the same scale, make sure that the proper layer is selected and go to Edit > Transform > Again (Shift + Command/Control + T). Finish placing all your Printables.

5 - Double-click on top of one of the Printables Thumbnail and apply the following “Layer Styles”:

Drop Shadow: (#8b8b8b)

6 - Right-click on top of the thumbnail and choose “Copy Layer Style”, then select the other Printables (using the “Shift” key), right-click on top of them and choose “Paste Layer Style”.

7 - Use “Free Transform” (Command/Control + T) to Rotate and arrange the placement of the Printables. Once you are done hit “Enter” or click the small “Checkmark” on the Top Menu.

Right-click on top of its Thumbnail and choose “Convert to Smart Object”. Change the “Blending Mode” to “Vivid Light”.

8 - Bring the “Outlined” objects into your file, Resize and/or Rotate them if needed using “Free Transform” (Command/Control + T. Once you are done hit “Enter” or click the small “Checkmark” on the Top Menu.

9 - Double-click on top of its Thumbnail and apply the following “Layer Styles”:

Drop Shadow: (#8b8b8b)

10 - The color of our imported object was a little dull so we used Image > Mode > Auto Tone… to fix it and we named our Layer “Flowers”.

11 - Go to the “Adjustments Panel” and create a “New Vibrance Adjustment Layer” on top of everything. Crank up the “Vibrance” to +100.

12 - With the “Flowers” Layer selected head to the “Adjustments Panel” again and create a “New Color Lookup Adjustment Layer”. Use “Kodak 5218 Kodak 2395 (by Adobe).cube” in the “3DLUT File” tab.

13 - To add different “Backgrounds”, select the bottom Layer and create a “New Color Fill Layer” by clicking on the small Black & White circle at the bottom of the Panel and choosing “Solid Color”. Use a color that goes well with your design (we used #c99e92 and #92c9c6). You can modify the color by double-clicking on top of its Thumbnail.

14 - Check out your work.

by @lornacane


6 Related Photoshop Tutorials

Photos can be enhanced with a beautiful oil effect in Photoshop. The technique can be used to create an elegant paint style with just about any photo. In this tutorial, we will show you how to create a Photoshop Oil paint filter.Step 1 - Convert image to Smart ObjectOnce in ...

In the days of film, light leaks would unintentionally expose the film with extra light. This was considered an unwanted effect but lately, it has become a popular technique. Light leaks give images a nice dreamy effect, which can be used very creatively. Join in this tutorial as we show ...

You may be thinking of swapping out Photoshop for Procreate to make digital drawings. But you may be wondering if your brushes will work in Procreate. The good news is, you can take all your Photoshop .abr brushes and move them into Procreate. Awesome right? In this tutorial, we will ...

If you’ve been wondering how to create distressed edges in Photoshop, you’re in luck! This tutorial will show you how to do exactly that. We’ll be making the distressed edges from scratch using a brush.We will be using built-in Photoshop brushes, but there are all kinds ...

In this tutorial, you will learn how to create a cool glitch effect in Photoshop. You can do this in many different ways, but we’ll use the Shear, Wind, Wave, and Halftone filters in Photoshop to achieve the glitch effect.A photo like the one we’ll be using ...

In this tutorial we will be showing you how to create a rainbow gradient to overlay onto your photos. This quick Photoshop tutorial will teach you how to make your own gradients and adjustments. But if you are short on time, check out the rainbow overlays we have right here ...

You may also like

Help Center
ol image