freetimefoto.com - Photoshop, Digital Photo Tutorials and Resources

You're in: Home » Basic

All About Photoshop Layer and Layer Palette

: Monday, December 24th, 2007 (Last Updated: March 4th, 2008)
: freetime

layer thumnail

Understand Photoshop Layer, Layer Mask and Layer Palette Components Photoshop Layer Palette

Photoshop Layer Palette:

Layer Blend Mode and Opacity Layer Palette Menu
Shape Layer
Type Layer
Adjustment Layer
Layer Set Vector Mask
Clipping Mask
Layer Mask
Linked Layer Background Layer
New Button
**Position you mouse over each part on layer palette above to see description or click to follow the link.

To better understand the basic concept and get the ideas how to apply each function of photoshop layer, please follow our upcoming Photoshop Layer Tutorial.

What’s new in Photoshop CS3 Layer Palette

The Layer Palette layer palette icon in Photoshop CS3 is very similar to earlier version of Photoshop. There are change in some Create New Button at bottom of layer palette. There are also remove link layer column next to each layer to one button at bottom of the palette. In Photoshop CS3 you can link layer by use Ctrl(Command) or Shift and click to select multiple layers to move all the layers together. Or use Links Button Photoshop CS3 Link Button to permanently link the selected layers.

photoshop cs3 layer palette

Working with Layer Palette

To create, edit or delete all the Photoshop Layer Components please refer to our quick reference here. (Coming Soon)

About Photoshop Layer and Layer Palette

Photoshop Layer

Photoshop Layer is like stacked of images printed on acetate . The area that contain no color (pixel) can be revealed to see layer underneath it, called transparency area. In one photoshop image can contain one or more layers.

Photoshop Layer Basic Photoshop Layer Basic

Background Layer: is special layer with no transparency area it common to other file format that not support layer (JPEG, BMP and etc.). When you open those file format in Photoshop you will have only a Background Layer. In one image file can contain only one Background Layer. In Photoshop, Background Layer can not be edit Layer Blending Mode Opacity or Layer Mask. When you finished edit image file with layer and would like to distribute using other file format (such as JPEG for publish on website) you have to Flatten Image to combine all layers to one Background Layer that will compatible to other file format. See also Photoshop: Merge Layer, Merge Visible and Flatten Image Command.

Note: You can convert Background Layer to Layer by select menu Layer » New » Layer from Background. Or Double-Click at Background Layer this will pop-up New Layer dialog, name the new layer name as need and click OK.
To convert Layer to Background Layer select layer you want to convert and select menu Layer » New » Background from Layer.

Type Layer: is special layer that can contain only text. It can be create automatically when you use Type Tool Photoshop Type Tool to type in any texts. The type layer is vector base, very similar to type in Adobe Illustrator, so you can not use any filter or editing tool to edit it unless you Rasterize it to pixel layer. Once you rasterize type layer you cannot change font face, font size or editing paragraph format using Character or Paragraph palette.

Photoshop Type Layer

Note: To Raterize Type Layer, Right-Click(Windows) or Control Click (Mac OS) at type layer and select Rasterize Layer. Or using menu Layer » Rasterize » Type. Please note that, once you rasterize layer you cannot convert to back to Type layer.

Working with Layer:

Clipping Mask (Layer Clipping) clipping mask icon

Clipping Mask, also call group in photoshop 6 and earlier, let you use content of the base layer to masked-out the layer above it. The masking area are determined by the area that not transparent of base layer. The Layer Mask of base layer also effect the layer in clipping. You can use one base layer to clipping many layers.

Photoshop Layer with Clipping Mask

Tips: You can also use clipping mask with Adjustment Layer to apply the Layer Mask of Base layer to all other Adjustment Layer.
Adjustment Layer with Layer Cliping
From figure above: "Curve 1" is Adjustment layer apply with Layer Mask, it’s effect all layers below it in the area filled with white in its Layer Mask. Adjustment layer "Hue/Saturation 2" , which clip with "Curve 1", also effect all layers below. But only in the area that effected by "Curve 1"

To Create Clipping Mask

Do one of the following:

  • Hold down Alt (Option), position the pointer over the line between two layers in the Layers palette (the pointer changes to two overlapping circles clipping mask icon), and click.
  • Select a layer in the Layers palette, and choose Layer » Create Clipping Mask or Press Ctrl(Command) + G.
    For Photoshop CS3, you can select multiple layer using Shift + Click or Ctrl(Control) + Click. Then choose Layer » Create Clipping Mask or Press Ctrl(Command) + Shift + G to create clipping mask to selected layers.
  • Link the desired layers in the Layers palette. Then choose Layer » Create Clipping Mask from Linked or Press Ctrl(Command) + G .

create clipping mask

Adjustment Layer Adjustment Layer

Adjustment Layer is special layer that will apply color adjustment (ex. Curve, Level or Hue/Saturation) to all layer below it with out actually apply it to image. With Adjustment layer you can temporary turn the color adjustment on or off by click at its Eye icon eye icon in layer palette to make them visible or invisible. You can use Layer Mask or Layer Clipping to mask out the effect of each Adjustment Layer. The Photoshop Adjustment Layer also allow you to adjust layer opacity to decrease each adjustment layer effect or change layer Blending Mode as regular Photoshop Layer.

Photoshop Adjustment Layer

From figure above "Curve 1" will effect only "Layer 1" which is its clipping. The "Hue/Saturation 1" will effect all layers below it. And "Curve 2" will also effect all layers below it but only in white area in its Layer mask.

To Create New Adjustment Layer:

Select the topmost layer that you like to effect by new adjustment. Click at New Adjustment Layer Button New Adjustment Layer Button at bottom of layer palette and choose type of adjustment you want to create.

You can also create new adjustment layer with clipping mask by hold-down Alt(Option) and choose the New Adjustment Layer Button New Adjustment Layer Button. This will open "New Layer" dialog, check "Use Previous Layer to Create Clipping Mask" and click ok.

Layer Set (Layer Group) New Layer Set Button

Layer Set , call Layer Group in current Photoshop CS3, is collection of layers just like you organize your file into folder. The Layer set can be collapse or expanded to hide or show the list of layers in the set within Layer Palette. With Layer set you can move all layers in set together or masking them by create Layer Mask to there set, just like you create Layer Mask to layer. You can also group many layer sets together in one Layer set.

Photoshop Layer Set

Layer Effect and Style New Layer Effect Button

Layer Effect allow you to easily add variety of effect (drop shadow, grow, emboss) into the content of layer. In one layer you can add many layer effects. Layer Style is photoshop preset, combine of one or more layer effects, allow you to save or load your custom style as a preset or file to re-use with other project. There are many photoshop style presets available to download both for freeware and shareware.

You can create layer effect by click to select the layer and use New Layer Style Button layer effect icon at bottom of layer palette and select effect you want to create. Or using menu Layer » Layer Style. You can also use eye icon eye icon next to the layer effect or layer style to temporary hide or show the layer style like regular layer.

Photoshop layer effect

Tips: You may know that Opacity option at top-right of layer palette is for adjust each layer opacity. When you decrease opacity both layer effect and content of current layer opacity also decrease. You can use layer fill option instead, to decrease opacity of content of the layer with out making any change to layer effect’s opacity. See also Photoshop Blending Mode.

You can easily load or save new style preset using Style Palette Menu Palette Menu at photoshop Style Palette Style Palette

layer style palette

Linked Layer:

You can use link option in Photoshop layer palette to link multiple layers and use Move Tool Photoshop Move Tool
to move it around together.

In Photoshop CS2 or earlier you can link layer by:

  1. Select first layer that you want to link.
  2. Click the link column next to all the layers you want to link with, the layer that already linked will show link icon Linked Layer icon next to them.

linked layer

In Photoshop CS3 you can link layer by:

Use Ctrl(Command) + Click to select layer one-by-one or use Shift + Click to key to select contiguous layers. After select all layers you want to link click Links Button Photoshop CS3 Link Button at bottom of layer palette.

CS3 linked layer

See also Using Move Tool to move multiple layers

Working with Layer Palette

To create New Layer:

Do one of following:

To create New Layer Set or Layer Group (CS3):

Do one of following:

  • Click New Layer Set Button New Layer Set Button at bottom of Layer Palette Layer Palette Icon.
  • Use Layer Palette Menu Palette Menu, Select New Layer Set
  • Click and drag layer or layer set to New Layer Set Button New Layer Set Button. This will add layer or layer set you selected to new layer set.

create new layer set

To add layer to layer set drag it to new layer set you just create. Please note that, for layer with clipping mask, if you add the main layer to new set it will also add all the layers in its clipping.

For Photoshop CS3 user, you can select multiple layers or layer sets (Ctrl(Command) or Shift and Click to select multiple layers or layer sets). Then drag them in to layer set to add them all at once.

Tips: With Adobe Photoshop CS3, you can quickly create layer set and add one or more selected layers or layer sets to the newly create layer set in one simple task. Just select all the layers or layer sets you like to add to new set and drag it to New Layer Set Button New Layer Set Button.

To delete Layer , Adjustment Layer, Shape Layer or Layer Set

Do one of following:

  • Drag the layer you want to delete to Trash Button Trash icon at bottom of Layer Palette Layer Palette Icon.
  • Click to select layer or layer set you want to delete and click Trash Button Trash icon
  • Click to select layer or layer set you want to delete and Use Layer Palette Menu Palette Menu, Select Delete Layer.
  • Right-Click(Windows) or Control + Click (Mac OS) at the layer you want to delete and choose Delete Layer.

Note: To use Layer Palette Menu Palette Menu or click the Trash Button Trash icon to delete layer or layer set will pop-up the "Confirm Delete Layer" dialog. But if you drag layer to trash will not have any confirmation windows.

Tips: With latest version of Photoshop, Adobe Photoshop CS3, you can use Ctrl + Click or Shift + Click to select multiple layers and bulk delete the selected layers.

To Duplicate Layer , Adjustment Layer, Shape Layer or Layer Set

Do one of following:

  • Drag the layer you want to duplicate to New Layer Button New Layer Icon at bottom of Layer Palette Layer Palette Icon.
  • Click to select layer you want to duplicate and Use Layer Palette Menu Palette Menu, Select Duplicate Layer.
  • Right-Click(Windows) or Control + Click (Mac OS) at the layer you want to duplicate and choose Duplicate Layer.

For Photoshop CS3 user, you can also duplicate multiple layer by multiple select the layer and do one of the action above.

Related Article:


Post Footer automatically generated by Add Post Footer Plugin for wordpress.

Filed Under: Basic

12 Responses to “All About Photoshop Layer and Layer Palette”

  1. freetimefoto.com : Basic » Photoshop Layer Mask and Vector Mask Says:

    [...] mask can be add to layer temporary hide some area of the layer (without actually delete the color pixel). This will allow layer underneath it be visible. The [...]

  2. freetimefoto.com : Tutorials » Convert Photo to Color Drawing with Photoshop Says:

    [...] to this tutorial use a lot of layers and filters. You can also download the action that can help you to process all layers and effects, [...]

  3. freetimefoto.com : Basic » Using Photoshop Hue/Saturation command Says:

    [...] can use Hue/Saturation command and apply directly to active layer or us it as Adjustment [...]

  4. freetimefoto.com : Basic » Photoshop Layer Mask and Vector Mask Says:

    [...] The layer mask can be use with all type of Photoshop Layer, Layer set or Adjustment Layer. Only background layer that can not be edit by layer mask. Layer Mask is a grayscale image, the black (HSB: 0 0 0) area in [...]

  5. freetimefoto.com : Tips » Color Moiré or Moiré Pattern Correction with Photoshop Says:

    [...] new layer by press New Layer button at the bottom of Layer Palette. Change Layer Blending Mode to [...]

  6. freetimefoto.com : Toolbox » Using Photoshop Shape Tool and Pen Tool Says:

    [...] All about Photoshop Layer and Layer Palette [...]

  7. freetimefoto.com : CS3 » Photoshop CS3: Clone Stamp Tool and New healing features Says:

    [...] you can then apply over another image or part of the same image. You can also clone part of one Photoshop layer over another [...]

  8. freetimefoto.com : Toolbox » Photoshop Move Tool: Move Layer or Selected Area Says:

    [...] Move tool lets you drag a selection or layer to a new location in the image or to other images. With the Info palette open, you can track the [...]

  9. freetimefoto.com : Tutorials » Create Stylish Web Page Header using Gradient Says:

    [...] using only Gradient Tool , Vector mask and Layer effect. The final web header image will include 3 layers consisted of 3 separate gradient this will allow you to easily edit each part later. If you like, [...]

  10. Photoshop Path, Shape layer and Fill pixel » Basic : freetimefoto.com Says:

    [...] All About Photoshop Layer and Layer Palette addthis_url = location.href; addthis_title = document.title; addthis_pub = ‘freetime’; [...]

  11. Photoshop CS3: Clone Stamp Tool and New healing features » Toolbox : freetimefoto.com Says:

    [...] you can then apply over another image or part of the same image. You can also clone part of one Photoshop layer over another [...]

  12. Photoshop: Merge Layer, Merge Visible and Flatten Image Command » Basic : freetimefoto.com Says:

    [...] All About Photoshop Layer and Layer Palette [...]

Leave a Reply

Your email will not be published (see our Privacy Policy).
You can use only allowed XHTML tags and please comment in English.