Dirk Metzmacher June 4th, 2013

Better than Photoshop Tutorials: 50 Free, Detailed PSDs with Open Layers (+ Tips)

Today we are going to look over the shoulders of quite a few professional designers. Using their original PSDs with open layers, we will be able to exactly reconstruct, what has been done and how. If you are like me, this way of learning by doing proves more effective than working through step-by-step tutorials. The following files come with lots of layers to be examined, as we are going to dissect a camera, a sports shoe, a cell phone and lots more. Have fun looking through the eyes of the most able Photoshop professionals. Before I forget: watch out for some layer-related Photoshop tips, I may have left for you throughout the collection...

Pen Icon (PSD)

Website: psdblast.com
Created by: psdblast.com
psd-datei1

© psdblast.com

Glossy Discussion Icon (PSD)

Website: psdblast.com
Created by: psdblast.com
psd-datei2

© psdblast.com

Packaging PSD

Website: inventlayout.com
Created by: inventlayout.com
psd-datei3

© inventlayout.com

Fire Extinguisher PSD

Website: inventlayout.com
Created by: inventlayout.com
psd-datei4

© inventlayout.com

Paper Coffee Cup

Website: graphicsfuel.com
Created by: Rafi
psd-datei5

© Rafi

Blackberry Mobile Vectory Style

Website: psdpoint.com
Created by: Shezz
psd-datei6

© Shezz

Computer Mouse Icon (PSD)

Website: psdgraphics.com
Created by: PSD Graphics
psd-datei7

© PSD Graphics

To-Do List Icon

Website: atifarshad.deviantart.com
Created by: atifarshad
psd-datei8

© atifarshad

Leica MP

Website: 365psd.com
Created by: kazuaki shimo
psd-datei9

© kazuaki shimo

Red Sale Tag PSD

Website: graphicsfuel.com
Created by: Rafi
psd-datei10

© Rafi

Photoshop Tip #1: Identify Layer Contents Easily

If you want to be able to immediately check which content can be found on which layer, adjust the options of the Layers Panel. Inside the Layers Panel click the top right drop-down menu and select Panel Options. In the dialog window activate the largest thumbnail size as well as Thumbnail Contents > Layer Bounds. From now on you'll see larger thumbnails, which will be limited to the actual content, inside the Layers Panel. ebenentrick1

Marker Pen Highlighter Icon (PSD)

Website: graphicsfuel.com
Created by: Rafi
psd-datei11

© Rafi

Fabric Ribbons

Website: 365psd.com
Created by: Konrad Chmielewski
psd-datei12

© Konrad Chmielewski

Media Player App

Website: 365psd.com
Created by: Deepak
psd-datei13

© Deepak

Coffee Cups PSD Graphic

Website: freepsdfiles.net
Created by: freepsdfiles.net
psd-datei14

© freepsdfiles.net

Combination Padlock Icon (PSD)

Website: psdgraphics.com
Created by: psdgraphics.com
psd-datei15

© psdgraphics.com

Video Projector Icon

Website: psdgraphics.com
Created by: psdgraphics.com
psd-datei16

© psdgraphics.com

Wall Clock Template

Website: psdgraphics.com
Created by: psdgraphics.com
psd-datei17

© psdgraphics.com

Books Icon (PSD)

Website: graphicsfuel.com
Created by: Rafi
psd-datei18

© Rafi

iMac Psd Mockup Template

Website: pixeden.com
Created by: pixeden.com
psd-datei19

© pixeden.com

First-Aid Medical Kit Icon (PSD)

Website: graphicsfuel.com
Created by: Rafi
psd-datei20

© Rafi

Metal Button Template

Website: psdgraphics.com
Created by: PSD Graphics
psd-datei21

© PSD Graphics

Space Rocket Icon (PSD)

Website: graphicsfuel.com
Created by: Rafi
psd-datei22

© Rafi

Pretty Polaroids (PSD)

Website: premiumpixels.com
Created by: premiumpixels.com
psd-datei23

© premiumpixels.com

MacBook Pro Retina PSD Mockup

Website: pixeden.com
Created by: pixeden.com
psd-datei24

© pixeden.com

Power Switch

Website: 365psd.com
Created by: Rob Smittenaar
psd-datei25

© Rob Smittenaar

Minimal Chalkboard

Website: 365psd.com
Created by: Rob Smittenaar
psd-datei26

© Rob Smittenaar

Free ID Card in Plastic Case

Website: pixel-fabric.com
Created by: pixel-fabric.com
psd-datei27

© pixel-fabric.com

Retro PSD Badge

Website: pixelsdaily.com
Created by: pixelsdaily.com
psd-datei28

© pixelsdaily.com

Game Icon

Website: 365psd.com
Created by: Rick Waalders
psd-datei29

© Rick Waalders

Leather UI Elements PSD

Website: graphicsfuel.com
Created by: Rafi
psd-datei30

© Rafi

Photoshop Tip #2: Move-Tool

Another option to easily identify layer contents lies in the use of the Move Tool. Clicking with the right button inside your document, pulls up a popup list of all the layers in that file. Layers are clickable from there, so you can easily switch between layers. Remember to name each layer properly, otherwise this list won't be too much of a help. If you immediately want to activate the topmost layer on click, tick off Auto-Select > Layer in the options bar. ebenentrick2

Nokia Touch Screen Smartphone PSD

Website: psdpoint.com
Created by: MobiDhoom
psd-datei31

© MobiDhoom

Summer (Spring) Temptation Flyer PSD Template

Website: webstroy80.deviantart.com
Created by: Webstroy80
psd-datei32

© Webstroy80

Mother Nature – Unfinished PSD Artwork

Website: psdbox.com
Created by: Andrei Oprinca
psd-datei33

© Andrei Oprinca

Responsive Devices PSD Mockup

Website: freepsdfiles.net
Created by: Free PSD Files
psd-datei34

© Free PSD Files

PSD Vector Ribbons Vol.1

Website: graphicsfuel.com
Created by: graphicsfuel.com
psd-datei35

© graphicsfuel.com

Award Badge PSD

Website: nishithv.deviantart.com
Created by: NishithV
psd-datei36

© NishithV

Page Curl Effect (PSD)

Website: pixelentity.com
Created by: pixelentity.com
psd-datei37

© pixelentity.com

Payment Receipt PSD

Website: graphicsfuel.com
Created by: Rafi
psd-datei38

© Rafi

Beautiful iPad Mockup Template PSD for Free

Website: cssauthor.com
Created by: Css Author
psd-datei39

© Css Author

Blueprint Notice PSD

Website: pixelsdaily.com
Created by: Ali Asghar
psd-datei40

© Ali Asghar

Dribbble Wallet PSD & Process

Website: dribbble.com
Created by: Anton Badashov
psd-datei41

© Anton Badashov

Social Media Tree Icon (PSD)

Website: psdblast.com
Created by: psdblast.com
psd-datei42

© psdblast.com

High Resolution Google Map PSD

Website: psdblast.com
Created by: psdblast.com
psd-datei43

© psdblast.com

Document Wizard Icon (PSD)

Website: psdgraphics.com
Created by: psdgraphics.com
psd-datei44

© psdgraphics.com

The Dribbble Shoes

Website: dribbble.com
Created by: King Jean
psd-datei45

© King Jean

Magnifying Loupe PSD

Website: pixeden.com
Created by: pixeden.com
psd-datei46

© pixeden.com

Vintage Web Badge PSD

Website: psdblast.com
Created by: psdblast.com
psd-datei47

© psdblast.com

Stopwatch Icon PSD

Website: psdblast.com
Created by: psdblast.com
psd-datei48

© psdblast.com

Color Wheel Icon

Website: psdblast.com
Created by: psdblast.com
psd-datei49

© psdblast.com

Glossy World Globe Icon (PSD)

Website: psdblast.com
Created by: psdblast.com
psd-datei50

© psdblast.com
(dpe)

Dirk Metzmacher

Dirk Metzmacher is a professional Photoshop trainer, book author and designed with over 10 years of experience. He is also a creative mind behind Photoshop Weblog, a blog about techniques, tutorials and resources related to Adobe Photoshop.

8 comments

  1. Awesome collection and more than that they are available in open layers so that any designer can use them. Making a creative design is not easy and these kinds of icons can help designers.

  2. Pingback: Better than Photoshop Tutorials: 50 Free, Detailed PSDs with Open Layers (+ Tips) – noupe | Unsharp Faces

Leave a Reply

Your email address will not be published. Required fields are marked *