Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

Stroke Path In Photoshop (With Examples)

www.psd-dude.com
Tutorials Basics 28373 March 2nd, 2018

Learn how to use Stroke Path in Photoshop. This feature is very useful for creating different text effects. To see an application of Stroke Path check out my tutorial on how to make outline text in Photoshop.
It's also very useful for creating frames and borders, outline effects and so on. In a previous tutorial we learned how to make a path and today we are talking about stroking paths.

Stroke Path Photoshop

In this tutorial you will learn how to use Paths in Photoshop and how to stroke path in Photoshop. You can stroke open path in Photoshop; make an open path with the Pen Tool. The Photoshop stroke selection option using the Brush Tool, is available if you turn the selection into a work path first.

Stroke path in Photoshop

This tutorial is applicable for Photoshop CS and CC 2015, 2018 and 2019.

How To Make 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 make a path in Photoshop from this quick tutorial for beginners. As you will see you can make a Photoshop work path from pretty much everything.

Create a New Layer For The Stroke Path

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.

[QUICK TIP] Why Is My Photoshop Stroke Path Greyed Out?

Stroke path not working? This is one mistake I made a lot when I started to work with paths in Photoshop.

Looking at the use of Pen Tool in Photoshop to draw a path. Let's say I tried to do Stroke Path.

Photoshop Stroke Path Greyed Out Or Disabled

Why is Stroke Path greyed out or disabled?

1. Because when drawing a path in Photoshop, in order for Stroke Path to be enabled you need to select Path when drawing with the Pen Tool

Here's how it looks in my Photoshop CC

Solution For Photoshop Stroke Path Greyed Out Or Disabled

2. Please note that Stroke Path will also be greyed out if you try to use use it within text layers or vector shape layers. To solve this you will need to create a new layer.

How To Use Stroke Path In Photoshop

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.

Photoshop Path From Text

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

Photoshop Work Path Selected

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.

Path Selection Tool Choose Stroke Path Stroke Path Using Brush Tool

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

Stroke Path Then Delete Working Path

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

Photoshop Stroke Path With 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.

Photoshop Stroke Path With Brush Tool
4.8 ( 116 votes)

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"

John
9:31 AM Monday, March 3, 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
John
3:32 AM Wednesday, March 5, 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
Ema
Ema
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
TinaRey
TinaRey
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


Get new posts by email:
LIKE US ON FACEBOOK

      Online Photo Editor
top