Saturday, January 19, 2008

Working With Type - Tip 1: Fire and Type


For the next few posts, I thought I would share some exciting tips about dealing with type using Photoshop (of course). Type is very important, and can make your design projects and web sites or blogs look very professional and nice. The first one I want to share here is called Fire and Type, which puts a wonderful burning flame effect around your type!

Open Photoshop and click File>New. When the size menu comes up, specify Width= 6 inches, Height= 5 inches, 72 ppi, Grayscale, and White.

Fill this square with black by pressing D on your keyboard to default the foreground color to black, and then click ALT>Delete, which will fill your square with black.

Now make your foreground color white by typing X on your keyboard. Click on your type tool and then click inside your black box. Type a word and make it 100 pt large, and make it bold if that is available in the font you chose. Click on Layer>Rasterize>Type.

Next, click on the Image menu, and choose Rotate Canvas, choose 90 CCW. Click on the Filter menu and choose Stylize>Diffuse>Normal. Click on Filter again, and this time choose Blur>Gaussian>3 pixels. Click on Filter yet again, and this time choose Distort>Ripple>100>Medium.

Now reset your default color to black again by clicking D on your keyboard. Click on the type tool again, and type that same word you typed earlier. Using your move tool pointer (V), move the type around so it sits over the odd looking old version of your word. Click on Layer>Rasterize>Type like the last time. Click on Layer>Flatten Image.

Next, go to the Image menu and click Mode>Indexed Color. Once you have performed that, go to the same menu again and click Mode>Color Table, and choose Black Body from the drop down list. Voila, here is your flaming type! Fun huh?

If you want to save this as a .jpg, I suggest resizing the image a bit, depending upon what you want to use it for, and then click on Mode from the Image menu again, and this time choose RGB. This will allow you to save the file as a .jpg. You can now use this on your web site, it will look really cool (or hot actually!)

No comments: