-
1. Re: Creating an imagemap using Photoshop layers
Herbert2001 Dec 16, 2013 5:52 PM (in response to tjn1130)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.h tml
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:
-
2. Re: Creating an imagemap using Photoshop layers
tjn1130 Dec 17, 2013 4:19 AM (in response to Herbert2001)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?
-
3. Re: Creating an imagemap using Photoshop layers
Herbert2001 Dec 17, 2013 8:08 AM (in response to tjn1130)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
-
4. Re: Creating an imagemap using Photoshop layers
AdwIanMone Jun 25, 2014 7:51 AM (in response to Herbert2001)Herbert2001 thank you so much for the links! The link to the fireworks how to was just what I needed! Thanks!
-
5. Re: Creating an imagemap using Photoshop layers
HealingRooms Oct 22, 2014 9:24 AM (in response to Herbert2001)I used the Andy Hawkes method, and it worked. (andyhawkes/ps-paths-to-imagemap · GitHub).
Photoshop CC 2014 had its own method of trying to make the image map a bit more space efficient, and it used vectors as much as possible... just to save a few bytes! The vectors from one segment of the image map occasionally overlapped with another image map. I resolved this by manually creating a replacement portion of the image map by drawing a polygon and using the "Paths" tab (near the "Layers" and "Channels" tabs) and the circular icon with four dots (north/south/east/west) which is "Make path from selection." This is similar to the instructions on the Andy Hawkes website, although his PathsToImageMap script for Photoshop is designed to make the outline automatically for you. When recreating the polygon for the image map, I used as few points as possible, to discourage Photoshop from trying to save time by creating one vector to replace two or three dots in a curve.
So Andy's script was awesome and time-saving. Photoshop CC 2014 seemed to be what caused the problem by attempting to be extra helpful.
-
6. Re: Creating an imagemap using Photoshop layers
Cousin-Jack Nov 6, 2014 12:53 PM (in response to tjn1130)Another thumbs up for Andy Hawks "paths to image" script.

