Professional and Affordable Web Design

0800 080 5401

How to create layers in Photoshop

One of the first things that people who are new to Photoshop get confused about, is how to create layers. Its very simple!

Open Photoshop, and create a new image - or if you already have a photo shop file (.PSD), load that.
If you already have an image loaded into Photoshop, skip the first stage below.

Stage 1 - Creating a new image in Photoshop

To create a new image, select "File" from the top menu bar, then "New".

creating a new image in photoshopcreating a new image in photoshop


In the popup box that appears, give your image a name. Dont worry about the preset - leave this as is.

Enter an image size (width and height) and select OK.

entering image size and nameentering image size and name

Stage 2 - Adding a layer to the image

Now we have an image, we can simply add a new layer to it. This is done simply. Select "layer" from the top menu, and "new layer".

creating a new layer in photoshopcreating a new layer in photoshop

Give your layer a descriptive name. This is a good habit to get into - when you are working with Photoshop files which contain "many" layers, you will be glad you did.

use a descriptive name for layersuse a descriptive name for layers

Now you have an image with more then one layer, you will need to be able to manipulate the layers. This is done by selecting the layer you wish to work with, using the layers box.

Now the layer is selected, you can work with it :)

Comments3 Comments

barry darrington

yeah thats just great. but like every other bit of advice. no one explains how to put images into the new layer. so yes woohoo we have created a new empty layer! how do we stick something into it?

14 September 2009

rob davis

hi barry, no worries! open your image in Photoshop, select all (CTRL + A). create a new photoshop file - see instructions at top. then, just paste! :)

30 September 2009

Sonic Boom

As with Barry Darrington what many people new to PS find is that the guides (both from Adobe and external) are not helpful at all. Some tutorials need to go through every single facet and it's easy for people who already know how to work these to try and skip certain parts that the reader may know nothing about. More often do I find that I can follow up to a certain point until I am confronted with cryptic phrases like "Click grab a guide (You'll see what I mean when you try)" - Well where the hell is click grab a guide? You have to put yourself totally in the perspective of new users, and even if it annoys some there will be far more people who will gratefully remember you for having guided them properly than any other normal tutorial who do not. What is even more frustrating is that Adobe's OWN tutorials are just as cryptic and it's indicative really that they like many who make tutorials, think everyone already has an understanding. Remember we were all new at some point.

14 January 2010

All comments are moderated for spam and will not be shown. All genuine comments wil be show, however the links will be based on a NO FOLLOW RULE. Repeat commenters adding value to the articles and discusions will have removed alowing Follow Rule to Work.

Make a Comment

Notify me when someone responds

Quick Contact

See Full Portfolio Some Of Our Work

Screenshot of website

Driving Schools Booking Service (DSBS) is a network of driving instructors, covering the whole of the UK. For this project, we were...

Screenshot of website

County Security is a fully featured E - commerce solution, with an integrated "system configurator", which allows users to choose...

Customer News & Resources

At Mutiny Design we are constantly gathering together articles and help guides to assist our clients.

Introduction to sitemap.xml

Checking for a sitemap A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for web design, or a web page that lists the pages on a web site, Some developers feel that site index is a more appropriately used term to relay page function, web visitors are used to seeing each term and generally associate both as one and the same. However, a site index is often an A-Z index that provides access to content, while a site map provides a general... Read More »

Center a web page in CSS

One simple way to center a web page using CSS is to create a container div, that is horizontally centered by having its left and right margins set to auto. Using this method, you can still apply colours / background images to the body tag, so its a flexible solution. (if you didnt need this ability, just apply margins and width to the body tag instead, and forget using the container div). The container div has the same width as your webpage and, well, contains it. All the code for your web page is placed inside the container div. This will... Read More »