Simple Web 2.0 Text

[Vectawr]

In this tutorial Ill just be showing you how to make a simple web 2.0 text effect

*All necessary plugins come with the latest Pdn version(3.36)*

Lets go!

1.

Simply add the text you want.

2.

Now select the text.

Make a new layer. :AddNewLayer:

On the new layer with the text selection still intact create a gradient :LinearGradient: with the color of the text

and a darker shade of that color.

3.

Now you will see that the gradient isn't very smooth on some sides.

Just do Gaussian Blur :GaussianBlur: you do anything between 2-10 I used 5.

4.

Okay now duplicate :DuplicateLayer: the text layer and move it up :Up: so its in front of

the gradient layer and just use Brightness and Contrast from the adjustments tab to make it pure white.

5.

Select the pure white text layer's text

6.

Now we are going to use the Move Selection tool to make the selection a little bit smaller and more inside the text

as you see me doing in the screen shot below.

7.

Once you've made the selection a little bit smaller you can press the delete button on your keyboard

or go Edit > Cut. Now just Gaussian blur :GaussianBlur: that pure white text layer it can be anywhere from 4-7 just see which one you like the most.

And that's it. I hope you enjoyed this simple tutorial

I would love to see what you guys make so if you do decide to do the tutorial please show your result!

[m2lucky]

I like the result it is a little blurry tho

[Vectawr]

I like the result it is a little blurry tho

xD Thnx but how is it blurry? it just has an outerglow but w/e its just supposed to be very simple

[Frozen_byte]

Nice effect, I added my own style and her's my outcome:

[Kemaru]

This, too, would look much better if done via Alphamask~

[MeowMeow]

There are many ways to achieve the same effect- outline object, layer blending modes, the "glow" effect (along with other steps), but it's an ok tutorial. I suggest adding a last "sharpen" effect at the end (maybe repeating it a couple of times) since it sorta does turn out on the blurry side.

[LFC4EVER]

Nice tut. That bevel method is interesting. I have ideas now.

[Vectawr]

There are many ways to achieve the same effect- outline object, layer blending modes, the "glow" effect (along with other steps), but it's an ok tutorial. I suggest adding a last "sharpen" effect at the end (maybe repeating it a couple of times) since it sorta does turn out on the blurry side.

Yea prolly you can add more and make it look better but it's just supposed to be simple for new peopls to try and get better at pdn (:

[McyD]

Here's mine. It sucks but i like it. But it was hard to get the curls right.

[McyD]

Here's mine. It sucks but i like it. But it was hard to get the curls right.

[ikin]

wow mine look weird -.-

[ikin]

wow mine look weird -.-

[yy10]

here's mine:

A bit bloody looking effect. I added a melting effect too.

[yy10]

here's mine:

A bit bloody looking effect. I added a melting effect too.

[winterfest]

Nice effect, I added my own style and her's my outcome:

Can we have a tutorial of this please ?

[winterfest]

Nice effect, I added my own style and her's my outcome:

Can we have a tutorial of this please ?

[Maggle]

Ok, so i'm new. here is my go at it.

[Maggle]

Ok, so i'm new. here is my go at it.

[tuxiniator195]

Can't you do the 3D part with the bevel and emboss tool?

[pdnnoob]

I would suggest lowering the opacity of the outer glow to make it less blurry looking. Also, I'll repeat what Kemaru said...use Alpha mask! Otherwise, nice work!