Make Money with Photoshop

Join our mailing list to receive the ShowAndTell-Graphics Newsletter. You will get an email whenever a new tutorial is added, or when new Myspace layouts are created.

At ShowAndTell-Graphics we value your privacy. Please view our privacy policy.

Come join me on Myspace! Click here to view my page. Drop me a note and say "Hey!"

Search Query
Do you want to know how it's done? Learn how to use Photoshop the easy way!

How to Create Animated
Glitter Text
Photoshop Training

Glitter text has really become quite popular thanks to web sites like Myspace and Youtube. I get emails all the time on my Myspace page about how to do this. It really is quite simple. Of course you can make it much more elaborate and create a million layers, even make it look like shiny metal letters,  but those of you who know me, know that I like to try and keep things as simple as possible. It's all about deciding what the job is, and then getting it done. So let's get-r-done!

Before you begin, you will want to think about a couple of things. What color and size you want the text to be, and what color is the background that you will be putting it on. You will want to match the background color of this project to the background color of whatever you are going to use it with. This is not absolutely necessary, but I think it looks tons better.

Create a new document of whatever size you want the text to be. Select the color you want the text to be in the foreground color tile. I am going to make mine red. Select the horizontal type tool, and type your text. I am using a font called Arial Rounded MT Bold at a height of 100pt. Bolder fonts will work better for this, but choose whichever you like.

You should now have a background layer and a text layer.

Next you will need to rasterize the type so that we can add filters to it. Select Layer/Rasterize/Type. Now duplicate the type layer twice so that we have 3 layers of the text. Make sure the type layer is highlighted as shown above and choose Layer/Duplicate Layer and click OK. Do this one more time.

Highlight the top layer of text, and select Filter/Noise/Add noise. Set the amount to 50%.

Then hightlight the next layer, but this time add noise at 55%. On the last type layer add noise at 60%.

Now we will add a bit of spice to the text to make it really pop. Highlight the top layer and select Layer/Layer Style/Blending Options. I am going to add a stroke, a drop shadow, and some bevel and emboss using the settings shown below. You may have to tweak your settings a bit depending on the type and size of font you are using.

Next we will need to copy this layer style to our other text layers. Right click on the top layer and select Copy Layer Style. Now right click on each of the other two text layers and choose Paste Layer Style. Now the only difference between the layers is the level of noise.

To create our animation we will need to jump over to ImageReady. Cick on the jump to ImageReady button.

Once in ImageReady, make sure your animation window is showing. If not select Window/Animation.

At this point we only want the top text layer and the background layer to be showing. Turn the other text layers off by clicking on the little eyball on their layers. You should have one frame showing as above. Click on the flyout menu of the animation window and select New Frame.

Now turn off the top layer, and turn on the next layer of text. Add a new frame, turn off the text layer that is on, and turn on the bottom text layer. Add one more frame and use the middle text layer again. You should now have 4 frames in your animation. Hit the play button to see how it looks.

Once you have it the way you want, you will need to save it. Make sure your optimize window is set to GIF. If you can't see the optimize window select Window/Optimize. Here are the settings I use.

Now you will need to select File/Save Optimized As. Choose a folder and a name, and your animated glitter text is web ready. Here is how mine turned out.