Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Tutorials 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:

img

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.

img

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:

img

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

img

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

img

You will be left with this:

img

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.

img

img



Author's URL: avivadirectory.com
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


Like us to: