In the last part, we will deal with inserting the remaining symbols that are still missing and placing our location.

Adding missing roads

But before we do that, we will draw in the remaining missing streets. If we now display the map again in the layer view, we can see that we are still missing a few streets.

Cartography (Drawing directions maps) with Illustrator - Part 6

And of course we want to add them. We do this by again locking unused layers and unlocking our main roads. Then we take the path tool and trace our roads.

Cartography (Creating route maps) with Illustrator - Part 6

As we had previously saved our main roads as a graphic style, we now only need to mark them all and give them the graphic style for the roads.

Cartography (Creating driving directions) with Illustrator - Part 6

Now we just need to connect the streets we have just created. Because if we take a look at the whole thing, the "Kaiserin-Augusta-Allee" is here under our newly created street.

Cartography (drawing location maps) with Illustrator - Part 6

We simply join the two together by first resolving the compound path in the old main roads. Only then can we add the newly created streets.

So we first select the merged main roads and right-click on the road path. In the context menu, select Reverse merged path.

Cartography (drawing route maps) with Illustrator - Part 6

We have now separated all our paths. To check, we can see in the layers panel that all paths can be found individually again.

Cartography (Creating directions maps) with Illustrator - Part 6

Now we can merge all the main roads back into a composite path by selecting them all in the Layers panel, ...

Cartography (Drawing directions maps) with Illustrator - Part 6

... right-clicking on one of the paths in the workspace and clicking on Create composite path.

Cartography (creating route maps) with Illustrator - Part 6

And now all the paths are merged together again.

Cartography (drawing route maps) with Illustrator - Part 6

Finally, we just need to add the street names again.

Cartography (drawing route maps) with Illustrator - Part 6

Create signs - subway

Now we will create the signs. We'll start with a subway sign. So that we don't draw on our main roads, we lock all layers and unlock our "Icons" layer. First of all, we need the rounded rectangle tool. We use it to draw a rounded square on our workspace and give it the following values:

- Outline: none
- Area color: #293176

Cartography (drawing route maps) with Illustrator - Part 6

Then we draw a text box with the text tool and write a "U" in it. We can drag this until it fits into the rectangle. This can have the following values:

- Area: White
- Outline: None
- Font: Tunga
- Font style: Bold
- Font size: 129 Pt

Cartography (Mapping routes) with Illustrator - Part 6

Then we can resize the symbol to fit.

Cartography (drawing route maps) with Illustrator - Part 6

Then we zoom in once and reduce the corner radius, as they did not adjust when we reduced the size.

Cartography (creating route maps) with Illustrator - Part 6

Do you want to avoid this next time? Simply go to Edit>Preferences and check the box next to Scale contours and effects.

Cartography (drawing directions maps) with Illustrator - Part 6

Then select both areas and convert them into a group with Ctrl+G.

To save the subway sign as a symbol, select it completely and press the F8 key. Enter the following in the menu that appears:

- Name: Subway
- Type: Graphic

Cartography (creating directions maps) with Illustrator - Part 6

Now we can call up the symbols paletteand drag further subway symbols from the control panel onto the workspace.

Cartography (creating directions maps) with Illustrator - Part 6

And if we find that our subway symbols are still a little too large, we can adjust the size and corner radius accordingly by double-clicking on the subway symbol in the symbol palette.

Cartography (Drawing directions maps) with Illustrator - Part 6

Subway symbol

Now all we need is a suburban train symbol. We use the ellipse tool for this. We use it to draw a circle and give it a gradient via Window>Gradient . To do this, click on the gradient bar and then on the left-hand color bucket. A small flyout menu appears with a small triangle downwards symbol in the right-hand corner. We go up there once to change the setting from grayscale to RGB so that we can set colorful color values.

Cartography (Creating Directions Maps) with Illustrator - Part 6

- Color: #007A3C

Cartography (Drawing directions maps) with Illustrator - Part 6

On the right-hand color bucket we enter (after we have also switched to RGB there)

- Color: #008B44

Cartography (drawing directional maps) with Illustrator - Part 6

And an angle of 90°.

Cartography (Creating directions maps) with Illustrator - Part 6

We click once with the text tool in the workspace, create an "S" with a white area color and move it into the circle.

Cartography (drawing maps for directions) with Illustrator - Part 6

Designation for icons

We have now created our icons. All we need now are the appropriate names for the stations. First, we go to our layer palette and lock the "Icons" layer. Then we create a new layer and name it "Icon names".

Cartography (drawing location maps) with Illustrator - Part 6

Then we click once in the workspace and name our S-Bahn station with 18 pt size "Berlin Westend". Then we simply assign it the style from our graphic styles panelfor street names. We do the same with the subway stations.

Cartography (drawing directions maps) with Illustrator - Part 6

Create highway signs

The next thing we need is a highway sign to indicate which highway this is. To do this, we will once again use the rounded rectangle tool and create a suitable sign with a 3 pt contour.

Cartography (creating route maps) with Illustrator - Part 6

Then we give the surface a gradient:

- Color left: White (#ffffff)
- Color right: #dbdbdb
Angle: 60°

And we also give the outline a gradient:

- Color left: #524c67
- Color right: #6c346e
- Angle: 60°
- Contour thickness: 3 pt

Cartography (drawing directions maps) with Illustrator - Part 6

The only thing missing now is the name. My values are as follows:

- Font: Myriad Pro
- Font style: Bold
- Font size: 14 Pt
- Font color: #515150

And we just need to put that in the symbol to match.

Cartography (Creating directions/maps) with Illustrator - Part 6

Location

We create the location as follows: We take the ellipse tool and draw a circle with the following values:

- Area: None
- Outline color: #593055
- Outline thickness: 5 pt

Cartography (drawing maps) with Illustrator - Part 6

And we draw the location with the line drawer. For an arrowhead, we go to the arrowheads item in the contour paneland select arrow 5 in the second entry.

Cartography (Creating Directions Maps) with Illustrator - Part 6

As the tip is a little too large, we can select the end of the arrow with the direct selection tool and increase its length slightly.

Cartography (drawing route maps) with Illustrator - Part 6

If we select the circle, we can see where the center of the circle is. We can use this as a guide and place the arrowhead in the correct central position.

Cartography (creating route maps) with Illustrator - Part 6

Now we are finished with the route map:

Cartography (drawing route maps) with Illustrator - Part 6

Export

To export the map, go to File>Export in the menu , give it a file name and set the file type to JPEG (*.JPG).

- File name: any
- File type: JPEG (*.JPG)
- Use artboards: Yes

Cartography (create directional maps) with Illustrator - Part 6

It is important that we check Use artboards, because if we take a look at our Illustrator document, we will see that we have a black frame around our map ...

Cartography (creating maps) with Illustrator - Part 6

... and above it. After activating this option, it will be neatly "cut off" at the edge.

We set the JPEG options as follows:

- Color model: RGB
- Quality: 6 (High)
- Resolution: Medium (150 ppi)
- Embed ICC profile: Yes

Cartography (Drawing location maps) with Illustrator - Part 6

Here it is very important that we embed the color profile. Otherwise, the colors may be displayed incorrectly.

After clicking OK, our result will look like this:

Cartography (drawing directions maps) with Illustrator - Part 6

I hope you enjoyed this tutorial. :)