Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »

Editing Maps

Starting Off

Which Programs to Use

Best Program to Use is Adobe Illustrator.


Understanding Fundamentals


Look it Up!

If you are having trouble with anything, best way to progress is looking it up.

Layering

Understanding How Layering Works and Why It is Important


Adding/Editing Spaces

How to add or edit a space

Helpful tips/Good etiquette when editing

Saving as PDF

Saving as a PDF for regular use

Saving as SVG

Learn how to save as SVG for use in LibCal

Updating LibCal

How to update Interactive Maps

How to upload new map


How to edit spaces in new map


Libcal Map Wiki

  1. Find proper floor map and download it as a .psd or a .ai file. Open the file in Adobe Illustrator or other editing program (Illustrator would be best).
  2. If map incudes a legend, cut it out. Drag mouse to select only the map. Copy the highlighted map.
  3. Create a new file that has the appropriate width and height for the map and paste it into the new file. Before doing anything, save this file and give it a new name.
  4. Create 3 layers (Layers 1-3). The top layer will be renamed to Text, the middle/second layer will be renamed Hotspots, and the final one should be the layer that you started with. The text layer (top) is the front most, or most surface layer. The Hotspots layer must be between layer 1 and  the top layer. It is important that the Text layer is above the Hotspots layer because it allows the text to be seen in the interactive maps in Libcal.
  5. Separate text into the Text layer and everything else into the bottom layer (aka Layer 1). Do this by highlighting the text from Layer 1 and place it into the text layer. Do this for all of the text in the document.
  6. Click the Hotspots layer and use the rectangle tool to draw a box around the area that you want to be interactable in the map. In the properties tab, go to appearance and ensure that the stroke and fill of the rectangle are set to none, this way there isn't a random box that covers the map. Then rename the box to its appropriate location (4th Rotunda, West Classroom, 1862). Repeat for all needed hotspots.
  7. Save this as a .ai or .psd file. Then save it as .pdf file by clicking file, then save a copy, and choosing .pdf under Format Select .pdf. Finally, save it as an .svg by going to save a copy, and choosing .svg under Format Select .svg. Then under options make sure that the image location is set to embed, then click okay.





  • No labels