Illustrator CS4: How to Draw Maps

I’ve just had a new client whose nature of business requires a lot of map drawing skills. He owns spots all around the country which he rents to others and earns money from rental. So we met up and discussed, and I found myself sitting in front of my computer having to draw at least 12 maps in a week’s time.

Maps are easy to draw, but it requires a lot of patience. While patience is something that takes time to cultivate, knowing the 3 simple steps I use for map drawing on Illustrator would definitely make things easier for you – (1) Look for the map, (2) Trace the map, and (3) Beautify the map.

Remember, these are not the only ways to draw maps on Illustrator. These are just ways I find make map drawing a simple task and less of a headache. If you have better ways, feel free to share them with me.

Step 1: If your client has not already given you a rough map to begin with, then the first thing you need to do is log on to Google Maps. Search for the location and print screen to save the visual. If you are using Macintosh, the shortcut key is COMMAND + SHIFT + 4.

Step 2: Place the map on a new document on Illustrator. Make sure the size is viewable and comfortable to your eyes as you will be looking at it for quite some time.

Step 3: Using the Pen Tool, you can now start tracing the roads on the map. Normally, when you draw using Pen Tool, you will get a fine line. You don’t need to draw shapes for your thick roads. You just have to thicken the stroke of the lines.

Step 4: After tracing all the roads with the Pen Tool, you will get something like the picture above. One of the advantage of using Pen Tool is you can now control the width of the road. Simply adjust the Stroke accordingly to identify major roads and small roads.

Step 5: Sometimes I do this, sometimes I don’t. Depending on the situation. Once you are satisfied with the roads, click on OBJECT > EXPAND. This will transform all your lines to shapes.

Step 6: Just make sure you check Fill and Stroke when the Expand Menu pops up. Then click OK.

Step 7: You will then see that your roads current look like the above. This step is only necessary if you want to maintain the thickness of the roads as you enlarge/reduce the size of your map later. You can even change colours too. I’ll change mine to green in this tutorial.

Step 8: Now, draw a shape that consists of the area you need to appear on your map. We are going to throw away the access roads and lines in the next step. Select all the roads and group them together.

Step 9: Make sure the shape you have drawn earlier is on top of the road layers. Now select both the roads and the shapes, and use the Clip Mask feature. Your visual should look like the above. For Macintosh users, simply select both objects and press COMMAND + 7 (the short cut key to clip mask).

Step 10: Remove the map visual behind your artwork. You will now have the main roads on your maps. It’s that easy.

Step 11: Last but not least, it’s time to beautify your map. Fill in the street names, draw the buildings around it and start labeling the spots. Once you are done, the end result would be a beautiful map such as below.

you know….i’ve been using illustrator for ages! and i always wondered how to convert lines to shapes……..i would simple use the rectangle and then manipulate….i love this tip of converting any line into a shape!

Leave a comment!

I would like to hear your feedbacks and opinions on this topic too. Feel free to leave a comment and share your mind. You can also leave a trackback from your site or subscribe to these comments via RSS.

One of the most frequently asked questions from other freelancers out there: How do I charge my client? This is the 4-step formula I use to charge my clients. It may not be the best but it has worked well for every single project I have undertaken.

It’s not the most mind-blowing film, but definitely the most compelling as the story takes on a natural, almost-raw and honest approach of storytelling – that’s how I would sum up my opinion of the movie: Prisoners.

I have rounded some interesting bits about the different types of father each one of us have, and how you can make him feel special this Father’s Day. If you guys have participated in the FREE Postcard Giveaway last week, these 4 pointers might look familiar to you.

recently commented

Disclaimer: Cybermate's Dungeon is a personal imaginative playground of Gina Yap Lai Yoong. Some of the works showcased on this site were created while working under her past and present fulltime employer(s), who solely own the rights to these materials. Unless mentioned otherwise, all contents provided are originally by the author and shall not be republished in any channels, forms or medium without prior written permission.
Powered by WordPress | Log in | Entries (RSS) | Comments (RSS) | Arthemia Premium theme by Colorlabs Project