GrafX-Design.com - Photoshop Tutorials -- RunnyText

tutorials

resources

inspiration

Photoshop Tutorials -- RunnyText

Creating Runny Text with Photoshop

This tutorial shows the steps required to create runny text.

Open a new file at 500x200 pixels with the dpi set at 72 and the mode set to RGB. I'll show the images at a smaller width and height to save loading time.

Set the foreground color to a bright red and add some text. (I used the Fujiyama font, that came with Corel DRAW! 3.0, at 120 points with bold selected.)

Flatten the text layer and the white background layer.

figure 7.1

Choose Image, Rotate Canvas, 90 CW.

Choose Filter, Stylize, Wind. Set the method to Blast and the Direction to From the Right. Run the wind filter again with Filter, Wind or by pressing CTRL-F.

Choose Image, Rotate Canvas, 90 CCW to set the image back to horizontal.

figure 7.2

Choose Filter, Blur, Gaussian Blur and set the Radius to 2.0 pixels.

figure 7.3

Choose Image, Adjust, Levels and enter 176 1.00 and 221 for the input levels.

figure 7.4

NOTE: you can play with these numbers a little but changing them to much will cause either color shifts or aliasing. If you've used a different color for the text and notice a color shift you may want to change the levels, especially the rightmost triangle.

Choose Image, Adjust, Levels again and enter 167 1.00 and 235 for the input levels.

NOTE: Again you may want to play with these settings.

figure 7.5

That's it!

VARIATION:

As a variation you might try running Alien Skin's Inner Bevel on the text. Select the white background with the magic wand tool, choose Select, Similar and then Select, Inverse to select the red text. Apply the Inner Bevel filter with Filter, Eye Candy (or Alien Skin), Inner Bevel. I used the "rounded" preset but raised the bevel width to 29 and the highlight brightness to 51.

figure 7.6

That's it.... Be sure to check out some of our other Photoshop tutorials or take a look at our new Photoshop Quick Tip Videos.

High Quality video-based tutorials
...with over 300 different titles, all taught by professionals. Learn any application in a fraction of the time right from your own desktop. This unique method offers accelerated learning and a high retention rate. Here are a couple of topics that you might find interesting. View free demos of the courses using one of the links listed below.
Photoshop CS2 Tutorials	Photoshop Special FX
Photoshop for the Web	Photoshop for Photographers
Photoshop CS Tutorials	Photoshop Image Artistry
Photoshop Image Restoration	Photoshop 7 Tutorials




[Previous Tutorial] [Photoshop Tutorials] [Next Tutorial]

We'd like to hear from you... If there are any Photoshop techniques you'd like to see covered, send us an e-mail.

Current Favorites

Here's of list of our most popular graphics tutorials:

Adobe Photoshop Tutorials

Quick Mask Have you ever wanted to do a little cutting and pasting and make it look as if your head was on someone else's body? Read more....

Corel (JASC)
Paint Shop Pro Tutorials

Transparent GIFs This technique demonstrates how to create transparent GIFs in Paint Shop Pro Read more....

Xara Xtreme Pro Tutorials

Illustrating a Guitar - Part 1 It may seem to be quite an undertaking to create a realistic illustration of something like an electric guitar, but I wanted to challenge the ease-of-use of this software. Read more....

Corel DRAW! Tutorials

Creating Complex Shapes Drawing circles, squares, triangles , etc. is easy with a vector program. How do you combine these shapes to create something more complex, though? Follow this tutorial and you'll see how easy it can be to create just about any shape you need. Read more....

Software Deals

Download and try out the free demos and then save 10%, 20% and more when you decide to buy!

GrafX-Design.com has partnered with some of the best graphics software companies in the World to offer you terrific savings on your favorite programs.