Create a 3D logo with The GIMP - gHacks Tech News

Create a 3D logo with The GIMP

Any of you that do any graphic design or web development know how important it is to have tools at your disposal to handle just about any task that might come your way. And even if you don't have graphic design skills you will, someday, have to create something quickly to use for a web site, or presentation, or just about any other media. When that day comes, and you need to create a quick, professional looking logo, be glad you have The GIMP.

With The GIMP, creating rudimentary 3D logos is painless...if you know the steps. And with a good collection of fonts you can make your clients think you have far more skills than you might actually have. With that in mind, let's take a look and see just how simple it is to create a 3D logo with The GIMP.

How it works

The GIMP has a built in feature that helps you to create these logos. We will be working with version 2.6 - which is actually important because the engine that creates these has changed as well as the location of the submenu has changed. So if you don't have 2.6, give upgrading a go.

The process is pretty simple.

  • Select the type of logo you want to create from the Create menu.
  • Enter all of the necessary information and select the configurations to suit your needs.
  • Click OK
  • Edit the image to suit your needs.
  • Save the file.

Now let's take a look at the process with a bit more detail.

The logo tool

Figure 1
Figure 1

To open up the logo tool go to the File menu and select the Create submenu. From with the Create submenu you will see the Logos submenu, click on that to reveal the different types of logos you can create (see Figure 1).

The different types of logos range from the cartoonish, to the professional, to the nearly-fantastical. There are quite a few choices so your best bet is to play around with them until you find the type of logo you prefer to work with.

Figure 2
Figure 2

Once you click on the logo type you want to create a new window will open. It is within this window that the logo is created. The good news is, you really need zero artistic skills to tackle this task.

Figure 2 shows all of the configuration options you will have to deal with to create a logo. Don't let amount of options fool you, you really only need to work with a minimum of these to create your logo. Here's what you'll need to work with:

Text: This is what your logo will say.

Font: This is the font you want to use for your logo.

Blend Gradient(s): These will be the gradient colors you will use for your logo. You can create new gradients as well. The included gradients should be plenty to get you started.

Background Color: If you know the color of the background your logo will be going over you can change this here. I usually delete the background color so the logo is surrounded by a transparent border.

Figure 3
Figure 3

And that is the bare minimum you need. Once you have all of that filled out, click OK and the logo will be created.

Figure 3 shows a sample logo created using the Glossy logo tool, the Biometric Joe font,  and the Cold Steel 2 gradient.

Of course there are plenty more options to configure for your logo - but getting the hang of the basics will give you plenty to do with this tool.

 

Figure 4

TIP: As I mentioned I tend to remove the background in this logos. What this does is allow my logos to be placed on any color background. To do this go to the layer window of your new logo, select the background layer, and click the delete button in the layer window. When you save this image you will now want to make sure you save it in a format that supports transparency (such as .gif or .png.)

Final thoughts

I have used this method to create logos for plenty of clients. Not only does this make you a more versatile web designer, it also adds to the bottom line as you can now charge design fees.

We need your help

Advertising revenue is falling fast across the Internet, and independently-run sites like Ghacks are hit hardest by it. The advertising model in its current form is coming to an end, and we have to find other ways to continue operating this site.

We are committed to keeping our content free and independent, which means no paywalls, no sponsored posts, no annoying ad formats or subscription fees.

If you like our content, and would like to help, please consider making a contribution:

Comments

  1. 善用佳软 said on May 22, 2009 at 6:22 pm
    Reply

    As a freeware volunteer and fan of GIMP, I’ll create a flash demo for this.

    http://rapidshare.com/files/236012334/gimp-3d-logo.zip.html

  2. Cheryl said on May 24, 2009 at 1:52 pm
    Reply

    Cool feature. For some reason though this wouldn’t let me choose the font or make any changes. I don’t think I did anything wrong but then again, who knows.

  3. Tobey said on May 24, 2009 at 2:29 pm
    Reply

    Nice article Jack, thanks for sharing.

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

Please note that your comment may not appear immediately after you post it.