Armino's programming and design blog php, c++ and mysql programming, open source graphic design and begginer linux usage
  • Home
  • News
  • Gimp tutorials
  • Code Snippets
  • RSS Feed
  • Twitter
  • Facebook

Gimp tutorial: The Audi logo

By
Armino
– September 3, 2009Posted in: Art, Gimp, Graphics, Linux
The final Audi logo

This is a beginner level tutorial on how to make an Audi logo in Gimp.

Step 1: Start a new graphic with 800×600 px dimensions, or whatever your preferences are.
Choose the ellipse select tool and make a circular selection similar to mine. I made one of 220px in diameter.

First circle selection

First circle selection

Note: You can adjust your dimensions exactly by entering them manually in the tool options.

Enter ellipse selection manual size

Enter ellipse selection manual size

Step 2: Building the first ring
Go to [Select] menu and choose [Border] by 8 px. This will be our outer circle.

Border 8 px

Border 8 px

Now create a new transparent layer above the background and keep the selection active.  Name the new layer “audi circle”.

The audi circle layer

The audi circle layer

From the toolbox select the gradient tool (FG to BG) and fill the selection with a black to white linear gradient from bottom to the top as show in the next image. The “audi circle” layer must be the active layer.

Outer circle gradient fill

Outer circle gradient fill

Now we have to make the inner circle. From the toolbox choose [Fuzzy] select tool and click inside the circle.

Inner circle

Inner circle - click on the picture to enlarge

Then go to [Select] menu, choose Shrink and type a value of 8 px.

Shrink selection by 8px

Shrink selection by 8px

Go again to [Select] menu, choose Border and type a value of 8px again. The workspace should look like this:

Inner circle - border

Inner circle - border

Now repeat the gradient fill as described above but from top to bottom. Remember that the “audi circle” layer must be the active layer.

Inner circle gradient filled

Inner circle gradient filled

As you can see our design starts to get a shape.

Step 3: Duplicate the rings
Right click on the “audi layer” and choose “Alpha to selection”.

Alpha to selection

Alpha to selection

As you observe, the whole ring is selected. Now copy the selection with (CTRL+C) and paste it (CTRL+V).
Now move your pasted graphic as in the next photo.

Duplicated ring

Duplicated ring

In order to move you drag with the mouse the pasted selection to the desired position. After you begin dragging press CTRL for axis constraint. This will ensure the alignment of the rings.
Go to the layers toolbox and click on the [new layer] button.
Note: I have added the pasted ring in a new layer in order to be able to correct it’s position easier.

floating selection

new layer

At this point your layers should look as below:

Layers 2 rings

Layers 2 rings

Don’t bother to rename the “Pasted layer” as we will merge the layers together later. Now repeat the step above and create the rest of the rings.
Until now we have something like this:

4 rings

4 rings

We are not ready yet. We have to add some more magic to our logo. First we will combine all pasted layers into “audi circle” layer.
Go to Layers toolbox, right click on the topmost layer and select “Merge Down” from the menu.

Merge down layers

Merge down layers

Step 4: Final touch
Duplicate the layer “audi circle” and move the duplicate below it. Also hide the “audi circle” layer by clicking on the eye icon.

Audi circle copy

Audi circle copy

Right click the “audi circle copy” and select from the menu “Alpha to selection”. Now fill the selection with black.

Duplicate layer black

Duplicate layer black

Now deselect (SHIFT+CTRL+A) everything and go to the [Filters] menu -> [Blur] -> Gaussian blur.
Select a value of 15px.

Gaussian blur

Gaussian blur

That’s it. We now have a nice and simple Audi logo. Don’t forget to unhide the “audi circle” layer if you haven’t done so already.

The final Audi logo

The final Audi logo

Hope you liked my tutorial.

Oh, I almost forgot, you can download the .xcf file here: audi_logo.xcf

More From Armino's programming and design blog

  • Gimp tutorial: How to create a grunged background/texture
  • Gimp tutorial: How to create an aluminum style background
  • Gimp tutorial: How to create a nice drapes effect

Armino's programming and design blog Recommends

  • Better Convert pdf to jpg  (sojic)
  • Better Convert pdf to jpg using ghost script  (sojic)
Blog Margeting Related Posts Plugin For Armino's programming and design blogAsk Armino's programming and design blog To Recommend Your Posts Blog Marketing Related Posts Plugin Counter

VN:F [1.9.11_1134]
please wait...
Rating: 8.5/10 (17 votes cast)
Gimp tutorial: The Audi logo, 8.5 out of 10 based on 17 ratings
Tags: audi logo, gimp tutorial, graphic design

About the Author

This website is about me, my experiences, my hobbies and my friends. If you are interested in my professional profile you can check it on LinkedIn.

4 Comments

  1. mike garrison
    Posted September 13, 2009 at 4:08 PM

    cool man love the tutorials

    VA:F [1.9.11_1134]
    please wait...
    Rating: 5.0/5 (4 votes cast)
  2. manster
    Posted February 2, 2010 at 8:46 AM

    nicely done. thanks

    VA:F [1.9.11_1134]
    please wait...
    Rating: 3.0/5 (2 votes cast)

Trackbacks / Pings

  1. cihan.us » Gimp ile Audi Logo Yapımı
  2. Audi Logo Development | Audi Photos Blog

Leave a Reply




XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Cancel Reply

 
  • IPv6 detector
    Still using IPv4? 38.107.179.220
    • IPv4 exhaustion
    • IPv4 address allocation
    Show stats
    • Hide stats
      This server has received 113636 hits from both ipv4 and ipv6.
      IPv497.9%
      IPv62.1%
  • Translator
    English flagItalian flagChinese (Simplified) flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagRomanian flagTurkish flag
  • Categories
    • Admin
    • Android
    • Art
    • Code Snippets
    • Developers
    • Environment
    • Gimp
    • Graphics
    • Internet
    • Linux
    • News
    • Photography
    • Php
    • Uncategorized
  • Partners
    • askGeorgie.com
    • Boioiong web directory
    • DesignFirms Link Exchange
    • Online Marketing
    • Online subtitles
    • Real Directory – Online Web Directory
    • Web links directory
  •  
    September 2009
    M T W T F S S
    « Aug   Oct »
     123456
    78910111213
    14151617181920
    21222324252627
    282930  
  • Archives
    • April 2012 (1)
    • January 2012 (1)
    • December 2011 (1)
    • October 2011 (3)
    • September 2011 (3)
    • August 2011 (5)
    • July 2011 (19)
    • June 2011 (1)
    • April 2011 (1)
    • February 2011 (3)
    • November 2010 (1)
    • August 2010 (3)
    • June 2010 (1)
    • April 2010 (1)
    • October 2009 (2)
    • September 2009 (1)
    • August 2009 (1)
    • July 2009 (1)
    • June 2009 (3)
  • Tag cloud
    android Apple apple store arrays Canonical cp facebook Gimp gimp tutorial google ifconfig image manipulation inkscape iOS ipad iphone iPhone 3GS iPhone 4 iPod touch (3rd generation) iPod touch (4th generation) ipv6 Linux linux commands linux news ls mkdir more mv oneiric ocelot operating system os x lion Php rm route security tar the gimp tiny core linux tutorial ubuntu ubuntu 12.04 ubuntu oneiric ocelot vectorial draw wall xml
  • Latest twitts
    • New post: Ubuntu 12.04 LTS - Precise Pangolin is out http://t.co/lwgXbTXO #News 2012/04/27
    • Inside Search: Video! The search quality meeting, uncut (annotate... http://t.co/c7uGHLdj 2012/03/15
    • New post: Stop ACTA: Get Informed & Take Action http://t.co/nP4nDPVE #Internet 2012/01/31
    • Stop Internet #Censorship! Sign the urgent global petition @Avaaz urging the EU Parliament to reject #ACTA: http://t.co/1Eohl4Mz 2012/01/28
    • New post: Ubuntu codename 'Precise Pangolin' Alpha 1 Released http://t.co/wYNTlWbO #News 2011/12/02
    • New post: Ubuntu 11.10 Oneiric Ocelot is out http://t.co/NNK7vhAS #Linux 2011/10/13
    • Cinnamon Rolls with Caramel and Walnuts Topping - http://t.co/iHp2RdEH via @nicoleta_popp 2011/10/13
    • Homemade Hummus - http://t.co/IN6sgzr5 via @nicoleta_popp 2011/10/09
    • New post: Steve Jobs "may never be equaled" http://t.co/Ojk9eYzL #News 2011/10/06
    • RT @nicoleta_popp: Panna Cotta - An easy to make http://t.co/JAUCfNZW Desserts #easy #fruit_sauce #gelatine 2011/10/04
  • RSS Latest websites added to my web directory
    • Glass Aquarium Tank
    • Haine Bebelusi & Copii - Happy Bees - Hainute Copii Online
    • Carlton London | Wholesale Designer Shoes Online | Wholesale Designer Shoes - Carlton London
    • T-Shirt Design
    • Costa Rica Family Vacations & Holidays
    • Accounting Software
    • Beverly Hills Contractors
    • Choice Janitorial Services
    • Varadinum Translations - We give meaning to your words!
    • Herbal Nutrition Supplements Through Age-old Herbs
  • Recent posts
    • Ubuntu 12.04 LTS – Precise Pangolin is out
    • Stop ACTA: Get Informed & Take Action
    • Ubuntu codename ‘Precise Pangolin’ Alpha 1 Released
    • Ubuntu 11.10 Oneiric Ocelot is out
    • Steve Jobs “may never be equaled”
  • Recent comments
    • Steve Czajka on Gimp tutorial – How to create a nice dotted background
    • Matt Dujay on Gimp tutorial: How to create an aluminum style background
    • Armino on Gimp tutorial – How to create a nice dotted background
    • Josh on Gimp tutorial – How to create a nice dotted background
    • Linux Security on Ubuntu 11.10 Oneiric Ocelot beta 2 has been released
  • Google Followers

About Arras Theme
Top Programming Sites

Copyright © 2000 - 2011 Armino. All Rights Reserved.

gob_logo