Step 1 get the main artwork
- hide all layers except the big artwork
- be sure canvas background setting is set to transparent, export, if it has a pale paper bg hide it.
- export the document as "png 8 with alpha transparency" - very important png 8, and transparent

Step 2 get each clickable item in two states
- put back the hidden layers, flatten everything to be one img, make a copy of this image, undo (to get back unflattened version), paste the marged image over and hide it for now.
- change all gradients from orange to pale to be just pale-pale (the canvas color).
- merge art with these full color gradients into one image, make a copy, undo, paste it back.
- at this point you should have 2 merged images , one with orange gradients, one with pale paper background under each item, with the rest transparent, all the vector layers, and one big artwork above.
- select a vector shape of one of the items, copy, click merged image with colored items and paste it over then "convert path to marquee", antialias edge. 
- cut the selected element, it should contain an exact copy of the item containing gradient bg color from orange to pale paper, and artwork above.
- open new document, paste the cut, fit canvas, set document bg as transparent, export as png 8 with alpha transparency.
- You should have a flattened image of the item that will show just the item having colored bg, all placed on a transparent bg.
- repeat this for each individually colored item in the scene, and repeat this also for the pale paper bg flattened image.

You should have at the end this:
- one png 8 transparent artwork of 480px width
- one colored item for each item in the scene
- one pale bg item for each item in the scene
 
The purpose is to be able to place those items in exacly same position over the artwork and animate them on mouseover to make them glow.