Trendy Header Text
Published in Intermediate, Photoshop.
Start with some generic text. Most San serif fonts work, as long as they don’t have too much decoration or are grunge fonts.
I think Trebuchet MS looks the best. In the Character panel, make it bold, then apply Faux Bold and All Caps. All caps is not required but it generally makes the header look better.

Now duplicate this layer. Right click on one of the layers and select Rasterize Type.

With the pen tool make a highlight like the one above. It can be a wave like below or just a valley-shaped bump.

Right click on this vector and rasterize it. Now go back to your rasterized text. Press Select All (Control-A) and then hit the up and down keyboard keys each once. This should select only visible pixels.

Now go to the select menu and click Inverse, you can use the shortcut Shift-Control-I.

Press Delete. Make sure you’re on the layer with the white highlight.

Change the opacity of this layer — Mine is 40%. Choose something that works for you.

Now on the text layer (If you still have 2 text layers work only on one and delete the other. I like working on the non-rasterized one) apply these blending options.


Color is very important here. Make sure the bottom of the gradient doesn’t mesh with your stroke. It strains your eyes when you look at a header like that.

Drop Shadow (Optional, not in thumbnail example): Just add a simple blending option for a drop shadow.

Should end up looking like this :

Now to create the reflection. Don’t use a dropshadow when you do this. Duplicate the text layer. Delete the highlight if you duplicated it (like me :-P)

Select the bottom one and press Control-T. Make sure you are not using the text tool.

Also reverse the gradient in the blending options.

It should look like this:

Make a new layer and select the new layer and the bottom reflection. Right click on them and press “Merge Layers” this will rasterize all the blending options on the reflective layer.

Select halfway the bottom part now like I did below.

Go to Select > Feather and apply a setting like this. Then delete. It should look faded like the image above.

You can add sparkles or glitters or whatever they’re called with one of the default Adobe Photoshop brushes. They are in the set “Assorted“. This is the one I used. There are many more versions and sizes of this in this set. Use whatever you like and is of an appropriate size for your text.

Final: Drop shadow on top, reflected text on bottom. Both with sparkles. A tagline can be added with unformatted text and it will look good. Too much formatting on smaller text looks bad.

Have fun!

Subscribe to the RSS
#1 sphynxylynxy - 21 August, 5:09 AM
Absolutely Love it!!
I’m sure if I tap it with my finger it will sound like smooth glass or polished perspex.