Posts tagged "Layer Group"

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 Comments (3) 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