On Tue, 11 Nov 2008 09:59:56 -0600, "bolo_2"
wrote:
Sorry, I cross posted this on Adobe.Photoshop.Windows, but i thought i might catch someone here that did not go there.
In Photoshop CS2 i had seen and used a tutorial to create a web page with rollovers from Photoshop. Yes, i know Photoshop is not the best tool to do this with, however, it could still be done. It used Imageready to edit the roll-overs, HOWEVER, cs3 no longer utilizes Imageready, so any suggestions on how to do this in CS3? Thanks in advance.
you need at least two images. Create content on one layer, then duplicate the layer and edit it. You can also use layer styles to apply effects.
Use preset button styles from the Styles palette to create rollover buttons with normal, mouseover, and mousedown states. Draw a basic shape with the rectangle tool and apply a style, such as Beveled Normal, to automatically turn the rectangle into a button. Then copy the layer and apply other preset styles, like Beveled Mouseover, to create additional button states. Save each layer as a separate image to create a finished rollover button set.
Use the Save For Web & Devices dialog box to save rollover images in a web-compatible format and with an optimized file size.
Use the Save For Web & Devices dialog box to save rollover images in a web-compatible format and with an optimized file size.
After creating a rollover image set in Photoshop, use your HTML wrtiter to place the images on a web page and automatically add the JavaScript code for the rollover action.
Dave