My Account     Contact Us     Cart

3D Terrain Model using Geographic Imager

We created a video to show that it is possible to use geospatial data and the 3D capabilities of Adobe Photoshop. It performs very well with a decent computer and video card.

In this video, a combination of Geographic Imager and Adobe Photoshop functions are used to open a DEM file using a script. The script also transforms a DEM into a 3D model and allows for an overlay of a colour model based on the data or a custom image (e.g. ortho image). Video after the jump.

 

How to Create a 3D Rendition of a DEM With a Draped Image

NOTE: Prior to performing these steps with your data you would want to ensure that the DEM and image have the same geographic extents.

Item 2: Coordinate system of the map

Using Geographic Imager, open your DEM file and set the desired schema type. In this case the DEM was “Auto stretched”.

Item 2: Coordinate system of the map

With the DEM now opened and rendered as a 16-bit grayscale Image we can now make use of a number of Adobe Photshop tools to render it in 3D and to drape the image.

Item 2: Coordinate system of the map

The following steps will outline the Adobe Photoshop procedures required to create the 3D rendition:

1. Create a 3D mesh: Under the 3D menu within Photoshop select “New Mesh From Grayscle->Plane”

Item 2: Coordinate system of the map

2. We then use the “3D Object Rotate Tool” located in the Photoshop toolbar to manually rotate the mesh tilting it backwards, resulting in something like this

Item 2: Coordinate system of the map

3. The resulting mesh is too exaggerated for a realistic rendering of the landscape so we will adjust the y orientation of it using the “3D Object Scale tool” setting the Y: scale to 0.10

Item 2: Coordinate system of the map

This is the image after vertically rescaling it

Item 2: Coordinate system of the map

4.Once the 3D mesh has been rescaled the image can be draped

In the Adobe Photoshop “3D Materials” panel, click the “Edit Diffuse texture” button (as denoted in the screenshot below) and select the “Load Texture” option. Now locate and select the image you wish to drape on the 3D mesh.

Item 2: Coordinate system of the map

5. Within the Layers panel turn off the visibility of the Rocky Mountain DEM (as in the screenshot below).

Item 2: Coordinate system of the map

The end result should be a 3D model such as this.

Item 2: Coordinate system of the map

Geographic Imager 3.2: Introduction to Terrain Shader, Part 3 – Applying Terrain Shader to multiple DEM files

If your workflow involves Terrain Shader, specifying a DEM schema is an important step, especially when dealing with mulitple DEM files.

When importing a single DEM file, Geographic Imager converts elevation values to gray scale values. For example, if the elevation range in your DEM file is between 0 and 2500 meters and the “Auto-stretched” option is selected, this range will be converted to the Adobe Photoshop gray scale range between black and white. As shown below, the black color is assigned to the lowest elevation value (0 meter) while the white color is assigned to the highest elevation value (2500 meters). For elevation values between 0 and 2500, Geographic Imager calculates and converts them into gray scale.

Import DEM File - Auto-stretched

In this example, we’ll use six DEM files of one geographic region. Many datasets are distributed as tiled DEM files. Each of them is next to each other and the goal is to create a colorized DEM image from those six files.

Collected 6 dem files

When dealing with multiple DEM files, you will need to consider the elevation range of the each DEM file. In other words, the elevation range in each DEM file will be slightly different.

table: elevation range in each DEM file Chart: Elevation range in each DEM files

Option 1: Using the “Auto-Stretched” option for multiple DEM files

When importing multiple DEM images and using the “Auto-stretched” option, click “Apply to All”…

Dialog window: Import DEM file - auto stretched

Every one of the DEM images will be converted to the gray scale between black and white.

graph: stretching the gray scale to every image file

As a result, you can get the maximum contrast in each image. However, you will not be able to mosaic or apply Terrain Shader to those six images because each DEM has slight differences in elevation and an all encompassing schema like the”Auto-stretched” option will not work.

DEM images opened with Auto-stretched

Option 2: Creating a DEM schema by specifying a range

In order to apply Terrain Shader to multiple DEM files, you will need to assign one DEM schema to each DEM image you would like to share the same schema.

Step 1: Identify the elevation range amongst multiple DEM files

Explore the DEM files and find out what the elevation range is for each one. Then note which are the lowest and highest values among all DEMs. For this example, the lowest elevation is 0 m and the highest is 3,231 meters.

Finding the range among multiple DEM files

Step 2: Create a new DEM schema for your dataset

Choose File > Open and select multiple DEM files. Once the Import DEM file dialog box is open, click the Add button to open the “Edit DEM Schema” dialog box.

Create a new Schema name (e.g. “my study area”). Simply enter the lowest and highest elevation value found in Step 1.

Dialog window: Edit DEM Schema - specifying the range for the DEM schema

Step 3: Apply the DEM schema to your datasets

When you’ve created a new DEM schema, it will be available in the “Select Schema” drop-down list. Choose the new schema and click “Apply to All”. This selected schema will be applied to all the DEM files being imported.

dialog window: Importing DEM file with the same schema

After the import process is completed, the images are ready for Terrain Shader.

All the DEM files imported with the same DEM schema

When one of the imported DEM file is the active document, click the “DEM” tab in the Geographic Imager panel. It shows the DEM schema name, the DEM value range, and the actual elevation value available in the currently active document. Click the “Calculate” button if you do not see the statistics (actual elevation value range of the active document).

Geographic Imager Main Panel

Step 4: Apply Terrain Shader to your DEM files

Since each DEM has a schema, a mosaic can be perfomed and then Terrain Shader can be applied to the mosaicked iamge.

DEM files mosaicked and Terrain Shader effect is applied

Geographic Imager 3.2: Introduction to Terrain Shader, Part 1

The upcoming release of Geographic Imager 3.2 introduces a new feature called Terrain Shader, used to apply color gradients and shaded relief to imported DEM images. Color gradients can be exported so that you can use them for other images or share them with other people.

You might want to take a look at our brief video about the Geographic Imager Terrain Shader on our Avenza YouTube channel.

In this blog, I’ll show you a quick workflow with Terrain Shader using one of the files from the Geographic Imager tutorial folder.

1) Open the DEM file called Yukon Water.dem from the Geographic Imager Tutorial Folder in Adobe Photoshop. Geographic Imager will automatically detect the file type so that you will see the “Import DEM File” dialog box(below).

When your workflow involves Terrain Shader, it is important to select an appropriate schema in the Import DEM file dialog box. For now, we’ll use the option “Auto-stretched”. We’ll return to this dialog box when we talk about an advanced use of Terrain Shader feature in another blog.

Importing a DEM file

After the DEM file is successfully imported, you will see the geospatial information, the DEM schema and the value range information in the Geographic Imager panel. The panel has been redesigned and improved for version 3.2 (We think it works really well!)

Geographic Imager Main Panel: displaying the information of the dem file just imported

2) Click the Terrain Shader button.

Terrain Shader icon on Geographic Imager Main Panel

In the Terrain Shader dialog box, on the left side, you can see the elevation range of the DEM file. There is a large preview image at the centre of the dialog box.

Terrain Shader Main Dialog Window

3) Click the check box beside “Apply Color Map” to apply a color gradient to the DEM image.

You can select one gradient from the preset gradients from the dropdown menu. Or you can edit the color gradient form the existing one. Click the pencil icon next to the preset dropdown menu. In the Edit Color Map dialog box, you can modify the gradient scheme. You can change colors, add ramps, adjust the ramp position, ….etc.

Editing Color Scheme

4) Click OK to apply the modication.

5) Another great function with the Terrain Shader is to apply the shaded relief effect at the same time. Click the check box beside “Applly Shaded Relief”.

You can adjust the angle of the source light and the intensity of the contrast. You can see how the settings affect the DEM image in the preview.

Applying a shaded relief effect

6) The DEM is stylized with a color gradient and a shaded relief effect.

colorized dem image with a shaded relief effect

Stay tuned for Introduction to Terrain Shader, Part 2

Geographic Imager: Create shaded relief from a DEM

With Geographic Imager 3.x, you can import DEM files to Adobe Photoshop and can create shaded relief images.

step 12: Shaded relief image completed

There are two methods to achieve this:

Method 1: Run the pre-made JavaScript and apply it to all images

After opening your DEM image, choose File > Scripts > Browse… and select Shaded Relief.jsx from the SampleScripts folder inside the Geographic Imager Tutorial folder. It will generate the shaded relief image for the opened DEM image based on the settings in the JavaScript file.

 

Method 2: Create shaded relief images manually

We’ll use the DEM file Rocky Mountains.dem available in the Geographic Imager Tutorial folder for this demonstration.

1) Open the Rocky Mountains.dem image from the Geographic Imager tutorial folder. Geographic Imager automatically detects it as a DEM file and provides the option to select the DEM image import method. For this demonstration, choose Auto-Stretched from the Select Schema drop-down list.

Step 1: Import DEM file option

The imported DEM is opened in black and white. Take a look at the header of the image (or tab of the image file). Notice that it displays “Gray/16”. This indicates that the image is in the 16 Bits/Channel Grayscale mode.

step 1: Imported DEM image

2) Now, change the image mode from 16 Bits/Channel Grayscale to 8 Bits/Channel RGB. From the top menu bar, choose Image > Mode and then 8 Bits/Channel. Once again, go to Image > Mode, this time choose RGB Color.

step 2: Changing the color mode

Once completed, take a look at the image header again (or file tab). Now “RGB/8” is indicated in the header, meaning that the image is now in the 8 Bits/Channel RGB color mode.

step 2: Color mode changed

3) Select the entire canvas (use the Rectangular Marquee Tool) and copy the selected area to the clipboard (Edit > Copy).

step 3: Select the entire canvas

4) Open the Channels panel (Window > Channels) and add one Alpha channel by clicking the Create new channel button at the bottom of the panel or go to the panel option menu and choose New Channel. Leave the channel name as “Alpha 1”.

step 4: create a new channel

5) Select the “Alpha 1” in the Channels panel and fill it in white using the Paint Bucket Tool.

step 5: Filling Alpha channel

6) In step 3 we copied the selected area (the entire canvas) to the clipboard, now we’re going to paste it to the new channel. Select “Alpha 1” in the Channels panel, and paste it (Edit > Paste). You can see that the same image is displayed for all the channels when the copied area is successfully pasted. Make the Alpha 1 channel invisible and make sure the RGB channels are visible.

step 6: pasted canvas

7) Deselect the area (Select > Deselect from the top menu bar).

step 7: deselected area

8) In the Layers panel (Window > Layers), create a new layer named Bump map. Change the Blending mode to Overlay. step 8: New Layer "Bump map"

9) Using the Paint Bucket Tool again, fill the new “Bump map” layer with white.

step 9: fill white

10) From the menu bar, choose Filter > Render > Lighting Effects…

step 10: Menu Filter > REnder > Lighting Effects ...

11) Adjust the settings in the Lighting Effects dialog window.

step 11: adjusting the light effect

12) The shaded relief image is completed! You can use this image to overlay with other georeferenced images with Geographic Imager or with vector datasets with MAPublisher.

step 12: Shaded relief image completed

Privacy Preference Center

Close your account?

Your account will be closed and all data will be permanently deleted and cannot be recovered. Are you sure?