How to Add Text Behind a Picture

Updated on: August 5, 2013

In this tutorial, I will show you how to create a text that seemingly blends in with the picture in Gimpshop.

1.)  After opening the application, go to File > Open or simply Press Ctrl + O.

29

Afterwards, locate the file you want to use in your computer’s directory.

Screen shot 2012 03 27 at 11.19.30 PM

The image you selected will appear on the canvas.  For this tutorial, I used a picture of a mountain.  You can download the same picture through this link.

Screen shot 2012 03 27 at 11.19.42 PM

2.)  Next, select the Text Tool in the Toolbox or simply Press T.

Screen shot 2012 03 27 at 11.31.39 PM

Click anywhere on the canvas and the Text Editor Dialog Box will open.  Type in the word you want to appear.

Screen shot 2012 03 28 at 12.12.31 AM

You'll notice that there's now text on your canvas.

Screen shot 2012 03 28 at 12.14.42 AM

If your text is too small, go to the Tool Options and edit the font size.  You may also edit the font face and the spacing between the letters if you want.

114

The adjustments will reflect on the canvas.

Screen shot 2012 03 28 at 12.34.32 AM

3.) To adjust the text placement, click the Move Tool in the Toolbox or simply Press M.

Screen shot 2012 03 27 at 11.44.22 PM

Next, click on the text and drag it to its new position.

Screen shot 2012 03 28 at 12.34.56 AM

4.)  When you’re happy with the position, hide the Text Layer by clicking the eye icon beside it in the Layer Dialog Box.

210

You’ll notice that the text will have disappeared on your canvas.

Screen shot 2012 03 28 at 12.30.30 AM

Afterwards, select the Background Layer to make it your active layer. (Your active layer is the one highlighted)

Screen shot 2012 03 28 at 12.30.35 AM

5.)  Click the Path Tool in the Toolbox or Press B.

Screen shot 2012 03 28 at 9.04.18 PM

Next, trace the shape of the mountain using the Path tool. You can click and drag to make the path curve.

Screen shot 2012 03 28 at 8.57.19 PM

To make it easier, click the Zoom Tool in the Toolbox or Press Z. Make sure the options is set to Zoom In.

Screen shot 2012 03 28 at 11.40.40 PM

Afterwards, click anywhere on the canvas to Zoom In on that part of the image.

Screen shot 2012 03 28 at 9.21.02 PM

Then start tracing the mountains with the Path Tool.  Click to create pointed edges while click and drag to make the path curve.

Screen shot 2012 03 28 at 9.22.08 PM

When you’ve finished tracing, Zoom Out of the canvas.  Go to View > Zoom > Fit Image to Window or Press Shift + Ctrl + E.

Screen shot 2012 03 28 at 9.35.48 PM

Make sure to close the path.  You can do this by adding more anchor points (those translucent circles on your path) and extending the end of the line until it reaches the start.

61

6.) Once you’ve closed the path, Right Click > Select > From Path or Press Shift + V.

Screen shot 2012 03 28 at 9.43.33 PM

You’ll notice that an animated dashed line will outline your path.

Screen shot 2012 03 28 at 9.44.28 PM

Go to your Layer Dialog Box. Click the Text Layer and unhide it by clicking the area where the eye icon used to be.

41

The text will appear once again on your canvas.

Screen shot 2012 03 28 at 9.51.11 PM

Afterwards, Right Click > Edit > Cut or Press Ctrl + X.

Screen shot 2012 03 28 at 10.34.53 PM

The parts of the text that had overlapped with the animated dashed outline will have disappeared.

Screen shot 2012 03 28 at 9.52.12 PM

Click Select > None or Press Shift + Ctrl + A to get rid of the animated dashed line.  Afterwards, Press M (or click any other tool) to get rid of the path.

Screen shot 2012 03 28 at 9.54.39 PM

You can now clearly view the text that looks like it’s behind the mountain.

Screen shot 2012 03 28 at 9.58.56 PM

7.)  To make the text look more like it’s blending in with the background, go to the Layer Dialog Box and adjust the opacity of the text layer.  For this tutorial, I turned the opacity down to 75%.

Screen shot 2012 03 28 at 10.01.07 PM

8.)  If you want the text have a reflection on the water as well, duplicate the text layer.

51

Click the Flip Tool in the Toolbox or Press Shft + F.  Afterwards, in the tool options, set the flip type to Vertical.

Screen shot 2012 03 28 at 10.05.02 PM

Go back to the canvas and click and drag the text downwards.  The text will then flip vertically. Click the Move Tool in the Toolbox or Press M.  Click and drag the text to its position in the water’s reflection.  Make sure it corresponds to its counterpart that’s behind the mountains.

Screen shot 2012 03 28 at 10.29.57 PM

9.)  You’ll notice that the reflection overlaps with the grass in the foreground.  To fix this, follow the same procedures as how you edited the text behind the mountain. First, hide the inverted text layer in the Layer Dialog Box by clicking the eye icon.

Screen shot 2012 03 28 at 10.02.40 PM

Click the Background layer to make it your active layer.

Screen shot 2012 03 28 at 10.42.58 PM

Select the Path Tool in the Toolbox or Press B.

Screen shot 2012 03 28 at 10.46.16 PM

Trace the grass outline.  You may use the Zoom Tool to Zoom In like before.

Screen shot 2012 03 28 at 10.31.52 PM

Click View > Zoom > Fit Image in Window to zoom out the image.  Make sure you close the path by extending the end to the beginning anchor point.

71

Right Click > Select > From Path or Press Shft + V.  An animated dashed line will outline your path.

Screen shot 2012 03 28 at 10.34.53 PM1

The parts of the text that overlap with the outline will have disappearead.

Screen shot 2012 03 28 at 11.12.22 PM

Click Select > None or Press Shft + Ctrl + A.  Afterwards, go back to your inverted text layer in the Layer Dialog Box and lower the opacity.  I used only 35% for this tutorial.

Screen shot 2012 03 28 at 11.15.12 PM

You’ll notice that the reflection looks more natural now.

Screen shot 2012 03 28 at 11.15.16 PM

10.)  To create a ripple effect for the reflection, Click Filters > Distort > Waves.

Screen shot 2012 03 28 at 11.30.21 PM

A pop up box will open.  Make sure you set the Mode to Smear.  Keep everything to low settings to make the ripple subtle and more natural.  Afterwards, Click OK.

Screen shot 2012 03 28 at 11.31.44 PM

Afterwards, select the Background layer in the Layer Dialog Box and you can clearly view the end result.

Screen shot 2012 03 28 at 11.32.04 PM

Congratulations!  You’ve just learned how to add text behind a picture.  You’ve also gained a bit of know-how on how to use the Path and Flip Tools as well as one of Gimpshop's various filters. Check out more tutorials on the site to master the various tools and features that this powerful freeware has to offer.

Access 4,242+ video lessons. Instantly.
Start Learning Now →

Advance your skills with thousands of professional classes made by experts

4,242+
Lessons
2,351+
Hours of video content
56+
Different skills
crossmenuarrow-right linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram