It is currently Thu Mar 28, 2024 1:00 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 53 posts ]  Go to page 1, 2, 3  Next
Author Message
 Post subject: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 8:42 pm  (#1) 
Offline
Global Moderator
User avatar

Joined: Oct 06, 2010
Posts: 4039
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):
Image

Result:
Image

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):

Image

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:
Image

It should now look like this:
Image

Duplicate this new pattern layer. Press Image

Turn off the top duplicate pattern layer by clicking the eye icon Image

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:
Image

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:
Image

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

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:
Image

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

Finished product:
Image

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.

_________________
"In order to attain the impossible, one must attempt the absurd."
~ Miguel de Cervantes


Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 8:53 pm  (#2) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
I don't know how you did that so quickly, mahv, but that is absotootly mahvelous!!!! Beautiful, beautiful, beautiful!!!

PhotoShop eat your heart out. :gimp :paint

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 9:22 pm  (#3) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
I love this tutorial. I love the results.

Image

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 9:25 pm  (#4) 
Offline
Global Moderator
User avatar

Joined: Oct 06, 2010
Posts: 4039
Nice result, O. I've been wondering how normal serif fonts, etc., would handle this effect. Yours looks pretty good, too.

An early Christmas gift? I'm behind on tutorials for the year, hoping the new year allows more time for me to do them more often.

Thanks for the kind comments. :)

_________________
"In order to attain the impossible, one must attempt the absurd."
~ Miguel de Cervantes


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 9:32 pm  (#5) 
Offline
GimpChat Member

Joined: Dec 20, 2010
Posts: 49
umm...how do I add that new image to GIMP? I have used this path: Edit-->Preferences-->Folders-->Patterns. Then when I browse for the folder on my computer (MAC OS X) with that image, it is greyed out and I can't select it? What am I doing wrong? Does the .jpg image need to be converted to .pat?


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 9:37 pm  (#6) 
Offline
Global Moderator
User avatar

Joined: Oct 06, 2010
Posts: 4039
AeonTown: Just right click the image itself and then click "Save Image As" (I'm using Linux, so your right click might have it worded differently). Then browse to your .gimp-2.6/patterns folder. I have no idea what OS you are using. If it's Win 7 or Vista it will be C:/Users/username/.gimp-2.6/patterns. You do not need to change the file name. You do, however, need to refresh your Patterns dialog box.

_________________
"In order to attain the impossible, one must attempt the absurd."
~ Miguel de Cervantes


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 9:44 pm  (#7) 
Offline
GimpChat Member
User avatar

Joined: Jul 04, 2010
Posts: 2253
Location: Retired Moderator Slowly Returning to the Living.
Sweeeeeet and Jiggly!!


Attachments:
Blue Jello.jpg
Blue Jello.jpg [ 117.11 KiB | Viewed 12306 times ]

_________________
Artists aren't crazy! We're eccentric! ~G.M. Ross

Image

My Sigs = My Photos
Check out my work at http://www.flickr.com/photos/photomastergreg.
Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 9:45 pm  (#8) 
Offline
Global Moderator
User avatar

Joined: Oct 06, 2010
Posts: 4039
O: I have .tif, .png, .jpg, and .gifs as patterns in my patterns folder, none were renamed. You can rename them to suit your personal preferences, but on both Ubuntu and Windows, I've never had to rename images being used as patterns.

_________________
"In order to attain the impossible, one must attempt the absurd."
~ Miguel de Cervantes


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 9:55 pm  (#9) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
mahvin wrote:
Nice result, O. I've been wondering how normal serif fonts, etc., would handle this effect. Yours looks pretty good, too.
I chose the font because of the rounded serifs rather using one with sharp serifs, so it's really not a good example of serif behavior in this tutorial.

Font is HFF Pure Vain
Image


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 9:57 pm  (#10) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
mahvin wrote:
O: I have .tif, .png, .jpg, and .gifs as patterns in my patterns folder, none were renamed. You can rename them to suit your personal preferences, but on both Ubuntu and Windows, I've never had to rename images being used as patterns.

Well I didn't know that mahvin. A cool new discovery for me. Thanks!!!!

I deleted my post because you had posted about the same subject and I didn't see yours until I submitted mine.


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 10:02 pm  (#11) 
Offline
Retired Staff
User avatar

Joined: May 22, 2008
Posts: 6947
Location: Somewhere in GIMP
PhotoMaster wrote:
Sweeeeeet and Jiggly!!
Nice, Greg! Blueberry flavor?

_________________
Image
World War IV will be fought with sticks and stones. - Albert Einstein


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 10:17 pm  (#12) 
Offline
GimpChat Member
User avatar

Joined: Jul 04, 2010
Posts: 2253
Location: Retired Moderator Slowly Returning to the Living.
My daughter's favorite flavor.

_________________
Artists aren't crazy! We're eccentric! ~G.M. Ross

Image

My Sigs = My Photos
Check out my work at http://www.flickr.com/photos/photomastergreg.


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 10:37 pm  (#13) 
Offline
GimpChat Member

Joined: Aug 27, 2010
Posts: 491
Nice tutorial. Thanks for sharing, Mahvin.

Image


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 10:51 pm  (#14) 
Offline
GimpChat Member

Joined: Dec 20, 2010
Posts: 49
ok this has taken me about 10 tries but I got to this stage at last :yes but i'm still confused with these steps:

1. For the foreground color choose (#ffbdbd). - am I still in the top layer?

2. In the Paths Dialog, right click the path (should be the only one created) and apply a 1 px stroke. - where is the Paths dialog?

Attachment:
Jello.jpg
Jello.jpg [ 43.81 KiB | Viewed 2797 times ]


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 11:02 pm  (#15) 
Offline
Global Moderator
User avatar

Joined: Oct 06, 2010
Posts: 4039
1. Yes, top layer.
2. Paths Dialog is:
Image

_________________
"In order to attain the impossible, one must attempt the absurd."
~ Miguel de Cervantes


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Mon Dec 20, 2010 11:10 pm  (#16) 
Offline
GimpChat Member

Joined: Dec 20, 2010
Posts: 49
OK got it! Many thanks for your help today.


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Tue Dec 21, 2010 1:20 am  (#17) 
Offline
GimpChat Member
User avatar

Joined: Apr 30, 2010
Posts: 1937
Location: Missouri
Rod had a post about molten metal a while back that would lend itself well to this. I have the script but don't remember where I got it. I used it for the example below.

_________________
Image
The last time I kept an open mind,
my brain fell out and the dog grabbed it.
Now it's full of dirt, toothmarks, and dog slobber.
No more open minds or dogs for me.


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Tue Dec 21, 2010 1:25 am  (#18) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
Yup you can get the script here.
http://registry.gimp.org/node/13948

Nice tutorial Mahvin! =)

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Tue Dec 21, 2010 2:00 am  (#19) 
Offline
GimpChat Member
User avatar

Joined: Apr 30, 2010
Posts: 1937
Location: Missouri
Thank you, thank you very much. (Imagine that in my Elvis voice)

_________________
Image
The last time I kept an open mind,
my brain fell out and the dog grabbed it.
Now it's full of dirt, toothmarks, and dog slobber.
No more open minds or dogs for me.


Top
 Post subject: Re: Make Pseudo Jello Text
PostPosted: Tue Dec 21, 2010 2:01 am  (#20) 
Offline
GimpChat Member
User avatar

Joined: May 16, 2010
Posts: 14709
Location: USA
lol :rofl

_________________
Image
Edmund Burke nailed it when he said, "The only thing necessary for the triumph of evil is for good men to do nothing."


Top
Post new topic Reply to topic  [ 53 posts ]  Go to page 1, 2, 3  Next

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts How to make a python or scrip fue from text

2

No new posts I'm going to attept to make a GMIC text styling filters

8

No new posts Attachment(s) Just playing around with my Chewed Text filter and "Make 3D.scm"

16

No new posts Attachment(s) Make a brush - Make a mandala

297

No new posts Attachment(s) GEGL Text Style Collection - plugin with many fancy text styles

11



* Login  



Powered by phpBB3 © phpBB Group