Photoshop/Image Ready rollover text colour change

Hi,
I have an image (.psd) file that i want to use as the main navigation for my website. On this image, are 4 or 5 text words that I want for the links. These have their own layers. I have managed to turn them into links fine, but now i want to creat rollover states for them aswell. For example, when the mouse pointer rolls over them, I want the text to change colour. When I try and change the colour in the rollover state, it changes it in the default state too...
dunkjonesyAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

ALaRivaCommented:
If you are just changing colors, you'll want to look at using CSS for this.

-Anthony
0
dunkjonesyAuthor Commented:
But, I'm not using CSS. I'm asking if this can be done within Photoshop/Imageready.
Thanks.
0
DeijaCommented:
okay have your navbar open in adobe image ready
first you must have two layers for each rollover  eg the standard layer has what you want it to look like when it's hasn't got a mouse over (default) and the second layer with the changes named buttonname rollover  
if you havent sliced your image up do it now

open window > Slice  now name all your slices - just makes finding things easier
when your doing the rollovers  

open "window > web content" - select the "normal" mode and make sure all your rollover layer visibilities are turned off in the layer window

now select your fist button slice that you have called say "home" in the "web content window" then right click on that slice layer select "Add Rollover State" go to the "layers" window and turn the rollover visibility layer on for that button.
keep repeating till all buttons are done
than save optimised as a html.... then view in your browser and you should have cool looking rollovers
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

anton_cronjeCommented:
try this.

i have created a quick tutorial for you to have a look at.
http://www.geocities.com/esk_concepts/images/banners/rollover.zip

let me know if you have any questions.

0
dunkjonesyAuthor Commented:
thanks people - sorry for the delay. i will try them out this week.
0
Lance_FrisbeeCommented:
Name your slices. Add rollover states to each - one by one. In that rollover and NOT your original slice, go to your text layer, and select "color overlay" and pick which color you would like it to change to. You can fiddle with opacity as well for a cooler look.

Save optimized get the images and code your rollover method (you may use javascript - flash - photoshop method etc....) - there are many ways to do this.

That should do it.

Lance
0
DeijaCommented:
no objections this has been open forever
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Creative Suite CS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.