Colourful glowing text effect
Preview:
Been a while since I've created a text effect tutorial so I decided I'd do one. In this tutorial I will show you how to create a colourfull text effect using the gradient blend and blur effects.
This is the final result of this 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.
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.
Step 3
Now Duplicate our "Blue gradient layer" and use the Flip tool to horizontally flip the layer.
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.
Step 6
Set the purple gradient layer to addition mode and adjust the opacity of both layers to 30.
This is how it should look.
Step 7
Now we'll add the text bit. select your preferred font i chose Georgia Bold Italic for this.
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.
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.
Step 10
With the selection around the "Text" still active create a new layer name it text2 and fill it with solid white.
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.
Step 12
Now go to the layers dialog and hide the layers text2 and text3.
Step 13
Select the layer "text" and in the menu go to filters>blur>Gaussian blur and set the blur to 10.
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.
Step 15
Unhide our text3 layer and set the mode to overlay.
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.
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.
finally set the layer mode of the lines brush layer to Overlay.
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.
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.
If need some guidance for 1Y0-A18 dumps & ase practice test exams then get the latest testking 000-979 compiled by our certified experts to help you pass 642-583 exam in first attempt of testking 70-516.
Bookmark/Search this post with:
- 208278 reads
Re: Colourful and glowing text effect tutorial
Amazing tutorial! Best effect yet :) Love it.
Re: Colourful glowing text effect
I love this tutorial! Playing with this text effect is fun! Thank youu~~<3
Re: Colourful glowing text effect
I think the level of detail you went into was perfect for a newbie like myself.
Thanks for an entertaining tutorial.
Re: Colourful glowing text effect
Nice work! I too think the detail/length was good.
Great use of those brushes too. Have downloaded them :)
~ http://www.kristarella.com ~
Re: Colourful glowing text effect
Gimper you are le aawesome; Nice tut.
By the way, what is the font on that second image?
Re: Colourful glowing text effect
thanks for the comments.
@Clover, I've forgotten which font it was :( ill try to find out later today.
Re: Re: Colourful glowing text effect
Alright, muchos gracias ^-^
Re: Colourful glowing text effect
How to make this word sharper? It's too soft now I guess...
Re: Colourful glowing text effect
try 8 or 7 for step 13 instead of 10. that will lessen the glow effect.
Re: Colourful glowing text effect
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 .
Re: Colourful glowing text effect
Go into "Windows" the one to left of "Filters" og then click on layers
Re: Colourful glowing text effect
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
Re: Colourful glowing text effect
Err...when I duplicate the layer and flip it, the previous layer flips too...[the one we duplicated] what do i do ?
Re: Colourful glowing text effect
it's OK but it's a waste of time i like almost all of you your tutorials but this one i dont know
Re: Colourful glowing text effect
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 =).
Re: Colourful glowing text effect
Ooops. I SWEAR That was an accident. I'll stop writing.
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 ? "
I'm not sure what you're doing wrong :( it worked fine the way i did it.
Re: Re: Colourful glowing text effect
Have you made sure that you have the duplicated version of the layer selected?
Re: Colourful glowing text effect
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!?
I updated the main post and
I updated the main post and embedded a video version of this tutorial created by gimptr.com
cool!! GIMP
cool!!
GIMP FOREVER!!
thanks for tutorial!!
=)
Re: Colourful glowing text effect
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...
Re: Colourful glowing text effect
This is amazing, I'm trying it now.
Re: I updated the main post and
Thank you for your tutorial. There is other your tutorials in gimptr.com
Re: Colourful glowing text effect
"Err...when I duplicate the layer and flip it, the previous layer flips too...[the one we duplicated] what do i do ? "
I too had that problem, then I realized what I was doing. You are going to Image>Transform>Flip Hor.
That's not the correct way to do it. Instead, use the Flip Tool on the Gimp Tool Panel...
Hope this helps!
Anyways, Gimper, I just downloaded Gimp a few days ago, and you have been absoloutely amazing!
I have taken many of your ideas and played around with them and have gotten lots of really cool results.
Look forward to more from you!
Re: Colourful glowing text effect
when i right click on the text layer, i can't find "Alpha to selection". I see "alpha to logo" but no "alpha to selection"
Thanks this helped me alot
Thanks this helped me alot :)
Re: Colourful glowing text effect
Your welcome :)
Re: Colourful glowing text effect
Wow! Thanks for this tut! I have already used it and I LOVE the outcome! Thanks!
This is the first one I've
This is the first one I've tried in GIMP, and I've finally worked out how to do it. Thanks! ^_^
It's really cool.
It's confusing for me, and
It's confusing for me, and i'm not even sure how to do it. It's not workingg =[ And even my friend who can get it is helping me!
Where is the folder for the
Where is the folder for the GIMP Brushes?
I went to C:\Program Files\Gimp-2.0, but I didn't see it in there.
Help?
When I unhide text3 and put
When I unhide text3 and put it on overlay, it just turns the whole thing black. My friend who got this is trying to help me and she doesn't know what I did. Any help? =s
@Visitor make sure the text
@Visitor make sure the text order is the same as mine shown in Step 12.
@Nik try C:\Program Files\GIMP-2.0\share\gimp\2.0\brushes or simply do a system search for brushes.
it wont let me. the bg keeps
it wont let me. the bg keeps dissapearing.
great work
great work
This is a really cool
This is a really cool tutorial...love the effect! But one problem: You know at step 15 for example, that little box that pops up with all the layers in it? When you set it to overlay? I've got Gimp 2.6.1 and i have no idea how to get that dialog box to pop up. I've checked in layers, tools, image...everything!! There are a lot of neat tuts here that require changing te mode of a layer and it's just not possible! =( Any suggestions would be greatly appreciated!
Well, I'm on step 9. How did
Well, I'm on step 9.
How did you do that?!
HELP!
I cannot find the Alpha to section thingyyy!
@deepblue I made this
@deepblue I made this tutorial using 2.4. the new version 2.6 has the dialogs under Windows>Dockbale dialogs>layers.
That should get the layer dialog showing.
@Pinkeh you need to right click on the layer inside the layer dialog, if your not sure how to get the layer dialog follow the step i explained to deepblue comment above.
Thank you so much! I never
Thank you so much! I never would have thought of that!
Thank you! This is a great
Thank you! This is a great guide! But... My problem is I can't do steps 14 and 15, it won't make it like the one in your picture, I am sure I am using Gaussian blur at 10 but it seems like nothing happened, it is still the same. Even the step 15, I will do the step but nothing happened.
Baaack! D: How do you fill
Baaack! D:
How do you fill the text white/black?
HELLPPP??!!
Thanks alot for the
Thanks alot for the tutorial.. it was my mothers birthday recently and i made her a card with a picture like this on and she really liked it
Dude, the brush just comes up
Dude, the brush just comes up with Skeedio and no lines at all.
I have GIMP 2.6 and can't
I have GIMP 2.6 and can't seem to get it right. Please reply!!!!
This was great! Thanks!
This was great! Thanks!
Thank you so much! By far,
Thank you so much!
By far, this is the only tutorial I can seem to actually understand!
Thank you, again!!
umm ive done it so far but
umm ive done it so far but wen i right click to Alpha to Selection it doesnt come up just Alpha to Logo
Help
I love this Tutorial,Thanks
I love this Tutorial,Thanks so much!~<3 I'm getting heaps better at gimp now. >__<
umm ive done it so far
umm ive done it so far but,-
you go to layers,Transperacy,Alpha to selection. Hopefully that helps you! _x3
Nice Tutorial. I am still
Nice Tutorial. I am still confused on how layers play a role but this tutorial kinda puts things in line for a better understanding.
I like the detailed information and steps to follow and because of that its not frustrating to follow.
Thanks a lot for this tutorial.
Thribhuvan
how do I place the .abr file
how do I place the .abr file in GIMP's brush folder?
On the heart. When I goto do
On the heart. When I goto do the blurs, on the white layer it shows up way to bright so when I go to do the overlay for the black it shows up with a huge white spot in the middle...how do you fix that?
This was a great tutorial! I
This was a great tutorial! I loved it alot! But on the last 2 step...
You said to download the brushes using the .abr
I tried that. I clicked the site and went Ribbon brushes>>download>>Save>>I renamed the file to *name*.abr because it was *name*.zip
It still wont let me work it and I have 2.6.4 so its the newest. I understood everything else... that one step just messed me up majorly...
HELP PLEASE!!!!!!
Hey lol i thought that Gimp
Hey lol i thought that Gimp is a hopeless software but i didn't knew that we can create such cool and good effects. well thanks for making me wrong as i am happy to be that now ;). awesome tutorial for me as i have used Gimp for first time and that too started with your cool text effect coz i was only into photoshop and thought that their is nothing better than photoshop :). well thanks once again and keep on posting such cool effects ;)
@Lost. You need winzip or
@Lost. You need winzip or winrar to unzip the file and then place the .abr file inside gimp's brushes folder.
@Swaran Singh happy to hear that :)
Where Exactly Can I Find The
Where Exactly Can I Find The Brushes
I loved it! It was very easy
I loved it! It was very easy to follow and turned out completely awsome!!!! Thanks so much!!! Keep up the great work!!!
I loved this tutorial. The
I loved this tutorial. The end result was so very pretty! However, when I got the paintbrush, I unzipped the file and placed the abr file into the Gimp brushes folder. All I get when I go to my paintbrushes in Gimp is words with the abr extension after them. The text is a very pretty effect, but I guess I will have to find an alternative for the lines.
Awesome tutorial!
Awesome tutorial!
Brilliant, complete novice
Brilliant, complete novice and it turned out perfectly. Thanks!