In this tutorial l will show you how to create a very impactive text effect called the beveled gloss effect. This is the text effect l have used for the header of one of my network websites www.HelpMyHits.com. The final effect looks great for nearly any type of font, but works best with a thicker, bold font face.
Here is what we'll be making with this tutorial:
Page 2 of 2
Create a new layer by pressing CTRL + SHIFT + N on your keyboard. Here we'll create a custom glossy look to our text. Get out the Lasso Tool () and make a selection similar to what l've done here across the top of each of the letters in your logo. Try to avoid making straight lines, make nice smooth curves as l've done:
Set your foreground color to white (#FFFFFF), get out the Gradient Fill tool again (). It should still be set to Foreground to Transparent
One our new layer, fill this selection with a gradient as l've done here:
Now press CTRL + D on your keyboard to deselect this selection.
Now press and hold the CTRL button, and click on our original text layer.
Doing so should make a selection of our text, here is how your canvas should look:
Go to Select->Inverse to invert the selection.
Make sure you are still on our "Gloss" layer, and tap the Delete key on your keyboard to delete everything outside of our text.
Press CTRL + D to deselect the selection.
Now get out your Brush Tool (). And set it up with a SOFT 20 pixel brush as l've done here:
Create a new layer on top of everything else.
Hold down the CTRL key on your keyboard, and click on your original text layer, once again to make a selection of your text once again.
Now lightly brush along the very tip top of the text so that only the very outside of your soft paint brush runs along the top of the text as l've done here. As you can see, this adds a little more depth to our text, and makes it look much more impactive. The trick is just to pay special attention to "not going overboard" with it.
Do Not deselect
Create a new layer by pressing CTRL + SHIFT + N on your keyboard.
Set your foreground color to Black (#000000).
Get out the Gradient Fill Tool () again, it should still be set up with foreground to transparent.
Now fill the selection with a black to transparent gradient on the bottom of our image, as l've done here:
Change the blending option of this layer to "Overlay":
Press 'V' on your keyboard to get out the Move Tool ().
Tap the Down Arrow on your keyboard one time, and the Right Arrow on your keyboard one time.
Doing so will move this layer down one pixel, and to the right one pixel if you hadn't figured that out.
And that completes the effect, here l've added a little arrow to the back of the text, but this was just a little design idea l had from the beginning.
I hope you've enjoined this tutorial, and have learned a nice text effect that you will use on future logos, headers, or signatures that you design for yourself, or for your clients. It's a very easy effect to achieve, but the final result looks great! Thanks for reading this tutorial, and please be sure to check out the rest of our great tutorials while you're here!