80+ Incredible Free PSD Mockups for Designers

If you don’t have any clue what this post is about, let me start with the basics. A mockup is a design term used to describe a scale or real size model of a design or device, they are used to demonstrate or present a product to the public (or a client) in order to gain criticism, release a preview of the actual product (not just a prototype or simulation) and a good way to introduce your design to the masses. Now, what I’m referring in this post, is the classic PSD file used to present designs on the internet in a very aesthetically pleasing way without having to do everything yourself, all you have to do is replace a smart object (a .PSB file) which can be done when you double-click a layer that’s supposed to contain our design to showcase (often, the layer as a recognisable name with the words “replace” or “design” in it). I WILL NOT include way too many elements, because I will only select the best and most necessary ones in order to reduce time-wasting and extra page-loading time. Some sites may require registration or a social media payment.

With the existence of numerous devices, comes the need to have a flat or realistic mockup of it with our design in it; various amazing designers have done such a great work that we even get to use 3D and realistic mockups that look straight up natural. What can be done range from browser and operating system windows to ultra-realistic computer screens, mobile devices, posters, T-Shirts, mugs, boxes and much more! Wanna check out an example?

Yo! Show me the example

mockupcnauts

Table of Contents

How do I use them? I am kinda lost…

Hey, it’s very easy to be fair, all it’s needed is Adobe Photoshop (you need CS or superior, older versions won’t open the PSB file) and patience in case you have a very low performance computer. First, download a PSD file from the list below and put it in a good place (like a resources directory or something, don’t let your downloads folder be messy). Open it and locate a layer that has a name with the words “replace”, “your”, “design”, “here” or any other that has a little rectangle on the lower-right corner of its thumbnail. This will open the PSB file and everything in there is editable, when you are done, make sure to save it and when you return to the PSD, you will eventually see the changes. Now just export to JPG or any other format to showcase it to your audience or clients.

one

two

three

This last GIF is at least 1 MB, if you can’t see it, wait 10 seconds or less.

Mobile and other devices

CLICK on the images to go to their correspondent download/more info site.

samsung_galaxy_s_iii__psd___png___ico___icns_by_davinci1993-d5fe6qv

001-iphone-5s-mobile-celular-mock-up-3-colors-gold-psd-1

iphone-5s-mockup600

htc_one_2013_psd_mockup_by_ahelor-d664tp5

iphone5macbook

001-iphone-5S-mobile-celular-isometric-view-3d-mock-up-psd

ipadfreemockup

preview

nexus-5-dr

mobile-flagships

wacom-intuos5-770x514

png13

galaxy-s3-full

png12

png11

htc

png10

free_xperia-z_free_PSD_Mock-up

fullsize

tumblr_msuzx3y7Ga1sdqsrco1_1280

png9

Computers (Laptops and Screens)

CLICK on the images to go to their correspondent download/more info site.

mbp

macbookbg

flatuimac

blog-copy

mba

png8

png7

macbook-air600

png6

techandall_shadow_series_apple_iDevices_S

preview (1)

preview (2)

preview (3)

Corporate Identity, Business Cards & Stationery

CLICK on the images to go to their correspondent download/more info site.

business-card-600

preview (4)

Branding-Identity-Mockup-600

-xoo-xoo-applications-xooplate-public-assets-template-14315-p17m1uvk7d1prcb171thbre33vbb-600x

cardcity

Window-Signage-Mock-Up-600

png5

3D-Wall-Logo-MockUp-600

preview (5)

Techandall_Branding_Identity_Mockup_v2_preview-642x336

png4

Elegant-Business-Cards1

Free-Chocolate-Packaging-Mockup-PSD-Template

Branding-Identity-Mock-Up-5-600

png3

 

04_mock-up

Door-Signage-Mock-Up_preview1-1024x864

bcard-showcase-dribbble-large

doccard

Letterpress-Business-Cards-MockUp-600

Branding-Identity-Mock-Up-Vol4-600

Printed digital arts (Magazines, Posters, etc)

CLICK on the images to go to their correspondent download/more info site.

Poster-Frame-PSD-MockUp-600

7e48f55acccbc6b30092f5e31b808947

magazine02

Flyer-Poster-Mockup-preview

001-paper-A4-brand-print-mockup-free-psd-set

Photorealistic-Magazine-MockUp-600

Poster_Mockup

preview_v2

man_holding_paper_mockup

Art-Book-MockUp-PSD-600

preview (6)

frames

Untitled-1

brochure

free-magazine-mock-up

Billboard

magazines

800x518_Free_Tri-Fold_Brochure_Mock-up_Preview1b

Hard-Cover-Book-MockUp-600

Apps, Browsers and Responsive Showcase

CLICK on the images to go to their correspondent download/more info site.

png2

001-smartphone-mobile-iphone-app-screens-mock-up-isometric-presentation

apple-products-mockup-display

A-Huge-Collection-of-Flat-Apple-Devices-MockUp-l

Firefox_Browser_Sketch_02

png1

Responsive_Devices_PSD_Mockups

800x518_Browser_Mock-up_Frames_Preview_800x518-1

preview (7)

chrome

Browser-mockup

800x518_Responsive-Showcase-Mockup-Pack-800x518-1

perspective

TechAndALL_iPad_screen_mockup-642x336

001-perspective-glass-levels-mockup-app-ui-presentation-psd

Finishing the list

Okay! You’ve managed to go through the entire list of mockups I’ve put in here, and now it’s time to say goodbye and see you on the next article.

If you have some feedback use the comment section down below, maybe  you want to report a broken link, make a claim, give your thoughts or as a question related to the topic in hand. As far as I’m concerned, all the elements here are free, but I might have made a mistake while checking each of the mockups’ sites and some of them aren’t free at all. Let me know if that’s the case, or just say something! You can also subscribe to my twitter or Facebook page to follow the blog; share this post with your friends at let the word be out there, help me grow the audience and I’ll help you out too 😉 .

Advertisements

34 thoughts on “80+ Incredible Free PSD Mockups for Designers

  1. You’ve got a great blog and lots of solid, through, and well-thought out information! Thank you for taking the time to compile it all and share with us!

Ask, comment, or give feedback :)

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s