Mockup guides

Which mockup to use for a product listing, a client presentation or a social post, and what is inside each file.

More mockup categories

How to use a PSD mockup

Read the guide
  1. Open the mockup in Photoshop

    Open the mockup

    Download and unzip the product. Open the PSD file in Photoshop and find the Smart Object layer with the placeholder artwork in the Layers panel.

  2. Replace the artwork in Photoshop

    Replace the artwork

    Double-click the Smart Object thumbnail. In the document that opens, delete the placeholder, insert your artwork and scale it to fit. Save and close it.

  3. Save and export in Photoshop

    Save and export

    Back in the main file, save your working PSD. Then choose File, Export, Export As, pick JPG or PNG and export the finished image.