Understanding how to use Layers in Photoshop is essential to streamlining your photo-editing process and making sure you have the highest-quality images possible.

Receive free ecommerce & product photography tips

But if you’re first starting out with using Layers in Photoshop, or you’re reacclimating yourself to the program after some time apart, it can be confusing to get started.

That’s why we created this Photoshop Layers for beginners guide to help you get started.

In this Layers tutorial:

What are Layers in Photoshop?

Using Layers in Photoshop allow you to add new elements to an image without altering the original image. With Layers, you can place text, additional images, shapes and even vector graphics into your Photoshop document while maintaining the ability to move, delete or adjust those elements individually without affecting one another.

Using Layers is a good policy whenever you need to modify an existing image; by working in Layers, you can maintain the integrity of your original image until you’re satisfied with your changes.

Many creative professionals keep a layered version of their Photoshop image that they can return to and edit later, as well as a flattened version of the modified image to use on ecommerce sites.

How do Layers work in Photoshop?

Layers act like sheets of transparent film placed on top of one another. Objects on the top Layer will appear on top of objects on lower Layers. If you apply a solid color to a Layer, that color will block out any objects on Layers beneath it.

Layers are accessed, modified, created and deleted through the Layers panel in Photoshop.

In this Photoshop Layers tutorial, we’ll go over the following:

The Layers panel

In the default workspace, the Layers panel sits on the right-hand side of the Photoshop window. Click on the word Layers to access it.

If you can’t find the Layers panel when you open Photoshop, you can easily access it by clicking on the Window drop-down menu at the top of the application window and selecting Layers. When Layers is checked, the panel will pop up your screen.

Layers drop down menu

Adding a new Layer

There are several ways to create a new Layer in Photoshop. The quickest method is to type SHIFT+CTRL+N (SHIFT+COMMAND+N on a Mac) to automatically create a new Layer on top of any existing Layers in your document.

You can also create a new Layer by clicking on the Layers panel menu (which looks like four horizontal lines on the right-hand side of the panel) and selecting New Layer.

New layer fly out menu

A dialog box will pop up with options for the new Layer you’re about to create. You can change each of these options afterwards, so it’s fine to leave everything as is and click OK.

New layer 1

Once you’ve created a new Layer, you can add an object to it or draw in it without affecting the background.

Try using these white background alternatives to drive online sales

Selecting Layers

A Layer is selected when that Layer is highlighted in your Layers panel. To select a Layer, click on that Layer in the panel with your mouse. In the image below, Layer 1 is selected, and the Background Layer is not.

Selecting layer

Pasting a photo into a new Layer

When you copy and paste an image from one document to another, the image will automatically appear in a new Layer.

To paste one image into another, go into the document with the image you want to copy, and make sure the Layer containing the image is selected (if there is only one Layer, this will be the Background layer). Click on Select > All or type CTRL+A (COMMAND+A on a Mac) to select the entire image.

select all drop down menu

Copy the image by going to File > Copy, or typing CTRL+C (COMMAND+C on a Mac).

Copy drop down menu

Go into the second file, where you want to paste the image, and click Edit > Paste or type CTRL+V (COMMAND+V on a Mac).

Paste layer

The image will automatically appear as a new Layer in your Photoshop document.

Transform

You can also paste a portion of your image into a new Layer. To do this, use one of the selection tools (Marquee Tools, Magic Wand Tool, or Lasso Tools) to select a portion of your image.

Explore more Photoshop tools

Make sure the Background Layer (or Layer containing your image) is selected in the Layers panel. Then right-click on your image (CTRL+click on a Mac). From the resulting menu, click on Layer Via Copy.

Layer via copy

Your selection will appear as a new Layer in your document. From here, you can move or modify the copied image portion without affecting the background.

new layer

Deleting a Layer in Photoshop

To delete a Layer in Photoshop, click and hold on the Layer in the Layer panel, and drag the Layer to the trash icon in the lower right-hand corner of the panel.

layer 1 trash

You can also delete a Layer by selecting the Layer in the Layer panel and then selecting Delete Layer from the panel menu.Delete layer drop down

A dialog box will pop up asking if you’re sure you want to delete the Layer. Click OK to confirm.

Learn how to remove or replace an image background using the Magic Wand Tool

Duplicating a Layer

Select the Layer you want to duplicate and then click on the Layers panel menu. Choose Duplicate Layer.

Duplicating layer

A dialog box will pop up asking you to name the new Layer. By default, it will auto-populate this with the original Layer’s name followed by the word “copy.”

Layer 1 copy

You can also duplicate the Layer into another document that’s currently open, or into a new document in Photoshop by choosing from the drop-down location next to Document (in the Destination section).

Duplicate layer menu

Showing and hiding Layers

Toggle the visibility of a Layer on and off by clicking on the eye icon next to the Layer name in the Layers panel. If you see the eye icon, the Layer is visible. Click on the eye to make it disappear, and the Layer becomes invisible.

layer visibility

Locking and unlocking Layers

By default, all new Layers are unlocked when created, and the Background Layer is locked.

To unlock the Background Layer, double click on the Layer in the Layers panel. The New Layer window will pop up, this time with the Layer name set to Layer 0. Click OK.

New layer 2

The Background Layer will now appear as an unlocked Layer renamed to Layer 0.

To lock an unlocked Layer, select the Layer you want to lock in the Layers panel. Then, click on the padlock icon just above the list of Layers in the panel.

locking layers

To unlock the Layer, click on the padlock icon once more.

Using Layers in Photoshop: Organization tips

Once you begin really using Layers in Photoshop, you’ll need some tricks to keep them organized and to edit them together (or separately).

For this Photoshop Layers tutorial, we’ll look at:

Naming Layers

To give your Layer a custom name, select the Layer you want to rename in your Layers panel. Then choose Rename Layer from the Layers drop-down menu at the top of the application window.

Rename layer

You can also click on the existing name of the Layer within the Layers panel until the text becomes editable.layer 1 menu

Overwrite the existing Layer name by typing in the new Layer name.

Blueberry tag

Reordering Layers

To shift the order of Layers, select the Layer you wish to move in the Layers panel by clicking and dragging the Layer to its new destination. A small blue box will appear, indicating where the Layer will now be located. Release the mouse button to complete the Layer reorder.

reordering layers

Coding Layers with color

If you have a document with many Layers, you can add color codes to certain Layers to help them stand out from the other Layers.

To apply a color code to a Layer, select the Layer you want to tag and right click (CTRL+click on a Mac). A drop-down menu will appear with color selections at the bottom. Click on the color code you want to apply to the Layer.

layers color option

Note that adding a color to a Layer in this manner won’t actually visibly change the content of the Layer. In other words, all colors in your image will remain the same. Adding a Layer color code only adds a color to the square next to the layer’s icon in your Layers panel.

Blueberry layer 1

Linking Layers

By default, Layers don’t affect one another. But you can link Layers together so that, when you move or transform the items in one Layer, the items in linked Layers will move or transform the same way.

For example, if a product image and its shadow are in two different layers, you can link those layers together to make sure that the shadow moves with the product as you reposition or scale it within your document.

To link Layers, select all the Layers you want to link together. If the Layers are next to each other in the Layers panel, hold down SHIFT to select multiple Layers at the same time. If the Layers you want to link aren’t next to one another, select the first Layer and then CTRL+click (COMMAND+click on a Mac) on the other Layers you wish to select.

Linking layers

Once you’ve selected your Layers, click the link icon at the bottom of the Layers panel.

Once your Layers are linked, the link icon will appear next to the Layer name when one of the linked Layers is selected.

Now, if you move or transform one of the linked Layers, the other linked Layers will modify the same way.

Linked layers distorted

To unlink linked Layers, select one of the linked Layers and click on the link icon at the bottom of the panel.

Creating Layer groups

Layer groups are like file folders for your Layers; they help you organize and categorize many Layers together.

Digital asset management 101: How to organize product photography files

Like Layers, Layer groups can be locked, linked or made invisible, affecting all the Layers within.

To create a new group, click on the Layers panel menu on the right-hand side and select New Group….

new group 1

A dialog box similar to the New Layer dialog box will pop up. Here you can name your new Group or leave its default settings. Click OK.

new group 2

To add existing Layers to your new group, select the Layers you want to add and drag them into the New Group with your mouse.

You’ll know they’re being moved correctly when you see a blue box appear around the group you’re trying to move the Layers into.

grouping layers

You can click on the arrow icon next to the Group name to collapse or expand the group.

Fly out toggle group

To automatically create a group and place Layers in it at the same time, select the Layers you want to group together. Then, in the Layers panel menu on the right, select New Group from Layers… The same New Group dialog box will pop up. Click OK, and your selected Layers will automatically be placed in your new group.

new group from layers

Flattening Layers

Flattening Layers means you’re converting all your separate Layers into one Layer, removing any individual capabilities you had with each Layer.

To flatten your Layers, choose Flatten Image from the Layers panel menu.

flatten image

Your distinct Layers will disappear in the Layers panel, replaced with one Layer named Background.

Merging Layers

Merging Layers flattens only Layers you specify into one Layer, leaving the other Layers intact. To merge multiple Layers into one Layer, select the Layers you want to merge. Use SHIFT+click to select Layers next to one another, or CTRL+click (COMMAND+click on a Mac) to select Layers that are not next to one another.

From your Layers panel menu, choose Merge Layers, or type CTRL+E (COMMAND+E on a Mac).

Merge layers

From this menu, you can also choose Merge Visible, which merges all visible Layers together (regardless of the Layers you’ve selected) and leaves invisible Layers intact.

Stamping Layers

Stamping Layers allows you to create a copy of selected Layers, merged into one Layer. Your original selected Layers remain intact.

First, select the Layers you want to stamp, and type CTRL+A+E (COMMAND+OPTION+E on a Mac).

A new Layer with the combined content will appear above your selected Layers. This is your new stamped Layer.

blueberry tag merged

You can also create a stamped Layer from all visible Layers. To do so, ensure all Layers you want stamped are visible. Then type SHIFT+CTRL+A+E (SHIFT+COMMAND+OPTION+E on a Mac). A new stamped Layer with all your visible content will appear.

How do you adjust Layer transparency and style in Photoshop?

Adjusting opacity of a Layer

You can adjust how transparent a Layer’s content appears by changing the opacity value in the upper right-hand corner of the Layers panel. This can be helpful if you want to subdue the background and place more focus on the subject (product, model, etc.) of the image.

Select the Layer you want to adjust, and type in a value next to Opacity, or use the drop-down menu next to Opacity to choose a preset value.

You can also adjust the opacity for an entire group by selecting the group in the Layers panel and adjusting the opacity value.

opacity

Under Opacity in the Layers panel is an option to adjust the Layer Fill. Fill is slightly different from opacity in that it affects the transparency of a layer’s content without affecting the opacity of Layer Styles. Adjusting a layer’s fill will have the same effects as adjusting a layer’s opacity if you’ve not applied any Layer styles.

Changing Layer blending modes

Layer Blend Modes affect the way the Layer interacts with Layers below it. The default Layer Blend Mode is Normal; however, there are 26 additional blend modes you can choose to apply to your Layer.

To change a layer’s Blend Mode, with the Layer selected, click on the drop-down menu just to the left of Opacity.

Color dodge

Applying a Layer Style

A Layer Style refers to the Layer effect or group of Layer effects added to a Layer or Layer group. You can access the Layer Style options within the Layers panel.

At the bottom of the panel, just to the left of the link icon, is an fx icon. Clicking on that icon reveals Layer effect options.

(This drop-down also allows you to adjust your layer’s different blend mode with Blending Options.)

Drop shadow 1

When you select a Layer effect from the drop-down menu, a dialog box appears giving you the options to fine-tune the Layer Style before it's applied.

Layer style

Within this dialog box, you also have the option to apply other effects or change the blending options as well. Keep the Preview option checked to see your adjustments to your Layer in real time before you apply them.

Click OK once you’re ready to apply the style.

You can also adjust Layer effects after they’re applied by double-clicking on the Layer effect name under the Layer name in the Layers panel.

drop shadow 2

The same Layer Style dialog box will reappear. Make your adjustments, add or remove additional effects, and click OK.

Further exploration: Different types of Layers in Photoshop

As you become more comfortable with Layers, you can start to explore the different Layer types available in Photoshop.

Below, for this Layers tutorial, we’ll quickly look at:

Adjustment Layers

Adjustment Layers allow you to create image adjustments, such as Hue/Saturation or Exposure, and apply to Layers without actually changing the Layer itself.

The below screenshot shows the same image with a Hue/Saturation adjustment Layer inserted above the first Layer.

blueberries layer 2

To create an Adjustment Layer, go to the Layers drop-down menu at the top of the application window and select New Adjustment Layer. Then choose the effect you’d like to apply.

new adjustment layer

Layer Masks

Layer Masks allow you to selectively remove the visibility of a portion of a Layer without permanently erasing any part of the Layer.

The below image has had portions of the second Layer erased within a Layer mask.

blueberries layer masks

To create a Layer Mask, with the Layer selected, click on the Mask icon next to the fx icon at the bottom of the Layers panel.

mask icon

Fill Layers

A Fill Layer adds a new Layer into your Layers panel that’s filled with a solid color, a gradient or a pre-programmed pattern. Like adjustment Layers, Fill Layers don’t permanently alter the content of existing Layers. You can also adjust them after you’ve created them by double clicking on their icon in the Layers panel.

Color fill

To create a Fill Layer, click on the Layers drop-down menu at the top of the application window and select New Fill Layer, and then choose which type of Layer you wish to create.

solid color fill

Browse more Photoshop tutorials to learn more techniques that make your ecommerce photos pop

Becky Kilimnik

Bio: With over 18 years experience as a graphic designer, Becky is passionate about helping people enhance their content by mastering image manipulation software. Becky has worked with a variety of educational publishers in the U.S. and U.K. and has taught design at six universities.

Receive free ecommerce & product photography tips