Create mockups

Last updated on Nov 10, 2026

Learn how to place a logo or artwork onto an image to create a realistic-looking mockup using Adobe Photoshop (beta) on desktop.

  Explore the beta app
Photoshop (beta) is available for testing and feedback. Try it now to discover new features.

Create mockups by combining a base image layer with a logo or artwork layer. Photoshop (beta) on desktop analyzes the surface and generates a live mockup that adapts the artwork to the underlying image. 

Create the mockup

Select File > Open to open an image of a surface or object you want to place artwork on, such as a T-shirt, car body, wall, or product.

Add your logo or artwork to a separate layer above the base image layer. You can place an image file or copy and paste existing artwork into your document.

Drag the handles to resize the artwork, then drag it into position over the area where you want it to appear. Press Enter (Windows) or Return (macOS) to commit the placement.

In the Layers panel, select the base image layer, then Command-click (macOS) or Ctrl-click (Windows) the artwork layer to select both.

Select Layer > Convert to Mockup or right-click the selected layers and select Convert to Mockup. Photoshop analyzes the image and creates a mockup group folder that holds the artwork layer and the base image layer in the Layers panel.

Select the logo or artwork layer in the Layers panel and use the Move tool to reposition it.

In the Properties panel, adjust Environment Lighting, Depth Map, Surface Normals, Color Segmentation, and Color Masking to refine the mockup.

Photoshop (beta) with a tote bag mockup open, the Properties panel highlighted showing Lighting and Wrapping settings, and Environment lighting set to 75%.
Use the Properties panel to refine the mockup with Environment lighting, Depth map, Surface normals, Color segmentation, and Color masking.

Edit the artwork

Use Convert to Mockups to convert your logo or artwork and base image layers to Smart Objects. To edit the logo or artwork, select its layer, then Edit Contents in the Properties panel. Photoshop opens the artwork in a separate document tab. Make your changes, then select File > Save to update the mockup.

If you make changes to the base image after creating a mockup, save the changes. Photoshop automatically reanalyzes the base image and updates the mockup.

Note

Select Convert to mockup to place artwork on a surface, adjust how it follows that surface, and use its controls to handle lighting. To further adjust colors, lighting, and shadows and blend the layer, select Harmonize  .