SEARCH

How-To Geek

The How-To Geek Guide to Learning Photoshop, Part 3: Layers

sshot-654

As one of the hallmark features of Photoshop, Layers are the foundation of learning good photo editing techniques. In this article, we’ll go through their basic usage, as well as cover some basic types of layers.

sshot-657

Your layer panel is one of the most important within Photoshop. Whenever you use Photoshop, you’ll work spend a lot of time working in it.

If you’ve lost your layers panel, you can retrieve it by going to Window > Layers. For more on panels, look into Part Two of the How to Geek Guide to learning Photoshop.

sshot-659

The lasso tool creates a selection in any shape: in this case, the word “Layer” is drawn in. But the lasso does not create a new layer, even though we can use the lasso tool to move our selection around.

sshot-661

New layers can be created by clicking the new layer button in the Layers panel. You can also press ctrl shift N for a blank layer.

You can think of these layers as entirely new image files stacked on top of each other in your layers panel. By default, a new layer is transparent.

sshot-662

A simple Edit > Fill fills our selection with black. We’ve put it in a new layer, which will help us understand what a new layer is.

sshot-663

Our black fill exists in a new layer. We no longer need our selection, so pressing ctrl d deselects it.

sshot-664

While this may look like a ruined image of the Apollo 11 rocket taking off, the drawn “Layer” text exists in its own separate layer, and is editable.

sshot-666

The Move Tool, shortcut key v , illustrated above, is used for moving the layers selected in your layers panel.

sshot-667

The image of the shuttle still exists beneath the new filled layer. It can be moved to any position without destroying any part of the layer below it.

sshot-691

Individual layers can be moved, rotated, and transformed at your whim.

sshot-668

And again, since layers exist independent of each other, they do not have to affect each other.

sshot-670

Returning to a few older How-Tos, we can very simply add objects that have had their backgrounds removed to our image.

sshot-671

Simply use the Move Tool (shortcut v key) to drag images from any open file to the one you’re working with. Photoshop will create a new layer in your target file with the dragged layer information in it.

sshot-672

This image has quickly become ridiculous. Clicking the hide layer in the side of the layers panel will hide any layer you don’t care to see.

sshot-673

Shortcut key t will give you the Type tool, which can create a different type of layer. Live type is editable, and can be changed at any time without disturbing other layers.

sshot-674

Layers also have “Blending Options,” as illustrated in the contextual menu here. Right click on any of the layers in your layers panel to open this menu.

sshot-676

Blending Options takes us to the Layer Style dialog box. Here, we can add shadows and glows, all editable at any time through this same menu.

sshot-678

After adding a stroke to the text layer, other effects can also be added. A soft, white glow can make the text more legible against the complicated background.

sshot-679

Even with these layer effects, these layers are still editable.

sshot-681

The text can easily be set in a different font, with all layer effects staying active.

sshot-682

The layer effects look something like this in your layers panel.

sshot-684

In your layers panel, you can click the adjustment layer to create a different type of layer, called an Adjustment Layer.

sshot-683

CS5 brings up this “Adjustments” panel. I create a “Photo Filter” adjustment layer to give my image a sepia tone effect.

sshot-685

Adjustment layers also have a position in your layers panel and only affect the layers below. In other words, you can move your adjustment layers to affect the layers below it. I have my text above my Sepia Adjustment Layer, keeping it from turning sepia toned.

sshot-686

There are many options for Adjustment Layers, including the “Gradient” adjustment layer.

sshot-687

Gradients are great as adjustment layers, as they can easily be re-edited and adjusted. You’ll have numerous options for types of gradients, colors, angles, etc.

sshot-688

Adjustment layers can be hidden or edited by double clicking them in the layers panel.

sshot-690

Simple mastery of layers and the layers panel will greatly increase your ability to use Photoshop and get the effects you want to see in your photography.


Photoshop tips left you confused? Start at the Beginning! Check out the previous installments of the How-To Geek Guide to Learning Photoshop.

Image credits: Apollo 11 image created by NASA, in public domain. Information about other images available on their original tutorials.

Eric Z Goodnight is an Illustrator and Graphics Geek who hopes to make Photoshop more accessible to How-To Geek readers. When he’s not headbanging to heavy metal or geeking out over manga, he’s often off screen printing T-Shirts.

  • Published 11/1/10

Comments (10)

  1. Hatryst

    Awesome series… Keep it up. Really informative ! ;)

  2. Stephen

    This is superb – many thanx

  3. JTF

    Geek tips AND tutorials coming to my in-box. Who’s got it better than me?

  4. Luis

    Is there any possibility to have a tutorial like this one but for GIMP?

  5. nobbywebfoot

    Thanks wonderfully helpful

  6. Don Pullum

    Feed me more like this, spoon full at a time; easy to swallow, nutritious. Eventually a manual for free. Thank You,, Keep it up.

  7. Carrol

    Eric Z – Consider yourself brilliant. You’ve done it again! I’m considered sane, now that I have some idea about the use of Photoshop. All thanks to your comprehensive knowledge of the subject matter you write about. Love, love, love your method of assisting the novice, such as myself.
    Regards,
    Carrol

  8. cinque1980

    a very informative series of tutorials will greatly appreciate if the same is done for Fireworks CS5 too, but for now this is really good stuff

  9. Hotdog-GB

    I love the “text” versions of photoshop tut’s, much better and easier to follow then videos. Keep up the good work guys. Thanks

  10. wendyflan

    I find this sort of tutoiral extrememly useful and encouraging. Keep it up and maybe gives us all of them in the end in one file?

Enter Your Email Here to Get Access for Free:

Go check your email!