Photoshop Tutorial: Aqua Plastic Text

In this tutorial you’ll learn to create a great aqua plastic text effect using Photoshop layer styles.

Step 1

Create a new image with a size of around 1000x1000px, with a white background. It’s wise to start out with a nice big work area to get the best results - we will reduce the size later. If you plan to apply this effect to a full word, you should increase the width of the image as necessary. Firstly, use the Color Picker to choose the color for your text (the example uses #0084ff, though you can choose another color if you prefer). Select the Type tool, and type your text as big as you can so it fills as much of the canvas as possible.

Example 1

Step 2

Now create a new Layer (Layer 1). Hold Cmd (PC: Ctrl) and click on the type layer you created in step 1 to create a selection of your text. With “Layer 1” selected on the layers palette, go to Edit » Fill and in the pop up use the settings shown in the image below.

Example 2

Step 3

Do not lose the selection of the text. Switch to the channels palette, create a new channel and fill the selection with white. Go to Filter » Blur » Gaussian Blur and enter 14. Then again, Filter » Blur » Gaussian Blur and enter 7. And again Filter » Blur » Gaussian Blur and enter 4. Last time Filter » Blur » Gaussian Blur and enter 2. Deselect by pressing Cmd+D (PC: Ctrl+D) and go back to the layers palette.

Now, hold Cmd (PC: Ctrl) and click on “Layer 1” and then go to Filter » Render » Lighting Effects
Match These Settings

Example 3

Step 4

Your text should now look similar to the example below. Now you need to blur this layer to get rid of the jaggies, so go to Filter » Blur » Gaussian Blur and enter 2 for radius.

Example 4

Step 5

The next step is to make a curves adjustment. Go to Image » Adjust » Curves. Match the settings as close you can to the picture below. The closer you get the more realistic the effect will be.

Example 5

Step 6

You should see the plastic effect coming along now, though some color adjustment is still needed. Go to Image » Adjust » Hue/Saturation. Match the settings to the example image below, and don’t forget to check the “Colorize” box in the bottom right corner.

Example 6

Step 7

Now for a few more color adjustments. Bring up the Color Balance tool by pressing Cmd+B (PC: Ctrl+B), and make sure “Preserve Luminosity” is checked. Enter the following settings:

Shadows: 0,0,-100
Midtones: 0,0, +93
Highlights: 0,0,-15

Click OK when finished, and it should look something like the sample below.

Example 7

Step 8

All that remains is to add a drop shadow (Layer » Effects » Drop Shadow) and resize the image to the size you intend to use it at, (Image » Image Size). Of course you may want to keep a relatively large extra copy before you resize, so you can always go back and use a bigger version of your image if you decide to.

Example 8

Note: This tutorial was originally authored by my friend Rob, of Robouk. This revised version is available on Absolute Cross with his permission.

Very nice effect. Like the way the text looked when I finished. Thanks for the tutorial.

1

Perhaps there should be a tutorial in CS3. I followed each step to the letter. Whoever wrote the tutorial left out a number of rather important directions and instructions. For example.. Clicking a layer while holding Ctrl merely adds that layer to whatever other layers are selected. Complete waste of time here.

2

very good tutorial……….helpful for beginner.

3

Fantastic tutorial. I have solved an old problem I had with a logo on photo background.
Thank you!!

4

No way, i couldn`t ever go through step 3, this part is impossible :
“Now, hold Cmd (PC: Ctrl) and click on “Layer 1” and then go to Filter » Render » Lighting Effects —
Match These Settings”
It`s only a headache

5
Back to top