Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Pressed text
A slightly more realistic effect than a plain "bump map" (even if there is still some bump-mapping). The idea is to combine bump-mapping for a nice 3D effect on the edges with a drop-shadow to give it more "depth" than is achievable with bump-mapping alone.


This requires manipulation in the Layers list, so keep it open (Ctr-L):

  1. Create the text in black with the text tool, and maybe adjust the canvas size around it
  2. Duplicate the text layer (icon at bottom of Layers list)
  3. Add a new layer filled with white (name it "BumpMap")
  4. In the Layers list, drag it under the top copy of the text layer
  5. Select the top copy of the text layer and Layer>Merge down. You will obtain a layer with your text on white.
  6. Filter>Blur>Gaussian blur and apply a blur of about 1/4 of the character thickness
  7. Create the "surface" by adding a new layer (call it "Bottom") and filling it with the required color (you can also use a slight radial gradient)
  8. Duplicate that layer and rename the copy to "Top" (double-click the name to edit it, [enter] when done)
  9. With "Top" selected:  Filters>Map>BumpMap.  In the "Map" selector,select the "BumpMap" layer, keep all defaults, and [OK]. Your top ayer should now have the text engraved in it.
  10. Right-click the initial text layer, and select Alpha to selection (you should have the "marching ants" running along the text outline)
  11. Make sure the Top layer is selected and hit [Delete] (or Edit>Clear). This will remove a good deal of the shadows.
  12. Select>None
  13. Filters>Light and shadows>Drop shadow:
    • Offsets: use about a third of the character thickness,
    • Blur radius: use roughly a half of the character thickness
    • Opacity 60% is OK.
  14. This creates a a new "Drop shadow" layer between top and bottom, and you can adjust the opacity with the "Opacity" slider at the top of the layers list and the offsets by moving it with the Move tool (set to "Move the active layer")
See attached XCF file (the filetype is "XCFGZ", a "compressed" XCF, but Gimp should open it directly).

You can also apply this technique with a texture, in which case the process isn't very different:

  1. Open your texture image
  2. Add the text layer
  3. Position/crop both layers
  4. Create the bumpmap layer as above
  5. Duplicate the texture layer
  6. Apply bumpmap to top layer
  7. Punch out the text on the top layer
  8. Apply drop shadow to top layer
  9. Possibly shift the bottom layer a bit so that the pattern on it is slightly offset

Attached Files
.xcfgz   GroovyGF.xcfgz (Size: 283.97 KB / Downloads: 12)
To apply this to an existing image do I start with a transparent text layer?
(11-08-2017, 12:36 AM)Geos Wrote: To apply this to an existing image do I start with a transparent text layer?

You can start with the existing image.

Step 7 contains the following:
"7. Create the "surface" by adding a new layer (call it "Bottom")..."
Omit the creating of a new layer in this step. Make sure your existing image layer is at the bottom.
No, you start with the layer in which you would engrave the text (instead of generating it from scracth).

See updated tutorial above.
Getting there but not quite.

Attached Files Thumbnail(s)
Oops. missed a step in the second list of actions, see step 7. However, to do a watermark, the bumpmap is enough. If the watermark is too visible is ruins the picture.
Wouldnt it be much better for a watermark to make the whole thing in a 50ies gray layer (#808080), apply 'Colour To Alpha', and then use a Blendmode (like 'Grain Merge') to put over the image ?
Thanks a lot, Ofnuts. Your tutorial is very helpful to get that effect I like so much.  Smile

Attached Files Thumbnail(s)
Not bad, but as far as I can see you didn't shrink the selection before punching the top layer, so you have cut away all the bump-mapping (if you did one).

Forum Jump: