{"id":67049,"date":"2014-04-29T22:17:01","date_gmt":"2014-04-29T20:17:01","guid":{"rendered":"https:\/\/www.grapheine.com\/graphic-design-en\/dessiner-plan-de-ville-illustrator"},"modified":"2023-06-26T11:37:55","modified_gmt":"2023-06-26T09:37:55","slug":"draw-city-map-illustrator","status":"publish","type":"post","link":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator","title":{"rendered":"A good illustrator idea !"},"content":{"rendered":"

\"carte-dessin\"<\/p>\n

How to draw a city map in Illustrator in 30s<\/h2>\n

Who has not had to redraw a city map in Illustrator?<\/p>\n

You usually receive a low-resolution scanned plan, with your customer's indications handwritten on it. Your role as designer will be to simplify it, and make it compatible with your graphic charter. Depending on the size of the map to be redrawn, this can be a laborious task !<\/p>\n

So here's our little homemade tip.<\/p>\n

\"openstreet-map-to-illustrator-vector\"<\/p>\n

Export vector map from OpenStreetMap<\/h2>\n

1- Go to http:\/\/www.openstreetmap.org<\/a>, and choose your area and zoom.
\nYou can also choose from different map styles (regular, transport, cycling...).<\/p>\n

2- In the \"Share\" tab to the left of the map, you can choose to export your map in \"PDF\" format. You can also select a specific area of the map. Please note that when exporting, the server may be overloaded, so you may have to try twice.<\/p>\n

3- Open the PDF file in Illustrator. :-)<\/p>\n

\"openstreet-map-to-illustrator-clean-error\"<\/p>\n

Map cleaning in illustrator<\/h2>\n

The card is full of useless details, and then you will inevitably want to change the colors and so on.
\nIt is not really a secret any more, but just a few illustrator tips. The magic wand options allow you to select all objects in the scene with the same background or outline color. To do this, specify O as the tolerance and click on one of the elements to be removed.<\/p>\n

You will notice that the street name texts are in \"small squares\" mode. The problem stems from the \"DejaVu\" typography encoding specific to OpenStreetMap. We have not been able to solve this problem, which means that all street names have to be reset by hand.<\/p>\n

To delete all texts at once, go to the menu\u00a0\"Selection \/ Object \/ All text objects\". You can also use this menu to clean up your Illustrator layout<\/strong> !<\/p>\n

\"openstreet-map-to-illustrator-text\"<\/p>\n

Finally, it's time to clean up the tracks. These are often filled with \"dots\", giving them a slightly irregular appearance. The easiest way to do this is to go to the menu\u00a0\"Objects \/ Layouts \/ Simplify layouts\", and check the \"straight line\" option.<\/p>\n

\"openstreet-map-to-illustrator-lignedroite\"<\/p>\n

Then it is up to you to tackle the graphic design of your card in Illustrator !<\/p>\n","protected":false},"excerpt":{"rendered":"

Draw quickly a city map with Illustrator !<\/p>\n","protected":false},"author":55,"featured_media":52349,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"episode_type":"","audio_file":"","cover_image":"","cover_image_id":"","duration":"","filesize":"","date_recorded":"","explicit":"","block":"","itunes_episode_number":"","itunes_title":"","itunes_season_number":"","itunes_episode_type":"","filesize_raw":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[9799,646],"tags":[10675,10676,10677,10678],"class_list":["post-67049","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-mode-demploi-en","category-graphic-design-en","tag-astuce-en","tag-illustrator-en","tag-tutorial-en","tag-vector-en"],"yoast_head":"\nDraw a city map quickly with Illustrator !<\/title>\n<meta name=\"description\" content=\"Draw quickly a city map with Illustrator !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A good illustrator idea !\" \/>\n<meta property=\"og:description\" content=\"Draw quickly a city map with Illustrator !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator\" \/>\n<meta property=\"og:site_name\" content=\"Graph\u00e9ine - Agence de communication Paris Lyon\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/grapheine\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/rabiot.mathias\" \/>\n<meta property=\"article:published_time\" content=\"2014-04-29T20:17:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-26T09:37:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"684\" \/>\n\t<meta property=\"og:image:height\" content=\"421\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Mathias Rabiot\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@grapheine\" \/>\n<meta name=\"twitter:site\" content=\"@grapheine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mathias Rabiot\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator\"},\"author\":{\"name\":\"Mathias Rabiot\",\"@id\":\"https:\/\/www.grapheine.com\/#\/schema\/person\/29e03c94d95f96b5f1d533e68a51aac9\"},\"headline\":\"A good illustrator idea !\",\"datePublished\":\"2014-04-29T20:17:01+00:00\",\"dateModified\":\"2023-06-26T09:37:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator\"},\"wordCount\":372,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.grapheine.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif\",\"keywords\":[\"astuce\",\"illustrator\",\"tutorial\",\"vector\"],\"articleSection\":[\"Designer mode d’emploi\",\"Insights on graphic design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator\",\"url\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator\",\"name\":\"Draw a city map quickly with Illustrator !\",\"isPartOf\":{\"@id\":\"https:\/\/www.grapheine.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif\",\"datePublished\":\"2014-04-29T20:17:01+00:00\",\"dateModified\":\"2023-06-26T09:37:55+00:00\",\"description\":\"Draw quickly a city map with Illustrator !\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#primaryimage\",\"url\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif\",\"contentUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif\",\"width\":684,\"height\":421,\"caption\":\"cr\u00e9er une carte dans illustrator\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.grapheine.com\/#website\",\"url\":\"https:\/\/www.grapheine.com\/\",\"name\":\"Graph\u00e9ine - Agence de communication Paris Lyon\",\"description\":\"Graph\u00e9ine is a branding agency in Paris and Lyon specializing in the creation of creative visual identities\",\"publisher\":{\"@id\":\"https:\/\/www.grapheine.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.grapheine.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.grapheine.com\/#organization\",\"name\":\"Graph\u00e9ine\",\"url\":\"https:\/\/www.grapheine.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.grapheine.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif\",\"contentUrl\":\"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif\",\"width\":200,\"height\":200,\"caption\":\"Graph\u00e9ine\"},\"image\":{\"@id\":\"https:\/\/www.grapheine.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/grapheine\",\"https:\/\/x.com\/grapheine\",\"https:\/\/www.instagram.com\/grapheine_branding\",\"https:\/\/www.linkedin.com\/company\/grapheine\",\"https:\/\/www.pinterest.fr\/grapheine\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.grapheine.com\/#\/schema\/person\/29e03c94d95f96b5f1d533e68a51aac9\",\"name\":\"Mathias Rabiot\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.grapheine.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/80b4f9aa85683ac2013abcb10bc6c74c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/80b4f9aa85683ac2013abcb10bc6c74c?s=96&d=mm&r=g\",\"caption\":\"Mathias Rabiot\"},\"description\":\"Passionn\u00e9 de design, j'ai co-fond\u00e9 l'agence Graph\u00e9ine en 2002 avec J\u00e9r\u00e9mie, mon complice de l\u2019\u00c9cole Duperr\u00e9. Humaniste, je crois en l\u2019\u00e9motion et aux valeurs v\u00e9hicul\u00e9es par un graphisme accessible, joyeux et \u00e9pur\u00e9. J'ai particip\u00e9 \u00e0 la r\u00e9daction de plus de 600 articles traitant de design et de culture visuelle sur le blog de l'agence. En particulier, la rubrique Histoire du Graphisme, o\u00f9 j'ai \u00e9crit une trentaine des biographies de grands noms du graphisme.\",\"sameAs\":[\"https:\/\/www.grapheine.com\",\"https:\/\/www.facebook.com\/rabiot.mathias\",\"https:\/\/www.linkedin.com\/in\/mathias-rabiot-014882160\",\"https:\/\/x.com\/grapheine\",\"https:\/\/fr.wikipedia.org\/wiki\/Graph\u00e9ine\"],\"url\":\"https:\/\/www.grapheine.com\/en\/author\/mathias\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Draw a city map quickly with Illustrator !","description":"Draw quickly a city map with Illustrator !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator","og_locale":"en_US","og_type":"article","og_title":"A good illustrator idea !","og_description":"Draw quickly a city map with Illustrator !","og_url":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator","og_site_name":"Graph\u00e9ine - Agence de communication Paris Lyon","article_publisher":"https:\/\/facebook.com\/grapheine","article_author":"https:\/\/www.facebook.com\/rabiot.mathias","article_published_time":"2014-04-29T20:17:01+00:00","article_modified_time":"2023-06-26T09:37:55+00:00","og_image":[{"width":684,"height":421,"url":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif","type":"image\/gif"}],"author":"Mathias Rabiot","twitter_card":"summary_large_image","twitter_creator":"@grapheine","twitter_site":"@grapheine","twitter_misc":{"Written by":"Mathias Rabiot","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#article","isPartOf":{"@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator"},"author":{"name":"Mathias Rabiot","@id":"https:\/\/www.grapheine.com\/#\/schema\/person\/29e03c94d95f96b5f1d533e68a51aac9"},"headline":"A good illustrator idea !","datePublished":"2014-04-29T20:17:01+00:00","dateModified":"2023-06-26T09:37:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator"},"wordCount":372,"commentCount":0,"publisher":{"@id":"https:\/\/www.grapheine.com\/#organization"},"image":{"@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#primaryimage"},"thumbnailUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif","keywords":["astuce","illustrator","tutorial","vector"],"articleSection":["Designer mode d’emploi","Insights on graphic design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator","url":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator","name":"Draw a city map quickly with Illustrator !","isPartOf":{"@id":"https:\/\/www.grapheine.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#primaryimage"},"image":{"@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#primaryimage"},"thumbnailUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif","datePublished":"2014-04-29T20:17:01+00:00","dateModified":"2023-06-26T09:37:55+00:00","description":"Draw quickly a city map with Illustrator !","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.grapheine.com\/en\/graphic-design-en\/draw-city-map-illustrator#primaryimage","url":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif","contentUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif","width":684,"height":421,"caption":"cr\u00e9er une carte dans illustrator"},{"@type":"WebSite","@id":"https:\/\/www.grapheine.com\/#website","url":"https:\/\/www.grapheine.com\/","name":"Graph\u00e9ine - Agence de communication Paris Lyon","description":"Graph\u00e9ine is a branding agency in Paris and Lyon specializing in the creation of creative visual identities","publisher":{"@id":"https:\/\/www.grapheine.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.grapheine.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.grapheine.com\/#organization","name":"Graph\u00e9ine","url":"https:\/\/www.grapheine.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.grapheine.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif","contentUrl":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/12\/pills-200px.gif","width":200,"height":200,"caption":"Graph\u00e9ine"},"image":{"@id":"https:\/\/www.grapheine.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/grapheine","https:\/\/x.com\/grapheine","https:\/\/www.instagram.com\/grapheine_branding","https:\/\/www.linkedin.com\/company\/grapheine","https:\/\/www.pinterest.fr\/grapheine"]},{"@type":"Person","@id":"https:\/\/www.grapheine.com\/#\/schema\/person\/29e03c94d95f96b5f1d533e68a51aac9","name":"Mathias Rabiot","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.grapheine.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/80b4f9aa85683ac2013abcb10bc6c74c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/80b4f9aa85683ac2013abcb10bc6c74c?s=96&d=mm&r=g","caption":"Mathias Rabiot"},"description":"Passionn\u00e9 de design, j'ai co-fond\u00e9 l'agence Graph\u00e9ine en 2002 avec J\u00e9r\u00e9mie, mon complice de l\u2019\u00c9cole Duperr\u00e9. Humaniste, je crois en l\u2019\u00e9motion et aux valeurs v\u00e9hicul\u00e9es par un graphisme accessible, joyeux et \u00e9pur\u00e9. J'ai particip\u00e9 \u00e0 la r\u00e9daction de plus de 600 articles traitant de design et de culture visuelle sur le blog de l'agence. En particulier, la rubrique Histoire du Graphisme, o\u00f9 j'ai \u00e9crit une trentaine des biographies de grands noms du graphisme.","sameAs":["https:\/\/www.grapheine.com","https:\/\/www.facebook.com\/rabiot.mathias","https:\/\/www.linkedin.com\/in\/mathias-rabiot-014882160","https:\/\/x.com\/grapheine","https:\/\/fr.wikipedia.org\/wiki\/Graph\u00e9ine"],"url":"https:\/\/www.grapheine.com\/en\/author\/mathias"}]}},"jetpack_featured_media_url":"https:\/\/www.grapheine.com\/wp-content\/uploads\/2014\/04\/openstreet-map-to-illustrator-lignedroite.gif","views":{"total":209,"cached_at":"","cached_date":1745865663},"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/posts\/67049","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/comments?post=67049"}],"version-history":[{"count":0,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/posts\/67049\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/media\/52349"}],"wp:attachment":[{"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/media?parent=67049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/categories?post=67049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.grapheine.com\/en\/wp-json\/wp\/v2\/tags?post=67049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}