Create rollover images using layer effects

This is a very simple method of creating rollover effects using text layer effects. By simply turning the layer effect visiblily on and off, we can create the two sets of images necessary to put together our rollovers in Dreamweaver.

  1. open your completed comp in photoshop, make sure that this is your original PSD file
 complete comp
  1. select the text layer where you want to create a rollover effect (in this example, I have selected the About the Rally text layer)
selected layer
  1. at the bottom of the layers palette, click the fx icon and the layer effects pop-up menu appears
  2. select a layer effect (in this example, I choose Outer Glow)
  3. repeat steps 2, 3 and 4 for each text layer you want to create the effect for
  4. when you are finished, your layers pallete should look something like this:

Note: Effects and Outer Glow has been added underneath each text layer

select fx
  1. you should now see the effects you created on your image.

Note: the text in the leftside navigation bar now glows

Here is an example of the effect

image with glow

Next