Subscribe to Tutorials 2.0
Only Rinn

Basic Text FX Tutorial

by Rinn, January 25, 2007 posted in Design

1. Open up Photoshop and create a text object using the text
tool. For this tutorial, I used the font, ‘Gang of Three’, at 28px. You
can really choose any color and font you want to.

2. In your Layers (Windows>Layers) window, double click on the
text object and Layer Style window will open up. Click on the drop
shadow option and set the parameters to the following:

3. Now click on the ‘Bevel and Emboss’ option and change the parameters to the following:

4. Finally, select the Stroke option and change the parameters to the following and then click OK:

5. You text should now look something like this:

6. With the Text Object selected in your Layers window, go to
Image>Text>Warp Text and set the parameters to the following:

7. And you’re finished!

Popularity: 4% [?]

Pixel Button

by Rinn, January 17, 2007 posted in Design

If you’re one of those who’s into pixel buttons, here’s a cool way to start off. Sometimes, pixel buttons fit in quite nicely when you need a bunch of options and don’t want them stand out too much. Flickr’s view page is a pretty good example.

1. If you don’t have any bitmap fonts, go to dafont.com and download 04b03b bitmap font. So start off by typing out the text you want onyour button. Set the text to size 8 and the anti-aliasing method to”none”. Then add a stroke layer style to the text with the followingsettings:

2. Using the Rounded Rectangle Tool, set to a 2px radius, draw a rectanglebox around the text you just created. Then drag the text layer abovethe rectangle box if the rectangle is covering the text. Your buttonshould look something like this:

3. Add a layer style on your rectangle shape and add a Bevel and Emboss using these settings:

4. Then add a Stroke layer style with these settings:

5. And you’re done!

Popularity: 14% [?]