Jump to content

Recommended Posts

Posted

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!

 

gooey-photoshop-text-tutorial.jpg

 

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.

 

11.jpg

 

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.

 

2.jpg

 

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.

 

3.jpg

 

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.

 

4.jpg

 

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.

 

5.jpg

 

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.

 

6.jpg

 

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.

 

7.jpg

 

Step 8 – Finishing off

 

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

 

8.jpg

 

Step 9 – Inner Shadow

 

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

 

9.jpg

 

Step 10 – Inner Glow

 

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

 

10.jpg

 

Step 11 – Bevel and Emboss

 

Do the same with the Bevel and Emboss…

 

112.jpg

 

Step 12 – Satin

 

…And finally Satin.

 

12.jpg

 

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.

 

13.jpg

 

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

 

14.jpg

 

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.

 

151.jpg

 

Step 16 – Depth

 

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

 

16.jpg

 

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.

 

17.jpg

 

Credits: Youthedesigner.com

 

 

Posted

Another C/p try to share something yours ...

And? He gives credits... So no problem

look your self and let the others.

 

On topic: amazing share m8, but is very difficult for me, beacuse i don't know to use Pen tool :( ...

 

Anyway keep up!

 

Posted

And? He gives credits... So no problem

look your self and let the others.

 

On topic: amazing share m8, but is very difficult for me, beacuse i don't know to use Pen tool :( ...

 

Anyway keep up!

 

i look my self ..
Posted

Another C/p try to share something yours ...

 

Be carefull, flaming and blaming is not allowed in MaxCheaters. It is your last warning.

 

And btw, you can copy w/e you want too but you MUST write down the credits, as MoRte did. So there is no problem with this tutorial.

Posted

Another C/p try to share something yours ...

 

Since I have given credits I think there's no problem! I don't expect any karma to be given or something, I just wanted to share this tutorial with mxc members!Moreover, I would like to inform u my friend that I'm able to make that on my own, but i hadn't enough free time to do that. Be sure that next time i will share my own tutorial!

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...