{"id":3497,"date":"2021-11-11T09:33:54","date_gmt":"2021-11-10T20:33:54","guid":{"rendered":"http:\/\/blogs.lincoln.ac.nz\/gis\/?p=3497"},"modified":"2021-11-11T09:33:54","modified_gmt":"2021-11-10T20:33:54","slug":"using-maps-and-map-data-in-adobe-photoshop-and-illustrator","status":"publish","type":"post","link":"https:\/\/blogs.lincoln.ac.nz\/gis\/using-maps-and-map-data-in-adobe-photoshop-and-illustrator\/","title":{"rendered":"Using maps and map data in Adobe Photoshop and Illustrator"},"content":{"rendered":"<p><em><span lang=\"en-gb\" xml:lang=\"en-gb\">In this post we\u2019ll look at how you can bring basemaps and map data into Photoshop and Illustrator and manipulate the data presentation to your heart\u2019s content.<\/span><\/em><\/p>\n<h4><span lang=\"en-gb\" xml:lang=\"en-gb\">An intro to Photoshop and Illustrator<\/span><\/h4>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Adobe Photoshop and Adobe Illustrator are the industry standard tools in the graphic design world. Adobe is to graphic design what Esri is for GIS \u2013 and both companies have complete dominance over their markets.<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Photoshop is a tool that is often used with raster data (that sounds familiar!), particularly photos \u2013 photos are, after all, made of lots of pixels. Illustrator tends to be used to work with vector data (another familiar concept!).<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Great, we have raster and vector data! However, the words raster and vector have a slightly different take here. Raster data is still made of grid cells, and vector data of points, lines and polygons \u2013 so that\u2019s good! But raster often means pixel (or point) based data, while vector means scalable data. You can scale vector data up or down as much as you want, and it will still look sharp \u2013 a vector map of New Zealand will look as good printed on A4 as on a billboard. Raster data is made of pixels and has an intrinsic physical size to it (resolution). If you try to print a raster document that was made for A4 on a billboard you\u2019ll get an image that looks very blocky, with very large pixels.<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3595\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/vector-vs-raster.png\" alt=\"\" width=\"530\" height=\"250\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/vector-vs-raster.png 530w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/vector-vs-raster-300x142.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">An example of vector versus raster images. Vector lines always look sharp, no matter how much you zoom in. Raster date will start to look pixelated if you zoom past its original resolution.<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">(As an aside, if you\u2019re wondering what\u2019s the right [or minimum] resolution you should use for printing, the answer is 300dpi \u2013 dpi standing for Dots Per Inch, i.e. the number of printed dots in one square inch of an image printed by a printer).<\/span><\/p>\n<h4><span lang=\"en-gb\" xml:lang=\"en-gb\">Why do it?<\/span><\/h4>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">So, why bother bringing basemaps and map data into Photoshop or Illustrator? I can think of at least three reasons:<\/span><\/p>\n<ul>\n<li><span lang=\"en-gb\" xml:lang=\"en-gb\">Fine control over the display of every graphic element in a map. To Esri\u2019s credit, styling maps is much easier in ArcGIS Pro, but I still have scars from trying to style maps in ArcMap.<\/span><\/li>\n<li><span lang=\"en-gb\" xml:lang=\"en-gb\">Use maps or data to tell a story. Maps may not necessarily have the center stage in books, articles or web pages, but a picture is still worth a thousand words.<\/span><\/li>\n<li><span lang=\"en-gb\" xml:lang=\"en-gb\">For creative endeavours! Sky is the limit here.<\/span><\/li>\n<\/ul>\n<h4><span lang=\"en-gb\" xml:lang=\"en-gb\">Let\u2019s do this!<\/span><\/h4>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">To get started, we need to have Photoshop or Illustrator installed (you can\u00a0<a href=\"https:\/\/www.adobe.com\/nz\/downloads.html\" target=\"_blank\" rel=\"noopener noreferrer\">download trials from Adobe\u2019s website)<\/a>. The next step is installing the ArcGIS Maps for Adobe Creative Cloud plugin. The plugin is\u00a0<a href=\"https:\/\/www.esri.com\/en-us\/arcgis\/products\/maps-for-adobecc\/overview\" target=\"_blank\" rel=\"noopener noreferrer\">available for download on Esri\u2019s website<\/a>. The installation is a pretty straight forward process (although you may have to restart Photoshop or Illustrator if you have them open).<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Right, so now that we have the Esri plugin installed, let\u2019s open Illustrator and start mapping. Let\u2019s create a new document, A4 size (vector data is scalable, so we can change the size later).<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">First, we need to make sure that the plugin window is displayed:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3596\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/1.png\" alt=\"\" width=\"1026\" height=\"495\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/1.png 1026w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/1-300x145.png 300w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/1-1024x494.png 1024w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/1-768x371.png 768w\" sizes=\"auto, (max-width: 1026px) 100vw, 1026px\" \/><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">And here\u2019s a sign in screen:<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3597\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/2.png\" alt=\"\" width=\"701\" height=\"575\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/2.png 701w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/2-300x246.png 300w\" sizes=\"auto, (max-width: 701px) 100vw, 701px\" \/><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Choose &#8220;ArcGIS Online&#8221; to sign in using the Lincoln University credentials. If the process stalls halfway through, try again.<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Here\u2019s our plugin window after we sign in:<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3598\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/3.png\" alt=\"\" width=\"712\" height=\"650\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/3.png 712w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/3-300x274.png 300w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><br \/>\nThis the Mapboard window. We\u2019ll use this window to set the extent, scale and size of the map.<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">The yellow bar is prompting us to draw a map extent. Let\u2019s set our map extent to New Zealand. You may need to try several times until the extent tool kicks in. I\u2019ve set the map extent to the artboard size (A4) just to make things easier.<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3599\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/draw-map-extent.gif\" alt=\"\" width=\"705\" height=\"636\" \/><\/span><\/p>\n<p><em><span lang=\"en-gb\" xml:lang=\"en-gb\">(Ed. Wow &#8211; gotta figure out how she did that animated GIF!)<\/span><\/em><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Great, now that we have our map extent defined, let\u2019s add some data. Make sure the mapboard we\u2019ve just drawn is selected (by clicking its name) and then hit &#8220;Preview&#8221;:<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3600\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/5.png\" alt=\"\" width=\"710\" height=\"646\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/5.png 710w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/5-300x273.png 300w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><br \/>\nAnother window appears. This is where we can add data to the map extent we just defined:<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3601\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/6.png\" alt=\"\" width=\"708\" height=\"648\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/6.png 708w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/6-300x275.png 300w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">\u00a0<\/span><span lang=\"en-gb\" xml:lang=\"en-gb\">Click &#8220;Add Content&#8221; on the top left, and we\u2019ll see a bunch of options (more info on what it all means\u00a0<a href=\"https:\/\/doc.arcgis.com\/en\/maps-for-adobecc\/compile-maps\/adding-content.htm\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>). Because we\u2019re using our Lincoln account, we have access to online data available on the Lincoln Portal, as well as the larger ArcGIS Online Portal and the Living Atlas of the World. Pretty cool! If you have uploaded the data you want to use to ArcGIS Online, you can easily import it into Illustrator this way. We\u2019ll use the option &#8220;Add Layers&#8221;. We should be able to add a layer from a local file, but I didn\u2019t have much luck importing a local shapefile. Instead, we\u2019ll go with plan B: prepare the data in ArcGIS Pro and then publish it to the Lincoln Portal as a Web Layer. We\u2019ve covered this in class and the labs so I\u2019ll skip this part.<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Let\u2019s click &#8220;Add Content&#8221; and then &#8220;Add Layers&#8221;:<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3602\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/7.png\" alt=\"\" width=\"714\" height=\"646\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/7.png 714w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/7-300x271.png 300w\" sizes=\"auto, (max-width: 714px) 100vw, 714px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">\u00a0<\/span><span lang=\"en-gb\" xml:lang=\"en-gb\">A new window appears. Note all the options on the left for adding data.<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Let\u2019s go to ArcGIS Online, find the web layer we just published and copy the URL of that web page:<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3603\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/9.png\" alt=\"\" width=\"1176\" height=\"803\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/9.png 1176w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/9-300x205.png 300w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/9-1024x699.png 1024w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/9-768x524.png 768w\" sizes=\"auto, (max-width: 1176px) 100vw, 1176px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">\u00a0<\/span><span lang=\"en-gb\" xml:lang=\"en-gb\">Back to Illustrator now. Let\u2019s paste the URL of our web layer, hit enter if needed et voil\u00e0! Our web layer appears. Click on the plus button below the layer name to add the data to our map. The plus button changes to a spinner, and all going well the data was added to our map compilation window and we can close this window now.<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3604\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/8.png\" alt=\"\" width=\"712\" height=\"646\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/8.png 712w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/8-300x272.png 300w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">\u00a0<\/span><span lang=\"en-gb\" xml:lang=\"en-gb\">Let\u2019s change our basemap. Go to &#8220;Add Content&#8221; again &gt; &#8220;Add Layers&#8221;. Our popup window appears again. Choose &#8220;ArcGIS Online&#8221; on the left, and search for \u201cvector\u201d at the top \u2013 remember, vector here means sharp images at any resolution. I invite you to explore some of the basemaps available, there\u2019s some pretty wild stuff there. Let\u2019s go with &#8220;Dark Gray Canvas&#8221;, and click &#8220;Close&#8221; at the bottom once the map gets added:<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3605\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/12.png\" alt=\"\" width=\"714\" height=\"642\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/12.png 714w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/12-300x270.png 300w\" sizes=\"auto, (max-width: 714px) 100vw, 714px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><br \/>\nHere\u2019s our new basemap!\u00a0Let\u2019s also remove the topographic basemap that was there by default as we no longer need it.<br \/>\n<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3606\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/13.png\" alt=\"\" width=\"712\" height=\"650\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/13.png 712w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/13-300x274.png 300w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><br \/>\n<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Almost there! We\u2019re now ready to import our map data into Illustrator! Hit the &#8220;Sync&#8221; button\u2026<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3607\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/14.png\" alt=\"\" width=\"712\" height=\"652\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/14.png 712w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/14-300x275.png 300w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">And we get a \u201cAre you sure\u201d type of message. Hit &#8220;OK&#8221;\u2026<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3608\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/15.png\" alt=\"\" width=\"714\" height=\"652\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/15.png 714w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/15-300x274.png 300w\" sizes=\"auto, (max-width: 714px) 100vw, 714px\" \/><\/span><span lang=\"en-gb\" xml:lang=\"en-gb\"><br \/>\n<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">We get a \u201cGenerating\u201d spinner (this might take a while)\u2026<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3609\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/16.png\" alt=\"\" width=\"712\" height=\"654\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/16.png 712w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/16-300x276.png 300w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">And here\u2019s our map and data in Illustrator!<br \/>\n(Pro tip: now is a good time to save the file).\u00a0 <em>(Ed. It&#8217;s <span style=\"text-decoration: underline\"><strong>always<\/strong> <\/span>a go<\/em><\/span><em><span lang=\"en-gb\" xml:lang=\"en-gb\">od time to save your map.)<\/span><\/em><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3610\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/17.png\" alt=\"\" width=\"1136\" height=\"816\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/17.png 1136w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/17-300x215.png 300w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/17-1024x736.png 1024w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/17-768x552.png 768w\" sizes=\"auto, (max-width: 1136px) 100vw, 1136px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">\u00a0<\/span><span lang=\"en-gb\" xml:lang=\"en-gb\">Zooming in a bit, we\u2019ll notice that our contours layer is a bit wonky. Not to worry, we can fix this later. All of our data exists in Illustrator as vector layers, and we can change their appearance (and also location, so caution!) as much as we want.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3611\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/18.png\" alt=\"\" width=\"1136\" height=\"816\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/18.png 1136w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/18-300x215.png 300w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/18-1024x736.png 1024w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/18-768x552.png 768w\" sizes=\"auto, (max-width: 1136px) 100vw, 1136px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Note how our contour layer and the basemap are neatly organized on their own sub-layers. Even better, the basemap has its different elements separated &#8211; so we can easily select and edit all labels, land areas and backgrounds. Different maps &#8211; and at different zoom levels &#8211; have even more detail: roads, land usage, boundaries, etc. Because these elements are all neatly organised, they are very easy to adjust or remove.<br \/>\n<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Here\u2019s our final image after some styling:<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3612\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/NZ_Contours_Map.png\" alt=\"\" width=\"1192\" height=\"1684\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/NZ_Contours_Map.png 1192w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/NZ_Contours_Map-212x300.png 212w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/NZ_Contours_Map-725x1024.png 725w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/NZ_Contours_Map-768x1085.png 768w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/NZ_Contours_Map-1087x1536.png 1087w\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" \/><\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">\u00a0<\/span><span lang=\"en-gb\" xml:lang=\"en-gb\">I\u2019ve realised after importing the map data into Illustrator that, if we want a high level of detail for the basemap and data, we\u2019d probably be better off choosing the highest level of detail available for in the mapboard option instead of choosing the artboard size (A4).\u00a0Something to keep in mind for next time.\u00a0Although the data is in vector format, we get more or less detail depending on the zoom level. This makes sense &#8211; the more zoomed in we are, the more points\/lines\/polygons we get for a specific area, because that extra information is important. We don&#8217;t need information about roads if we&#8217;re looking at a world map but this is certainly handy when we&#8217;re trying to find the fastest route to the nearest supermaket. Having this much level of detail is less of an issue on a static document but if you have to render millions of points in real time that&#8217;s a different story. Imagine having to download that much data onto your phone when you&#8217;re only tring to find out where the\u00a0<a href=\"https:\/\/goo.gl\/maps\/91rwMrPBp9CCTJnF6\" target=\"_blank\" rel=\"noopener noreferrer\">Faroe Islands<\/a>\u00a0are!<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3613\" src=\"https:\/\/d-blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/19.png\" alt=\"\" width=\"716\" height=\"658\" srcset=\"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/19.png 716w, https:\/\/blogs.lincoln.ac.nz\/gis\/wp-content\/uploads\/sites\/3\/2021\/11\/19-300x276.png 300w\" sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4><span lang=\"en-gb\" xml:lang=\"en-gb\">Final words<\/span><\/h4>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">The plugin is, shall we say, very experimental and you might experience some frustrating moments along the way. Still, it is pretty cool that we can get map data into Illustrator and Photoshop and use it as a starting point!<\/span><\/p>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">This is a very brief intro but hopefully it gives you an idea of what you can do. Check out the\u00a0<a href=\"https:\/\/www.esri.com\/arcgis-blog\/?s=#&amp;products=maps-for-adobecc\" target=\"_blank\" rel=\"noopener noreferrer\">Esri website<\/a>\u00a0to get a better idea of the possibilities. Here are some cool examples:<\/span><\/p>\n<ul>\n<li><span lang=\"en-gb\" xml:lang=\"en-gb\">A map of the ocean\u2019s deepest trenches (the hadopelagic zone):<br \/>\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/maps-for-adobecc\/mapping\/use-arcgis-map-data-in-photoshop\/\">https:\/\/www.esri.com\/arcgis-blog\/products\/maps-for-adobecc\/mapping\/use-arcgis-map-data-in-photoshop\/<\/a><\/span><\/li>\n<li><span lang=\"en-gb\" xml:lang=\"en-gb\">Lake Michigan\u2019s shapes poster:<br \/>\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/maps-for-adobecc\/mapping\/arcgis-pro-to-illustrator-pt-1-lake-shapes-poster\/\">https:\/\/www.esri.com\/arcgis-blog\/products\/maps-for-adobecc\/mapping\/arcgis-pro-to-illustrator-pt-1-lake-shapes-poster\/<\/a><\/span><\/li>\n<li><span lang=\"en-gb\" xml:lang=\"en-gb\">A relief map of Rift Valley:<br \/>\n<a href=\"https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-pro\/mapping\/how-to-make-this-map-of-the-rift-valley\/\">https:\/\/www.esri.com\/arcgis-blog\/products\/arcgis-pro\/mapping\/how-to-make-this-map-of-the-rift-valley\/<\/a><\/span><\/li>\n<\/ul>\n<p><span lang=\"en-gb\" xml:lang=\"en-gb\">Happy mapping!<\/span>    \t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post we\u2019ll look at how you can bring basemaps and map data into Photoshop and Illustrator and manipulate the data presentation to your heart\u2019s content. An intro to Photoshop and Illustrator Adobe Photoshop and Adobe Illustrator are the industry standard tools in the graphic design world. Adobe is to graphic design what Esri [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3497","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-json\/wp\/v2\/posts\/3497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-json\/wp\/v2\/comments?post=3497"}],"version-history":[{"count":0,"href":"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-json\/wp\/v2\/posts\/3497\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-json\/wp\/v2\/media?parent=3497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-json\/wp\/v2\/categories?post=3497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.lincoln.ac.nz\/gis\/wp-json\/wp\/v2\/tags?post=3497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}