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!

 

Stroke & Bevel 
Text GIMP

 

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

 GIMP Sitemap - Free GIMP Tutorials - GIMP Terms/Conditions - GIMP Q&A - GIMP Hints & Tips

Add A Solid Stoke, Bevel And A Perspective Shadow To Text
GIMP (GNU) -
Intermediate

Stroke Text With A Solid Colour GIMP (GNU)

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 Stroke Text with a Solid Colour, add a Bevel and a Perspective Shadow.

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).

Stroke Text With A Rainbow Coloured Glow
Launch GIMP & Organise Its Workspace & Palettes

1/
Create a New Image, and set the following Width and Height and Fill with Transparency attributes. Alternatively, select Width and Height dimensions of your choice.

Note
If you are not printing your work, set a Resolution of 72.000 Pixels. If you are printing your work, a resolution of 300.000 Pixels will be better.





2/ Invert The Canvas Colour
Now, to convert your White Canvas into Solid Black; from the top menu, choose Colours and then choose Invert.



3/
Then from the left-side Toolbox, activate the Text Tool. (
Text Tool Tutorial).

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



Set the Foreground Colour Swatch to the colour you would like your text to be -
I am selecting Solid Red. (I am also utilising a Font named
Fairydust).
                                  


After you have set your Text attributes: left-click once over the Black Image. And from the subsequent Gimp Text Editor dialogue box, type in a Text String of your choice, and then click Close - as illustrated below.



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



Then left-click over your workspace’s Text; (and remembering to leave room for the subsequent Stroke and Perspective Shadow), drag your Text to a central position - as illustrated below.
        


5/ Add A Bevel
Now, from the top menu, choose Filters then choose Decor and then choose Add Bevel. And from the subsequent Script-Fu: Add Bevel dialogue box, enter bevel settings of your choice, and then click OK.

  

6/
Now, right-click over the Text Layer. And from the subsequent drop-down list, click Alpha to Selection.

                         

Your text will now be isolated by the following Selection Marquee.



7/
Then create a New Transparent Layer by clicking the following Create a new layer tab - and name it something like Stroke. And then drag the New Layer below the Text Layer - as illustrated below.

                  

8/
Ensuring the Stroke Layer remains active. From the top menu, choose Select and then choose Grow. And from the subsequent Grow dialogue box, select a Grow Selection setting of your choice, (this will be the Stroke’s Width), and then click OK.

          

Note
I have selected a Grow selection by (Stroke Width) of 4 Pixels; however, experiment, and discover a suitable Stroke for your text’s needs.

9/
Now, set the Foreground Colour Swatch to a Solid Colour you would like your stroke to represent - I am selecting the following rich Yellow colour.



10/
Then from the left-side Toolbox, activate the Bucket Fill Tool.



And set the following FG Colour Fill settings into the Options Box.



Then (still working on the Stroke Layer), left-click over your image to fill the Stroke Layer with your choice of Solid Colour - as illustrated below.

              

2 Pixel Stroke Width Example

  

11/ Remove The Selection Marquee
From the top menu, choose Select and then choose None.
 
          

12/ Add A Perspective Shadow
From the top menu, choose Filters then choose Light and Shadow and then choose Perspective. And from the subsequent Script-Fu Perspective dialogue box, set suitable Perspective and Colour settings of your choice, and then click OK.



  

Tip: Stroke The Perspective Shadow With Yellow
To Stroke the Perspective Shadow with yellow, follow my Stroke Text With Colour Steps - back in
Chapters 6 though to 9, here. (Tip: You may need to reduce the Grow Selection By (Stroke)’s size by one pixel).

           

13/
From the Toolbox,
activate the Crop Tool.



Then drag a Crop Bounding Box around your text.



And then left-click once in the centre of the image to commit the Crop.



Change The Black Background: Tip
To remove the Black Background: left-click to remove the Background Layer’s Visibility (Eye) Icon. This temporarily hides the Layer’s Contents - as illustrated below-right

          

Fill Layer Tip
Now you have removed the White Background, you can create a Fill Layer, and Fill it with either a Solid Colour, Pattern or a Gradient - as demonstrated by my Create A Fill Layer
Tutorial Here. (I utilised GIMP’s Big Blue Pattern).

        

14/
To finish, from the top menu, choose Image and then choose Flatten Image.



15/
Congratulations, your Stroked Text is complete,
and is ready to Optimise and Save.

Stroke Text With A Solid Colour GIMP (GNU)


Now you are familiar with this technique, you can have lots of fun creating personalised Stroked Text.


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