Thursday, December 30, 2010

So, You Want A Photoshop Gradient For GIMP, Huh?

I'm putting this out there because I ran across this issue when I was converting a Photoshop Tutorial using GIMP. The gradient in question wasn't available, so, like everyone else, I hit the internet and started searching for gradient conversion possibilities. Unfortunately, there are none.

No, Xnview doesn't work. No, renaming the file extension doesn't work. And NO, using the hex format via text file will not work, either. If none of these mentioned options jump out at you, don't fret, they don't work anyway.

But there is hope, and it's in the simple form of a very unique script, written by RobA. It's called Sample Gradient Along A Path, and can be found here.

Don't understand how to install scripts? No problem, read here.

Ok, now back to the gradients, and RobA's gem of a script:

The next best thing is finding an image of the gradient you want. There are many gradient images on the internet, most are small, but they will still work with this script. I typed :"PS gradients" searching under Images and found several. The gradient I was looking for was similar to metallic tubing, like copper, gold, or aluminum.

Some examples:






How to use the script:

Open any of the gradient images in GIMP, and select the Path tool. Set a Path across the gradient (like shown):


Right click on the Gradient Dialog (picture below shows the Gradient Dialog):


If you have the Sample Gradient Along A Path installed in the correct folder, when you right click in the above dialog, you should see it as an option in the menu selections. Choose it and the following menu pops up:


I doubled the samples and average, because I thought it would make the gradient more fluid. Then be sure to name your gradient, preferably not the same as an existing gradient. Click ok, and watch in the Gradient Dialog as your gradient is created.

That's it! You're done. Enjoy your new PS style gradient. :)

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.