Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Great Gooey Photoshop Text Tutorial

Great Gooey Photoshop Text Tutorial


Create great looking, 3-Dimensional, gooey looking text . This technique does require minimal drawing skills but is definitely suitable for beginners. Enjoy and stay tuned for more tutorials!

img

Gooey Photoshop Text Tutorial

Step 1 - Canvas

It's important for this tutorial that you set up the same size canvas as the effects we'll apply will vary depending on how many pixels it's across. To use in smaller or bigger projects you will need to tweak the settings applied throughout this tutorial. Set up a 2500 X 1500 pixel, RGB document at 300dpi.

img

Step 2 - Texting

Select the Horizontal Type Tool, set the colour to a lightish grey and write your word. It's best to use a fairly uncomplicated and bold font, I've gone for Avant Garde in Bold. Adjust the tracking to 50 as we'll need space in between letters to allow for gooey growth. Press CTRL+T or go to Edit > Free Transform and resize your text by holding the SHIFT key (to maintain aspect ratio) and pulling one of the corner points with the mouse.

img

Step 3 - Ready the Tools

Select the Pen Tool and set it Shape Layers. Set the foreground colour to 40C, 10M, 100Y, 0K. Zoom into 100% and you are now ready to draw.

img

Step 4 - Drawing

Draw your first point at the start of the first letter. The best way to draw a curve is to position one anchor point at the origin of the curve and one at the end point or point at which the curve changes. To split an anchor point you hold the ALT key and click on the last drawn anchor point. This will delete the outward part of the handle and allow you to draw another one in (on the same anchor point) at any angle without altering the direction of the inward handle. This splitting technique allows for sharp angles following a curve.

img

Step 5 - Editing your points

Continue drawing loosely around the shape, adding some drips at the bottom to mimic gravity. Use the Direct Selection Tool (Behind the Path Selection Tool if you hold the mouse button) to manipulate the anchor points and the curve handles. In order to create an elongated bulbous end at the bottom of a drip you'll need to pull the bottom facing handles out further. At any point if you're not happy with the position or angle of your point, you can manipulate it with the Direct Selection Tool.

img

Step 6 - Best foot forward

I find it's easier to draw the drips from top to bottom (following the gravitational pull) so once you hit the bottom of the letter, use the Direct Selection Tool to click anywhere on the canvas. Then select the first point (at the top of the letter) with the Pen Tool and draw in the rest. Something I forgot to mention earlier is to set the fill at 80% so you can see the letter underneath.

img

Step 7 - Subtracting

To get the hole in letters such as 'O' or 'A' you'll need to set the Pen Tool to Subtract from shape area. Draw the outer shape of the 'O' and close off the path. Select the path thumbnail so that it highlights the path, set the Pen Tool to Subtract from shape area and draw in where the hole should be.

img

Step 8 - Finishing off

Complete the rest of the letters and set the Fill for each layer at 100%.

img

Step 9 - Inner Shadow

Select the 'G' layer and go to Layer > Layer Style > Inner shadow and setup as in the screen grab.

img

Step 10 - Inner Glow

Working on the same layer, select the Inner Glow setting and setup as in the screen grab.

img

Step 11 - Bevel and Emboss

Do the same with the Bevel and Emboss...

img

Step 12 - Satin

...And finally Satin.

img

Step 13 - Copy and paste

Select the 'G' layer and go to Layer > Layer Style > Copy Layer Style. Select the remaining letter layers and go to Layer > Layer Style > Paste Layer Style.

img

Step 14 - Ol' Drippy

Draw in more drips on top of the letters. Copy and paste the Layer Style as before and go to Layer > Layer Style > Scale Effects... scale them back to fit the size of the drip, in this case it's 40%. Then go to Layer > Layer Style > Inner Glow and scale the opacity back to 60%.

img

Step 15 - Rasterize and Mask

Create a new layer directly below the new drip you just drew. Select the drip and the blank layer and merge them (Layer > Merge Layers). Add a Layer Mask (Layer > Add Layer Mask > Reveal All) and use a soft-edged paintbrush loaded with black to mask off the top of the drip. Repeat this process until you've covered the word.

img

Step 16 - Depth

To add depth, draw some more drips beneath the letter layers. Copy, paste and scale the layer effects to save time.

img

Step 17 - Texture

It's a good idea to add texture to the final text to make it feel more 'real world'. You can either overlay an easily downloadable grunge texture or try the following method: Go to Filter > Noise and add a 2 pixel noise filter. Then go to Filter > Blur Gaussian Blur and apply a 0.6 pixel blur.

Great Gooey Photoshop Text Tutorial



Author's URL: youthedesigner.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Breathe new life into text. These tutorials will teach you how to create various text effects. More Text Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: