Posts tagged "Layer Group"

October 12, 2016

Adding Layer Styles (Effects) to Multiple Layers in Photoshop CC

To copy and paste Layer Effects (Styles) from one Layer to another,  Control (Mac) | right -click (Win) the “fx” icon on the Layers panel and select Copy Layer Style from the context sensitive menu. Then, select the layer(s) that need the Layer Style applied and Control (Mac) | right -click (Win) to the right of the layer name in the Layers panel and select Paste Layer Style.

Or, it might be easier to place all of the layers into a Group and then add the Layer Style to the Group (instead of adding the Layer Style to each layer). That way, if you have to make changes to the Layer Style, you only have to  make the change to the Layer Style on the Group.

I the example below, I put all of the layers that needed the same Layer Effect into the “Fish” Layer Group.

Because the Layer Style was applied to the “Fish” Layer Group, the Layer Style is automatically applied to all three layers included in the Group. Notice how the large “fish” on the left has a gradient and pattern overlay while the two other “fish” (whose layers aren’t included in the group) do not.

Any layers that I add to that Group will automatically have the Layer Effect Applied.

layer Styles are automatically applied as additional layers are added to the group.

Here, all of the layers that make up all three of the “fish” have been added to the “Fish” Group, so they all have the same gradient and pattern overlay (because Layer Styles applied to a Group are automatically applied as additional layers as they are added to the group).

One word of caution: if you have layers within the Group that overlap one another, Photoshop is going to act as if all of the layers within the Group are merged and then applies the Layer Style. In the illustration below, see how repositioning the two shapes in the Layer Group so that they overlap creates a very different result than when the Layer effects are added to each individual layer.

Even though the three Seaweed layers are within the group, each layer has it's own Layer style applied and we get the same results that we would if the layers were not with in a group

In this example,the same layer Style is applied to each plant layer.


layer style

In this example, the Layer Style is applied to the Layer Group. Notice how it appears as if the three plant layers are merged before the layer style is applied.

5:17 AM Comments (1) Permalink
January 26, 2016

Masking Multiple Layers using Layer Groups

Not only are Layer Groups great for organizing your layers, they can also be used to mask the contents of multiple layers at one time. With the Layer Group targeted in the Layers panel, click the Add Layer Mask icon from the bottom of the Layers panel. Paint in the mask to control the visibility of all layers within the Layer Group.


This shortcut also works with vector masks (and a combination of both vector and raster) as shown below.


5:00 AM Permalink
January 25, 2016

Copying Merged Layers (and Groups)

Command + Shift + C (Mac) | Control + Shift + C (Win) copies a merged version of all visible layers within the selection onto the clipboard.

Option + Command + Shift + E (Mac) | Alt + Control + Shift + E (Win) , pastes a merged copy (of all visible layers) on a new layer above the topmost currently selected layer.

5:35 AM Permalink
January 22, 2016

Displaying the Contents of a Layer Group in Photoshop

Command (Mac) / Control (Win) -click the disclosure triangle next to a Layer Group to expand or collapse all layer Groups in the document.

Option (Mac) / Alt (Win)  -click the disclosure triangle to expand collapse all groups nested within the current group.

Option-Command (Mac) / Alt-Control (Win) -click the disclosure triangle to expand and collapse all groups (nested or not).

Control (Mac)/ right mouse (Win) -click the Group’s disclosure triangle and choose “Close/Open this Group” or “Close/Open all Other Groups”.

5:19 AM Permalink
January 21, 2016

Selecting Layer Groups with the Move Tool in Photoshop

To automatically select Layer Groups (instead of individual layers), with the Move tool selected, check the Auto-Select box in the Options bar and choose Group from the pull-down menu.

4:18 PM Permalink
January 18, 2016

Deleting Layer Groups in Photoshop

To delete a Layer Group, select Layer > Delete > Group or, with the Layer  Group selected on the Layers panel, click the trash can icon. Either method displays a dialog with the options to delete the “Group and Contents” (which deletes both), “Group Only” (which removes any Layer  Groups but leaves the layers), or “Cancel”.

To delete the Layer Group and all of its contents while bypassing the dialog select the Layer Group on the Layers panel and either drag the Layer Group to the trashcan icon or, Option -click (Mac) | Alt -click (Win) the trashcan icon.

Command  -drag (Mac) | Control  -drag (Win) a Layer Group to the trashcan icon to delete a Layer Group without deleting its contents.

5:24 AM Permalink
January 15, 2016

Duplicating Layer Groups in Photoshop

Here are three easy ways to duplicate a Layer Group in Photoshop:

1) With a Layer Group targeted in the layers panel, Select Layer > Duplicate Group.

2) Option -drag (Mac) | Alt -drag (Win) the Layer Group in the Layers panel until you see a heavy black line between the layers and release.

3) Use the context sensitive menu – Control -click (Mac) | right-mouse click (Win) on the Layer Group and select Duplicate Group.

5:20 AM Permalink
October 15, 2014

Creating Layer Groups that Include Selected Layers in Photoshop CC 2014

In previous versions of Photoshop, clicking the “Create a new group” icon at the bottom of the Layers panel added an empty Layer Group regardless of whether or not any layers were selected.  In the current version of Photoshop CC however, with multiple layers selected, clicking the “Create a new group” icon adds a new Layer Group and places all selected layers into that Layer Group. Command + G (Mac) | Control + G (Win) will also create a new Layer Group while placing any selected layers within the Group.

To create an empty Layer Group, deselect all layers and click the “Create a new group” icon (Photoshop adds the group to the top of the layer stack).

To quickly ungroup layers, select the Layer Group in the Layer panel and use the keyboard shortcut Command + Shift + G (Mac) | Control  + Shift + G (Win).

5:56 AM Permalink
June 20, 2014

Video Tutorial – Masking Images to Shapes & Type

There are a number of different techniques for displaying a photograph within type or other graphics. In this quick tip, you’ll learn how to apply a clipping mask to a layer group enabling you to mask multiple layers at once while keeping the type, the graphics and the photograph re-editable.

10:30 AM Permalink
February 28, 2013

Copy CSS Attributes in Photoshop 13.1

In an attempt to make the hand-off between designer and developer easier, several attributes of Type and Shape Layers can be copied as CSS. To copy a single layer or a Layer Group, select it in the Layers panel, then use the fly-out menu to select Copy CSS.

The DIV shapes include:

• Rectangle, rounded rectangle, ellipse

• Solid Color fill, gradient fill (linear & radial), opacity

• Drop Shadow, z-index

Stroke Attributes include:

• border-width, border-color,

• border-style (dotted/dashed/solid)

• background-image (layer name)

Text Attributes include:

• font-size, font-family, color, font-weight (bold),

• font-style (italic), font-variant (small-caps),

• text-decoration (strikethrough, underline),

• text-transform (uppercase), vertical-align (sub, super)

• text-align, text-indent, transform

• Drop Shadows

In addition, there are third party plug-ins( such as CSS Hat) that can help with handing off Layer Style information to CSS.


5:34 AM Permalink