Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Photoshop Text Outline Effects

Photoshop Text Outline Effects


Need quick layer style that lets you apply multiple strokes (outlines) to a text or shape within Photoshop. Even though this is really simple in Illustrator via the Appearance Palette it's not so straight forward in Photoshop (at least to my knowledge). This tutorial shows you how to hack a few of the built-in layer styles to add extra strokes outside of the actual stroke style.

Step 1: Create a new Photoshop document.

image 1

Step 2: Fill the Background layer with medium black (R 35, G 31, B 32). Edit > Fill.

image 2

Step 3: Add some white text to your document.

image 3

Step 4: Add a Color Overlay style to your text layer. Set the Color Overlay fill to the same medium black as the Background layer (R 35, G 31, B 32). Don't close the Layer Style dialog box just yet and make sure to check the Preview setting so that you can see your changes.

image 4

Step 5: Add a Stroke style to your text layer by clicking the small check box beside "Stroke". Set the size of the stroke to 4 px and the color to dark gray (R 99, G 100, B 102). That's one basic stroke!

image 5

image 6

Step 6: Now add the style Outer Glow to your text layer. Set the blend mode to normal, the opacity to 100%, the color to medium gray (R 147, G 149, B 152), the spread to 100%, and the size to 8 px. That's two strokes!

image 7

image 8

Step 7: Finally, add the Drop Shadow style to your text layer. Set the blend mode to normal, the opacity to 100%, the distance to 0 px, the spread to 100%, and the size to 12 px. That's three strokes all in one layer style which means you can change the font and size live, and even apply the layer style to any shape or line.

image 9

image 10

Done:

image 11

image 12

Photoshop Text Outline Effects



Author's URL: The Design Playbook
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Breathe new life into text. These tutorials will teach you how to create various text effects. More Text Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Photoshop Text Outline Effects"

Captcha