Create an Outline Usign Brush strokes

Average: 4.1 (76 votes)
Preview: 

In this tutorial will learn how to create your own custom Brushes and how to apply around and object.
You should have a basic idea on how to use Gimp but ill try to make it easy and simple even for first timers.

Step 1

Open up a new Image 300x150.

Step 2

Choose the Text-tool and apply text,i typed in the word "Effect" pick a font as well I went with.

Step 3

On the Layer dialog Tick the Keep Transparency box. make sure you have the text layer selected.(CTRL+L)to show up the Layer dialog.

Step 4

Now will add color to the text using the 'Fill with Gradient tool' and Selecting the FG to BG (RGB)Gradient,press (CTRL+H) to display the Gradient Dialog-window.

Step 5

Change the FG color to ff0000 and BG to ffffff now apply color by dragging the the fill tool from bottom to top.

it should look like this now

Step 6

In the Layers Dialog-window. click on the text layer with the right mouse button and choose 'Alpha to Selection', this will select the text.

Step 7

Create a new layer,When prompted type in 'Outline' for the name the layer

Step 8

Open the Brushes-dialog window by going to Dialogs>Brushes.

Now will create our Own brush to get the outline we want which is a 2px outline around the text.

Step 9

In the Brushes Dialog click on the small Create new Brush icon thats at the bottom of the window.

here are the Brush settings we want

  • Enter the name 'rounded 2px' for the brush name
  • Select the circle shape
  • Radius 2.0
  • Spike 2
  • Hardness 1.00
  • aspect ratio 1.0
  • Angel 0.0
  • spacing 1.0

Now save the Brush settings.

Step 10

We want a Black outline so Reset your foreground-color to black by clicking the mini black and white overlapping squares in the color selector.

Step 11

make sure you have your new brush selected then go to Edit>Stroke selection and pick 'Stroke with a paint tool'

Your done!

This is not the best way to create an outline for text because of its rough edges, a better method can be found in this tutorial http://gimp-tutorials.net/node/91

If you need any help just leave a message here and ill try my best to help out :)

If need some guidance for testking a+ & testking 156-215.71 then get the latest testking 70-432 dumps compiled by our certified experts to help you pass testking 640-721 exam in first attempt of 642-873.

Visitor's picture

Thanks!

Nice easy instructions!
Visitor's picture

Thank You So Much!

Yeah, title says it all... You helped me a lot for I was in such a mad mood to go search. So this utorial was easy to follow. Thanks again'! :)

Visitor's picture

Thnkies

Thankyou!

 This has helped me loads!

Visitor's picture

Re: How to createText Outline in Gimp

Steps 8 and 9, could also be (although, then learning about custom brushes would be defeated :-)):

Select -> Grow
Change pixel size to 2
Select the Bucket Tool. Make sure 'FG to Fill' (FG is black) and 'Fill Whole Selection` are checked.
Click the text.

Nice tutorial. Easy to follow.

PS: It would be nice if the version of GIMP used to construct this tutorial (and all tutorials) was indicated.

Thank you.

Visitor's picture

haha cooool

that was awesome
but i knw another wayyyy
before you use the blend tool to make the text red, here's how you could do thiss.....
Select>grow change pixel size to 2
grab the bucket tool and fill and make sure the fill whole selection is checked and fill it black
then right click and shrink 2 pixels then use the blend tool using from red to white
and drag from bottom to top!! i did this all on gimp 2.4
this tutorial shows a different version from mine....
well this is my way of doing this
you can do it this wayy too however ppl want it!

Gimper's picture

Re: How to createText Outline in Gimp

this was before i knew about the grow method :) now i would probably would advise the grow method unless you want a glow effect using a blurry brush.

kuzon's picture

help me

were do u make that at ?

Like OMG!'s picture

Re: How to createText Outline in Gimp

Awesome tutorial! xD

Gimper's picture

Re: How to createText Outline in Gimp

i don't recommend using this technique for outlines, your better off using select>grow makes the edges smoother.

Visitor's picture

Re: Create an Outline Usign Brush strokes

brainstorm: how about an outline 'option' embedded within the text tool?

Dark)Ace's picture

Re: Create an Outline Usign Brush strokes

hey i tried to do this but the transparency box doesn't appear so i cant tick it help me please

Visitor's picture

uhm i keep on trying to make

uhm i keep on trying to make the text with the gradient on Step 5 but i can't make the text with the gradient, the text box keeps on turning to the color of the gradient. Also... idk how to change the FG color and the BG color. Thank you for this tutorial and hope you can help me. (:

Gimper's picture

It seem you might need a lot

It seem you might need a lot of help since your still learning the basics, please use the forum help section, members will help you out with every question possible including me :)

Visitor's picture

nice tutorial

5

nice tutorial

Nico's picture

Great! Actually, if you do do

Great! Actually, if you do do stroke selection>airbrush instead it looks pretty cool!

Visitor's picture

how do you open up brush

how do you open up brush editor in gimp 2.6?

Christian's picture

to open brush editor in gimp

to open brush editor in gimp do the following (I'm using Gimp in a non english language so I hope I translate right)

Press the brush icon
Press the icon where you select which brush you want to use
At the right bottom of the new window press the icon "open brushdialog"
At the bottom of the new window press "new brush"

help me please's picture

umm which gimp is it? is the

4

umm which gimp is it? is the 15.33 or the 2.6

Gimper's picture

this is old 2.3 everything

this is old 2.3 everything should be the same, this tutorial is better though http://gimp-tutorials.net/node/91

Visitor's picture

well thanks u so

well thanks u so muchhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh really thankssssssssssssssssssssssssssssssssssssssssssss

Post new comment

The content of this field is kept private and will not be shown publicly.
 
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

Tags