[photoshop]liquid Glow Text

[jet 0]

Make a pretty glow-type liquidy border for your text! This is for people who use Photoshop. I have CS 2, but you can make it with older versions.

 

1. Open a new document (default PS size should be fine), and make the background black.

 

2. Using the text tool, write a largish word in white. Works best with bolder fonts - I used "vein" (from dafont.com) at 72px. You should have something like this:

 

3. Make a copy of the text layer by either dragging the layer over the New Layer button or right-clicking on the layer and selecting "Duplicate Layer". Right click the copy, choose "Rasterize Type" and make a copy of the copy, so you should have something like this:

 

4. Select one of the copies, and use the Motion Blur (Filter => Blur => Motion Blur) with an angle of 0 and distance of 30. Enter Ctrl+F to repeat the filter. Now, select the other copied layer and apply the Motion Blur, but this time with an angle of 45 (distance still 30). Ctrl+F again to repeat. It should now look similar to this:

 

5. Click the New Layer button, and press the D key to set the default palette colours. Apply the cloud filter (Filter => Render => Clouds). Press Ctrl+U or go Image => Adjustments => Hue/Saturation to bring up the Hue/Saturation dialog. Make sure the "Colorize" field is checked, and enter the following values - Hue: 222, Saturation: 75, Lightness: 0. You should now have this:

 

6. Drag the original text layer up to the top of the stack, so that the order is "yourtext", Clouds layer, two "yourtext" copies and Background. Now select the Clouds layer and choose Color Burn from the Blending Modes, like this:

 

7. If you have Photoshop CS or CS 2, Shift+Click the two text copies, right click without releasing the Shift key and select Merge Layers, like so:

Alternately, or if you have another version, merge them by clicking the top layer and pressing Ctrl+E or selecting Layer => Merge Down to merge them.

 

8. Click on your newly merged layer to select it, and press Ctrl+T or selecting Edit => Transform => Free Transform. Drag the layer out a little bit so it borders the text a little better. You can also enter in the values, I used Width: 105.0% and Height: 110.0%. Press the little tick in the corner to complete the change, if you've mucked up click the crossed circle and start again.

 

9. Now, copy the layer by dragging the layer over the New Layer button or right-clicking on the layer and selecting "Duplicate Layer". Select 40% or something thereabouts for Fill, depending on your personal taste.

 

10. Choose your original text layer (the one at the top), and apply Bevel and Emboss (click on the Fireworks logo or select Layer => Layer Style => Bevel and Emboss) with the following options.

Note that the Gloss Contour is called "Cove - Deep" and the colour for the Shadow Mode is #074f82.

 

11. Crop your image to a nicer size, and you're finished! I got this:

 

And as always, by changing the colours or options a little you can get a totally different look. If you finished the entire thing and fancied a different colour, click the clouds layer (Layer 1 or Layer 2), press Ctrl+U and drag the Hue bar to another colour.

 

Notice from cmatcmextra:

Please post all graphics tutorials under the "Xisto Graphics" section. Thanks

Notice from mayank:

Edited topic title

Edited January 2, 2006 by mayank (see edit history)

[OpaQue 15]

Really nice effect and a very good tutorial

[Saint_Michael 3]

like the effect but the actual font used in this ummm no.

[eyzzat 0]

hurmm.. why mine are not glowing??

[Dawiss 0]

Nice tutorial .. Bassicly it can be used as a logo of simple website.. so nice one

[wassie 0]

good tutorial, nice effect.I'm thinking of using it on a wallpaper.thumbs up!

[eee 0]

props for the tutorial...good read...

[adly3000 0]

good tutorials. i will use it later, but ithinkif you edit some change it would be better.

[Albus Dumbledore 0]

well, it took me a long time to do this image...and i dont quite know why, but then i remembered that i was supposed to burn the color then i did that and i came up with this one...

 

i said it didn't look too good so i decided to try it again, and what i found out is that how much it glows depends on where the clouds are positioned or where the text is positioned over the clouds...and also the Free Transform, but i did it again and i came up with this....

 

 

this was a good tutorial, helped me learn more about photoshop concidering im a beginner...hopefuly we see more of these from you

[womendesires 0]

hey this is mines

 

[womendesires 0]

hey this is mines

 

 

can i get a crtitique

[PIPER-4-HIRE 0]

3. Make a copy of the text layer by either dragging the layer over the New Layer button or right-clicking on the layer and selecting "Duplicate Layer". Right click the copy, choose "Rasterize Type" and make a copy of the copy, so you should have something like this:

I Cant find "Rasterize Type" at all. could it be label diff?

[look4prog 0]

Really nice effect and a very good tutorial

[galexcd 0]

like the effect but the actual font used in this ummm no.

I like the font, looks like it could be a logo for a company or somthing...

[iGuest 3]

How to Convert Blambot fonts to glowing color in Photoshop?[photoshop]liquid Glow Text

Blambot font ads show them as "glowing" colored fonts but when opened are the STYLE but not the colorized glowing or 3D type fonts.

Where can I find a tutorial to do this [spacifically] in Photoshop ?

Thanks!

-question by Gleem