Mobile app version of vmapp.org
Login or Join
Heady304

: Fastest way to custom design a race course map? Here's a decent example of what I'm trying to do - a print version of something like this: I need to pick-and-choose which crossroads and

@Heady304

Posted in: #AdobeIllustrator #Cartography #Maps #Vector #Workflow

Here's a decent example of what I'm trying to do - a print version of something like this:



I need to pick-and-choose which crossroads and street labels to show, add custom icons, plot the actual race route, and of course modify the color scheme. I'm trying to avoid spending hours and hours of manually tracing roads with the pen tool though. Wondering if anyone else has done this and what their approach was.

My current plan is to use Maperitive software (Google it - I can't add more than two links to this post) to start with a map and pick a theme that is relatively close to what I want, then export it to Illustrator, then start slash-and-burning everything I don't need and re-tracing and modifying colors.

Any other suggestions? I feel like a better tool could make this 100x easier and faster. I've seen amazing web services like www.mapbox.com, but haven't found one that will export a vector file for print.

Thanks!

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Heady304

3 Comments

Sorted by latest first Latest Oldest Best

 

@Karen819

You can easily draw the lines using the pen tool.

1) use the pen tool (P) and start drawing some paths. Once you're done with a road you can click on the black mouse (V) to stop/deselect the current path. You can change the colors by selecting the boxes next to the width stroke option.



2) Re-select the path using the black mouse tool (V). Change the stroke to something wide like 13 pt.



3) Select the paths with the mouse tool (V), copy them (CTRL + C) and then paste in back (CTRL + B). Then change the stroke width and color.



4) I created a new layer below the top roads (The 3 roads I created in the first image). Draw more paths with the pen tool (P) and and repeat step 3 (To easily select the bottom roads, just lock the top layer).

10% popularity Vote Up Vote Down


 

@Bryan765

Another source you could use is openvectormaps.com. It's a side gig I am working on and contains a library of free maps that are already layered in .svg and .ai formats.

10% popularity Vote Up Vote Down


 

@Martha945

Get vector data

You can download vector data from www.openstreetmap.org for free.

Choose the region you need and choose 'share' (right side). Then select PDF and download.

Recolor Artwork

Open the PDF in Illustrator.
Use Edit > Edit Color > Recolor Artwork.

Trace the course

To create a course (two continuing lines along the course):


Create a new layer.
Lock the other layers.
Trace the route as one connected path. (You can copy paste existing roads and join them, but i think tracing is faster).
Duplicate the route layer.
Give paths in the top route layer a small line width and white.
Give paths in the bottom route layer a bigger width and contrasting color.
Play with colors and widths to get the desired look.


This 'two lines on top of each other' is the same technique as OSM uses for their own roads.

Don't forget to credit OpenStreetMap

We require that you use the credit “© OpenStreetMap contributors”. www.openstreetmap.org/copyright

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme