Create a logo with the path tool
Preview:
Some of the best logos in the world are simple,logos which consists of basically text and a unique symbol. a few famous examples are myspace,youtube,Yahoo,google.
In this logo tutorial for Gimp will create text and a simple symbol using the Path tool and colour using Gradient fills from the 30 Ultimate Web 2.0 Layer Styles for Gimp pack that can be found at the download section.
Step 1
Create a new image, 300x400 will do.
Step 2
I will use Segoe UI Bold. Pick your own suitable Font if you don't have the same as mine, fonts are one of the most important things in Designing logos, its a hard decision sometimes, so spend extra time and see what suits the style of your site.
Step 3
Type in a word, I typed in Amixroed.com which is one of my graphic design service sites name.
Step 4
Now I'm assuming you downloaded the "web 2.0 layer styles for gimp" pack if you haven't and you want do it the hard way, you can create your own gradient style your self by going to Gradient tab/Dialog,and click on New Gradient now enter the values of 3f4c6b for the Left ends point and 606b88 for the Right Ends point.
if you did download the the pack then where going to use the "Web 2.0 Grey 3D" Gradient".
Step 5
Make sure you have Lock alpha channel ticked in the layer dialog.
Step 6
Now apply the "Web 2.0 Grey 3D" Gradient" Gradient from top to bottom
Make sure its straight so the colors are not on an angle, it should look like this
Step 7
Now duplicate the layer and fill it with the same gradient but this time from bottom to top. make sure this layer is at the back and behind the other layers.
Step 8
Create a new layer name it Symbol then Grab the Path tool make sure its on Design mode and Draw a strangle, then close the triangle by clicking on Edit mode and clicking to the end point.
Step 9
Now still in Edit mode drag click on the middle of the right line and drag to a few px and it will curve as shown below
Step 10
Now click the Create selection from path button,
Grab the Gradient fill tool if you have the 30 Ultimate Web 2.0 Layer Styles for Gimp Gradients select the Web 2.0 Red 3D Gradient and apply it from left to upper right as shown in the picture, if you don't have the gradients create your own one as mentioned in step 4 but this time d11414 for the Left End's point and fe1b01 for the Right End's point.
Step 11
duplicate the Symbol layer make sure its behind the original symbol layer and make the opacity to 27
There you go!
now you should try to be more creative and draw more complex symbols with the path tool.
i hope this was useful to anyone out there :) feedback is appreciated , i check more then 5 times a day so if anyone needs help just post here or use the forum http://gimper.net and be sure that i will reply.
you can download the Source of this tutorial attached below
Our tremendous offers for testking 1z0-531 dumps and testking 70-290 prepare you well for the final testking 350-018 exam and testking 640-863 papers with great success of 642-481.
Bookmark/Search this post with:
- 178979 reads
error
thanks
How do I get this beige colour in my curve?
Moving the lower symbol
How do I add the gradient to the text?
Re: Create A Professional looking Logo Using Gimp
how to apply gradient???
How to do step 6???
Now apply the "Web 2.0 Grey 3D" Gradient" Gradient from top to bottom
I already downloaded the gradient pack as well as lock the layer dialog.
In my screen, it is showing the gradient dialog, and if I clicked Web 2.0 Grey 3D" Gradient, it gave me the text box again
Can u help with more specific instuction??
Thanks
Solution
On the text layer, make sure you have the Keep Transperency box checked.
nice tutorial
The simplicity of the tutorial motivated me to download GIMP and try it out.
It was great and soon I will be ready to go into business! '
Thanks so much!
i cant fill the text...
i cant fill the text with the gradient.
ive done it the way you said but it wont work
Very useful
Found this very useful....rookie logo maker and plan on making a banner / logo for my blog
Just need some ideas as to what do do.....tks again will be back
I HAVE A QUESTION!!! :)
ummm how do you code it?
Re: Create A Professional looking Logo Using Gimp
Got there eventually, useful instructions though for a beginner. As a total noob though, i have never used the path tool before and for the life of me could not find the "edit", "design" and "move" options anywhere. This may seem ridiculous to you but thought anyone with the same problem should remember to double click on the icon to bring up the menu (sorry if these seems obvious to everyone else).
Also, i had the same problem as a poster above: "i cant fill the text with the gradient. I've done it the way you said but it wont work". The answer is to select the blend tool after choosing the gradient. Text box comes up because he hasn't deselected text tool (again sorry if this is really obvious).
Finally, the only way i could fill the logo with gradient was to create a new layer. Otherwise the blend tool will refuse to fill logo (maybe i missed this step in the tutorial). And to get the "beige" colour at the end, I moved the layer with 27 opacity further to the right to create the final look.
Thanks again.
Re: Create a logo with the path tool
This is really useful!
Re: Create a logo with the path tool
Really helpful, thank you so much for taking the time.
You rock!
Thanks and God bless you.
Thanks and God bless you.
Can I get some CnC for
Can I get some CnC for mine?
http://img205.imageshack.us/my.php?image=cbannerxcfrx2.png
For Mac OS X (Tiger) The path
For Mac OS X (Tiger)
The path for the gradient's folder is:Gimp.app/Contents/Resources/share/gimp/2.0/gradients
Thanks for the tutorial...
Can You Make Tutorials About
Can You Make Tutorials About Vintage Effects On The Images ?
5)Make sure you have Lock
5)Make sure you have Lock alpha channel ticked in the layer dialog.
How exactly do I do this??????
Now apply the "Web 2.0 Grey
Now apply the "Web 2.0 Grey 3D" Gradient" Gradient from top to bottom
please explain how to do this. The rest of the instr. seem straightforward. I am very new to gimp, sorry, need more explicit directions here. thnks. Hope you're still available.
okay, i figured out how to
okay, i figured out how to lock the alpha and where the gradient tool icon is by watching this tutorial: http://www.metacafe.com/watch/1038861/how_to_create_a_web_2_0_logo/
I just need to figure out how to find this gradient folder!!!!
Can you explain where I am
Can you explain where I am supposed to see the Web 2.0 gradient icon? There must be an icon to look for right? Please help.
click on the dialogs on the
click on the dialogs on the menu bar to get the drop down menu, and click gradients. A list of gradients will show up on the right
Good way of putting this
Good way of putting this together but over all its okay
actually its called the pen
actually its called the pen dropper.
Press L to get to the
Press L to get to the gradient tool. You should have downloaded Web 2.0 Grey 3D. If you don't see the gradients dialog then go to Windows>Gradients (Or just press Ctrl+G) Then, drag your cursor from the bottom to the top of the screen.
Hope you figured it out by now!
thanks - helpful. My version
thanks - helpful. My version of GIMP (2.6) doesn't let me change the font size...is that an error fixed in later versions, or am I missing something obvious?
if you go to the text menu
if you go to the text menu there should be a text size input, but make shure the text is seleced
Post new comment