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

How to Outline Text, Shapes & Images in Photoshop
Tutorials Photoshop Tips 1867 May 15th, 2019

Text Outline Photoshop effect tutorial for beginners. Quick and easy tutorial on how to create outline text in Photoshop. The Photoshop stroke text effect is really easy to make. You can use the outline for text, shapes and images.

Outline Photoshop effect in just a few easy steps. The outline can be applied to any type of layer: text, shape and cut out images. This kind of text effect is great for example if you want to edit text in image or add text over an image.

If you are into webdesign, you can also check out this amazing article about HTML highlight text methods.

How to Outline Text in Photoshop

Add a text in a new layer.

text layer in photoshop

Double click on the text layer to open the layer style window. To create an outline, add a Stroke layer style. Choose the position of the stroke that you like. You can choose Outside, Inside or Center depending on your font type.

stroke layer style in photoshop stroke layer style in photoshop

If you want only the outline of the text, you have to set the Fill of the layer to 0%.

stroke layer style in photoshop outline text in photoshop

When you add a text outline or a stoke you have to adjust the text spacing in Photoshop. Tracking is the spacing between each character. You can find the tracking adjustment menu right below leading on the character palette.

Apply Multiple Strokes To Text In Photoshop

If you convert the text layer into a smart object you can add a second outline. Right click on the layer and Convert to Smart Object. Than add another Stroke layer style.

multiple strokes text in photoshop

Photoshop Outline Shape

To outline shape in Photoshop you have to set the Fill to 0% and add a Stroke layer style. Set the size of the stroke and the position.

photoshop outline shape

You can basically do this for any shape. I've made an extensive tutorial on how to make a triangle in Photoshop where I also cover making an outline for a triangle.

How To Make A Triangle Outline In Photoshop

How to Outline an Image in Photoshop

If you want to outline an image in Photoshop you have to start with a cutout. So make a selection around the element that you want to cut out. Remove the background.

cutout in photoshop

Again add a Stroke layer style to the cutout layer. Set the size of the stroke and the color that you want. Set the position for the stroke outside.

photoshop outline image photoshop outline image

Outline Text Photoshop Action

If you want quick results you can try this free Outline Text Photoshop action from PhotoshopSupply. You can add multiple outlines to text, shapes and images.

And if you want to make outline font online, you can try the Mockofun text editor.

👍 OUTLINE TEXT in Photoshop (Text with Border)

Sticker Photoshop Action (20 Sticker and Label Effects)

If you want to create outline in Photoshop with different effects, you can try these cool Photoshop actions. The pack includes over 20 sticker and label effects.

photoshop sticker
4.9 ( 108 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

1 comment(s) for "Outline in Photoshop"

12:48 PM Monday, June 10, 2019
Thanks a lot 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:

      Online Photo Editor