Watch the Video Tutorial

Photoshop layers are like sheets of stacked acetate. You can see through transparent areas of a layer to the layers below. You move a layer to position the content on the layer, like sliding a sheet of acetate in a stack. You can also change the opacity of a layer to make content partially transparent.

The Layers panel is dense with buttons, sliders and other controls. We’ll explore these in class. Layers can be locked in five different ways, like locking transparency, locking position and more.

Photoshop Layers Panel

Layer organization and stacking order is a whole other area to master. Naming layers is important for your own work and even more for collaboration. This is a must-read if you want to respect industry-standard Photoshop etiquette.

Filter Layers

photoshop-layers-filters

  1. Pick a filter type
  2. Filter for pixel layers
  3. Filter for Adjustment Layers
  4. Filter for type Layers
  5. Filter for shape Layers
  6. Filter for Smart Objects
  7. Turn filtering on/off

These buttons are especially useful when you have a large number of layers in your Photoshop file. You can click one of them to see only that type of layer. As an example, you can vew only Adjustment Layers.

This doesn’t turn on/off the visibility on the canvas. It only filters the layers in the panel.

Blend Modes

photoshop-blend-modes-panel

Blend Modes determine how the pixels on a layer above mix with pixels on the layer below. They can also be used with an individual tool. So, you can brush in a specific blend mode. This is Adobe’s detailed descriptions of each Blend Mode.

Locks

photoshop-layers-locks

  1. Lock transparent pixels: When you paint, only pixels get painted. Transparency isn’t affected.
  2. Lock pixels: Where there are pixels, you can’t paint. You can move them.
  3. Lock position: You can’t move things with the Move Tool. You can paint them.
  4. Artboards: Prevent auto-nesting into and out of Artboards.
  5. Lock everything: You can’t paint or move anything.

These locks are different from the one at the bottom of the Layers panel. These lock the ability to move or paint a layer. The chain link at the bottom of the panel link layers together so them move together.

Opacity & Fill

photoshop-layers-panel-opacity-fill

Opacity is transparency. Lower it and the contents of the whole layer become translucent or transparent.

Fill mostly works exactly like the Opacity control. The major difference is that it doesn’t affect effects. So, if you have Fill set to 0, the photo will disappear, but its Drop Shadow will show.

Bottom of the panel

photoshop-layers-panel-bottom

  1. Lock layers so they move together with the move tool. This doesn’t prevent them from being painted on.
  2. Layer Effects, like Drop Shadow.
  3. Add a Layer Mask.
  4. Add Adjustment Layers.
  5. Create Layer Groups. These are folders to organize your layers.
  6. Create a new Layer. Option-click on it to name the layer on creation.
  7. Delete a layer. You can also simply target the layer, then use the Delete key.

Formative Activity

Let’s build the file below to get the hang of creating and managing different types of layers.

photoshop-layers-exercise

Start by creating a letter-sized landscape document.

photoshop-layers-document-setup

We’ll drag the photos into our canvas so they become Smart Objects. This allows for non-destructive resizing.

We need to create guides to line up all of our content in a structured layout. Go View > New Guide Layout…

photoshop-new-guide-layout

We’ll use the Free Transform command to resize photos to fit our grid.

photoshop-exercise-fit-images

Use the vector rectangle tool to create a rectangle behind the four photos. We can use the fill controls in the Control Bar to choose a colour.

photohsop-exercise-shape-layer

Next, we’ll apply a stroke effect to the four smaller photos. To do this, go to the Fx menu at the bottom of the Layers panel and choose Stroke.

photohsop-exercise-stroke-effect

Add an 8pt white stroke to the photos. We’ll then copy the effect to each of the thee other photos.

photoshop-exercise-area-type

You can change the colour of your type from the colour control in the Control Bar. Target your type tool and the type layer to do so.

Lastly, we can make our title graphic stand out a bit more with Layer Effects. We can use a Colour Overlay and an Outer Glow or a Drop Shadow.

photoshop-exercise-layer-effects

There we go. We’ve successfully used the Layers Panel to create a layout in Photoshop in a non-destructive workflow.

photoshop-layers-exercise