Home   Products   Tutorials   Videos

How to use Photoshop Brushes as Layers Tutorial

How to use Photoshop brushes as layers tutorial (such as using transparency)

Brushes as layers in Adobe ® Photoshop ®

layers red photoshop brushes as layersphotoshop brushes layers Many of the brushes sets (on this site) contain PNG images that contain transparency and they can be used as layers when either imported via the place command (embedded or linked)

 

1) file place command (re-size as required)

2) window menu and layers

 

You can use them as a layer or multiple layers (or duplicate the existing layer) as well as apply layer styles to the stroke such as the red object right.

 

If you have already loaded the brushes and the brushes are in the brush panel then you can use the Photoshop brushes as layers by adding the strokes to layers

1) layer menu and new layer

2) select the brush tool and select color

3) Select brush stroke

4) Apply once or multiple times to the new layer

 

Add layer styles to the brushes

panel brushes and layers photoshop and settingsbrushes layers and the layer style and bevel and shadow1) layer panel and select the layer

2) layer menu and layer styles

 

You can see the result on the right adding the styles via the layer styles menu command

 

The advantage of using the PNG layers / Photoshop brushes as layers is that the layer (or layers) can be hidden or removed or re-positioned via the layer comps feature in Adobe ® Photoshop ® or just removed via the layer panel.

 

Left, the panel and you can quickly remove the effects as well hide the object or even delete it via the panel simply by clicking the eyes in the layer menu or selecting the effect lines such as drop shadow and dragging them to the delete layer button

 

Tutorials

1) How to use Photoshop brush strokes with channels and in separate channels tutorial

2) how to use the brushes with Photoshop blending modes such as lighten and darken and difference

3) Polka dot brushes and how to create them tutorial

 

Libraries and the brushes and Photoshop layers

layers and photoshop brushes librariesWith the latest versions of Photoshop, you can now add artwork to the CC libraries simply by

 

1) selecting the brush layer

2) drag to the CC library (window menu to display libraries)

 

If you want to re-add the brushes to the document as a new layer then

 

1) select item in the CC library

2) drag to the document (adding a layer)

 

The great thing about storing the Photoshop brush layers in the CC libraries is that can easily be accessed again in other projects as well as it is a great way to safely store your artwork (though I would always make an additional backup of the work)

 

Use brushes with the duplication of layers

repeat brushes layers for Photoshop gridphotoshop brushes layers and alignmentThe Photoshop brushes layer can be duplicated quickly by holding down the alt / option key with a layer

 

1) select a layer

 

2) ALT key / option drag and release

 

3) generates a new layer and a new stroke in the new position.

 

The brush layers can also now be aligned and distributed using the standard align and distribute tools for layers (select all the required layers) and layer menu and align command etc. You can then select multiple layers and then duplicate those to quickly create a grid of the brush strokes (obviously in any images the designs are not going to be circles etc but something a little more complex perhaps)

 

It would, of course, be great if Photoshop allowed for multiple duplications of a layer and not just one copy (not sure how they could implement it but perhaps it could be added via the layer menu and duplicate and duplicate multiple menu command ?) You can fill the image quickly with multiple copies of the artworks.

 

Layer Transformations

repeat distortedsmart objects and photoshop brush layersYou can also apply rotation and scaling to the Photoshop brushes layers as well as puppet warp via the edit menu. The individual objects can be warped in all kinds of ways.

 

You can select the individual layers in the layers panel and move the brush layers to different locations (something you cannot do if you use them just as brush strokes and apply to the background - and the brush strokes can be smudges or painted designs as well as just circles as on the left). You can also transform the different layers

 

You can also apply the brush stroke as a layer and then convert that to a smart object and edit that smart object will result in all the connected brush layers being changed

 

1) apply brush stroke to layer (one or multiple strokes)

2) layer menu and smart objects and convert

3) generate multiple copies of the smart object

4) go to the layer panel

5) click on the smart object thumbnail and edit the smart object (perhaps make smaller etc)

6) save the PSB and all the connected smart objects will change and transform at the same time (as on the right)

 

Photoshop brushes / Layer comps

photoshop brushes layers compAs Photoshop brush layers, you can also use the layer comps feature (window menu for the panel) and then you can set up a number of different stroke layers and then create a new layer comp (as well as add styles etc).

 

The comp saves the positions and opacity and styles of all the layers (if set via the panel). You can then shift all the artwork and then save that as a new comp via the same panel and repeat this numerous times.

 

You can then demo all the different layouts to your clients such as with the layer comps on the left. The first layer comp was a the basic grid and then the individual brush layers were moved and then the layer comps was then created and then they were moved again and a layer comp was then saved and the final layer comp included the shadow effect added to the brush layer via the photoshop styles panel.

 

You can also use it as a quick way to add the strokes to an animation with styles by creating a keyframe from each comp and this can be applied rapidly repeating the comps as required as positions etc for the animation and they can then be rendered as a new animation MP4 file etc

 

Groups of Photoshop brushes layers

smart objects and groups of photoshop brush layerssmart objects photoshop brush layersYou can also select brushes and then group them. Perhaps you have brush stroke layers in one area of the image and you wish to remove those or perhaps apply effects to that one area then you can by using groups

 

1) layer panel

2) select the Photoshop brush layers required

3) right side menu and new group from layers

 

or use a new group and drag items into that group

 

You can also move the group as a group of brush layers but weirdly you cannot just select one part of the group and move the entire group, you have to manually select all the layers in the group and then move that. Generally I prefer the smart object option but you can also do that and just go to the layers and smart objects and convert the entire group into a smart object and then move that smart object as well as adding effects / smart filters to the entire group as well as adding smart adjustments (via the image menu and adjustments) to change the color etc of one part of the brush stroke

 

Related sets

You can find the examples used on this page via the Photoshop / psp / Affinity Photo brushes packs and collection set including 10000s of great brush strokes section of the site. You can find many brushes sets such as diamond and frame brushes and distress circle snd rough circular brushes and Christmas and Xmas brushes such as baubles and decorations

 

Youtube Video tutorial

A quick tutorial on Photoshop brushes (layer) and puppet warp transformation (Youtube)