IT News & Technology update

Edit graphics like a pro using The GIMP

Written by IT News on 11:49 PM

Macs are famous for their ability to do graphic design. Windows workstations are quickly catching up. Here's how you can use a free tool called The GIMP to get professional results without a hefty investment.

Image editing and creation is not limited to Mac or Windows. In fact, one of the flagship applications for Linux (and open source) happens to be a photo manipulation application. The GIMP (GNU Image Manipulation Project) is a very powerful tool that equals (and in some instances bests) its proprietary competition.

Unfortunately, one of the stumbling blocks to The GIMP is usage. Its unique user interface is not like Photoshop. However, it's also easy to learn and can handle many advanced features. In this article, I'm going to show you how to use The GIMP and discuss some of its advanced features.

Installation

Installing The GIMP in Linux shouldn't be an issue. Every Linux distribution comes with The GIMP. The few exceptions to this rule would be some of the smaller live CDs (i.e., Puppy Linux). If you are running a distribution that doesn't have The GIMP installed by default you can run something close to:

yum install gimp

and the installation system will take care of the dependencies.

Running The GIMP

The GIMP does not demand the resources of most graphics manipulation programs. Checking the top listing for The GIMP, you'll see the screen shown in Figure A.

The GIMP's usage is on the third line of the listing. As you can see, top shows that The GIMP is only using 36 MB of RAM, 2.7% of the CPU, and 5.3% of the RAM.

Once GIMP is up and running, you'll notice two main (and separate) windows. Take a look at Figure B, which shows the three main working windows for The GIMP. The main toolbox is the main window for the application. The Layer Dialog window (as labeled below) houses the dialogs for layers, channels, paths, brushes, patterns, and gradients. As any graphic artist will tell you, you can't succeed without knowing and using layers.

There are tricks to getting used to The GIMP's layout. First and foremost are menus. Although you see menus attributed to each window in Figure B, some share similar entries. What you don't see is the right-click menu. One of the issues hard-core users complain about is efficiency. Having to constantly move from one window to the next is a waste of time. With that understanding, GIMP developers made it easy. Right-click in the image window to see a new menu appear, as seen in Figure C.

From the right-click menu, you can access nearly every tool available to The GIMP. This will save you time and effort.

Now that we have basics of the interface out of the way, let's start getting to work.

Layers

Layers make working with images much easier. Without them, working with an image would become an exercise in tedium and insanity. Layering can be seen like a transparency: On the base layer, you have a background image, but you can layer a separate image without affecting the background. Let's use an example. I am first going to deconstruct the image from Figure B in order to strip away a layer, combine layers, and add it to a layer of another image.

In Figure D, I am going to delete the background layer from the working image window. As you can see, I have highlighted the background layer and will press the delete button.

Once the layer is deleted, the image in the Image Window will appear differently. Figure E gives an example of this.

Remember, your goal is to copy this image onto another. If you were to copy the image as is, you would only copy the active layer. In Figure E, there are three layers: Drop-Shadow, Jack, and Grow-me. Whichever layer is highlighted at the time of copying will be the layer copied to the clipboard.

In order to copy all three layers at once, the layers must be merged. Layers can be merged in two ways. First, you can merge layers down. For example, let's say you only want to combine layers one and two. To do this, you would first highlight the top layer you want to merge down. So if you wanted to merge layer one with layer two, highlight layer one. If you wanted to merge layer two with layer three, highlight layer two. Next, open the Layer Menu and select Merge Down. You will then notice only two available layers in the Layer Descriptions, as seen in Figure F.

The problem with merge down is that you still have two layers to copy. Should you want to copy the entire image, you will have to merge the layers via Merge Visible Layers. To do this, either press [Ctrl][M] or go to the Image menu and select Merge Visible Layers. Either way, you will get a dialog box of options: Expand As Necessary, Clipped To Image, or Clipped To Bottom Layer. I always stick with the default (Expand As Necessary). Once you press OK, you will notice only one remaining layer in the Layer Descriptions window (in our case, Grow-me).

Next, copy the merged layers onto another image. If you were to copy the merged layers onto an image without creating a new layer, any manipulation you try to do to the copied image will affect the base layer itself. Adding a new layer allows you to play with various aspects of the copied image without affecting the original background. Take the new image and add a new transparent layer on top of it, as seen in Figure G.

Once you click on the new layer, you will have to decide the name, size, and fill-type of the layer. It's best to get in the habit of giving layers descriptive names. When you're dealing with an image with many layers, it can get rather confusing. Since you need to keep the transparent nature of the copied image, select Transparency for the type. The size will fit the base image, so there's no need to modify. Press OK and you will notice no change in the Image Window. You will, however, see a new layer appear in the Layer Description window for the new image.

Go back to the merged layer image. To copy this, press [Ctrl][C]. Now go to the new base image. Make sure the new layer is highlighted and press [Ctrl][V]. The new layer is pasted on top of the base layer, as seen in Figure H.

Obviously, you can't use the layer as-is. I intentionally copied a dark image onto a dark background so I can show you a little about layer manipulation.

Take another look at Figure H: The Floating Layer is the layer you just copied but have not anchored down.

You need to adjust the opacity of the Floating Layer so that it doesn't just look like mud overlaying the base layer. Drag the Opacity slider to the left. You'll notice the Floating Layer growing more and more transparent. I am going to drag the slider to the 30.2 position and then anchor the layer. As you can see in Figure I, the image is not nearly as muddy as it would have been without the layer manipulation.

It's not perfect, but it illustrated a good point: layer manipulation is critical to good graphic design with The GIMP.

QuickMask

The QuickMask tool is one of those tools that once you get the hang of, you'll use more often than not. QuickMask allows you fine-tune only selections of an image. To use QuickMask, simply click on the QuickMask button on the bottom left of the image window, as seen in Figure J.

When you click the QuickMask button, the entire image will appear to have a translucent red layer over it. Figure K illustrates this.

Press the QuickMask button again to return it to normal mode. We're going to use QuickMask to give my picture a unique look. Press the QuickMask button and then press the eraser tool. Make sure you're erasing with the color black; otherwise, QuickMask won't work. So, using the eraser with the Circle Fuzzy (13) brush, I am going to "erase" the face from my picture. I'll use the Circle Fuzzy brush so the edges aren't sharp.

Once I erase the face from the picture, I have a clown-white look, as shown in Figure L.

If you click the QuickMask button again, you will see the area erased with a dotted line around it. This means the area has been selected to be manipulated. Make sure the layer you are working on is the background layer. While the face is still selected, right-click the image and go to Filters | Distort | Whirl and Pinch. Press OK; when the filter is processed, your image is ready. Figure M shows the changes.

Cool logos

Another really great GIMP tool is under the Xtns menu in the Main Toolbox window. Select that menu and go to Script-Fu | Logos. From the Logos sub-menu, there are a number of styles to choose from. Each has its own unique characteristics. Let's take a look at the Glossy logo. Select Glossy from the list and a new window will appear, as seen in Figure N.

The most important options you'll want to configure:

• Text: This is the actual text that will appear in the logo.
• Font size: Actual font size.
• Font: The font used.
• Blend Gradients: These will be the color schemes of the logo.

There are quite a few more options to explore, but this list will get you going right away. Once you enter your text, select font and font size, and select your gradients, press OK to create the logo. As an example, I chose Jack as my Text, 100 as the Font size, and Aneurism as both Blend Gradients (if you choose different gradients for Text and Blend, the end result will not be clean). Figure O illustrates the end result of the logo.

Final thoughts

The GIMP is an incredible image manipulation package. I have been using it for years and have not missed my days of Photoshop for a second. Although this article only scratches the surfaces of the power and ability of The GIMP, you can see from these examples how well this application easily meets the needs of graphic artists on every level.