ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Arts and Design»
  • Graphic Art & Design

Create a reflection under text in GIMP 2.8 tutorial

Updated on May 23, 2013
Text with reflection created in GIMP 2.8
Text with reflection created in GIMP 2.8

Texts and objects with reflection underneath as if they are standing on a shiny surface are very popular now. In this tutorial I will show you how you can create one in under three minutes.

If you don’t have GIMP yet find it here: www.gimp.org

Step 1

Open GIMP, create a new file by going to File / New / 600 x 400px in horizontal position.

Take Text Tool, in Tool Options set:

Font - Cambria bold

Size - 200px

Alternatively, you can choose any other font as it’s not really important.

Click on the image and drag a selection across the image to create an area for the text see fig 1.

Fig. 1  Creating text with reflection in GIMP 2.8
Fig. 1 Creating text with reflection in GIMP 2.8

Type a text. I used word GIMP.

Move your text so that it is in the top half of the image. You can do it either by pulling corners of the text area, or using the Move Tool.

If you choose to use Move Tool go to Tools / Move Tool. Then click on the image to activate, than position text as I explained earlier see fig 2.

Fig. 2 Creating text with reflection in GIMP 2.8
Fig. 2 Creating text with reflection in GIMP 2.8

Step 2

Right click on the Layer with text in the Layers Dialogue, choose Alpha to Selection.

Create a New Transparent Layer by going to Layer / New Layer / Transparency.

Step 3

Keeping the selection, set your Background colour to Black and Foreground colour to Blue (#2dcaff).

Take Blend Tool, set:

Gradient – FG to BG (RGB)

Shape – Linear

Repeat – None

Drag gradient from the top of the selection to the bottom of the selection.

Step 4

Go to Select / None.

Select the layer with Black text right click with the mouse, select Delete Layer.

Now you should have two layers, Background Layer and Layer with Blue & Black text see fig 3.

Fig. 3 Creating text with reflection in GIMP 2.8
Fig. 3 Creating text with reflection in GIMP 2.8

Step 5

Select Layer with Blue & Black text go to Layer / Duplicate Layer.

Next go to Layer / Transform / Flip Vertically.

Take Move Tool, click on the image to activate it and move the flipped text so that it’s almost touching the original text see fig 4.

Fig. 4 Creating text with reflection in GIMP 2.8
Fig. 4 Creating text with reflection in GIMP 2.8

Step 6

Right click on the flipped text in the Layers Dialogue select Add Layer Mask / White (full opacity).

Take Rectangle Select Tool and select the area around the flipped text see fig 5.

Fig. 5 Creating text with reflection in GIMP 2.8
Fig. 5 Creating text with reflection in GIMP 2.8

Set your Foreground colour to Black.

Take Blend Tool, set:

Gradient – FG to Transparent

Shape – Linear

Repeat – None

Make sure that the Layer Mask is selected and not the image itself, pull gradient from the bottom of the flipped text to the top of the flipped text see fig 6.

Fig. 6 Creating text with reflection in GIMP 2.8
Fig. 6 Creating text with reflection in GIMP 2.8

Pull the gradient twice.

Go to Select / None.

See the result in fig 7.

Fig. 7 Creating text with reflection in GIMP 2.8
Fig. 7 Creating text with reflection in GIMP 2.8

Step 7

Select Layer with Flipped text and reduce the Opacity of this layer to about 25% - 30%

Go to Image / Flatten Image.

Final result see in fig 8.

Fig. 8 Creating text with reflection in GIMP 2.8
Fig. 8 Creating text with reflection in GIMP 2.8

Step 8

To save the image go to File / Export (for GIMP 2.8) / give name / save with JPEG extension.

Comments

    0 of 8192 characters used
    Post Comment

    • profile image

      Tutorial 3 weeks ago

      Thanks! Was able to follow this and learned some things I did not know about gradients.

    • Dina Blaszczak profile image
      Author

      Dina Blaszczak 4 years ago from Poland

      @luciano63 Thanks :)

    • luciano63 profile image

      Luciano Bove 4 years ago from Paris

      well done!