Reflective Liquid type Photoshop Tutorial - PhotoshopCAFE

Reflective Liquid Type by Al Ward

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. Once you have an idea of how different techniques fit together in a piece, it is fairly easy to combine, say, the process to create metal and the process to create liquid to create something that exists in both sides of the FX map.

Get in-the-know!

Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the free super guides. No spam, all content, no more than once a week.

{user-firstname}, you are already a member of the list
Oops. Something went wrong. Please try again later.
Please provide a valid email address.
Thank you, your sign-up request was successful! Please check your e-mail inbox.
Please complete the CAPTCHA.
Please fill in the required fields.

Step 1

image01Create 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 wonr work)

Step 2

image02Since 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 Ive 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:

Step 3

image03Note that the color is gray in the #666666 range and NOT stark black.

Type a word across the face of the image.

Step 4

image04

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

image05

Step 5

Open the Channels palette and duplicate a channel the Blue channel will work fine. Go to Image>Adjustments>Invert.

image06

Step 6

Open 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.

image08

image07

Step 7

Turn on all the other layers (Click the eye to the left of RGB)

Turn off the Blue copy channel, but dont delete it youll need it in a moment or two.

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

image09

Step 8

Go 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.

image10

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

Step 9

The 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? Ive been doing it this way since at least PS 6, and if it aint broke, dont fix it!

image11

Step 10

Duplicate the text layer and go to Filter>Sketch>Chrome. Set up the reflections as seen in the dialog box below:

image12

Step 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.

image13image14

Step 12

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

image15image16

Step 13

Against a black background the shine really comes out.

image17

Step 14

Turn off the background layer or layers (if you added the black separately) and merge all the others together.

image18

Step 15

To 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.

image19

Step 16

You can now throw the text into any image you so choose. In the following example, Ive 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. Ill let you decide what is actually happening.

image20

Thats it for now. Until next time

image21

Get in-the-know!

Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the free super guides. No spam, all content, no more than once a week.

{user-firstname}, you are already a member of the list
Oops. Something went wrong. Please try again later.
Please provide a valid email address.
Thank you, your sign-up request was successful! Please check your e-mail inbox.
Please complete the CAPTCHA.
Please fill in the required fields.

Contributing Writer

We currently accept original articles and tutorials from highly talented people. If you are interested in contributing to PhotoshopCAFE on a regular basis or a for a "one-off" article contact us through our help desk. This is for real content only, we don't do sponsored articles, or articles to promote a product. We won't even reply if that is your intention.

More Posts


Reflective Liquid type Photoshop Tutorial - PhotoshopCAFE
Reflective Liquid Type by Al Ward. Tutorials on creating metal type abound online, as do variations on simple liquid effects. Most are fairly short, offering a good

Reflective Liquid type Photoshop Tutorial
Reflective Liquid type Photoshop Tutorial. Get the best Adobe Photoshop tutorials, tips and discounts from PhotoshopCAFE. It's easy and free!

Reflective Liquid Type Photoshop Tutorial :: Brushes ...
Title: Reflective Liquid Type Photoshop Tutorial Author: Photoshop Cafe Added: 05/01/2010 Find More Photoshop Tutorials for free: Photo Manipulation, photo effects

Adobe Photoshop Liquid Metal Effects - Mobile Resources
Reflective Liquid type Photoshop Tutorial - PhotoshopCAFE Reflective Liquid Type by Al Ward. Tutorials on creating metal type abound online, as do variations on

Photoshop Reflective Studio Background - Mobile Resources
Mobile resources for Photoshop Reflective Studio Reflective Liquid type Photoshop Tutorial http://photoshopcafe.com/tutorials/liquid-type/liquid-type

Photoshop Tutorial: Reflective Liquid type
Reflective Liquid type Under Photoshop Tutorial, as do variations on simple liquid effects.Tutorials on creating metal type abound online,

Search Results Photoshop Tutorial Engraved Wood Effect ...
Reflective liquid type photoshop tutorial - photoshopcafe, Reflective liquid type by al ward. tutorials on creating metal type abound online, as do variations on

[Ingles] Reflective Liquid Type
[Ingles] Reflective Liquid Type. Fonte: photoshopcafe. Tópicos Similares [Ingles] Liquid Text Photoshop Tutorial. Por edu_fmc no fórum Tutoriais Diversos

ravaz: Photoshop Text Effect Tutorial - blogspot.com
Photoshop Text Effect Tutorial Reflective Liquid Type 3. Plastic Engraved type in Photoshop Tutorial 9 1.

Photoshop Liquid Effect | PSD Design
Reflective liquid type photoshop tutorial - photoshopcafe, Reflective liquid type by al ward. tutorials on creating metal type abound online,

Previous
Next Post »