Sign up now! · Forgot password?
RSS/Atom feed identi.ca Twitter

Tutorial: Creating a simple Company Logo

Written by · Created on Apr 26, 2007, last updated over 3 years ago CC BY-NC License

Motivation

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!

Tutorial details

  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.

  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.

  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.

  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!

  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!

  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!

  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.

  8. 8

    Colors / Brightness & Contrast: -25/+35.

  9. 9

    My layers look like this at the moment:

  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!

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.

Subscription management

Please log in to manage your subscriptions.

User rating

This topic (Creating a simple Company Logo) has been rated 5.0/5.0.

*

As a registered user, you can rate articles and comments, attach files to comments, subscribe to topics and you don't need to solve CAPTCHAs anymore.

*…optional

devvv member for over 7 years devvv 1390 comments
almost 3 years ago

sure, you can use it!

sockdude
almost 3 years ago

Can I use a logo I made with this tutorial on a t-shirt?

Snow Clements rated this topic with 5/5
over 3 years ago

I am a seriously disabled Vietnam War Veteran and recently bought a copy of your GIMP 2-6-10 program; as the result of a fire caused by me, the user instructions for this program were destroyed!
Will you please email me a copy of these instructions so that I can print them and start using the program?
My grateful thanks

Snow Clements rated this topic with 5/5
over 3 years ago

I am a seriously disabled Vietnam War Veteran and have just bought your program GIMP 2-6-10 for manipulating photos; as a a result of my disability, I caused a fire in which the user instructions were destroyed.
Will you please email me at snowndawn@clear.net.nz, another copy of the user instructions????
Once I get these, I will print off another copy!
This is a matter of great urgency so would be most grateful if you will??

babor_7uiu
almost 4 years ago

Thanks for your information. It's a great information creat a logo

DGremlin
over 4 years ago

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

elartey
over 4 years ago

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

Chandana
almost 5 years ago

Very nice. Thank you

sam
over 5 years ago

cool tutorial, and what A COOL FONT that is

tek
about 6 years ago

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

samid
about 6 years ago

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

eHobayyeb member for over 6 years eHobayyeb 1 comment
over 6 years ago

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

halozmatt member for over 6 years halozmatt 7 comments
over 6 years ago

srry here is pic!

halozmatt member for over 6 years halozmatt 7 comments
over 6 years ago

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!

devvv member for over 7 years devvv 1390 comments
almost 7 years ago

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

Julian
almost 7 years ago

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

devvv member for over 7 years devvv 1390 comments
almost 7 years ago

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

Makyver
almost 7 years ago

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 ...

M.rSnow
almost 7 years ago

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

devvv member for over 7 years devvv 1390 comments
almost 7 years ago

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!

Peter Grosse
almost 7 years ago

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

Peter Grosse
almost 7 years ago

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]
?

devvv member for over 7 years devvv 1390 comments
almost 7 years ago

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/

pablo
almost 7 years ago

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