Selecting and modifying image maps (ImageReady)

Selecting and modifying image maps (ImageReady)

You can move arrange align and duplicate tool-based image map areas using the Image Map palette. There are fewer options for modifying layer-based image map areas because they are tied to the pixel content of the associated layer however you can select arrange, and delete layer-based image map areas as you do tool-based image map areas.

Using the Image Map palette (ImageReady)

The Image Map palette displays options for the selected image maps. You can access commands for working with image maps in the Image Map palette menu.

To display the Image Map palette:

Choose Window > Image Map or click the palette button on the right side of the options bar for the image map select tool.

Selecting image maps

You select image map areas with the image map select tool.

To select an image map area:

Select the image map select tool .

Click on an image map area in the image Shift-click to add areas to the selection.

You can also select multiple image map areas by clicking outside an image map area and dragging across the image map areas you want to select.

Moving and resizing tool-based image maps

You can move and resize tool-based image map areas by dragging. You can also move and resize rectangular and circular image map areas using numeric coordinates.

Note: To move or resize a layer-based image map area move or edit the layer.

To move a tool-based image map area:

Select one or more image map areas you want to move.

Position the pointer inside the image map area and drag it to a new position Press

Shift to restrict movement to a vertical horizontal or 45 diagonal line.

To resize a tool-based image map area:

Select an image map area you want to resize.

Drag a handle on the image map border to resize the image map area.

To resize and move a tool-based image map area using numeric coordinates:

Select a rectangular or circular image map area.

In the Dimensions area of the Image Map palette change one or more of the following options:

X to specify the distance in pixels between the left edge of a rectangular image map area or the center point of a circular image map area and the origin point of the ruler in the document window.

Y to specify the distance in pixels between the top edge of a rectangular image map area or the center point of a circular image map area and the origin point of the ruler in the document window.

Note: The default origin point of the ruler is the upper left corner of the image. (See Using rulers columns the measure tool guides and the grid on section 43

W to specify the width of a rectangular image map area.

H to specify the height of a rectangular image map area.

R to specify the radius of a circular image map area.

Changing the shape of layer-based image maps

When you create a layer-based image map area the default image map area is a rectangle that encompasses all of the layer s pixel data. You can change the shape of the image map area by selecting a Shape option in the Image Map palette.

To change the shape of a layer-based image map area:

Select a layer-based image map area.

In the Layer Image Map section of the Image Map palette choose an option from the shape pop-up list Rectangle Circle or Polygon If you choose Polygon enter a value or choose a value from the Quality pop-up slider to set the number of segments in the polygon.

Duplicating image maps

You can create a duplicate image map area with the same dimensions and settings as the original image map area.

To duplicate an image map area:

Do one of the following:

Select one or more image map areas and choose Duplicate Image Map Area(s) from the

Image Map palette menu.

Select one or more image map areas and Alt-drag ( Windows) or Option-drag (Mac OS)

from inside the image map area.

Select a image map in the Rollovers palette and choose Duplicate Image Map from the palette menu (See "Using the Rollovers palette on section 398

The duplicate image map area appears on top of the original (offset 10 pixels down and to the right) and can be moved resized or otherwise modified.

Arranging image maps

The Rollovers palette displays the stacking order of image maps. You can specify which image map area is on the top and bottom of the stack and move image map areas up or down in the stacking order.

To change the stacking order of image map areas:

Do one of the following:

Select one or more image map areas you want to arrange. You can select a combination of tool-based image map areas and layer-based image map areas. Then with the image map select tool active click a stacking order option in the options bar Bring to

Front , Bring Forward , Send Backward , Send to Back . Alternately choose a stacking order command from the Image Map palette menu.

Drag an image map up or down in the Rollovers palette (See "Using the Rollovers palette on section 398

Aligning tool-based image maps

You can align tool-based image map areas to the top bottom left right and middle. Note: To align layer-based image map areas first link the layers and then choose an alignment option from the Layer > Align Linked submenu.

To align tool-based image map areas:

Select the tool-based image map areas you want to align.

Do one of the following:

With the image map select tool active click an alignment option in the options bar: Align Image Map Top Edges , Align Image Map Vertical Centers Align Image Map Bottom Edges Align Image Map Left Edges Align Image Map Horizontal Centers , Align Image Map Right Edges .

Choose an alignment command from the Image Map palette menu.

Distributing tool-based image maps

You can distribute tool-based image map areas evenly along the vertical or horizontal axis.

To distribute tool-based image map areas:

Select the tool-based image map areas you want to distribute.

Do one of the following:

With the image map select tool active click a distribute option in the options bar: Distribute Image Map Top Edges , Distribute Image Map Vertical Centers , Distribute Image Map Bottom Edges , Distribute Image Map Left Edges , Distribute Image Map Horizontal Centers Distribute Image Map Right Edges .

Choose a distribute command from the Image Map palette menu.

Deleting image maps

You can delete selected image map areas by pressing the Backspace key or the Delete key, or choosing Delete Image Map Area(s) from the Image Map palette menu.

Specifying image map options (ImageReady)

You can specify a name a URL a target frame and Alt text for an image map area in the

Image Map palette.

To change the name of an image map area:

Select an image map area.

In the Image Map palette enter a new name in the Name text box.

To specify link options for an image map area:

Select an image map area.

2 In the Image Map palette enter a URL for the link or choose a previously created URL from the URL pop-up menu. You can enter a relative URL or a full URL If you enter a full URL be sure to include https:// (for example enter https://www.adobe.com not www.adobe.com) For more information on using relative URLs and full URLs see an HTML reference (either printed or on the Web).

In the Image Map palette enter the name of a target frame in the Target text box or choose an option from the pop-up menu A frame name must match a frame previously defined in the HTML file for the document. When a user clicks the link the specified file displays in the new frame:

_blank to display the linked file in a new window leaving the original browser window open.

_self to display the linked file in the same frame as the original file.

_parent to display the linked file in its own original parent frameset Use this option if the HTML document contains frames and the current frame is a child. The linked file displays in the current parent frame.

_top to replace the entire browser window with the linked file removing all current frames.

Note: For more information on frames see an HTML reference (either printed or on the Web).

In the Image Map palette enter text for an Alt tag in the Alt text box. The Alt text appears in place of the image map area in nongraphical browsers In most browsers it also appears if the user positions the mouse over the image map area.