gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-user | today 09:49 AM
    Need help: "correcting" exposures in time-lapse imagesets
  2. gimp-developer | today 06:14 AM
    GIMP color-management spec and further discussion
  3. gimp-user | yesterday 11:13 PM
    collages in gimp?
  4. gimp-developer | yesterday 07:07 PM
    Color management (UI perspective for GIMP 2.8)
  5. gimp-user | yesterday 02:42 PM
    printing

External news

Poll

Would you like to be able to use your Google/Yahoo/MSN (OpenID) login on gimpusers, too?

Definately! I would enjoy the possibility to use my OpenID on different websites!

I don't have a special need for OpenID but I think it could be useful

Doesn't matter to me

Never, OpenID is a pain regarding privacy and personal data protection!

No. (please post a comment)

See results

Stats

gimpusers.com RSS feed

RSS feed Retweet this!

26 Apr 2007 08:12 PM, by devvv (Bernhard Stockmann)

Creating a simple Company Logo

Today we want to create a simple logo, which is pretty neutral so you can use it for many different things. We're first drawing some text and then decorate it with a nice colored and curved path!

This article has been written using GIMP 2.3.15. It's divided into 10 steps and takes about 15 min to complete for an average user. 58712 times read so far. Category: Buttons, icons, web, required skill: 1 of 5

19 comments have been posted so far.

Available in other languages:

Files you need if you try this tutorial:

  1. 1
    If you want to use my font download it from the right side (tutorial details), install it in your OS and restart GIMP.

    Create a new file. I've used a small size, just for demonstration purpose, you can use any size you want.
    Screenshot of step 1
    Click to enlarge
  2. 2
    Now write two text-pieces on the layer. I've user "gimpusers" (white color) and "design" (#cbcbcb as color). Font size: 40px. Deactivate the "hinting"-option, since it is only useful for small fonts. We've relatively big ones here ;)

    Take the Move-Tool and put the text to the position shown on the picture below.
    Screenshot of step 2
    Click to enlarge
  3. 3
    The next step is to create a path, so that our text more becomes a real logo. We will draw a nice curved "thing" ;) around our text.

    To do this please take the paths-tool (B). Start clicking in the bottom left until you have the same points as seen on the picture. I have set the opacity for "design" very low to better show you the points I made.
    Screenshot of step 3
    Click to enlarge
  4. 4
    When reaching the first point, holt CTRL to unify the last point with the first. You should then have a fully closed path. You can still move points around if you're not satisfied with your path.

    After completion move the bottom edge downwards (click in the middle of the edge and drag it to the bottom). It should be a curve now!
    Screenshot of step 4
    Click to enlarge
  5. 5
    With the two dashed lines appearing now you can affect the curve. Drag the left dashed line a little more to the middle, it should become more even. The right dahed line move a bit to the right. If you look at the line above the dashed line should become one long even line.

    After that take the edge thats above the line we just adjusted. Move the dashed lines as seen in the picture!
    Screenshot of step 5
    Click to enlarge
  6. 6
    Click ENTER now and you should get a selection of the path.
    - create a new, empty layer
    - set #dcf6ff and #00b8e0 as BG-color.
    - take the gradient-tool or just press L

    Look at the settings on the picture!
    Screenshot of step 6
    Click to enlarge
  7. 7
    Now draw the gradient anywhere on the layer, doesn't matter where. The selection is then filled with the gradient.

    Press CTRL SHIFT A or go to Selection / None to deselect all.
    Screenshot of step 7
    Click to enlarge
  8. 8
    Colors / Brightness & Contrast: -25/+35.
    Screenshot of step 8
    Click to enlarge
  9. 9
    My layers look like this at the moment:
    Screenshot of step 9
    Click to enlarge
  10. 10
    Now we add a small shadow to give the logo more depth.

    - rightclick the layer with the colored form in the layers-dialog.
    - "Alpha to Selection"
    - add a new layer below the form-layer.
    - fill the selection with black and set the opacity of this layer to 25%.
    - take the Move-Tool now, in the settings select "Move the active layer" and then move the layer a bit to the bottom!

    Thats it! I hope you like it!
    Screenshot of step 10
    Click to enlarge

This article is licensed under the following license: Attribution-Noncommercial 3.0 Austria

Links (pingbacks)

Comments

Post your own comments, questions or hints here. The author and other users will see your posting and can reply to it. Of course, you can also ask in the chat.

Comments are chronologically arranged.

  1. http://www.gimpusers.com/tutorials/company-logo-bezier.html Sat 19 May 2007 06:27:00 PM CEST pablo, 19 May 2007 06:27 PM

    me parece fantastica esa herramienta. yo trabajo en www.coralweb.com.ar y podria serme de mucha utilidad. donde puedo conseguir una demo gratis?

  2. http://www.gimpusers.com/tutorials/company-logo-bezier.html Sat 19 May 2007 06:32:44 PM CEST devvv, 19 May 2007 06:32 PM

    hey pablo, it is hard to understand - i don't speak spanish - but GIMP is free software, it is gratis and you can download ih here: http://www.gimp.org/windows/

  3. http://www.gimpusers.com/tutorials/company-logo-bezier.html Mon 21 May 2007 10:35:50 PM CEST Peter Grosse, 21 May 2007 10:35 PM

    I didnt realy follow the tutorial , but this I was asked to make a signiture/logo for a game desighner on a game called bzflag , this is it , tell me what you think....
    [IMG]http://i187.photobucket.com/albums/x235/PETER_BZFlag/halo3s_sig.png[/IMG]
    ?

  4. http://www.gimpusers.com/tutorials/company-logo-bezier.html Mon 21 May 2007 10:36:58 PM CEST Peter Grosse, 21 May 2007 10:36 PM

    Oops , try this....
    http://i187.photobucket.com/albums/x235/PETER_BZFlag/halo3s_sig.png

  5. http://www.gimpusers.com/tutorials/company-logo-bezier.html Mon 21 May 2007 10:48:41 PM CEST devvv, 21 May 2007 10:48 PM

    In my opinion there is too much happening in the logo. I also think that it would be better not to have the text blurred! For a logo in general you should not have a detailed background unless it is clearly visible what the background is.

    If it is intended to be a signature, thats ok and good ;) But why don't you try the bezier curves tool - it's so nice for something like this!

  6. http://www.gimpusers.com/tutorials/company-logo-bezier.html Thu 14 Jun 2007 11:49:26 AM CEST M.rSnow, 14 Jun 2007 11:49 AM

    Nice tut realy help full when makeing a homepage.
    Btw pablo the image sucked whats has it to do whit this tut anyway?

  7. http://www.gimpusers.com/tutorials/company-logo-bezier.html Fri 15 Jun 2007 02:45:44 AM CEST Makyver, 15 Jun 2007 02:45 AM

    How to you put the trademark circle r or cirlce tm in the image ... Is there an easy way or do I have to creat it by had ...

  8. http://www.gimpusers.com/tutorials/company-logo-bezier.html Fri 15 Jun 2007 05:14:30 PM CEST devvv, 15 Jun 2007 05:14 PM

    the easiest way is to copy the sign from any website and the use the text tool to paste it.

  9. http://www.gimpusers.com/tutorials/company-logo-bezier.html Wed 11 Jul 2007 10:19:20 AM CEST Julian, 11 Jul 2007 10:19 AM

    Where can I find this font? What is it called? I can't find it in the Tutorial Details!

  10. http://www.gimpusers.com/tutorials/company-logo-bezier.html Wed 11 Jul 2007 10:42:34 AM CEST devvv, 11 Jul 2007 10:42 AM

    It's called Neuropolitical - I added it now! Sorry.

  11. http://www.gimpusers.com/tutorials/company-logo-bezier.html Tue 11 Sep 2007 02:47:54 AM CEST halozmatt, 11 Sep 2007 02:47 AM

    teeheee i tried this after looking at the results of yours and when iwas done did the same i'm like :p suck...~ lol, i'll get good at it
    ...


    P.S.-HOPEFULLY XD!


    Click to enlarge

  12. http://www.gimpusers.com/tutorials/company-logo-bezier.html Tue 11 Sep 2007 02:50:39 AM CEST halozmatt, 11 Sep 2007 02:50 AM

    srry here is pic!


    Click to enlarge

  13. http://www.gimpusers.com/tutorials/company-logo-bezier.html Thu 15 Nov 2007 09:21:09 PM CET eHobayyeb, 15 Nov 2007 09:21 PM

    Nice tutorial, I really liked it.
    I dropped a shadow by blurred the other black shape and move it a bit to the right and to the bottom

  14. http://www.gimpusers.com/tutorials/company-logo-bezier.html Thu 07 Feb 2008 12:40:53 PM CET samid, 07 Feb 2008 12:40 PM

    What a cool Tutorial, by the way what kinds font type you used in this tutorial. thanks

  15. http://www.gimpusers.com/tutorials/company-logo-bezier.html Thu 27 Mar 2008 02:16:19 PM CET tek, 27 Mar 2008 02:16 PM

    Friend ship is not collection of hearts ...
    but it is a selection of hearts...

  16. http://www.gimpusers.com/tutorials/company-logo-bezier.html Wed 03 Dec 2008 11:01:03 AM CET sam, 03 Dec 2008 11:01 AM

    cool tutorial, and what A COOL FONT that is

  17. http://www.gimpusers.com/tutorials/company-logo-bezier.html Sat 13 Jun 2009 04:27:06 PM CEST Chandana, 13 Jun 2009 04:27 PM

    Very nice. Thank you

  18. http://www.gimpusers.com/tutorials/company-logo-bezier.html Fri 25 Sep 2009 12:50:00 PM CEST elartey, 25 Sep 2009 12:50 PM

    what is the name of the font you used in the tutorial...it looks really neat

  19. http://www.gimpusers.com/tutorials/company-logo-bezier.html Fri 01 Jan 2010 10:26:17 AM CET DGremlin, 01 Jan 2010 10:26 AM

    I followed the basic idea and after messing around came up with neat little logo. This tutorial is really nice as a basic start, using what you put down here, add in a little time and a touch of creativity and its interesting what can happen. Nice and clean tutorial. Thanx

Registered users can log in (top right of the page) to use their profile name to post comments, request email notification on new comments and attach images (e.g. their versions of the effect) to their postings.

Are you human?

Adobe® Photoshop® is a registered trademark of Adobe Systems, Inc. Linux is a trademark of Linus Torvalds. Ubuntu and Canonical are registered trademarks of Canonical Ltd. | Clock times are shown as CET / CEST | Imprint / Privacy policy | powered by bitfire it services