Free Photoshop Mock-ups

A great design presented badly loses to a good design presented well. Mock-ups let you drop your work into realistic scenes — phones, packaging, signage — using layered PSDs with smart objects that do the perspective and lighting work for you. This collection gathers 57 free Photoshop mock-ups, each previewed below. Quick note: this is a 2013-era collection, so check that download links still work before you get attached to any single one.
Photoshop Mock-Ups

Flow Business Cards in 3 Colors

Photoshop Mock-Ups


iPhone Mockup PSD

Photoshop Mock-Ups


Simple Scene

Photoshop Mock-Ups


Free iPhone Mockup PSD White

Photoshop Mock-Ups


Basic

Photoshop Mock-Ups


Free iPhone Mockups – PSD

Photoshop Mock-Ups


Macbook Air – Fully Scalable PSD

Photoshop Mock-Ups


iPro Consulting Business Card

Photoshop Mock-Ups


Flat Devices

Photoshop Mock-Ups


Business Card Template

Photoshop Mock-Ups


Minimal iPhone 4 / iPhone 5 Templates

Photoshop Mock-Ups


iPhone 5S Psd Vector Mockup

Photoshop Mock-Ups


3D View iPhone 5 Psd Vector Mockup

Photoshop Mock-Ups


MacBook Pro – 15 Scalable Mock-ups

Photoshop Mock-Ups


iPhone 5 Psd Flat Design Mockup

Photoshop Mock-Ups


Business Card Template

Photoshop Mock-Ups


Isometric Perspective Screens Mock-Up

Photoshop Mock-Ups


Business Card Template – reZEAL

Photoshop Mock-Ups


Business Card Template – ProCard

Photoshop Mock-Ups


Wide iPhone Mockup (PSD)

Photoshop Mock-Ups


Color Stripped Business Cards

Photoshop Mock-Ups


Scan my QR Code Business Cards

Photoshop Mock-Ups


Isometric Perspective Screens Mock-Up

Photoshop Mock-Ups


Creative Ring Business Cards

Photoshop Mock-Ups


Macbook Template PSD – FREE

Photoshop Mock-Ups


Elegant Business Cards

Photoshop Mock-Ups


Media Business Cards in 2 Colors

Photoshop Mock-Ups


Free 3D Perspective Mockup

Photoshop Mock-Ups


Print Shop Color Business Card

Photoshop Mock-Ups


Rounded Corner Business Card Design

Photoshop Mock-Ups


Free Stationery Mockup PSD

Photoshop Mock-Ups


Clean Business Card Design

Photoshop Mock-Ups


Landing page mockup

Photoshop Mock-Ups


Rainbow Business Card Template

Photoshop Mock-Ups


Stationary Mockup PSD-Template

Photoshop Mock-Ups


Creative Business Card PSD Template

Photoshop Mock-Ups


MacBook Air Mockup PSD

Photoshop Mock-Ups


Clean Business Card Template

Photoshop Mock-Ups


MacBook Air Mockup #2 PSD

Photoshop Mock-Ups


.

Colorful Business Card Template

Photoshop Mock-Ups


Psd Bottle Mockup Template

Photoshop Mock-Ups


Retro Style Business Card Template

Photoshop Mock-Ups


Business Card Template for Design Studio

Photoshop Mock-Ups


Photo Business Card Template

Photoshop Mock-Ups


Typography Business Card

Photoshop Mock-Ups


Psd Business Card Mock-Up

Photoshop Mock-Ups


Retro Business Card

Photoshop Mock-Ups


Industrial Business Card

Photoshop Mock-Ups


Corporate Business Card Template

Photoshop Mock-Ups


Creative Business Card Template

Photoshop Mock-Ups


Business Card Mock-Up

Photoshop Mock-Ups


Creative Business Card Template

Photoshop Mock-Ups


Corporate Business Card

Photoshop Mock-Ups


Creative Business Card

Photoshop Mock-Ups


Corporate Business Card Template

Photoshop Mock-Ups


10 Business Card Templates

Photoshop Mock-Ups


Coffee and Cefeteria Business Card Template

Photoshop Mock-Ups

How to use a PSD mock-up

  1. Open the PSD in Photoshop and look for the smart object layer — it's usually clearly labeled (e.g. 'Your Design Here').
  2. Double-click the smart object's thumbnail. It opens as a separate document.
  3. Paste your design into that document, save it, close it.
  4. Back in the main file, your design now appears in perspective, with the scene's lighting and shadows applied. That's the whole trick.

What separates a good mock-up from a bad one

  • Resolution. A mock-up smaller than your export size will go soft. Check the pixel dimensions before you commit.
  • Realistic light and shadow. The best mock-ups sell the illusion with believable shadows and reflections; flat ones look like stickers.
  • Organized layers. If the layer stack is a mess of 'Layer 47 copy 3', walk away — you'll waste more time deciphering it than the mock-up saves.

Frequently Asked Questions

How do I put my design into a Photoshop mock-up?

Open the PSD and look in the Layers panel for the Smart Object layer, usually labeled something like "Your Design Here". Double-click its thumbnail to open a new window, paste or place your artwork there, then save with Ctrl+S (or Cmd+S on Mac). When you return to the main file, your design appears on the mock-up with the perspective, lighting, and shadows already applied.

Can I use these free mock-ups in client work?

It depends on the license each download page states. Many of the mock-ups linked here are free for both personal and commercial use, but a few may be personal-use only, so check the terms on the source page before using one in paid work or publishing it as part of a brand deliverable.

Which version of Photoshop do I need?

Most layered mock-ups with Smart Objects open fine in Photoshop CS5 or CS6 and every newer version. If you do not have Photoshop, the free browser-based editor Photopea can also open and edit many Smart Object mock-ups.

What makes one mock-up better than another?

High pixel dimensions, cleanly organized layers, and believable light and shadow. A good test is zooming in: if the mock-up still looks convincing up close, it will hold up in a client presentation. Flat, low-resolution ones tend to look like stickers once scaled up.

Post a Comment

1 Comments

  1. Awesome collection man! Check out some new free PSD mockups @ http://kl-webmedia.com/free-psd-mockup-designs/

    ReplyDelete