How to create a gel-style text effect with only a few steps. Good for sigs and web layouts.

Welcome to this quick tutorial on making a gel-style text.

You will need to make the text slightly bigger than you want the end result to be. Im using #139DDE for my colour, works well against the black background.

Go to Layer > Rasterise > Layer to make the text layer into a normal one you can work with.

If the background is not black, I would recomment going to Layer > Layer Style > Stroke and adding a 1px wide black stroke.

Now Layer > Layer Style > Bevel and Emboss. These are the values that worked for me.

It’s important to set the Gloss Contour to resemble this:


Thats all there is to it, would be useful for sigs or web templates. If you add an outer glow of the same colour with a high spread this can also be used to be like a neon sign.

If you would like further information or help understanding aspects of this topic, please post in the Tutorial Talk Forum.


About the author:

I live in Northern Ireland, currently still in school studying to do Sonic Arts at university. Enjoy photography (Nikon D70) and Photoshop (Cs), aswell as playing bass in jazz bands and singing choral/classical works.
Check out my Profile/Gallery for more tutorials and to see my work.