Photoshop Workshop - Lesson 8
Creating Mouseover Buttons
Creating Mouseovers
Mouseovers require at least two images : one that loads when the Web
page loads, and one that loads when the mouse is moved "over" the image.
In order to minimize visual disharmony, the text on the two images
must appear exactly the same size and in the same place. The two
mouseover images must be the same size if one replaces the other.
It is possible to "mouseover" one image and have a different image
change. In that case, there are three images involved; images two and three
(the ones that change) must have the same dimensions.
For password protected directories:
user name : workshop
pswd : workshop
user name : workshop
pswd : workshop
- Lynda Weinman's guide to using Image Ready to make mouseover images
Check PDF and zipped files in pub directory - Converting the rounded-end-button from the last lesson into mouseover images
Download mouseover.psd
resources
- Mouseover tutorial - explains the javascript required
