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



About the Author:

SlickTutorials offers clear and detailed tutorials for Photoshop and Illustrator.

Author's URL: SlickTutorials
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 "Outlining Text"

Captcha