RE: Photoshop/ImageReady Layers - web buttons

Subject: RE: Photoshop/ImageReady Layers - web buttons
From: "Al Geist" <al -dot- geist -at- geistassociates -dot- com>
To: "'Evelyn Lee Barney'" <evbarney -at- comcast -dot- net>, "'TECHWR-L'" <techwr-l -at- lists -dot- techwr-l -dot- com>
Date: Wed, 15 Aug 2007 07:39:53 -0400

Evelyn Lee Barney asked:

"I'm trying to create web buttons that have three image states: 1) Normal
2) Roll-Over 3) Press. I created the three button states as separate images
as I was designing them.

Now, I'm confused about the next step. Each of these images should be a
layer. Should I recreate the entire series as a single document with

Yes, you can create those three buttons as different layers in one Photoshop
image. (I'm not sure what you mean about a single document with different
layers as image files are not documents.) Turn the layers on or off as
needed and save them out as either GIFs or JPGs depending on your needs. Use
JavaScript or CSS to create the roll-over code, or use a program like
Dreamweaver to create the code for you. Dreamweaver has states for Normal,
Roll-Over, and On-Click. (You don't press a button on a web page, you click
it.) There's a plethora of books out there that explain both JavaScript and
CSS (Cascading Style Sheets).

Only use slices for huge images (they load faster using slices). I've never
heard of using slices for buttons roll-over.

Al Geist
Technical Writing, Help, Marketing Collateral, Web Design and Award Winning
Voice/Msg: 802-872-9190
Cell: 802-578-3964
E-mail: mailto:al -dot- geist -at- geistassociates -dot- com
URL: (Online portfolio and resume)
See also:
URL: (Fine art photographic prints for home or
office and beautiful note cards for all occasions.)


Create HTML or Microsoft Word content and convert to Help file formats or
printed documentation. Features include support for Windows Vista & 2007
Microsoft Office, team authoring, plus more.

True single source, conditional content, PDF export, modular help.
Help & Manual is the most powerful authoring tool for technical
documentation. Boost your productivity!

You are currently subscribed to TECHWR-L as archive -at- web -dot- techwr-l -dot- com -dot-

To unsubscribe send a blank email to
techwr-l-unsubscribe -at- lists -dot- techwr-l -dot- com
or visit

To subscribe, send a blank email to techwr-l-join -at- lists -dot- techwr-l -dot- com

Send administrative questions to admin -at- techwr-l -dot- com -dot- Visit for more resources and info.

Photoshop/ImageReady Layers - web buttons: From: Evelyn Lee Barney

Previous by Author: RE: SWF or SilverLight?
Next by Author: RE: Guess what: we suck!
Previous by Thread: RE: Photoshop/ImageReady Layers - web buttons
Next by Thread: RE: Photoshop/ImageReady Layers - web buttons

What this post helpful? Share it with friends and colleagues:

Sponsored Ads