Creating a Quick Logo for a Company with GIMP 2.6

Exclusive offer: get 50% off this eBook here
GIMP 2.6 cookbook

GIMP 2.6 cookbook — Save 50%

Over 50 recipes to produce amazing graphics with the GIMP

$26.99    $13.50
by Juan Manuel Ferreyra | April 2011 | Cookbooks Open Source Web Graphics & Video

Get exclusive offers on Open Source Graphic Application and Library books through out this month. For more information click here.

GIMP comes with a wide variety of filters and effects. Now, we are going to use some of them with just text layers, to give you a clear idea of how to create great looking text starting from a solid-color font.

In this article by Juan Manuel Ferreyra, author of GIMP 2.6 Cookbook, we are going to create a logo for a company in no time by using a few filters and just little work.

 

GIMP 2.6 cookbook

GIMP 2.6 cookbook

Over 50 recipes to produce amazing graphics with the GIMP

        Read more about this book      

(For more resources on GIMP, see here.)

How to do it...

We can go about creating our logo by carrying out the following steps:

  1. In a new file, using the Text Tool, write the name of the company. Pick a font, its size, and place it a little above the middle of the canvas. Lock the layer by selecting it and clicking in the Lock checkbox to avoid accidentally making changes to it:

    Creating a Quick Logo for a Company with GIMP 2.6

  2. Create a new gradient by clicking on the + button at the bottom of the Gradients dialog. If it is not enabled, call it by using Ctrl + G, or go to Windows | Dockable Dialogs | Gradients:

    Creating a Quick Logo for a Company with GIMP 2.6

  3. To pick the colors for the gradient, position the mouse over the the orange bar (blue in Windows) and right-click:

    Creating a Quick Logo for a Company with GIMP 2.6

    Select the Left Endpoint's Color:

    Creating a Quick Logo for a Company with GIMP 2.6

    And/or the Right Endpoint's Color:

    Creating a Quick Logo for a Company with GIMP 2.6

    Here are the colors I have chosen:

    Creating a Quick Logo for a Company with GIMP 2.6

  4. Using the Blend Tool, apply the gradient:

    Creating a Quick Logo for a Company with GIMP 2.6

  5. Right-click inside the text layer name in the Layers dialog, and select the Alpha to Selection option:

    Creating a Quick Logo for a Company with GIMP 2.6

  6. Then, go to Select | Grow, and make it bigger by 3 pixels:

    Creating a Quick Logo for a Company with GIMP 2.6

  7. Create a new layer and name it border. Fill it using the Bucket Fill Tool (I used a dark color), and place it underneath the text layer (drag and drop the border layer):

    Creating a Quick Logo for a Company with GIMP 2.6

  8. Duplicate the border layer by clicking on the Duplicate button at the bottom of the layers dialog, or going to Layer | Duplicate Layer.
  9. Repeat this operation with the text layer. Move this last duplicated layer on top of the border copy layer.
  10. Merge these duplicated layers by going to Layer | Merge Down, and change its name to reflection:

    Creating a Quick Logo for a Company with GIMP 2.6

    Choose Select | none from the menu to be sure there's no selection present.

  11. Using the Move Tool, place the reflection layer below the "text" layer and flip it with the Flip Tool.

    Creating a Quick Logo for a Company with GIMP 2.6

    Use the Move Tool to adjust the position of the flipped text, and separate them vertically by just a few pixels.

  12. Right-click in the reflection layer inside the Layers dialog, and select the Add Layer Mask option. Choose the Black (Full Transparency) and click Add.

    Creating a Quick Logo for a Company with GIMP 2.6

  13. Using the Blend Tool, pick the FG to BG gradient from the Gradients Dialog, and apply it from bottom to the top to create a semitransparent reflection of the text:

    Creating a Quick Logo for a Company with GIMP 2.6

  14. Select the original text layer. Right-click on it in the Layers dialog, and choose Alpha to Selection. Then with the Ellipse Select Tool in subtract mode (check the following image):

    Creating a Quick Logo for a Company with GIMP 2.6

    Draw an ellipse, as in the following image:

    Creating a Quick Logo for a Company with GIMP 2.6

  15. Create a new layer and name it glass. Then, fill it with a white color using the Bucket Fill Tool:

    Creating a Quick Logo for a Company with GIMP 2.6

  16. Change its opacity to something around 30 and you are done! Here's the final logo:

    Creating a Quick Logo for a Company with GIMP 2.6

How it works...

Just by using a font you like and a few tools you quickly created a logo. See how we only used default paint/blend tools and masks to create it? GIMP has powerful extensions but you can also create professional pieces without using complex filters or even using much time.

Summary

This article showed us how to use a few filters to create a company logo.


Further resources on this subject:


GIMP 2.6 cookbook Over 50 recipes to produce amazing graphics with the GIMP
Published: March 2011
eBook Price: $26.99
Book Price: $44.99
See more
Select your format and quantity:

About the Author :


Juan Manuel Ferreyra

Juan Manuel Ferreyra is an illustrator and animator from Buenos Aires, Argentina. He is 34 and lives with his cat. Although he started drawing at a young age, computers caught all his attention, and he worked in the IT world for many years. He dropped out from Computer Engineering and started studying filmmaking, working on his own projects and as a freelance illustrator in his free time. After a few years, he decided to leave the IT world and started working as a full time freelance illustrator and animator; his website is http://www.omykron.com.ar. The cat is happy.

Books From Packt


XNA 4.0 Game Development by Example: Beginner's Guide
XNA 4.0 Game Development by Example: Beginner's Guide

Unity 3D Game Development by Example Beginner's Guide
Unity 3D Game Development by Example Beginner's Guide

SketchUp 7.1 for Architectural Visualization: Beginner's Guide
SketchUp 7.1 for Architectural Visualization: Beginner's Guide

Panda3D 1.7 Game Developer's Cookbook
Panda3D 1.7 Game Developer's Cookbook

OGRE 3D 1.7 Beginner's Guide
OGRE 3D 1.7 Beginner's Guide

Facebook Graph API Development with Flash
Facebook Graph API Development with Flash

Flash Game Development by Example
Flash Game Development by Example

Away3D 3.6 Cookbook
Away3D 3.6 Cookbook


No votes yet

Post new comment

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
6
X
t
r
c
F
Enter the code without spaces and pay attention to upper/lower case.
Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software