Giving sense of volume to textures using GIMP

From Nexus Mods Wiki
Revision as of 21:17, 20 November 2018 by Zaldiir (talk | contribs) (Updated link.)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Overview

This mini guide shows how to give a sense of volume to textures using bump mapping and blending layers in GIMP.

Required tools

Give sense of volume

Draw the basic shapes

Original texture
Layers stack
Original texture plus the 3 shapes
Blend tool

In this tutorial we are going to begin with a flat grey texture like the one shown in picture Original texture, but you can apply the technique described here to a more complex texture with the same results.

We are going to add to this texture three different shapes with volume:

  1. a symbol that we want to be higher than the rest of the texture
  2. a semisphere that we want to be higher than the texture too but as a semishpere, not as a flat circle
  3. a line that we want to be deeper than the rest of the texture

First thing is to create three new transparent layers: each layer will contain one of the shapes. To add a new layer in GIMP:

  • Select the menu option Layer -> New Layer
  • Add a name for the new layer, select Transparency on the pop-up window and click OK

To see and work with the different layers that you have in your image:

  • Select the menu option Windows -> Dockable Dialogs -> Layers
  • This will open a window with the layers stack for your image as the one shown in picture Layers stack

To work on one of the layers, select the corresponding layer in the stak and then work in GIMP main edition window: all you do (painting, erasing, resizing, etc) will be done on the selected layer. To hide/show one of the layers, click on the eye icon at the left of each of the layers in the layer stack.

Now draw one shape in one of the layers:

  1. Select the first layer, draw the symbol and paint it completely in white. In this example I've used the bat symbol shown in picture Original texture plus the 3 shapes
  2. Select the second layer to draw the semisphere:
    1. First draw a circle.
      1. Select the menu option Tools -> Selection Tools -> Ellipse Select
      2. Press the Shift key to draw a circle, then press the left mouse button and click on your image. With both keys pressed move the mouse to resize the circle. Release the left mouse button when you are done.
    2. As we want this shape to be a semisphere we are going to fill the circle using the Blend/Gradient tool:
      1. Select the Blend tool from the toolbox and select the Radial option for the shape of the gradient as shown in picture Blend tool
      2. Press the left mouse button, click in the center of the circle and drag the mouse following one of the circle radius until reaching the border of the circle. Then release the mouse button and the circle will be automatically filled by a gradient of colours as shown in picture Original texture plus the 3 shapes
  3. Select the third layer and draw a rectangle and fill it completely in white as shown in picture Original texture plus the 3 shapes.

Use the Bump map filter

Bump map window
Original texture with the bump map applied
Bump map parameters for semisphere
Bump map parameters for deep line
Original texture with all bump maps applied

Now we are going to alter the original texture adding to it in relief the shapes we have previously drawn. In order to do this we are going to use the Bump map filter of GIMP.

  1. Select the layer that contains the original texture
  2. Select the menu option Filters -> Map -> Bump Map.
  3. A window like the one shown in picture Bump map window wil pop up:
    1. In the Bump map box, at the top, select the first layer where you have drawn the symbol.
    2. You can change the values of the properties, and see how if affects the original texture in the Preview window (check the Preview box to see this changes). For a shape that is not geometrical, I find that the Sinusoidal map type gives better results, but you can try the other values and see which one looks best for you.
    3. Once you've got the results you want, click OK.
    4. Hide all the layers except the one containing the original texture (don't delete those layers as we will use them later) and you'll see how the symbol now is painted on it in relief as shown in picture Original texture with the bump map applied.
  4. Now apply the bump map filter using the layers containing the other two drawings as patterns.
    1. Semisphere: for the Bump mapping, I've used the values shown in picture Bump map parameters for semisphere
    2. Line: for the Bump mapping, I've used the values shown in picture Bump map parameters for deep line. The important thing here is that, as we wanted the line to be deeper than the texture, we have to check the Invert bumpmap box.

After applying all bump maps, your texture will look now something similar than the one shown in picture Original texture with all bump maps applied.

Add light or darken your texture

Final result

To increase the effect of relief, you can use the three layers with the drawings to add light to the higher areas and darken the deeper ones.

Add light to higer areas:

  • In the layer stack:
    • Select the layer that contains the symbol and change the layer mode from Normal to Soft Light, and the Opacity value from 100 to 15 (you can play with other blend modes and values to see which ones fulfill your needs). You can see the results in the main edition window.
    • Select the layer that contains the semisphere and change the layer mode from Normal to Hard Light, and the Opacity value from 100 to 50.

Darken the lower areas:

  • First thing is to change the colour of the deep line drawing from white to black:
    • Select the layer that contains the line drawing in the layer stack
    • In the main edition window, select the menu option Colors -> Invert. Now the line is black instead of white
  • Go back to the layer stack and change the layer mode from Normal to Burn and the Opacity value from 100 to 20 you can play with other blend modes and values to see which ones fulfill your needs).

The last step is to blend all layers into the original texture. To do so:

  • Select the layer in the stack that is just above the original layer
  • In the main edition window, select the menu option Layer -> Merge Down
  • Then select the layer that is now just above the original layer and merge it down.
  • Select the last layer and merge it down.

If you've followed all the steps in this tutorial, now your original texture (that was only a flat grey texture) will look similar to the one shown in picture Final result, where you can see that all three shapes we have drawn look as if they had volume.