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

Web 2.0 Text Effect


1. Start a new document 400 x 400. This gives us lots of space, and allows us to crop it later on. Make sure this is filled with white.

2. Grab the text tool and type your word, (I've used 'texteffect' as an example). Apply the following fonts and settings:

image 1

3. Layer > Rasterize > Type (the text is now unscalable so make sure you've chosen the right size in the first place!)

4. Hold control and click on the text layer; this selects it all. Go to select > Modify > Expand and apply the following settings.

image 2

5. Select black as the background colour on your colour swatch, and hold control followed by backspace. This should fill the area black, like so:

image 3

6. Go to blending options (Layer > Layer Style > Blending Options) and select the gradient overlay. Apply the following settings:

image 4

7. Stay in blending options but this time select stroke. Apply these settings:

image 5

You will be left with this:

Web 2.0 Text Effect Tutorial: Final Result

Your basic text is complete! A lovely dual coloured, simple text; fitting the new web 2.0 phase! Play around with the colours, remembering to stick with different shades of the same colour for best effect.

image 7

image 8



Author's URL: Aviva Directory
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 "Web 2.0 Text Effect"

Only registered users can write comment

No comments yet...