Monday, December 20, 2010

GIMP Tutorial: Pseudo Jello Text



AeonTown posted this link for PS tutorial found here: http://www.webdesign.org/photoshop/text ... 13467.html

The title says Jelly, but to me it's more like "Jello". So, this tutorial will be about "Jello" text.

Step 1:

I made my default image size 640 x 640 @ 300 ppi with a black background.

I then added large "capitalized" bold font (Badonk-a-donk) 125 px, white. Should have now two layers, a black background layer, and a text layer.

Step 2: 

Apply a horizontal ripple to your text layer using the following settings (File - Distort - Ripple):


Result:



Step 3:

Copy this image and add it to your .gimp-2.6/patterns folder (I got this from Rob A's Golden Objects tutorial):



Create a new transparent layer and fill it with the new pattern (893.jpg) you just added.

With the new pattern layer selected, go to Colors - Colorize and input the following settings:



It should now look like this:



Duplicate this new pattern layer. Press
Turn off the top duplicate pattern layer by clicking the eye icon.

Step 4:

Right click the text layer and select Alpha to Selection.

Highlight/select the bottom pattern layer.

Go to Colors - Levels and input the following settings:



Invert the selection (Select - Invert) and press delete to remove the background. Press (Select - Invert) again, to restore the selection to just the font.

Step 5:

Turn the top pattern layer back visible, by clicking where the eye used to be. Highlight/select that top layer.

Go to (Select - Shrink) and apply a 2 px shrink to the selection. 

(Select - Invert) and then delete the background, like in step 4. 

(Select - None) to turn off the selection.

Step 6:

With the top pattern layer still highlighted, go to Colors - Brightness & Contrast and input the following settings:



Using the Move Tool, with move set to Layer, move the top layer (text over to the left a little bit), see below:




Once you have it moved to where you want it, right click the same layer and select Alpha to Selection, then save it to Path (Select - To Path). Turn off the selection. Select - None.

For the foreground color choose (#ffbdbd).

In the Paths Dialog, right click the path (should be the only one created) and apply a 1 px stroke.

Using the same foreground color (#ffbdbd), use your brush to apply thin lines from corner to corner:



You can hold the shift key down to make straight lines, when using the Paintbrush.

Finished product:



TIP: To get the rainbow coloring, add a white layer to the top, fill it with a rainbow gradient, then change the layer mode to Hue.

3 comments:

  1. Marvellous!

    You say it's jello not jelly.
    Possibly the original author was British?
    Your jello is our jelly.
    Your jelly is our jam.

    And I agree it looks nothing like jam!

    ReplyDelete
  2. In step 2, you say File - Distort - Ripple

    should that be

    Filters - Distorts - Ripple

    or is that only in the Windows version?

    ReplyDelete

If you intend to comment to complain about being unable to perform certain steps with tutorials, please explain where you are in the step process and what step you are unable to get to work correctly, instead of saying something like, "I can't do this!". Your comments will help get tutorial corrections made and help give clarification to future viewers who may have trouble in the same locations. Thank you. :)