Posts tagged "Layer Group"

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.

2016_01MaskGroup

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

2016_01MaskGroupvector

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