Sunday, May 22, 2011

GIMP Tutorial: PSP Quilted Text Tutorial Converted to GIMP

The original tutorial was found at under PSP 5, and  can easily be adapted to GIMP with minimal differences.

Using GIMP 2.6.11

See the tutorial video:

Step 1:

Open any size drawing, with a white background.

Use any font you wish, but rounded fonts work best.

My drawing is 640 x 480, using Cooper Black font @ 150px centered on the drawing.

Save a Path from Text, after centering the font in its permanent location.

Right click the text layer and choose "Layer to Image Size".

Merge the text layer down onto the white background layer.

Duplicate the resulting layer. You should now have two black text on white background layers.

Step 2:

Select/highlight the bottom-most layer and run a Gaussian blur of (12 px).

Now run Emboss (Filters/Distorts/Emboss) using the following settings:

Step 3:

Select/highlight the top-most layer and change the layer mode to Difference.

TIP: Also check out Overlay and Soft light modes for making pretty awesome 3D text.

The edges are still a little jagged and can be easily fixed by running Gaussian blur of 3px on the top-most layer.

Flatten the image.

Step 4:

Add pattern layers or color layers (do not fill selections with color or patterns on the original layer) and choose Hard Light or Grain Merge for your layer mode. Feel free to experiment with the different modes to see their results.

Using the text path, I inverted the selection for the background, then created a second pattern layer for the text with the path selection not inverted, using Burn as the layer mode.

This is the result:

That's it. Enjoy! :)

Thursday, May 12, 2011

Somewhat Painless Plaid Tutorial Using GIMP and G'MIC

Using GIMP 2.6.11  and G'MIC

You can download G'MIC for your specific OS, here.


First let me state that I didn't come across this idea on my own. I've been following a conversation at Gimp Chat, that discusses various methods of creating plaid designs. You can follow that discussion here.

Akky shared a few beautiful flower images on Gimp Chat. One in particular was to my liking. You can view this image and others here in the same thread.

This image is scaled, to get the larger image grab it from Gimp Chat.

Rod shares how to smooth the palette of colors here - (Colors/Info/Smooth Palette). This is good information to know, but it doesn't create a 45 degree diagonal palette. It would be nice if there was such an option.

Now that you have the flower image and you performed a smooth palette on the image, it should look like this:

Now for the G'MIC tutorial:

You're going to need G'MIC and to create a small simple filter for your .gmic file. If you follow Zonderr's tutorial below, you shouldn't have any problems. If you're not interested in following that tutorial, you can place this code in your .gmic file:

#@gimp My first filter: my_first_filter_command, my_first_filter_command
#@gimp : note = note("It is my first filter, I am so excited!")
#@gimp : sep = separator()
#@gimp : Angle = float(45,0,360)
#@gimp : Fill the empty space = choice("in black","like the borders","by repeating the image")my_first_filter_command :
  -rotate $1,$2

If you need more help on finding or creating the .gmic file, even after following Zonderr's tutorial below, post a comment here or at Gimp Chat, or at G'MIC Flickr.

Step 1:

Lucky for us G'MIC users, Zonderr taught us to create a clever little beginner's filter, here.

It's simply titled "My First Filter".  It's a nifty filter and it does the job we need it for.

Step 2:

With your image containing the smooth palette, as shown above, go to Filters/G'MIC.

Click the image to enlarge.

Note ALL of the settings on the G'MIC menu, including Input/Output. When you have made all the necessary changes to your selection, press APPLY, not OK.

Change the angle to 90 degrees and click APPLY again.
 TIP: Make sure to pay attention to your Input/Output settings. Step 1 and 2 Input settings are "Active Default" and Output is "New Active Layers". In step 3, Input mode changes (see below). In steps 4 & 5, for both steps, Input  is "Active Default", Output is "In Place, default".

Step 3:

Switch to Layers in G'MIC and select the Average layer.

Under Input/Output, change the top Layer option to "Active and below".

Click APPLY again.

Your current top image layer should look like this:

Step 4:

Let's give it some cloth texture.

Go to Patterns and select Canvas (be sure to make sure the 2nd direction is activated). For the tutorial, I used default settings.  Change Input to "Active Layer" and Output to "In place, default". Click APPLY, not OK.

This looks more cloth-like, but its not seamless.

Step 5:

To make it seamless, move to Regular Array under Arrays & Frames and input the following settings as shown below (be sure to note the Input/Output settings - Input: Active Default, Output: In place, default):

Click image to enlarge.

Now your plaid pattern is seamless, and you can finally click "OK". The resulting image should look like the following:

You're done! :)

It might seem like a lot of work the first time around, but it actually goes very fast, as long as you remember to change the Input/Output settings when needed. Enjoy!