How to add multiple strokes to shapes in Photoshop tutorial

Learn how to add multiple / double / triple strokes to Photoshop custom shapes to give an edge to your layer designs in CC 2018 2017 2015 etc

Add multiple strokes to photoshop shapes

How to add multiple strokes to shapes in Photoshop tutorial
  1. Select shape tool for the multiple strokes in Photoshop

  2. Create a shape using the layer option

  3. Go to the layer menu in Photoshop

  4. Layer style

  5. Stroke

  6. Set color and size etc for stroke

  7. Click '+' to add another stroke to shape and repeat multiple times

  8. Set color and size etc for stroke and OK

There are a number of ways to approach this - the new '+' approach is probably best via the styles dialog

 

Video tutorial about the subject by graphicxtras.com (youtube)

 

You can create a vector layer via the CSH tool or by using the rectangle or ellipse etc. You can also add the multiple edges to the artwork. The key thing is that it is a layer and the layer can have layer effects applied and key to that is the stroke feature.

 

Buy $9.95 13,000 Vector artworks for PS and PS Elements CSH gallery

 

layer style

With the latest release of PS, you can now add more than one entry in most cases (weirdly the bevel and patterns do not have the + option) Still, this does require some setup. Say select a circle and then go to the layer menu and then layer styles. Depends on the order of the added style and also the position which can be outside or inside or center.

 

For simplicity, set the first is in red to outside at 16px. Click the '+' next to the field and this will create another and to see the result, simply set the value to a little more than the 16px otherwise you just won't see it. So set the second entry to 24px say and a different color such as black and you will now see two edges to the artwork - this can be repeated with the outside options so you can click '+' and then added another say with a value of 50px. Again, the result can end up fairly coarse in PS.

 

The key thing is the order as well as the size. You have to get the order right or you just won't see the result of the additional entries in the layer styles.

 

smart object

Now, go to the layer menu and smart objects and convert to smart object. You can now go back to the layer menu and layer effects and add an additional settings to the PS shape new object.

 

This process can now be repeated, simply by converting the path again into a smart object (though clearly there are limits as you will see PS get slower and slower processing all these additional smart objects). The only problem with this is the coarseness of the applied vector once you add too many or too large a size.

 

The image on the right shows a vector circle and there is a slight coarseness already to the artwork - this is definitely multiplied if you have a more complex artwork.

 

resize

For some objects, there is an easier option - simply duplicate the original path and then re-size and re-size (reducing the size and changing the layer style for each of the layers or perhaps add the setting via the properties for the vector).

 

You can then just use the group option in the layer menu to group the objects together.

 

Perhaps not such as elegant solution and definitely does not work well for all paths.

 

You can also use Illustrator and create the design with the edges in that application and then select the artwork and copy that back to PS. The results are generally much better than any of the PS work.

shapeburst

 

You can also fake the whole thinf by using the layer menu and layer styles. Set a large size and position and fill type to gradient and the style to "shapeburst". You can create gradients with many color stops such as white stop, black stop, white stop, black stop, white stop etc.

 

Keywords : How to add multiple strokes to shapes in Photoshop tutorial

Return to home page

 

Commercial use - Royalty free - No time limit, no credit - All by graphicxtras.com - Secure sales via shareit.com (c) 1995-2018 Andrew Buckle, Maidstone artist, tel: +44 1622 / 688 375 E-mail: support@ graphicxtras.com License and usage Privacy Facebook pinterest Twitter Youtube tutorials Instagram Linkedin