This tutorial will go over the techniques used to draw a realistic guitar from scratch using the free vector program Inkscape. To complete this tutorial, you should already have a basic knowledge of vector tools, such as: the Pen tool, Edit Path Nodes tools, and you should be familiar with the Fill and Stroke toolbox. Let's get rockin' vector style.
Final Image Preview
Have a look at the image we'll be creating, or follow the link for a larger version.
Step 1
Create a new document that is 1460 px wide and 575 px high. To do this, go to File > Document Properties (or Shift + Command +D).

Step 2
Next we need to find a stock image that we can use as a template. I got this image from stock.xchng.

Step 3
Now resize the template image so that it fits inside your page border (remember to hold Command while resizing to keep the image proportional). Now use the Pen tool (Shift F6) to trace around the outside of the major pieces of the guitar: body, neck, and headstock. I put each piece on a different layer. I have reduced the opacity in the image so you can see how I traced the edges.

Step 4
Now we can start to add some detail. Using the Pen tool, trace around one of the tuner knobs. I created it in two parts; a rectangular shape with rounded corners, and rectangle. After you have one, you can group the two pieces together, then duplicate it five more times to create the others.

Step 5
The next step is the draw the pickguard. Simply use the Pen tool to trace around the outside of the pickguard in the template image. To create the small screws on the pickguard, use the Circle tool to draw one very small circle, then duplicate it to create the remaining screws.

Step 6
Now it is time to draw the saddle. In my opinion, this is the hardest part of the whole drawing, but luckily, the entire thing can be draw with simple shapes. The only shapes I used were rectangle, rounded rectangle, and circle. Once you have created one part, you can easily group and duplicate it to save time.

Step 7
Now we will draw the pickups. This is done with a rounded rectangle, and eight small circles; pretty simple.

Step 8
Next is the adjustment knobs. First draw a large circle, then a smaller circle in the center of it. Use the Text tool to draw the numbers 1-10 and rotate them so that they are all facing away from the center of the circle. Try to space the numbers evenly, but make sure to leave a significant gap between numbers 1 and 10.
To draw the pickup switch, simple duplicate the screws from the pickguard and resize them, draw a line between them, then draw a triangular shaped object with the Pen tool. Also, give it curved edges with the Edit Path Nodes tool (F2).

Step 9
The next step is to draw the hole where the chord from the amplifier plugs into the guitar. This is kind of a strange shape, so do your best to trace it and add each little element. For the screws, you can duplicate the same ones you used earlier on the pickguard and simply resize them.

Step 10
The tremolo is the last of the hardware to be added to the body of the guitar. It is very simple to draw. First, make a circle at the bottom of the saddle we created earlier. Next draw a long thin rectangle that begins at the circle, and extends to about the edge of the body. At the end of that rectangle, you can use either the Pen tool or Circle tool to draw a long ellipse.

Step 11
Now we will move up to the headstock to add the fine details. The first thing you need at add is the tuners where the strings attach to the headstock. This is simply done with two circles, one larger than the other. Group and duplicate them until you have six total.

Step 12
The other details on the headstock are very simple. First, draw a triangular shaped object with the Pen tool and use the Edit Path Nodes tool (F2) to make the corners round.

Step 13
The remaining details on the headtock are all text. You can see the text that is on the guitar in the screenshot below. You may want to use a nice font for your logo. I used Banff-Normal.

Step 14
Now we need to add the frets to the neck. With the Pen tool, draw a line and duplicate it until you have twenty-one total. To get the correct spacing, you can hide the neck layer and place the frets you created on top of the frets in the template image. Don't forget the add the thick white nut at the top of the neck, which is next to the headstock.

Step 15
To create the dot inlays, draw a circle using the template image to get the correct size. Duplicate it and place it on the dots in the template image, as we did for the frets in the previous step.

Step 16
Next we need to add the strings. Using the Pen tool draw six lines from the headstock to the saddle. See the image below to discover where they begin and end. To portray size, I drew them all the same color, but simply changed the opacity as the strings get smaller. Starting with the thickest top string, the Opacities are: 100%, 75%, 60%, 45%, 35%, and 25%. In the picture below, the strings are drawn in blue in the insets to show where they begin and end.

Step 17
Now we need to add lighting and shadow effects to the body of the guitar. Duplicate the body and change its fill to transparent and set it's stroke to size 10px. Also, fill it with a gradient, one side should be transparent and the other should be white (#ffffff).
Add a Blur of 2.0. This is easier to see if you change the color of the body to a similar color blue, as shown below. With that layer still selected, go to Object > Pattern > Object to Pattern. Now duplicate the body again and set its fill as the pattern we just created. Also, make sure it has no stroke.

Step 18
This step is going to be carried out the same as the last step, except for a few changes. Duplicate the body, make sure it has no fill, set it's stroke to 10px, then add a gradient with one side transparent and the other side black (#000000).
Add a Blur of 2.0. This time the gradient should start on the opposite side from the white gradient. Create a new pattern from that layer. Duplicate the body and make sure it's fill is the pattern we just created. Also, make sure it has no stroke.

Conclusion
You can easily change the color of your guitar to whatever color you want. If you want to add a sunburst style, you'll need to do a little more than just change the color. Just like in the previous two steps, you'll need to duplicate the body, set its stoke to black, and Blur it. The key part is that you have to create a pattern. If you don't, the blur effect will go outside of the guitar. The final image is below, or follow the link for a larger version.
Subscribe to the VECTORTUTS RSS Feed to stay up to date with the latest vector tutorials and articles.
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.


























User Comments
( ADD YOURS )Roshan October 12th
Wow that’s really something. I will try it out myself but mostly I have problems with gradients and effects. lol
still learning. May be someday.
Thank you for this interesting tutorial.
Roshan
( )Freelance Developer
http://www.instantshift.com
Diesel October 12th
Great easy to follow tut.
( )Aditya October 12th
Wow, and I thought that Inkscape was not a well supported program…
( )Lucas Nolte October 12th
Yeah, great tutorial. Very useful.. The Fender Stratocoaster is also a very great guitar..
rock on guys
( )patrick91 October 12th
Thanks for this tutorial, don’t stop publishing inkscape tutorial please
( )alex October 12th
Nice! You can find more tutorials for Inkscape at screencasters.heathenx.org
( )Cadu de Castro Alves October 12th
Finally a tutorial using Inkscape. It’s an amazing program and IT’S FREE!!!
@Aditya Have you ever seen any Inkscape illustration? I’ve been seen a lot of wonderful illustrations made on it. Try figuring out by yourself.
( )Moksha October 12th
As always cool tech and great tutorial
( )Conrad Gorny October 12th
I thought this would be a dull and boring vector, but the detail involved is deep! Thanks heaps this is a good tut.
Conrad Gorny
( )Freelance Graphic Designer
http://www.conradgorny.com
Robin October 13th
Nice end result, but where I have a problem with this is that it isn’t really showing how to use the tools within InkScape, but more, ‘put a grey circle here, and a something or other there…’. The only part that shows the inkscape interface is at the very beginning where you choose the document settings.
If I am to be sold on using InkScape I would like to see more of the tools and how to use them.
My .02
( )Mr Kuzio October 13th
I love Inkscape.
This tutorial is great, thanks a lot.
( )Ben Armstrong October 13th
Thanks man! – I’m so glad to see more tutorials on open-source, free software – keep up the good work!
( )–
Ben
max October 17th
like it and its with inkscape
( )Notis October 31st
Cool
Your colors comment is grate.
( )Ryan December 11th
Inkscape is great being free and all, but in less than 2 minutes I got so frustrated with it’s color picker and items disappearing that I quit and used illustrator for this..
( )kamal March 15th
@Ryan
) and it just rocks there! 
( )You probably got something not working properly on your installation..
It works great for me on Windows and Linux; I mostly use it on Linux though (build it and use it
Don’t ignore it for something that may not be Inkscape’s fault at all, you may actually miss on a lot in the coming times
Steeevo October 18th
The color picker and gradient editor takes some getting used to. When editing a gradient, you must click Edit Gradient inside the color picker. Even if an object is selected, the previous object’s gradient remains in the gradient editor and adjusting it will change that unselected object.
( )Alberto February 8th
Great tutorial!!!!
I’ll do it for myself right away.
Thanks for the idea.
( )jakot February 20th
Nice and easy, thanks!
( )kamal March 15th
Awesome tutorial.. I really loved the way you’ve presented it. I didn’t even need to read the stuff to follow, the illustrations themselves are sufficient
Great work, can’t wait to see more tutorials from you..
( )Colin April 14th
As with any program, unless you want to take classes or purchase books, you just have to poke around with it until you figure it out. There are many tutorials for Inkscape out there. Start with the simple one’s and work your way up. Sure it’s frustrating, but if you want easy, use MS paint. I use this program mainly for vinyl cutting and design. The trace bitmap feature is what got me hooked. I love inkscape and I love that it’s free.
( )Guitargeorge May 21st
Nice Step-by-Step tutorial, thank you! I love guitars and like inkscape, so this is very funny to combine
( )Jayk June 12th
What a great tutorial! In my opinion the best one linked at the official Inkscape website. Most times I have problems with gradients, too, and my Bézier curves are sometimes looking a bit strange; But I think, I’ve drawn a really good image of my Aria stg-series for that I’m absolute beginner. Next time I will read an Inkscape book and I hope I will grasp and reproduce the whole tutorial.
Thanks a lot!
( )robin June 14th
You say:
“If you don’t, the blur effect will go outside of the guitar”
This is my problem. How to cut a blurred shap so that the blur doesn’t bleed across the cut. I’ve tried using patterns and paths (I think though I can’t find a way to tell what an “object” is (oject, path, pattern)
Anyone able to shed any light on this??
( )Guitarguy July 25th
Hey really nice Tutorial thank you very much..
( )I think ill try it out
mr.design September 20th
This is a-ma-zing! And more amazing is the explanation. The result maybe is not that smashing, but it’s even better coz then we need to actually make it by ourselves. Thanks. Very cool.
( )