Helping ordinary people create extraordinary websites!
HOME TUTORIALS SCRIPTS WEB HOSTING BLOG FORUM
Get Our Newsletter
Email:

Creating Gel Text in Photoshop

By Oleg Lazarenko
2005-05-19


Gel Text in Photoshop

This Tutorial will show you the basic's of creating
Gel like text.

1.) Let's begin by creating a new file. Go to File > New.
Make it 200 X 100 pixels on a white background.
2.) Select the Text tool from the tool palette.
3.) Type something large to fill the space.
(I used color #FF9900).
4.) Next, hold down the Ctrl key and in the Layers palette, click on the new text layer. a selection will be created.
5.) Go to Layer > New Layer. (Name it if you wish, then hit OK). Now go to Select > Modify > Contract. (Dialog box will appear). set at 3 pixels
Selection should now look like this:
6.) Select second color. (I used #FFCC00). Next go to Edit > Fill. Use 100% opacity and hit OK. Now Deselect selection. (Ctrl + D)
7.) Go to Filter > Blur > Gaussian Blur. Set the Radius to 2.1 pixels. Hit OK.
Optimum results is a nice blurring of the lighter edges.
8.) Go to Layer > Layer Styles > Bevel and Emboss. Set settings as below, be sure both highlight and shadow modes are set to white.
Text should now look like this:
9.) To finish off the text, Let's add a bit of a drop shadow. In the Layers palette, click next layer below. Now, go to Layer > Layer Styles > Drop Shadow. I used the following settings below:

*See image at top of page to compare your work.

Thanks for reading.



Tutorial Pages:
» Gel Text in Photoshop


 | Bookmark
Related Tutorials:
» 5 Tips for Photoshop Efficiency
» Photoshop "Inferno" Typography Tutorial
» Photoshop Indiana Jones Poster Tutorial
» Photoshop Plasma TV Design Tutorial
» Designing a Black Zune 2 in Photoshop
» Design a Cool Old Book with Photoshop

Ask A Question
characters left.