Photoshop Map Art Wheaton IL- Wood Texture Style

In this Photoshop Map Art tutorial I will show you how to stylize a map of Wheaton, Illinois. For this city we will use the Wood Texture Style.

**UPDATE: Mapzen closed most services February 1, 2018. So updated shapefiles for Metro-Extracts as well as custom extracts won't be available.
As an alternative, I recommend the open source Hot Export Tool by the Humanitarian Open Streetmap Team. I have made a tutorial on this channel on how get the shapefiles you need with the Hot Export Tool

Hot Export Tool -as replacement for Mapzen Metro Extracts
   • Hot Export Tool tutorial - as replacement ...  

I really like the Hot Export Tool. Not only does it allow you to visually expand or shrink the shapefile's boundary, but it allows you to reduce the amount of features to only the ones you choose.
These two advantages allow for efficent shapefiles that are only as large as necessary to get the job done.

We will use an open source application called TileMill to access Openstreetmap data from Mapzen.com to create a basic map of Wheaton, Illinois.

After you make the map, you can import it into Photoshop and style it with various colors and layer styles to make map art. Once you finish this tutorial, you can turn your hometown or college town into map art using the Wood Texture Style. Choose your own wood textures and you can make many variations.
Wheaton is a simple map, more complex maps will be created in forthcoming tutorials.

Please subscribe to stay informed:
   / @magicalfruittuts  

This tutorial was made using Photoshop CC, however if you have older versions of Photoshop, In the Basic Map Tutorial, I have provided some tips on how to use png files for your exports instead of svg files

TileMill Link
https://tilemill-project.github.io/ti...

Mapzen Link ( Metro-Extracts currently not available Use Hot Export Tool - https://export.hotosm.org/ )

https://mapzen.com/data/metro-extracts/

Openstreetmap Link
https://www.openstreetmap.org
©OpenStreetMap contributors
licensed under the Open Database License (ODbL)
https://opendatacommons.org/licenses/...
Cartography licensed under the Creative Commons Attribution-ShareAlike 2.0 license (CC BY-SA)
https://creativecommons.org/licenses/...

Light Brown Wood
https://www.flickr.com/photos/horiava...

aged-and-glowing-goldSoft Image
http://www.publicdomainpictures.net/v...

Music attribution:
"Chee Zee Lab" Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0
http://creativecommons.org/licenses/b...

If you want to follow along with the tutorial, here is the Wheaton, Illinois Carto-CSS code used in the TileMill editor for this project. You can copy or paste all or parts of it into Tilemill if you wish.

//Wheaton, Illinois
Map {
background-color:#8f6C0D;
}

#lines [highway='motorway'],
#lines [highway='motorway-link'],
#lines [highway='trunk'],
#lines [highway='trunk-link']
#lines[highway='primary-link'],
#lines[highway='primary'],
#lines [highway='secondary'],
#lines [highway='tertiary']{
line-width:2;
line-color:black;
line-smooth:1;
line-cap:round;
}

#lines [highway='unclassified'],
#lines [highway='residential']{
line-width:1.5;
line-color:black;
line-smooth:1;
line-cap:round;
}

#polygons[name='Wheaton']{
polygon-opacity:1;
polygon-smooth:1;
polygon-fill:#d2a017;
}

This video was made for instructional and educational purposes. In it I teach people how to use Adobe Photoshop to make interesting designs. No copyrighted materials were used in this video.