Volks Logo Tutorial
Today I'm going to teach you how to recreate the Volkswagen logo. Now generally, logos are made in a scalable vector graphics program such as Adobe Illustrator or Inkscape so that logos can be resized without any quality loss, but for the sake of this tutorial, I will show you in the Gimp. This tutorial is based off of a Photoshop tutorial by Dr Diablo at RepublicOfCode.com. Let's get started!
Step 1
Create a new rather large, transparent document in the Gimp. I made mine 1000x1000 at 300ppi. Change your foreground color to #82B2E0 and your background color to #012B62. Create a new layer. Select the ellipse select tool and, while holding shift, create a circle taking up the majority of your document. Fill it with out background color.
Step 2
With your selection still active, select the gradient tool. Select the FG to Transparent gradient with out light blue as the foreground color. Pick the radial gradient type and apply it like in the screen shot below.
Step 3
Now we are going to create the emblem on the logo. Press D to reset your foreground and background colors and press X to invert them. Create a new layer. Draw a round selection inside our background circle we created earlier. Fill it with white. Deselect and then create another selection inside that one. Hit delete. You should now have a white ring inside our blue circle. The reason we do it this way instead of shrinking our selections is to keep the selection round. When you shrink a selection, it doesn't stay truly round, but instead gradually forms into a hexagon, and we don't want that.
Step 4
Now we will create the lettering to go inside the ring. Instead of drawing a V and then a W, we will draw an X with a horizontal line through it and then give the X "feet." Confused? Here we go.
Select the Paths tool. Create the first leg of the X like below and fill it with white. Copy/Paste the selection and then flip it horizontally. Merge this layer with the emblem layer. Delete a small section in the middle of the X. Draw legs on the side to form the W and fill them with white. Looking familiar?
Step 5
Now we are done with the drawing part. Download this set of scripts and install them to your Gimp scripts folder. Go to Filters > Script-Fu > Refresh Scripts and a new menu should pop up named Script-Fu next to the Filters menu.
With the emblem layer selected, go to Script-Fu > Layer Effects > Drop Shadow. Use black for the color, 75% opacity, Linear Contour, 0 noise, normal blending, 10 for spread, 10 for size, 145 for offset angle, 5 for offset distance, and layer knocks out drop shadow. Hit ok.
With the same layer still selected, go to Script-Fu > Layer Effects > Inner Shadow. Use black for the color, 5% for the opacity, and 145 for the offset angle. Hit ok.
On the same layer, go to Script-Fu > Layer Effects > Bevel and Emboss. Pick Inner Bevel for the style, 3 for the depth, up for the direction, 10 for soften, 24.7% for the highlight opacity, 41.2% for shadow opacity, and hit ok.
Make sure the Inner Shadow layer is above the Bevel and Emboss layers.
Step 6
Your logo is now complete! You can optionally add some gloss to it or a drop shadow if you like. Enjoy!
Tutorial by: Sarah Davison (SGlider12) ~2009 sglider12.blogspot.com
Looking for 220-702 dumps & sas certification exams help? Download our testking JN0-101 and 642-415 to pass your real exam in a hassle free way of testking ccna voice.
Bookmark/Search this post with:
- 142246 reads
nice tut!
nice tut!
very nice, i live in
very nice,
i live in wolfsburg(the city where the cars are build).
awesome!!
awesome!!
my dad owns the jetta
my dad owns the jetta wolfsburg edition :D
Bravo. Thank you. I like it
Bravo. Thank you. I like it very much.
Awwwwwwwwwweeeeeeeeesssssssom
Awwwwwwwwwweeeeeeeeesssssssome!!!!!!!!!!!!!!!!!!!!!!!!!11
Got stuck on the step:
Got stuck on the step: "Script-Fu > Layer Effects > Drop Shadow" Is the "Script-Fu" item under the "Xtns" drop-down? If so, there was no sub-menu for "Layer Effects".
I like it very much.
I like it very much.
doesn't make sence on how you
doesn't make sence on how you "filled" the paths to make letters.
i got stuck on bevel and
i got stuck on bevel and emboss
i was so close but awsome tutorial
EDIT: i forgot to select the emblem
wonderful, amazing. I can see
wonderful, amazing. I can see that you are really an expert. I can learn from you.
You gave a fantastic
You gave a fantastic tutorial. Things didn't appear the same in my installation of GIMP from step 5 on, but I was able to get a remarkably good result my first time through it. Thank you.
If you get a chance to edit it, could you tell me where to find the gloss effect?
Thanks again. Great work.
Nice work done but tutorial
Nice work done but tutorial seems to help those who know more about GIMP and is not for beginners becouse it is not easy to follow. If you can edit it and make it simple for all level learner in GIMP, your tutorial will be very helpful.
Thanks and keep it up.
Thanks for tutorial, 1
Thanks for tutorial, 1 exemple is more than 1000 words
Upgrade to 2.6
Upgrade to 2.6
I don't understand what the
I don't understand what the point of this is, it does not seem to have a benefit for me at all and is completely pointless.
Awesome, really awesome men
Awesome, really awesome men
Nice tutorial, can you
Nice tutorial, can you explain how to get a symmetrical X in step 4? How to use the scale to divide the circle in equal parts? Thanks!
Okay, I can resize the
Okay, I can resize the screws, but the white background's still there. How do I get rid of it?
Very nice, as all of your
Very nice, as all of your tutorials. Haha the intro made me laugh.. anyway, great tutorial, I don't have the Gimp installed on my current machine, but when I do finally get it, I'll try this one out.
for real GIMP SUCKS.. just
for real
GIMP SUCKS..
just using becuz of skul..
PLZ!!!
use adobe PHOTOSHOP!!!
Why should we have to? :\ Our
Why should we have to? :\ Our choice to choose something legally free, that works good enough for us.
but gimp has the same IF NOT
but gimp has the same IF NOT MORE features than photoshop.. and it's free! i think that gimp seems to be the obvious choice.
Actually to be honest,
Actually to be honest, Photoshop has more features. I work in it as well.
The reason Gimp would not be the choice for logos is because it can not create true vector documents, as in images that can be resized WITHOUT quality loss. This is why you would use software such as Inkscape or Adobe Illustrator. (Inkscape is free)
Can you please give
Can you please give directions to how you made the gloss aspect? To me this is just as important and I have all steps complete except for the finishing gloss.
Thank you so much.
Nice!!! man
Nice!!! man
Great tutorial, I will try to
Great tutorial, I will try to make it step by step
freaking awesome! I had to
freaking awesome! I had to customize this for my myspace
Yes, it is very cool. Do you
Yes, it is very cool.
Do you think so?
Nice :)
Nice :)
Go to "Select -> From Path"
Go to "Select -> From Path" and select the fill tool, FG color set to white (ffffff). Select "Fill whole selection" radio button in the tool options dialogue. Click in the selection and you're done.
Beautiful. Quite
Beautiful. Quite interesting.
A loyal contributor to the XCF program,
Spencer Kimball
maybe it will help you in the
maybe it will help you in the progress of making logos of your own?
Heeginktierve xaikalitag
Heeginktierve xaikalitag JoughJeododip http://usillumaror.com - iziananatt CRARIEVEF http://gussannghor.com GummajaPMyday
Heeginktierve xaikalitag
Heeginktierve xaikalitag JoughJeododip http://usillumaror.com - iziananatt CRARIEVEF http://gussannghor.com GummajaPMyday
Heeginktierve xaikalitag
Heeginktierve xaikalitag JoughJeododip http://usillumaror.com - iziananatt CRARIEVEF http://gussannghor.com GummajaPMyday
When I first visit this site
When I first visit this site and try to look what this site talks about I was really amazed with.WOW!fantastic.You could have get new important and interesting topic to be discuss. Really feel great that I visit this site.
http://wlmarketingindia.com
Post new comment