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

Outlining Text


1. Start with a white to yellow(#fdfa8f) gradient background.

image 1

2. Create your text - I used 'Amerika Sans' font 72pt. Double click the layer and give it a 'gradient overlay' using red(#ff5002) and orange(#ffdf00) as the two colors.

image 2

3. Use the following layer style to give your text a 1px outside stroke:

image 3

4. Ctrl+Click on the 'T' box on your layer, in my example it is circled in red. This will create a selection which is the shape of the text (hint: this technique can be used on any layer and is very useful).

image 4

5. From the top menu, choose 'selection-modify-expand' and enter 2 in the box when prompted to enlarge your selection by 2px.

image 5

6. Create a new layer and using the paint bucket (white color - #ffffff) click anywhere inside your selection. This will fill the entire selection with white. Give it a 1px outside orange stroke like we did for the text.

image 6

7. Move your text layer on top of the new layer, and voila - we're done.

Outlining Text Tutorial: Final Result



About the Author:

SlickTutorials offers clear and detailed tutorials for Photoshop and Illustrator.

Author's URL: SlickTutorials
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Outlining Text"

Only registered users can write comment

Reader's comments