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

Shiny Web 2.0 Text


1. Create a new document (400*250). We're going to create some text suitable for a web 2.0 design.

2. Fill the background with #FFFFFF using the paint bucket tool.

3. First of all you should type out a little bit of text like I did. I used black as my front color because we're going to add a gradient overlay anyway. The font used in this tutorial is arial black (60px).

image 1

4. In this fourth step we're going to adjust the blending options and add some effects. So go ahead and navigate to (layer - layer style - blending options). We'll adjust the drop shadow settings, stroke settings and of course the gradient overlay to create the 2.0 design effect.

image 2

image 3

image 4

image 5

5. In this last step we're going to add the typical shine effect so use your rectangular marquee tool to select a box like shown below and fill it with white #ffffff on a new layer (layer - new layer).

image 6

6. Now lower the opacity of the previously created layer to 25% to end up with this web 2.0 design effect!

Shiny Web 2.0 Text Tutorial: Final Result



Author's URL: PhoNuts.org
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 "Shiny Web 2.0 Text"

Only registered users can write comment

No comments yet...