Welcome  GIMP PDF Tutorials  Personal Site  Home  Contact/About  Sitemap  Terms  Online GIMP Tutorials 

 GIMP (GNU) Tutorials

250+ Free Online GIMP (GNU) Tutorials - Click Here
450+ GIMP (GNU) & Photoshop PDF Tutorials - Click Here

by Wendi E. M. Scarth.
 

.

GIMP Tutorials - Click Me!

 

Text Reflection GIMP

 

Free GIMP Tutorials
Tutorials by Wendi E. M. Scarth.

GIMP Sitemap - Free GIMP Tutorials

Create And Fade Text Reflections
GIMP (GNU) -
Intermediate

Appy & Fade Text Reflections (Using A Layer Mask)  GIMP

450+ GIMP & Photoshop PDF Tutorials With Start Images & All Future GIMP PDFs
450+ Individual GIMP & Photoshop PDF Tutorials Plus All Future GIMP PDFs: Click Here.

This GIMP (GNU) tutorial demonstrates how to create and fade a text reflection.

Notes
You can quickly Undo a step at any time by pressing Ctrl then Z. Alternatively, click a previous Undo History snapshot - Windows then Dockable Dialogues then click Undo History. In addition, to Zoom in (or Zoom out) of your image; from the top menu, choose View then select a Zoom Tool from the subsequent drop-down list.

Note
Ensure the Layers and the Undo History Palettes are visible, and then drag them into position over your workspace - (Windows then Dockable Dialogues - then click Layers and Undo History).

Launch GIMP & Organise Its Workspace & Palettes

1/
Create a New (Transparent) Image, and set the following Width and Height and Fill with Transparency attributes.





2/
Now, from the left-side Toolbox, activate the Text Tool.

Note
The size of the Text is determined by the
Image’s Resolution (Size), and the look you are seeking.



Then from the left-side Tool Options Box, enter Text Attributes (the Size, Colour and Font), of your choice.



Set Your Text’s Colour (The Foreground Colour)
To set the Text Colour, click open the Colour Swatch - highlighted above. And from the subsequent Change Foreground Colour dialogue box, click over a colour you like the look of, as demonstrated below. Ensure the Current tab reflects your colour choice, and then click OK.

HTML Tip
If you know your colour choice’s HTML Code, then clear the HTML Notation box, and type in your colour’s HTML Code. (
How to use the Colour Picker Tool).



Now, from the Text Tool’s left-side Options Box, alter the text’s Font and Size to suit your needs. 

Set The Font



Set The Font’s Size
You can change the Text’s Size either by clicking over the tiny Upwards or Downwards Arrows, as illustrated below. Alternatively, you can highlighted and then delete the Numerical Value already there, and type in new Values of your choice.



Now you have set your Text Attributions: left-click once over the (Transparent) Canvas. And from the subsequent Gimp Text Editor dialogue box, type in a Text String of your choice, and then click Close - as illustrated below.

Tip
Prior to clicking Close, you can clear the Text String by clicking the following Clear tab.


 


GIMP gives Text its own Layer - as illustrated below.



3/
From the left-side Toolbox, activate the Move Tool.

move tool tetx relfe gimps


Then, still working on the Text Layer, left-click over your workspace’s Text: and (remembering to leave room underneath the Text’s for the Reflection), drag your Text to a central position - as illustrated below.
 




4/ Optional Bevel
To add a Bevel to your Text, from the top menu, choose Filters then choose Distorts and then choose Emboss. And from the subsequent dialogue box, mark Bumpmap:
and then set the following default settings, or experiment, and then click OK.

 

5/
From the Layers Palette: Duplicate the Text Layer by (first ensuring the Text Layer is active), and then clicking the following Create a duplicate of the layer... tab.



6/
Then from the left-side Toolbox, activate the Flip Tool.



And (from the Options Bar), mark the following Vertical Flip setting.



And still working on the Text Reflections#1 Layer: left-click once over your Text.

Your Duplicated Text will now be Flipped Vertically - as illustrated below.
 


7/
Now, activate the Move Tool, and then left-click and drag the Flipped Text below the original Text - as illustrated below.
 


8/ Add A Mask Layer
Tap your D Key to set the default Black and White Foreground and Background Colours.
 


9/
Then right-click over the Flipped Text Reflections#1 Layer: and from the subsequent drop-down list, choose Add Layer Mask. And from the subsequent Add Layer Mask dialogue box, ensure White (full opacity) is marked, and then click Add.

Read More About Layer Masks Here!



Congratulations, you have now added a Mask Layer to the Flipped Text Reflections#1 Layer - as illustrated below.



10/
Now, from the left-side Toolbox, activate the Blend Tool.



And set the following Foreground to Background (Linear) Gradient into the Options Box.



Now, still working on the Flipped Text Reflections#1 Layer. 



Press and hold down the Ctrl Key. Then simultaneously left-click over the Flipped Text, and then drag out a Gradient Line in the following direction. As soon as you release your left mouse button, the following gradient will be applied to just the Flipped Text Layer - as illustrated below.

Important
To replicate my text reflection: it’s important to start and finish the Gradient Line exactly as illustrated by my screen capture below. 





Tip
In this example, I am selecting a Linear Gradient (Shape). However, for personal Fades, it’s important to experiment with different Gradient Shapes.



11/
Congratulations, you have successfully faded your Text Reflection using a Layer Mask.

Tip
To preserve the Layers,
save your work as a GIMP XCF File.

Now, from the top menu, choose Image and then choose Merge Visible Layers
And from the subsequent Merge Layers dialogue box, ensure Expanded as necessary is marked, and then click Merge.

                

12/
To finish, from the left-side Toolbox, activate the Crop Tool.



And then Crop away extraneous Transparent Background pixels.

Tap your Enter/Return Key to commit the Crop.



13/ Drop Shadow Script Tip
To apply a Drop Shadow to your text, from the top menu, choose Filters then choose Light and Shadow and then choose Drop Shadow. And from the subsequent dialogue box, enter Drop Shadow settings of your choice, and then click OK.
 


  

14/ Fill Layer Tip
You can now fill the Transparent with your choice of either, Solid Colour, Pattern or Gradient, as fully demonstrated in my
Fill Layer Tutorial Here.

     

15/
Congratulations, your Reflected/Faded Text Image is complete,
and is ready to Optimise and Save.

Appy & Fade Text Reflections (Using A Layer Mask)  GIMP


Now you are familiar with this technique, you can have lots of fun adding and then fading your own Text Reflections.


Wendi E. M. Scarth. 
Top of Page.

Wendi E.M. Scarth Tutorials

 Elements Tutorials  Photoshop Tutorials  Paint Shop Pro Tutorials  GIMP PDF Tutorials  GIMP Tutorials