View Full Version : Shaded Relief & Gradient from height map in Photoshop

09-19-2012, 05:14 PM
I know it's been done before, but here it is again with a well-known example image (credit to NASA (http://visibleearth.nasa.gov/view.php?id=73934)). Although it would be nicer if the resolution were higher (and the oceans not strangely pixelated because of it). These basic steps are one way to bring relief and a bit of color to a flat, greyscale height map. Yes, it's upside down. Start at the bottom.


Image 6: Final result.

Image 5: Apply colors to different altitudes.
Duplicate the original layer, drag to top of layers panel, set style to color, apply gradient map.
(Image > Adjustments > Gradient Map > Double click the colorful box to edit the gradient)
Click the bottom arrows along the color bar to change the colors in the area below.
Drag the bottom arrows along the color bar to adjust the altitude range affected by each color.
Fiddle to your heartís content.

Image 4: The image as it looks right now.

Image 3: Make it look bumpy. You can duplicate the levels-adjusted layer (like I did) or work with it directly.
(Filters > Render > Lighting Effects)
Youíll want Directional light type. (drag the black dot in the preview box to change the light direction)
Change the Texture Channel to the channel that you created.
And despite all evidence to the contrary, White is NOT high. Not this time.
Other than those, play with it and see what happens.
When you find something you like, Save... it for later.

Image 2: Duplicate the original layer and adjust output levels from 0 to 128.
(Image > Adjustments > Levels)

Image 1: Create a height map. Duplicate (right click) a channel in the channels dialogue (not the RGB).
(Window > Channels)



09-19-2012, 09:36 PM
A quick add-on to that would be to get a land/sea mask and apply a different gradient to the ocean to play up land/sea. Or even cut out the land and give it a stroke effect.

03-14-2013, 08:02 AM
Thanks for this. I will try this as an alternative to gimp in the Eriond tutorial.