Wednesday, January 12, 2011

Colourful glowing text effect

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 fromthe 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 itshow, 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.

1 comments:

Diari Si Froggie said...

good job dear..
nice tuto :)

Post a Comment

Related Posts Plugin for WordPress, Blogger...
 

✿ vin profile ✿

Follow ♥♥ Its vin ♥♥

Copyright by ♥♥ It's vin ♥♥