Friday, October 21, 2011

Text Turned Into a Flaming Meteor
http://www.pvmgarage.com/pvmenglishcontent4984/uploads/2011/01/3d_text_tutorial2.jpg

Reflective Liquid type
Photoshop Tutorial

Tutorials on creating metal type abound online, as do variations on simple liquid effects. Most are fairly short, offering a good foundation for the reader on how certain effects are achieved but fail to take that extra step (or few steps) to make the piece really shine...

1

http://www.photoshopcafe.com/tutorials/liquid-type/image01.jpgCreate a new image with the following attributes:

  • Width: 11 inches
  • Height: 11 inches
  • Resolution: 300 ppi, 8bit
  • Background Color: White
  • Color Mode: RGB (Important or it won'r work)

2

http://www.photoshopcafe.com/tutorials/liquid-type/image02.jpgSince the desired effect is to appear liquefied, a font that appears to have been made with a crayon or round brush will work perfectly. Select the Type tool and open the Character palette from the Options bar. The font I’ve chosen is called ‘WallowHmkBold’… if you do not have this installed on your system just use the font of your choice. The attributes for the characters are seen below:

3

http://www.photoshopcafe.com/tutorials/liquid-type/image03.jpgNote that the color is gray in the #666666 range and NOT stark black.

Type a word across the face of the image.

4

http://www.photoshopcafe.com/tutorials/liquid-type/image04.jpg

Rasterize the type layer, then paint a few additional gray dots around the type.

http://www.photoshopcafe.com/tutorials/liquid-type/image05.jpg

5

http://www.photoshopcafe.com/tutorials/liquid-type/image06.jpgOpen the Channels palette and duplicate a channel… the Blue channel will work fine. Go to Image>Adjustments>Invert.

6

http://www.photoshopcafe.com/tutorials/liquid-type/image08.jpgOpen the Filter menu and select Blur>Gaussian Blur. First, blur the channel at a 25 pixel radius. Blur the channel again at a radius of 15 pixels.

http://www.photoshopcafe.com/tutorials/liquid-type/image07.jpg

7

http://www.photoshopcafe.com/tutorials/liquid-type/image09.jpgTurn on all the other layers (Click the eye to the left of RGB)

Turn off the Blue copy channel, but don’t delete it… you’ll need it in a moment or two.

Click on the letters RGB to make sure that th RGB channel is active.

8

http://www.photoshopcafe.com/tutorials/liquid-type/image10.jpgGo to Filter>Render>Lighting Effects. Set it up as outlined in the image below… be sure to select the Blue copy channel as the Texture Channel.

Make sure you change the light angle and shape on the left by dragging the 4 dots

9

http://www.photoshopcafe.com/tutorials/liquid-type/image11.jpgThe result of all that is a pretty basic bevel, and yes, you could do pretty much the same thing with a layer style. Some habits die hard, however, and I like the end result better when channels come into play. What can I say? I’ve been doing it this way since at least PS 6, and if it ain’t broke, don’t fix it!

10

http://www.photoshopcafe.com/tutorials/liquid-type/image12.jpgDuplicate the text layer and go to Filter>Sketch>Chrome. Set up the reflections as seen in the dialog box below:

11

Now you can play with Layer Styles a bit. Open the Layer Styles dialog box and select Bevel/Emboss. Enter the following settings… note that the Shadow color is again gray in the #666666 range and not black. Make sure the Gloss Contour is changed to cone.Once done click OK.

http://www.photoshopcafe.com/tutorials/liquid-type/image13.jpghttp://www.photoshopcafe.com/tutorials/liquid-type/image14.jpg

12

Make a Curves adjustment layer and Levels adjustment layer with the settings seen here:

http://www.photoshopcafe.com/tutorials/liquid-type/image15.jpghttp://www.photoshopcafe.com/tutorials/liquid-type/image16.jpg

13

Against a black background the shine really comes out.

http://www.photoshopcafe.com/tutorials/liquid-type/image17.jpg

14

http://www.photoshopcafe.com/tutorials/liquid-type/image18.jpgTurn off the background layer or layers (if you added the black separately) and merge all the others together.

15

http://www.photoshopcafe.com/tutorials/liquid-type/image19.jpgTo give the type an enhanced liquid quality, go to Filter>Liquify. Use the Bloat tool to expand or otherwise warp areas of the text as seen here. Once you are happy with the distortions, click OK.

16

http://www.photoshopcafe.com/tutorials/liquid-type/image20.jpgYou can now throw the text into any image you so choose. In the following example, I’ve blurred a tech-style background, placed the type in that document, then placed a duplicate of the blurred layer above the text. The Blend mode of the top layer is changed to Soft Light to serve as reflections off the type, or making the type appear transparent allowing you to see the background through it. I’ll let you decide what is actually happening.

That’s it for now. Until next time, I’ll see you at ActionFx.com. Take care!

http://www.photoshopcafe.com/tutorials/liquid-type/image21.jpg

Thanks for visiting PhotoshopCAFE come back for more great tutorials
Discuss this tutorial in our forums

Steaming Cold Ice Text Effect
http://www.pvmgarage.com/pvmenglishcontent4984/uploads/2011/01/3d_text_tutorial1.jpg

Liquid Splat Effect
http://www.pvmgarage.com/pvmenglishcontent4984/uploads/2011/01/3d_text_tutorial10.jpg