# About Customizable Florida Maps with .PSD Files and HTML Source Thank you for downloading HitGuru, Florida Customizable Maps with the ability to modify the maps. These maps represent the only fully-layered files that are available on the market that do not rely on any Flash. Much time went into the production of these maps to isolate every element. County borders, county regions, backgrounds and text have been separated into individual layers providing you unlimited flexibility to modify the maps. What's included: Two (2) .PSD Files: florida_1.psd & florida_2_overlays.psd Nineteen (19) maps in .gif format HTML template example with HTML image map source code ready use. The Photoshop Files: Working with these files is easier if you have some familiarity with Photoshop. If you get stuck don't hesitate to ask questions by contacting support@hitguru.net . The PSD files have many layers, several with overlays inside florida_2_overlays.psd and layers utilizing various opacity levels and blending modes to produce different styles. It's recommended that you first explore the files by using Photoshop's layer visibility to turn-on and turn-off layers in order to see all the different versions of maps, text options and backgrounds. Layer effects are also highly utilized. Almost every element is separated into its own layer providing you the flexibility to make unlimited modifications. Overlay Attributes in "florida_2_overlays.psd" Inside the overlays PSD file you will see several layer sets (they look like folders) with names like County Colors: Gray. The first layer inside each of these layer sets is called "Overlay". It's basically a cut-out shape of Florida that resides above all the county regions. It is used in various ways to produce color differences over the standard colors below that layer. By adjusting hue & saturation, opacity, blending modes, etc. you can produce some really amazing and original looking maps. The table below helps illustrate what has been used to produce various looks.
Layer Set Name | Overlay Opacity | Overlay Blending Mode
County Colors: Gray | 100% | Color
County Colors: Natural | 19% | Color
County Colors: Green | 42% | Color
County Colors: Teal | 100% | Lighten
County Colors: Exclusion | 100% | Exclusion
County Colors: Brown | 100% | Screen
County Colors: Blue | 100% | Color
For your convenience layer set "Solid Map" is included with counties and borders that are not separated. This is sometimes useful for creating overlays or adding a gradient to a solid image without the use of overlays. -------------------------------------------- Using the HTML Make sure that when you place your map image inside your web page that you use the correct directory path. This is the most reported issue most people encounter. Most web pages are setup with an images directory called "images" so if you are referring to your image file in the source code make sure it matches your web site structure. Currently the example template directory path looks like the following: <img src="GIF/bonus_traditional_light.gif" alt="" width="718" height="648" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="poly" coords="431,160,437,160,437,...etc" href="#Alachua" alt="Alachua" />