View Full Version: rolover button

Digital Bliss > Photoshop CS Tutorials > rolover button


Title: rolover button


slim - October 4, 2004 01:36 AM (GMT)
How to make a rollover button:

First you want to make a button.You want this first layer to be the the normal state of the rollover button(when the mouse is not on the button)

Here is the button im going to be using:
user posted image

Now you need to make an layer that you want to be the rollover state.(when the mouse is over the button)

here is what i am going to be using:
user posted image

Now you want to hide the layer that you want to be the rollover state:
user posted image

Ok we are ready to switch over to imageready.

Now we need to create a rollover state:
user posted image
Should looki like this after you creat a rollover state:
user posted image

Now once you create the rollover state you need to unhide the rollover layer while the over state is highlighted in the webcontent box:
user posted image
should look like this:
user posted image

Heres my rollover button:
Preview

you can preview your button in your web browser by clicking the Intrenet explorer button on the tool palette.
user posted image

Zero - October 18, 2004 04:44 PM (GMT)
that looks good, this might be good help to many people

Zero - October 19, 2004 09:16 PM (GMT)
I tried this tutorial...everything worked fine untill I tried to put it on a website. how do I do that(right)?

slim - October 20, 2004 01:02 AM (GMT)
Well first check and make sure the HTML is right.Then if that isnt right make sure you images are in the right folder.I could probably give you a better answer if i knew the specific problem.

Zero - October 20, 2004 11:29 AM (GMT)
link

it was the image folder :D


thx

Thyme - November 12, 2004 09:49 PM (GMT)
Nice Tut Man




Hosted for free by InvisionFree