fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Stroke Path in Photoshop

www.psd-dude.com
Tutorials Basics 16244 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.

Advertisment

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"

John
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
John
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
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


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a Movember Flyer in Photoshop using simple photo editing techniques. Add glasse...
A supermoon is the coincidence of a full moon or a new moon with the closest approach the Moon makes...
Start working like a professional graphic designer by adding these amazingly useful graphic design r...
Learn how to create an isometric 3D text effect in Photoshop in just a few simple steps. For this tu...

      Fur and Knitted Fabric Photoshop Actions
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top