ImageReady 7 Rollover on a US Map

[janicen]

Hello, :)

Anybody had experienced creating rollovers on a US map or multiplie selection in one graphic ? :confused: I have ImageReady 7. Please just show me the tutorial how to create rollovers.... thanks in advance!

Jan

[Croc Hunter]

Hi janicen,

Open ImageReady and press F1 then in the help files do a search for "image maps" there are detailed tutorials there. Here is an outline.

To create an image map area using an image map tool:

Select the Rectangle Image Map tool , the Circle Image Map tool , or the Polygon Image Map tool in the toolbox.
If you create a layer-based image map, when using the Rectangle or Circle Image Map tool, select Fixed Size to specify set values for the image map area's dimensions. Enter pixel values in whole numbers. For the Polygon tool, enter a value or choose a value from the Quality pop-up slider to set the number of segments in the polygon.
Do one of the following to define the image map area:
With the Rectangle or Circle Image Map tool, drag over the area you want to define. Shift-drag to constrain the area to a square or circle. Alt-drag (Windows) or Option-drag (Mac OS) to drag an image map area from its center.
With the Polygon Image Map tool, click in the image to set the starting point. Position the pointer where you want the first straight segment to end, and click. Continue clicking to set endpoints for subsequent segments. Hold down Shift to constrain the segment to 45° increments. Shift + Option-drag (Mac OS) to constrain and draw from the center. To close the border, double-click, or position the pointer over the starting point (a closed circle appears next to the pointer) and click.

[janicen]

Thanks Croc Hunter. I'm basically looking for rollovers, not image maps. ;)

[Croc Hunter]

Oh Ok.. I just did a search in ImageReady for "rollovers" there's a tonne of info there.

Rollovers are simpler than image maps. ImageReady can generate the HTML for you to. You use a slice or image map area to define the active area for a rollover. When you add a new state to the image, you capture a snapshot of the slice or image map area in the previous state. You can then use the Layers palette to make changes to the image in the new state. When you save an image with rollover states and an HTML file, each rollover state is saved as a separate image file.

Tutorial (http://www.creativemac.com/HTM/58Seconds/2000/05_00/irrollover/imagereadyrollover.htm)

[Impel]

if it was me. i would cut out each state and then place them on the website as individual layers, then use dhtml to hide/show layers based on mouse activity over layers. thats just the way i do things because then you dont have to create multiple images for one state ect.

[Bryan Swan]

Draw it in Illustrator or Freehand, not Photoshop, you'll have more control over the results that way. If you don't want to do it in layers (positioning 50 layers would be tedious, imo), Flash is probably the best alternative. I've done both methods recently, and unless the map is rather simple (the image rollover map I did was of the continents), you're gonna have a big project on your hands if you do it all on one layer. The one issue you'll have with layered images is that you need to make sure the hotspots for the images don't overlap, or it may get unpleasantly twitchy (probably not much of an issue for the west half of the country, but the Northeast will be a mess). Again, Flash to the rescue here.