-15% OFF - Over Christmas Photoshop Actions For ONLY 50$
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Stroke Path in Photoshop

Tutorials Basics 17803 Views March 2nd, 2014

In today's Photoshop tutorial for beginners I will show you how to use the stroke path feature. This is a very important thing to know as many of the tutorials are using the combination between paths and brushes. This feature is especially used in creating different text effects , for creating frames and borders, outline effects and so on. In a previous tutorial we learned how to create a path and today we are talking about stroking paths.


Step 1 - Create the Work Path

To stroke path in Photoshop first you have to make a path, so this is the first step that you have to make. Learn how to create path in Photoshop from this quick tutorial for beginners. As you will see you can make a Photoshop work path from pretty much everything.

Let's say we already created a work path from a text layer, using a quick selection like shown in the tutorial about how to make path in Photoshop.

Step 2 - Create a New Layer

The second step is to create a new layer for the stroke path effect. If you do not create this new layer the stroke path will not work for text layers and vector shape layers. So it is better to use a new layer for the stroke outline.

Step 3 - Stroke Path

In Photoshop you can use the Stroke Path option with all the main tools: Brush Tool, eraser Tool, Smudge Tool, Burn Tool, etc. But the most used tool for stroking paths in Photoshop is the Brush Tool; so in this tutorial I am going to explain how this works.

Pick the Brush Tool and choose a brush that you like. I will choose a simple dotted brush

Pick the Path Selection Tool and right click on the path. Choose Stroke Path and from the tools drop-down list choose Brush, which is actually the default setting.

Press the bacspace key to delete the path. Or right click on the Path Tab and choose delete path to see the result.

So here is the final result for the stroke path using the dotted brush.

You can use the same path to create the stroke outline effect using other brushes. It is better to keep the path and use the stroke option in different layers. That way you don't have to create the path every time. You simply switch the brush type, create new layer and stroke path. You can even save the path and export path in Illustrator. You can save the path as Clipping Path which is an isolated object .

So here are some quick samples of stroke path effect using different brushes. You can use the same technique for vector shapes, raster objects and so on.

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

4 comment(s) for "Stroke Path in Photoshop"

9:31 AM Monday, March 03, 2014
Here you have a parallel between the two cases: with or without pen pressure brush stroke).
So In order to simulate pressure sensitivity when stroking a path you have to check Simulate Pressure from the Stroke Path fly out menu.
So the result when you Stroke a path with a tapered brush (tapered on both ends, in size and/or opacity) is a tapered line as shown in the image below.
The second line is a line tapered at both ends with fading opacity level. The third line is a tapered line both is opacity and in size. reply
3:32 AM Wednesday, March 05, 2014
In the Brush Panel, set up Pen Pressure for Shape Dynamics/Size and Transfer/ Opacity and or Flow.
Than use the Stroke Path option and check the Simulate Pressure setting with Brush Tool. reply
1:30 AM Tuesday, December 23, 2014
I am a Photoshop beginner and I find this tutorial quite useful but I have one question. What does the simulate pressure for brush stroking mean? I saw that you do not mention to check or not the simulation pressure brush option... reply
1:30 AM Tuesday, December 23, 2014
How can I create the tapered line brush, the one with both simulate pressure and pen pressure? Is the same brush in all the three cases? reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action

      Metal Tag Photoshop Creator