It is currently Fri Mar 29, 2024 2:40 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 9 posts ] 
Author Message
 Post subject: Colorful Glowing Text Effect [Video and Written Tut]
PostPosted: Thu Jun 23, 2011 8:50 pm  (#1) 
Offline
GimpChat Member
User avatar

Joined: Feb 13, 2011
Posts: 83
Location: It's Cold in Wisco!
Make sure you watch in 1080p

www.youtube.com Video from : www.youtube.com



Written Tutorial

Step 1
New 800x600 (doesnt really matter).
Fill with a dark violet.

Step 2
Add Text. Have each letter a seperate text layer. You should use white so you can see wherer it is more clearly(unlike the video where i used black text...oops)

Image

Step 3
Align Text with the align tool. Center it vertically then use the move tool and move it left or right, pixel by pixel with the arrow keys.

Image

Step 4
Add a new transparent layer and with your gradient tool, go white to transparent, top to bottom.

Image

Step 5
Cutout the Letters using this process
1.Alpha to selection on one letter.
2.Go to the Gradient layer (while still maintaining the selection)
3.Click Copy and then paste.
4.Set the pasted area as a new layer.
5.Repeat for each layer

Image
(In this screenshot, turned the visibility off my original text layers)

Step 6
Delete All the other layers except for the new cutout letters and the background. Unfortunately unlike the photo below, you should have seperate layers for the letters. I accidently merged them when i took the screenshot but i undid it and continued the tutorial. The image should look like this, just ignore the layer dialogue box.

Image

Step 7
Add color to your letters. Alpha to selection each layer and fill in any color (choose light colors) with the fill tool. OR like in the video, lock the alpha channel then fil or drag and drop from the forground and background picker.

Image

Step 8
Turn off the visibility on the background layer and merge visible layers.

Image

Step 9
Duplicate your colored letters now. On the bottom one, apply a gaussian blur of 10px.

Image

Step 10
On that blurred text, apply a motion blur with these settings.

Image

Step 11
Repeat step 10 but with the angle at 180.

Step 12
Add a reflection using this process.
1.Duplicate the text
2.Flip Vertically
3.Move down using arrow keys to the base of the original text
4.Add a layer mask(white)
5.Use the gradient tool from black to transparent and go fromt bottom to top of the text (not the whole layer)
6.Apply layer mask
7.Lower opacity to 50ish

Also, duplicate the text 3 or so times and set their modes to overlay. Keep the original text layer at normal mode.

Image

Step 13
Add some final touches to the background. New transparent layer above the background. Use a white to transparent gradient (radial) and go from center outwards. Set to overlay. Duplicate.

Image

Step 14
Flatten Image.

Image

_________________
Image


Last edited by JFish on Mon Jun 27, 2011 4:04 pm, edited 2 times in total.

Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Colorful Glowing Text Effect [Video and Written Tut]
PostPosted: Thu Jun 23, 2011 9:03 pm  (#2) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Very pretty results. Also, very nice of you to do a written tutorial along with your video tutorial.

I love the way the text glows.

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Colorful Glowing Text Effect [Video and Written Tut]
PostPosted: Thu Jun 23, 2011 9:17 pm  (#3) 
Offline
GimpChat Member
User avatar

Joined: Feb 13, 2011
Posts: 83
Location: It's Cold in Wisco!
Well my last tutorials seemed to be a bit hard to follow so i decided to show how the tutorial is done and tell how its done so its easier to follow along.

_________________
Image


Top
 Post subject: Re: Colorful Glowing Text Effect [Video and Written Tut]
PostPosted: Thu Jun 23, 2011 9:18 pm  (#4) 
Offline
GimpChat Member
User avatar

Joined: Feb 13, 2011
Posts: 83
Location: It's Cold in Wisco!
You can also desaturate your text a bit after step 8 to allow the letters to show through eachother

_________________
Image


Top
 Post subject: Re: Colorful Glowing Text Effect [Video and Written Tut]
PostPosted: Thu Jun 23, 2011 9:31 pm  (#5) 
Offline
GimpChat Member

Joined: Mar 08, 2011
Posts: 155
Love the results, I'll give it a try!


Top
 Post subject: Re: Colorful Glowing Text Effect [Video and Written Tut]
PostPosted: Thu Jun 23, 2011 9:42 pm  (#6) 
Offline
GimpChat Member
User avatar

Joined: Feb 13, 2011
Posts: 83
Location: It's Cold in Wisco!
Please show me your result!

_________________
Image


Top
 Post subject: Re: Colorful Glowing Text Effect [Video and Written Tut]
PostPosted: Fri Jun 24, 2011 12:21 am  (#7) 
Offline
GimpChat Member

Joined: Mar 08, 2011
Posts: 155
I decided to add some stars. I think I put stars in everything I do... :P

Attachment:
aglow.png
aglow.png [ 147.42 KiB | Viewed 7598 times ]



Is it just me, or does saving and/or uploading degrade the quality a little? I swear the radial gradient part in the middle looked a lot smoother in GIMP. Grr.


Top
 Post subject: Re: Colorful Glowing Text Effect [Video and Written Tut]
PostPosted: Fri Jun 24, 2011 8:09 am  (#8) 
Offline
GimpChat Member
User avatar

Joined: Mar 02, 2011
Posts: 1850
Location: Michigan
JFish, I wanna see a tut for your sig ;)
Or did I miss it

Woops just haven't read it yet ;) going to give it a try :bigthup

_________________
Image
I'm back I think


Top
 Post subject: Re: Colorful Glowing Text Effect [Video and Written Tut]
PostPosted: Fri Jun 24, 2011 10:01 am  (#9) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
Amanda47 wrote:
I decided to add some stars. I think I put stars in everything I do... :P

Is it just me, or does saving and/or uploading degrade the quality a little? I swear the radial gradient part in the middle looked a lot smoother in GIMP. Grr.
Very pretty Amanda.

Could be the browser or Internet.

Something you may want to try ... when I want to check how an image looks without having the window "dressings" around it is click Filters > Animation > Playback and click the detach button in the playback dialog. Then click on the webpage where the image is and you can compare the two. You can move the detached picture around. This way you have the advantage of your image still being in GIMP.
Image

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
Post new topic Reply to topic  [ 9 posts ] 

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Attachment(s) Colorful Pattern from Text (Text Pattern) Plug-in

32

No new posts Attachment(s) The Written Works of Wilber

44

No new posts Attachment(s) GEGL Text cut out effect

25

No new posts a 3d lines text effect

1

No new posts Attachment(s) GEGL Neon Glowing Edge Detect

2



* Login  



Powered by phpBB3 © phpBB Group