• home
  • forum
  • downloads
  • brushes
  • contact
Home

Search

Your Ad here contact

Open source marketing tools

Recent comments

  • Re: Super Slick Dusky Lighting Effects in Gimp
    8 hours 11 min ago
  • Re: Button Tutorial
    19 hours 10 min ago
  • Re: Text to Path
    23 hours 18 min ago
  • Re: Text to Path
    1 day 4 hours ago
  • Re: Cubes Brushes
    3 days 55 min ago
  • Re: Cubes Brushes
    3 days 1 hour ago
  • Re: Button Tutorial
    3 days 3 hours ago
  • Re: Wordpress theme designed with Gimp
    4 days 1 hour ago
  • Re: 130 Ultimate Web 2.0 Gradients for Gimp
    4 days 5 hours ago
  • Really nice brushes. Good
    4 days 9 hours ago

Tutorial Categories

  • Effects
  • Icons & Buttons
  • Photo Manipulation
  • Textures
  • Website Layouts
  • Misc
  • Painting
  • Text Effects
  • Video Tutorials

User login

  • Create new account
  • Request new password
Enter your Email





Preview | Powered by FeedBlitz

Most Viewed Tutorials

  • Mac style Wallpaper (195067)
  • Vista Button (117712)
  • How To Create Your Own Website Design Using Gimp (85240)
  • Glow Effect (84738)
  • 30 Ultimate Web 2.0 Layer Styles for Gimp (73109)
more

Other Gimp Sites

  • Gimp.org
  • Gimpology.com
  • Gimper.net
  • Gimpusers.com
  • Wilber-loves-apple
  • Gimphoto.com

Colourful glowing text effect

Submitted by Gimper on Sat, 07/05/2008 - 12:56.

Average: 4 (66 votes)
Preview:
thumb.jpg

Been a while since I've created a text effect tutorial so I decided I'd do one.

This is the final result of this tutorial

Gimp text effect tutorial

Step 1

Create a new image canvas, 600x450 is what i used. fill the background layer with solid black using the bucket fill tool.

Gimp text effect tutorial

Step 2

Create a new layer name it "Blue gradient" and then grab the gradient fill tool, now in the tool options select "Deep Blue" gradient and then apply it so that the light cyan blue is in he bottom right corner and the dark blue in the top left corner. see the images below for example.

Gimp text effect tutorial
Gimp text effect tutorial
Gimp text effect tutorial

Step 3

Now Duplicate our "Blue gradient layer" and use the Flip tool to horizontally flip the layer.

Gimp text effect tutorial

Step 5

We wan't to change the color, so go to the menu and click on Colors>colorize and set the values to Hue:293 Saturation:100 Lightness:7.

Gimp text effect tutorial

Step 6

Set the purple gradient layer to addition mode and adjust the opacity of both layers to 30.

Gimp text effect tutorial

This is how it should look.
Gimp text effect tutorial

Step 7

Now we'll add the text bit. select your preferred font i chose Georgia Bold Italic for this.

Gimp text effect tutorial

Step 8

Right click on the text layer and at the bottom of the menu click on "Alpah to selection", once you have the selection around the text delete the text layer while making sure the selection is still active.

Gimp text effect tutorial

Step 9

Now Create a new layer name it "Text", Grab the Gradient fill tool and select the "full saturation spectrum" gradient, now aplly the gradient from left to right while holding down the CTRL key to make it straight.

Gimp text effect tutorial

Gimp text effect tutorial

Step 10

With the selection around the "Text" still active create a new layer name it text2 and fill it with solid white.

Gimp text effect tutorial

Step 11

Agian with the selection still active create a new layer and name it "Text3" and this time fill it with solid black, now you can deselect by going to select>none from the menu.

Gimp text effect tutorial

Step 12

Now go to the layers dialog and hide the layers text2 and text3.

Gimp text effect tutorial

Step 13

Select the layer "text" and in the menu go to filters>blur>Gaussian blur and set the blur to 10.

Gimp text effect tutorial

Step 14

Now you can unhide the text2 layer and as we did in step 13 go to filters>blur>garssuian blur but this time set the blur to 5.

Gimp text effect tutorial

Step 15

unhide our text3 layer and set the mode to overlay.

Gimp text effect tutorial

The steps we did from step 7 till now should be repeated for the heart shape.

Step 16

The heart shape I used is from the windows webdings font, Using the text tool select webdings font and type in a capital Y for it show, to get the same effect as the inspiration text repeat as we did in step 7 to step 15.

Gimp text effect tutorial

Step 17

For the final wavy lines in the backgrounds I used a free photoshop brush that can be downloaded from Qbrushes, to install these photoshop brush into GIMP simply place the .abr file in GIMP's brush folder, then click on the refresh button found in the brushes dialog, once you have them installed simply select the colour white and apply it as shown in my example on a new layer.

Gimp text effect tutorial

finally set the layer mode of the lines brush layer to Overlay.

Gimp text effect tutorial

Pretty cool aye? its simple and I go into too much details sometimes, but that's because I know there are alot of new gimp users around that would find it helpful or at least I hope it dose :).

Here is something i came up with while playing with the steps abit.

Gimp text effect tutorial

The gimp source file is attached below for download. also please use our forum for help with any steps.

Updated:

gimptr.com created a video version of my tutorial which you can watch here.


Yazı efekti -3- [nice text effect with gimp] from ad demir on Vimeo.

Bookmark/Search this post with:
  • Delicious
  • Reddit
  • Magnoliacom
  • Furl
  • Facebook
  • Google
  • Yahoo
  • Technorati
  • Icerocket

Coffe

If you liked this post, you can buy me a coffee, thanks

AttachmentSize
texteffect.xcf1.04 MB
  • Text Effects
  • 5756 reads
deMucha*'s picture

Re: Colourful and glowing text effect tutorial

Submitted by deMucha* (not verified) on Mon, 07/07/2008 - 02:37.

Amazing tutorial! Best effect yet :) Love it.

  • reply
panda's picture

Re: Colourful glowing text effect

Submitted by panda on Mon, 07/07/2008 - 04:07.

I love this tutorial! Playing with this text effect is fun! Thank youu~~<3

  • reply
sleestak's picture

Re: Colourful glowing text effect

Submitted by sleestak (not verified) on Mon, 07/07/2008 - 04:47.

I think the level of detail you went into was perfect for a newbie like myself.
Thanks for an entertaining tutorial.

  • reply
kristarella's picture

Re: Colourful glowing text effect

Submitted by kristarella on Mon, 07/07/2008 - 06:00.

Nice work! I too think the detail/length was good.

Great use of those brushes too. Have downloaded them :)

~ http://www.kristarella.com ~

  • reply
♣Clover's picture

Re: Colourful glowing text effect

Submitted by ♣Clover (not verified) on Mon, 07/07/2008 - 16:37.

Gimper you are le aawesome; Nice tut.

By the way, what is the font on that second image?

  • reply
Gimper's picture

Re: Colourful glowing text effect

Submitted by Gimper on Mon, 07/07/2008 - 23:18.

thanks for the comments.

@Clover, I've forgotten which font it was :( ill try to find out later today.

  • reply
♣Clover's picture

Re: Re: Colourful glowing text effect

Submitted by ♣Clover (not verified) on Wed, 07/09/2008 - 02:48.

Alright, muchos gracias ^-^

  • reply
Visitor's picture

Re: Colourful glowing text effect

Submitted by Visitor (not verified) on Wed, 07/09/2008 - 16:21.

How to make this word sharper? It's too soft now I guess...

  • reply
Gimper's picture

Re: Colourful glowing text effect

Submitted by Gimper on Thu, 07/10/2008 - 01:23.

try 8 or 7 for step 13 instead of 10. that will lessen the glow effect.

  • reply
Beginner's picture

Re: Colourful glowing text effect

Submitted by Beginner (not verified) on Fri, 07/11/2008 - 08:56.

Hello . Can i ask where can i see my layers ? . Because , i'm at Step 6 , but i can't see where my layer . It doesn't shows when i'm opening Gimp .

  • reply
Visitor's picture

Re: Colourful glowing text effect

Submitted by Visitor (not verified) on Sun, 07/13/2008 - 13:19.

Go into "Windows" the one to left of "Filters" og then click on layers

  • reply
Visitor's picture

Re: Colourful glowing text effect

Submitted by Visitor (not verified) on Sat, 07/19/2008 - 18:48.

ahh thanks you're so talented (: ! and thanks for sharing with us. otherwise we'd be lost and creating crappy graphics. so yeahh. lolz. <33

  • reply
Visitor's picture

Re: Colourful glowing text effect

Submitted by Visitor (not verified) on Mon, 07/21/2008 - 10:15.

Err...when I duplicate the layer and flip it, the previous layer flips too...[the one we duplicated] what do i do ?

  • reply
slim-s-z's picture

Re: Colourful glowing text effect

Submitted by slim-s-z (not verified) on Tue, 07/22/2008 - 16:48.

it's OK but it's a waste of time i like almost all of you your tutorials but this one i dont know

  • reply
Future Professional :D's picture

Re: Colourful glowing text effect

Submitted by Future Professional :D (not verified) on Wed, 07/23/2008 - 02:49.

Sorry the color of my writing kind of got hard to read. Heres what I wrote again, and its not SPAM!
Wow. This is awesome. I think that in the end my results were a little bit blurrier then the creator though. But other then that, wow! And you're right, you should have gotten into the details because or else I would have been lost =).

  • reply
Visitor's picture

Re: Colourful glowing text effect

Submitted by Visitor (not verified) on Wed, 07/23/2008 - 03:00.

Ooops. I SWEAR That was an accident. I'll stop writing.

  • reply
Gimper's picture

Re: Colourful glowing text effect

Submitted by Gimper on Wed, 07/23/2008 - 03:15.

Submitted by Visitor (not verified) on Mon, 07/21/2008 - 10:15.
"Err...when I duplicate the layer and flip it, the previous layer flips too...[the one we duplicated] what do i do ? "

I'm not sure what you're doing wrong :( it worked fine the way i did it.

  • reply
Visitor's picture

Re: Re: Colourful glowing text effect

Submitted by Visitor (not verified) on Wed, 07/23/2008 - 16:11.

Have you made sure that you have the duplicated version of the layer selected?

  • reply
Visitor's picture

Re: Colourful glowing text effect

Submitted by Visitor (not verified) on Thu, 07/31/2008 - 00:11.

hey, uhm, i was wondering. when i got to step 11, it messed up. it didnt have the rainbow outline. it was just black? and mine didnt GLOW....i've tried this more than once.. and i still cant do it.. HELP!?

  • reply
Gimper's picture

I updated the main post and

Submitted by Gimper on Thu, 07/31/2008 - 00:44.

I updated the main post and embedded a video version of this tutorial created by gimptr.com

  • reply
guss's picture

cool!! GIMP

Submitted by guss (not verified) on Thu, 07/31/2008 - 23:51.

cool!!

GIMP FOREVER!!

thanks for tutorial!!

=)

  • reply
Ashley's picture

Re: Colourful glowing text effect

Submitted by Ashley (not verified) on Sat, 08/02/2008 - 23:31.

Loved the tutorial!! This was the first thing I made with GIMP, and it was so easy! Thank you :)

http://therepublicantangerines.files.wordpress.com/2008/08/text-effect-t...

  • reply
Craig Snedeker's picture

Re: Colourful glowing text effect

Submitted by Craig Snedeker (not verified) on Sat, 08/09/2008 - 11:48.

This is amazing, I'm trying it now.

  • reply
ademir's picture

Re: I updated the main post and

Submitted by ademir (not verified) on Sun, 08/10/2008 - 17:19.

Thank you for your tutorial. There is other your tutorials in gimptr.com

  • reply
cvinodani's picture

very useful article. thanks

Submitted by cvinodani on Thu, 08/14/2008 - 03:36.

very useful article. thanks for the instruction
................................
cvinodani
Social media marketing

  • reply

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You can use BBCode tags in the text, URLs will automatically be converted to links.

More information about formatting options

Captcha
This question is used to make sure you are a human visitor and to prevent spam submissions.
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.

  • home
  • forum
  • downloads
  • brushes
  • contact