Cities: Skylines Guide

Making Maps With Height Maps for Cities: Skylines

Making Maps With Height Maps

Overview

This guide is meant to help users who want more out of their maps, more in terms of detailed terrain, and more in terms of accuracy.Covers how to obtain 3 and 10 meter DEM’s (height maps) as well as GeoPDF from USGS.For 3 meter DEM’s shows how to process and export a DEM raster mosaic from GIS (geographic information system) software.I will show you how to adjust elevations, establish slope (if required for proper water flow) and embed rivers and streams in your height map with Photoshop.

Introduction

The following is a detailed guide on how to acquire and use high resolution DEM’s ( height maps )

I will show how to prepare them in Photoshop for improved elevation accuracy and detail.

Below are examples of a map produced following these methods as well as a video describing these methods…The video is from my YouTube Channel VecchioChristo
https://www.youtube.com/channel/UCtsrE5g-7lh2owI6pZd56yQ


Using USGS TNM Download

This site contains a multitude of assets for creating maps… is completely free but does require registration before you can download files.
The GeoPDF’s (requires Acrobat Reader) are excellent maps that can be stitched together to form your overlay maps (usually requires around 4) while retaining excellent detail. These PDF’s are composed of layers that can be isolated and saved as images…streets,contour lines, hydrology etc.

DEM’s (digital elevation model) come in several sizes
1 ArcSecond (30 meters) (98 feet)
1/3 ArcSecond (10 meters) (32 feet)
1/9 ArcSecond (3 meters) ( 9.8 feet)

1/9 ArcSecond DEM’s provide obviously the greatest detail…that’s what were after,
but our quest for detail requires some additional work.
The 1 and 1/3 ArcSecond Dem’s download as TIFF files. The 1/9 AS downloads as a folder containing several files. The file were after is a “disc Image” file that is best processed through a GIS (geographic information system) program. They have to be opened and merged…edges don’t match
without processing and opening a disc image file is not all that straight forward.
This guide details using ESRI ArcGis Pro which cost $100 per year for individuals…
Qgis is a completely free program that looks and functions in a very similar manner

The following are 5 cards that demonstrate downloading the DEM files.
CLICK ON IMAGE TO ENLARGE

[link]

The Map Depicted above was produced with DEM’s from
SwissTopo (link below) The Swiss DEM’s have a very small footprint, that map required almost 600 individual DEM’s to produce, so it didn’t make a very good candidate for demonstration purposes…just too complex!
To demonstrate how this process works I have chosen the area around Newport Oregon requiring just 4 DEM’s to produce
[link]


NEWPORT OREGON




After you have drawn a perimeter and made your selection of items, click “Search Products”, on the Products Tab you will find items that pertain to your selection and can be directly downloaded from there. More items often make the list than you really need. They will also have what appear to be duplicates ( they were produced in different years) You can use “footprint” and “thumbnail” to help determine if its a selection you need.
The Above cards relate to GeoPDF’s…Below are the DEM’s



Processing Files with ArcGis Pro…Qgis is a free alternative

The following are 5 cards that demonstrate this process…


GIS software can seem rather unfamiliar to those of us not practiced at using them, but we only need them for 2 things, OPEN THE DEM’s and OUTPUT a height map we can use. With the help of the guide below and tons of video tutorials and guides online, it’s all very doable !


SCREENSHOTS OF ARCGIS PRO



For our purposes you can export either 16bit unsigned png or 32bit tiff…
The 32bit tiff will have to be converted to 16bit before you can use it, photoshop will view it as an HDR image. Signed and unsigned just refers to whether the file depicts above water or below (positive or negative numbers)…we want positive (unsigned)



I put the above card in because of my own experience…the first couple of times I used the Mosaic to New Raster tool I wasn’t expecting it to export an image, but it does. So if you find yourself in this predicament and don’t know where you sent the file, I thought I should show how to directly export the merged DEM’s


Editing in Photoshop

This card below is important to understand

We will be adjusting height map elevations to match the actual terrain
Precise greyscale values are required to get good results
Don’t allow your 16bit greyscale height map to be converted to any other format…
it will destroy it’s fidelity and become unusable for our purposes.

The way this works is as follows… say your sea level is 48m and your base or lowest ground is 50m
you take off an elevation for a point in Google earth thats …say 100m…
To calculate the value for that elevation take your base ground level of (50 + 100 ) x 32
So your greyscale “K” 16 bit value for that elevation is 4800
You can not enter 16bit values numerically in Photoshop, but you can read them,
You place a color sampler widget or tool on the spot you want to adjust, then adjust image lighten or darken and watch the numeric readout for that point until you match, its very tedious to match exactly and not really needed but get close.. within 10 points should be good enough.



I show this image just so you know what to expect and don’t think the image is flawed.
This is a 16bit unsigned image. (unsigned means no negative values like under water)
32 bit floating point tiffs will come in almost completely white.
You just have to adjust the exposure to reveal the image, (Note..if you adjust it with exposure on a separate layer, you will have to merge or collapse them before the image looks right.


This next card is a little confusing, I was trying to cram too much into one card.
In photoshop use threshold to find the whitest point on your map, narrow it down to a small area
Then go to Google Earth and find the elevation for that point and a few others, write them all down making a note of where they came from…this is for future use. You will see in a minute.



In the previous card we set our black point and white point using levels
In this card we create a curves adjustment layer and using the elevation values you collected from Google Earth a minute ago…calculate the required greyscale value for those points and make your adjustments.. This will take a little finesse to get it right because each adjustment will throw the one you just did off a little, just work back and forth a couple times and you will get it pretty close.




This works because all of the terrain is lighter than the underlying layer,
after doing this you once again will have to tweak your elevation values to
bring them back in line.


Adding Rivers and Streams to our map
So you don’t have to do it in the Map Editor

The card below that says fill rivers with black and set blending to subtract
is incorrect.
You must fill with a low grey value that’s darker than whats
underneath, you cannot subtract 100% black. Fill water areas with a dark grey value and use subtract and this procedure works.





This is what we have produced using this procedure
I created a Theme with all medium Grey color so that the terrain can be clearly seen

SteamSolo.com