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.
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. 45331 times read so far.
Category: Buttons, icons, web, required skill:
17 comments have been posted so far.
Available in other languages:
Files you need if you try this tutorial:
- Neuropolitical (Font) (neuropolitical.zip)
-
1
Click to enlarge -
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.
Click to enlarge -
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.
Click to enlarge -
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!
Click to enlarge -
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!
Click to enlarge -
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!
Click to enlarge -
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.
Click to enlarge -
8
Colors / Brightness & Contrast: -25/+35.
Click to enlarge -
9
My layers look like this at the moment:
Click to enlarge -
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!
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.