In this help article I’ll be showing you a quick and easy beginner-friendly method for creating awesome 3D text using GIMP.
GIMP is a free photo editing and graphic design program most similar to Photoshop.
You can watch the video version below, or skip over it for the help article version – available in 30+ languages. Let’s get into it!
Table of Contents
- Step 1: Set Up a New Document
- Step 2: Add Text
- Step 3: Align Your Text
- Step 4: Duplicate Your Text
- Step 5: Add a Long Shadow to Your Text
- Step 6: Add a Highlight to the 3D Text
- Step 7: Center Your Final Design
Step 1: Set Up a New Document
For starters, I’ll create a new composition by going to File>New (red arrow in the image above) or using the ctrl+n shortcut key (cmd+n on a MAC).
Next, I’ll open the Palettes tab by going to Windows>Dockable Dialogues>Palettes (red arrow in the image above). Here in the Palettes tab (outlined in green in the image above), I can choose from several built-in color schemes to create my composition.
I liked the “Grayblue” color palette (blue arrow in the image above), so I’ll double-click on the palette name to open up the “Palette Editor” tab.
This Palette Editor tab (outlined in green in the image above) will give me easy access to all the colors I’ll be using throughout the tutorial.
Next, I’ll click and drag a dark color from the Palette Editor onto my background (follow the red arrow in the image above). This will change the color of my background.
Step 2: Add Text
With my composition now set up, I’ll click on the Text tool in the toolbox (green arrow in the image above). I can adjust my settings in the Tool Options – with my font in this case set to “Barlow Condensed Heavy Italic Condensed” and the font size set to “750 px.” I changed the color of the font by clicking and dragging one of my palette colors to the “Color” box.
When I’m ready, I’ll click on the composition with the text tool and type “GIMP” in all caps (red arrow in the image above). This will automatically create a text layer in the Layers panel (blue arrow), and our text will now display on the composition.
Step 3: Align Your Text
Next, I’ll click on the Alignment tool in my toolbox (in the first tool group – click and hold the tool group to reveal the alignment tool, which is below the Move tool by default – red arrow in the above image).
I’ll then click on the text I just created with the alignment tool. In the Tool Options for my Alignment tool, I’ll make sure “Relative to” is set to “Image” from the dropdown (blue arrow), and will click the “Align Center of Target” and “Align Middle of Target” icons (outlined in yellow in the above image). This will horizontally and vertically align my text to the center of my image.
Step 4: Duplicate Your Text
I’ll then make sure I am clicked on the “GIMP” text layer in the Layers panel (blue arrow in the image above) and click the duplicate icon to duplicate this layer (red arrow). I’ll click the icon once more to duplicate it again. You should now have 3 GIMP text layers (outlined in yellow).
To keep things looking nice and tidy, I’ll reposition the duplicate layers below the original layer in the layer stacking order by clicking and dragging each of them with my mouse (red arrow).
Step 5: Add a Long Shadow to Your Text
It’s time to start adding the 3D effects to our text! To start, I’ll make sure the bottommost GIMP text layer is selected (red arrow). Then, I’ll go to Filters>Light and Shadow>Long Shadow (yellow arrow).
The effect on this layer will form the shadow effect for my 3D text. So, I want the color here to be a little darker. To achieve this, I’ll click and drag a slightly darker blue from my Palette tab to the box labeled “Color” (red arrows in the image above). The color inside the box should now update to your new color.
I’ll leave all the other settings at their default values and click “OK.” (Note that if you adjust the angle or length, you’ll want to remember these values as you’ll need them for the next step.) You should now have a darkish blue long shadow on your bottom text layer.
Next, I’ll click on the “GIMP #1” text layer (red arrow) and once again apply the Long Shadow filter. I can do this using the shortcut key “ctrl+shift+f” or simply go to Filters>Light and Shadow>Long Shadow (yellow arrow).
Tip: ctrl+shift+f is the shortcut key to ‘”Reshow’ Last Filter” in GIMP. In other words, it brings up the dialogue for whatever the last filter was that you used without applying the actual settings to the active layer.
For this long shadow, I’ll change the “Style” to “Fading: Fixed Length” from the dropdown (yellow arrow).
I’ll then change the color of the long shadow to a lighter blue by dragging this color from the Palette Editor tab (red arrows in the above image). I’ll click OK to apply the settings to my layer.
Step 6: Add a Highlight to the 3D Text
You should now have some nice looking 3D text. However, I’m going to add just one last effect to this to really help it stand out: a highlight.
To add a highlight, duplicate your top text layer twice by click the “Duplicate” icon at the bottom of the Layers panel (red arrow). You’ll now see two additional text layers in your Layers panel labeled “GIMP #4” and “GIMP #3” (outlined in yellow).
Click on the “GIMP #3” text layer (red arrow) and go to Layer>Discard Text Information (yellow arrow). This will make it easier for us to recolor the text layer.
Lock the alpha channel for the GIMP #3 layer by clicking the small icon at the top of the Layers panel (red arrow). Then, drag and drop your highlight color onto the canvas (in my case I went with white for this color, which I dragged from the background swatch under my Toolbox – blue arrows in the above image).
Now, with the move tool selected (m key on your keyboard), move the top GIMP #4 text layer slightly to the right and down by clicking directly on the pixels for this layer and dragging your mouse (red arrow). Release your mouse. The sliver of white peaking out from behind this layer will be the highlight.
Next, alt+click on the GIMP #4 layer (yellow arrow) to create a selection around this text. You can also go to Layer>Transparency>Alpha to Selection (red arrow) if alt+clicking doesn’t work for you.
Click on the “GIMP #3” layer to make it active (red arrow), then click the Layer Mask icon at the bottom of the Layers panel to add a layer mask to the layer (green arrow).
Under “Initialize Layer Mask to:” choose “Selection” (blue arrow in the image above), and make sure the “Invert” box is checked (yellow arrow). Click Add to add the layer mask. The GIMP #3 text layer should now have a Layer Mask assigned to it in the shape of the text.
Hit ctrl+shift+a to deselect the text. Then, click on the GIMP #4 text layer (red arrow) and click the “Delete this layer” icon at the bottom of the Layers panel (green arrow) to delete it.
You can adjust the opacity of the Highlight layer (GIMP #3) using the Opacity slider at the top of the Layers panel (green arrow). Make sure you are clicked on the actual layer (red arrow) and not the layer mask when adjusting this slider. Simply decrease the value to below 100 for a more subtle highlight.
Step 7: Center Your Final Design
To center up the final design, start by hiding the background layer by clicking the “Show/Hide” icon in the Layers panel (red arrow). Next, go to Layer>New from Visible (green arrow).
Unhide the background layer (red arrow). Next, click on the “Visible” layer that you created (green arrow) and go to Layer>Crop to Content (yellow arrow). This will crop out all the excess transparent pixels surrounding your design, thus shrinking the layer size down to the size of your design.
Finally, grab the Alignment tool from your toolbox (Q shortcut key on your keyboard – red arrow in the image above) and click on your visible layer (blue arrow). With the tool set to align “Relative to: Image,” click “align middle or target” and “align center of target” (outlined in yellow) to center align the design. Hide all the layers between the Visible and Background layers (click the show/hide icon next to each one – outlined in green).
That’s it – you now have some amazing looking 3D text! That’s it for this GIMP tutorial. If you liked it, don’t forget to check out my other GIMP help articles, GIMP video tutorials, or get access to more content by becoming a DMD Premium Member!
