How to Add Strokes to Text in Photoshop

Applying strokes on text in Photoshop
Applying strokes on text in Photoshop | Source

Strokes are the marks made by pencil, pen or paint brush. In Photoshop, strokes can be added to text or objects. Strokes on the text are the lines drawn outside, inside or the center of the text. You can add single or multiple strokes and create fancy texts. Strokes on text give extra dimension to the word art. It is not only easy but also fun.

While working with the stroke styles, make sure you align your Layer Style box just below the text in the document. This will allow you to see the changes being made.

Here is the step by step guide to add single or multiple strokes to text in Photoshop. Learn how to apply strokes on the text and express your creativity in word art.

Type text, click layer style and select strokes from drop down menu.
Type text, click layer style and select strokes from drop down menu. | Source
Select stroke styles from the dialogue box
Select stroke styles from the dialogue box | Source
Add gradient and pattern to text
Add gradient and pattern to text | Source

How to Add a Stroke to the Text in Photoshop


Click Text tool, and write the text. Choose font, size, color, orientation and text wrap of your choice.

Click layer style icon on the bottom of the layer palette and select Stroke from the drop down menu. A dialogue box will appear. Check stroke. (You can also double click the text layer for layer style dialogue box, and then choose stroke.)

In the layer style dialogue box, you will have multiple options.

To change the color of the stroke, click the Color box and select the color.

To change the size of the stroke, drag the pointer on the Size bar.

Click on the Position box to position the stroke inside, outside or center.

You can choose blend mode and opacity of your choice.

Click the Fill Type box, you will get three options for strokes fill. You can choose Color, Gradient, or Pattern.

When you chose Gradient and click the gradient box, Gradient Editor dialogue box will appear. You will have options to choose the presets of your choice.

If you choose Pattern and click on pattern box, a dialogue box will appear. You can choose pattern to fill in your text. If you have your photo as a Pattern, you can fill it inside the text. If you want to create a new Pattern, open the photo, or select the area in your photo, which you want to use as the pattern. Go to Edit, Define Pattern and then click OK.

After you are satisfied with the result, click OK.

Add multiple strokes to text
Add multiple strokes to text | Source

How to Add Multiple Strokes to Text in Photoshop


Type the text.

Click add layer style icon or double click the text layer. A dialogue box will appear, click Stroke.

Increase the size of the stroke by dragging the pointer on the Size bar.

Choose the Color of your stroke. And hit OK.

Right click the text layer. From the drop down menu, select Convert to Smart Object.

Now, open the layer style dialogue box again and go to stroke option.

Increase the size of the stroke and choose different color for the stroke. Hit OK.

You can now see two different strokes on your text.

You can repeated the process again (convert to smart object) to add more strokes.

In the Layer Style box, you can click Style and experiment with different styles. You check drop shadow, inner shadow, outer glow, inner glow, emboss etc. and get amazing results.

More by this Author


Comments 25 comments

Vinaya Ghimire profile image

Vinaya Ghimire 3 years ago from Nepal Author

@wheelinallover, thanks for sharing your thoughts on Photoshopping.

@ExpectGreatThing, I'm glad it worked.

Cheers


ExpectGreatThings profile image

ExpectGreatThings 3 years ago from Illinois

It worked!! Awesome! Thank you! Now I can't wait to start playing with it :)


wheelinallover profile image

wheelinallover 3 years ago from Central United States

Photoshop takes time to learn. It is the same with Gimp. Once you do learn, you can create some amazing graphics. Layering can really make a difference. In our work simplicity is important for the majority of what we do. The graphics staff love the few times when they can let it all hang out. Most of the fancy graphics end up on Facebook.


Vinaya Ghimire profile image

Vinaya Ghimire 3 years ago from Nepal Author

@Mary, if you are not a designer, I recommend using Photoshop Elements, which is user friendly. Photoshop CS is designed for professionals.

@dghbrh, true, photoshop can be very intimidating sometimes. But once you start learning, you will enjoy it.

@torrilynn, give more time to photoshop, and you will love it.

@ExpectGreatThings, I have Elements 10 but I don't use it. Go to Edit - Stroke selection, your problem will be solved. You can also click Style icon on the menu ribbon when Text tool is selected. You can then add styles to the text.


ExpectGreatThings profile image

ExpectGreatThings 3 years ago from Illinois

Maybe this is a dumb question, but I can't find the layer palette that has the stroke option on it. I would love to be able to do this, though! It might be because I use Photoshop Elements 10 instead of regular Photoshop. Do you have any insight on that? Thanks for the hub! Ginger


torrilynn profile image

torrilynn 3 years ago

Hi Vinaya,

thanks for this hub on how to add strokes on text in Photoshop

I've tried using Photoshop in the past but I still haven't gotten the

hang of it. thanks for the useful information though. Voted up


dghbrh profile image

dghbrh 3 years ago from ...... a place beyond now and beyond here !!!

I am really scared of Photoshop to be honest. So many features and I get confused. Thank you so much for this hub. I do hope sometimes i will be also able to do it...LOL. I will book mark it so that I at least try to follow it. Votes up useful and interesting. Shared across.


mary615 profile image

mary615 3 years ago from Florida

I have Photoshop installed on my computer, but I think I am intimidated by it. I just have not spent the necessary time trying to learn the different techniques. Your Hub seems simple to follow, and I will bookmark it so I can go back and read step by step.

Voted UP, and will share.


Vinaya Ghimire profile image

Vinaya Ghimire 3 years ago from Nepal Author

Mary,

We are online writers, which also means we are little bit of photographer and designer. We need some designing skills to make our page beautiful.

I'm lad that you have found my Photoshop tutorials useful.

Cheers


tillsontitan profile image

tillsontitan 3 years ago from New York

I don't know how I missed this one! This technique can be used for lettering in so many different projects. I am bookmarking all of your tutorials so when I start using Photoshop again, maybe I'll know what I'm doing. You are certainly the Photoshop guru!

Voted up, useful, and interesting.


Vinaya Ghimire profile image

Vinaya Ghimire 3 years ago from Nepal Author

@Movie Master, my photoshop tutorials are for the beginners. I'll be glad when people will learn photoshoping from my hubs.

@Cathleena, without any doubt photoshop has tremendous possibilities. I'm glad that you are learning it. Thanks for your comment.


Cathleena Beams profile image

Cathleena Beams 3 years ago from Lascassas, Tennessee

Very helpful tutorial. I took a class on Photoshop Elements and there is a whole lot that can be done that I'd never even dreamed was possible. As I don't use the program all that much though, I'm sure when I do that I'll be searching the web for answers on how to use it again. Great idea for a hub!


Movie Master profile image

Movie Master 3 years ago from United Kingdom

Hi Vinaya, a great tutorial - I know I will find this useful, I'm off to try it out now1

Many thanks and voting up.


Vinaya Ghimire profile image

Vinaya Ghimire 3 years ago from Nepal Author

Hello acaetnna, I'm glad that I have been a help.

Thanks


acaetnna profile image

acaetnna 3 years ago from Guildford

Fabulous information, so very helpful to me. Thank you so much Vinaya.


Vinaya Ghimire profile image

Vinaya Ghimire 3 years ago from Nepal Author

Mckbirdbks,

it is good to backlink hubs for traffic. You hubs are terrific.

Thanks for coming back


mckbirdbks profile image

mckbirdbks 3 years ago from Emerald Wells, Just off the crossroads,Texas

I have been trying to make it a point to "Like" my own work on Facebook, it might draw a few more readers.


Vinaya Ghimire profile image

Vinaya Ghimire 3 years ago from Nepal Author

Hello mckbirdbks,

I don't have experience of other photo editing programs, but I have heard they are also amazing. Thanks for your comment.

Cheers


mckbirdbks profile image

mckbirdbks 3 years ago from Emerald Wells, Just off the crossroads,Texas

Hello Vinaya. I am using a different graphics software but am amazed at the powerful apps in Photoshop.


Vinaya Ghimire profile image

Vinaya Ghimire 3 years ago from Nepal Author

Hi Rosemary,

There are many programs similar to Photoshop, GIMP is called free Photoshop. I'm glad that my Photoshop tutorials have helped you.


Rosemay50 profile image

Rosemay50 3 years ago from Hawkes Bay - NewZealand

This is awesome Vinaya. I don't have Photoshop but my tools are similar. I have just been experimenting from your instructions and didn't realise I could do all this stuff. Thank you for sharing these tips.

Voting UP


Vinaya Ghimire profile image

Vinaya Ghimire 3 years ago from Nepal Author

@Peggy, what I love about Photoshop is it can be even used by amatures. Thanks for your comment,

@Ronna, I have never used Corel Draw, so I don't know if brushes can be used there. Thanks for stopping by.

@Always Exploring, I'm jack of all trades and master of none. LOL


always exploring profile image

always exploring 3 years ago from Southern Illinois

Oh i wish i had your talent, like i told you before maybe i will try it sometime. Thank you for always sharing with we hubbers..


Ronna Pennington profile image

Ronna Pennington 3 years ago from Arkansas

Thank you thank you thank you! I use Corel Draw, but see similarities with Photoshop. Can I use brushes in Corel?


Peggy W profile image

Peggy W 3 years ago from Houston, Texas

Another great hub about using Photoshop. Will have to seriously study this and try my hand at using these techniques someday. Up, useful and interesting votes and will share. Thanks!

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working