Skip to main content
T
tjn1130
New Participant
December 16, 2013
Question

Creating an imagemap using Photoshop layers

  • December 16, 2013
  • 2 replies
  • 25916 views

In the past, I used ImageReady to create an imagemap using Photoshop layers.  Is this functionality available in Fireworks?  Or is there something else?

My projects usually involve maps with unique boundaries.  I used to create the layers in Photoshop and then pull up ImageReady.  I could select the roughness and ImageReady would generate all the XY coordinates for each layer.  Then I cut-and-pasted those coordinates into a webpage that included the original image.

This was all lost with the "newer" versions of Photoshop.

    This topic has been closed for replies.

    2 replies

    C
    Cousin-Jack
    Participating Frequently
    November 6, 2014

    Another thumbs up for Andy Hawks "paths to image" script.

    andyhawkes/ps-paths-to-imagemap · GitHub

    Herbert2001
    Herbert2001
    Inspiring
    December 17, 2013

    Yes, image maps can be easily drawn up in Fireworks.

    http://www.dummies.com/how-to/content/how-to-create-and-link-image-maps-in-fireworks-cs5.html

    Or use Gimp:

    http://docs.gimp.org/en/plug-in-imagemap.html

    Other free options:

    http://www.carlosag.net/Tools/XMap/

    http://code.google.com/p/imgmap/

    Or online:

    http://imagemap-generator.dariodomi.de/

    T
    tjn1130Author
    New Participant
    December 17, 2013

    Thank you for your response.

    I understand that image maps can be created in Fireworks.  But can I open a Photoshop file and use its layers to create the image map?

    Herbert2001
    Herbert2001
    Inspiring
    December 17, 2013

    In Fireworks select all the layers (objects) you wish to convert to a hotspot, and right-mouse click one, then choose "create hotspot".

    A dialog will pop up that asks you whether you want to convert to one or multiple hotspots. Take your pick, and click ok. Done!

    Each hotspot can be selected and the properties bar control the settings. Visibility of the hotspots are controlled (and also selectable) via the layers panel: twirl down the web layer and you will see them.

    Photoshop plugins and scripts:

    http://iam.andyhawkes.co.uk/post/1319372215/easy-photoshop-imagemaps

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices