Create A Electric Guitar in Illustrator

When it comes to web and graphic design, Adobe Illustrator is usually the primary option to consider. However, the software package itself is a quite hard to learn — and extremely hard to master.

In the following tutorial you will learn to create an electric guitar. We will use vector shape building techniques, as well as blend, clipping mask, align and more.

Let’s get started!

Final Result

Let’s see what you will be creating in this tutorial.

Create A Electric Guitar in Illustrator

Step 1:

1. Create a 1220 by 1250px document.

Step 2:

2.1. Grab the Rectangle Tool (M), create 360 by 120px shape and 360 by 56px shape. Select both shapes and click on the Horizontal Align Center button from the Align panel then click on the Vertical Align Bottom button.

2.2. Pick the Direct Selection Tool (A), hold down the Shift key and select two anchor points in the two points highlighted with yellow. Still hold down the Shift key and press the Left Arrow button 18 times.

2.3. Continue with the Direct Selection Tool (A), select the anchor point in the point highlighted with yellow and click on the "Convert selected anchor point to smooth" button from the Properties bar. Then hold down the Shift key and press the Up Arrow button eight times then press the Left Arrow 18 times.

2.4. Pick the Add Anchor Point Tool (+) and add two anchor points in points highlighted with yellow (2.4a). Then pick the Direct Selection Tool (A). Use it to select the anchor point in point highlighted with red and click on the "Remove selected anchor point" button from the Properties bar (2.4b). Grab the Add Anchor Point Tool (+) one more time. Use it to add an anchor point in point highlighted with yellow (2.4c) and press the Down Arrow button five times then press the Right Arrow button five times.

2.5 Select two shapes as shown the first image below and click on the Unite button from the Pathfinder panel.

2.6. With the resulting shape selected, double click on the Reflect Tool button and enter the data shown in the (2.6a) image. Then select both shapes and click on the Unite button from the Pathfinder panel.

2.7. Pick the Add Anchor Point Tool (+). Use it to add two anchor points in points highlighted with yellow. Then pick the Direct Selection Tool (A) select the anchor point in point highlighted with red and click on the "Remove selected anchor point" button from the Properties bar.

2.8. Use the Rectangle Tool (M) create a 330 by 160px shape. Then go to the Effect menu/ Stylize/ Round Corners and enter a 70 Radius and then click OK. With the resulting shape selected, go to the Object menu/ Expand Appearance.

2.9. Grad the Ellipse Tool (L). Use it to create a 160 by 90px shape. Select the resulting shape and the shape created in the previous step and click on the Vertical Align Center button from the Align panel. Then click on the Minus Front button from the Pathfinder panel.

2.10. Select the anchor point highlighted in the first image, hold down the Shift key and press the Up Arrow key twice times then press the Right Arrow key five times. Do the same with the anchor point highlighted in the third image.

2.11. Pick the Direct Selection Tool (A). Use it to select the anchor point highlighted in the first image. Then click on the top handle and move it to the position of this anchor point. Do the same with the anchor point highlighted in the third image (but click on the bottom handle and move it).

2.12. With the resulting shape selected, go to the Object menu/ Transform/ Scale. In the Scale dialog box, enter 100% in the Horizontal box and 190% in the Vertical box, then click OK.

2.13. Now create a vertical guide and place it as shown the first image below. Reselect the newly created shape and use the Add Anchor Point Tool (+) to add four anchor points in points highlighted with yellow. Finally remove two anchor points in points highlighted with red.

2.14. Reselect the resulting shape and the shape created in the (2.7) step and click on the Vertical Align Center button from the Align panel. Then move two shape to positions as shown the first image below with the help of the Right Arrow or the Left Arrow key. Select the white shape and add two anchor points in points highlighted with yellow (2.14b). Finally, remove two anchor points in points highlighted with red (2.14c).

Step 3:

3.1. Create a 525 by 42px shape and place it as shown in the second image below

Step 4:

4.1. Create a 210 by 42px shape. Use the Direct Selection Tool (A) to select the top-right corner anchor point, hold down the Shift key and press the Down Arrow key three times. Then create a circle shape (diameter: 27px) by the Ellipse Tool (L). Select both newly created shapes and click on the Vertical Align Bottom button from the Align panel. Move one of them to the correct position as shown in the (4.1c) image by the help of the Right Arrow key or the Left Arrow key. Reselect both shapes and click on the Unite button from the Pathfinder panel.Use the Add Anchor Point Tool (+) to add an anchor point in the point highlighted with yellow (4.1e). Then hold down the Shift key and press the Up Arrow key five times.

4.2 Place the newly created shape in the correct position as shown in the first image below. Pick the Direct Selection Tool (A), hold down Shift and click on three anchor points in the points highlighted with yellow. Then still hold down Shift and press the Down Arrow key once time.

4.3. Grab the Rectangle Tool (M) and use it to create a 200 by 42px shape. Use the Direct Selection Tool (A) to select the right-top corner anchor point and remove it. Place the resulting shape in the correct position as shown in the (4.3b) image. Then select the anchor point in the point highlighted with yellow, hold down Shift and press the Down Arrow key once time.

4.4. Pick the Add Anchor Point Tool (+) and add two anchor points in the points highlighted with red and yellow. Then drag these anchor points to new positions as shown in the (4.4b) image. Reselect the anchor point in the point highlighted with red and click on the "Convert Selected Anchor Point" button from the Properties bar. Then use the Convert Anchor Point Tool (Shift +C) to adjust the right handle of the selecting anchor point as shown in the final image below.

4.5. Use the Add Anchor Point Tool (+) to add an anchor point in the point highlighted with yellow (4.5a). Then drag this anchor point to the correct position as shown in the (4.5b) image. Add an anchor point in the point hightlighted with red (4.5c). Then reselect the anchor point in the point hightlighted with yellow and click on the "Convert Selected Anchor Point" button from the Properties bar (4.5d). Use the Convert Anchor Point Tool (Shift +C) to adjust the left handle of the selecting anchor point as shown in the (4.5e) image below.

4.6. Repeat the same techniques as add anchor points, drag anchor points to new positions and adjust the handle of those anchor points. In the end it should look like the (4.6e) image shown.

Step 5:

5.1. Select the shape as shown in the first image below and duplicate it once time. With the resulting shape selected, go to the Object menu/ Transform/ Move. In the Move dialog box, enter 15px Distance and -110 Angle then click OK. Reselect the shape selected in the (5.1a) step and duplicate it once time more. With the resulting shape selected, hold down Shift and click on the shape just moved in the previous step and click on the Divide button from the Pathfinder panel.

Ungroup the resulting shapes and remove shapes highlighted with red as shown in images below. In the end it should look like the final image shown.

5.2. Select the shape as shown in the first image below and add an anchor point in the point highlighted with red. Then select the anchor point in the point highlighted with yellow and move it to the correct position as shown in the (5.2c) image. Adjust handles of this anchor point by the Convert Anchor Point Tool (Shift + C) to have result as shown in the final image below.

5.3. Repeat the same techniques for the shape selected in the first image below. The resulting shape should look like the final image shown.

Use the Selection Tool (V) to reselect the shape selected in the first image below. Then pick the Add Anchor Point Tool (+) and add two anchor points in points highlighted with yellow. Select the anchor point in the point highlighted with red and remove it. Finally use the Convert Anchor Point Tool (Shift + C) to adjust handles of two anchor points in points highlighted with yellow. The resulting shape should look like the final image shown.

5.4. Fill shapes with linear gradient as shown in images below.

Step 6:

6.1. Select the shape selected as shown in the first image below and duplicate it once time (Ctrl + C, Ctrl + F). With the resulting shape selected, go to the Object menu/ Transform/ Move. In the Move dialog box, enter 12px in the Distance box and -110 in the Angle box and then click OK. Reselect the shape selected in the first image and duplicate it once time more (Ctrl + C, Ctrl + F).With the resulting shape selected, hold down Shift and click on the shape just move in the previous step and click on the Divide button from the Pathfinder panel (6.1c).

Ungroup the resulting shapes and remove shapes highlighted with red as shown in images below. In the end it should look like the final image shown.

6.2. Select the shape selected in the first image below. Then use the Add Anchor Point Tool (+) to add two anchor points in points highlighted with yellow. Remove the left points of two anchor points just added. Pick the Convert Anchor Point Tool (Shift+C) and adjust the left handles of anchor points in points highlighted with yellow. The last resulting shape should look like the final image shown.

6.3. Select the anchor point highlighted in the (6.3b) image and move it to the correct position as shown in the (6.3c) image.

Then select the anchor point in the highlighted with yellow, hold down Shift and press the Up Arrow key once time.

Fill the resulting shape with the linear gradient.

6.4. Select the shape highlighted in the first image below and duplicate it once time. With the resulting shape selected, go to the Object menu/ Transform/ Move. In the Move dialog box, enter 3px in the Distance box and -110 in the Angle box then click OK. With the resulting shape selected, go to the Object menu/ Arrange/ Send Backward (Shift + Left Square Bracket).

Fill the resulting shape with the linear gradient shown below, then lock it.

6.5. Reselect the shape selected in the (6.4a) step (highlighted with red as shown in the (6.5a) image below) and go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -5px Offset then click OK. The resulting shape highlighted with green as shown in the (6.5b) image below.

Select both resulting shapes and go to the Object menu/ Blend/ Blend Options. In the Blend Options, select Specified Steps in the Spacing box and enter 20 then OK. Then go to Object menu/ Blend/ Make (Alt + Ctrl + B).

Step 7:

7.1. Select the shape highlighted with green and go to the Object menu/ Transform/ Move. In the Move dialog box, enter 10px in the Distance and -110 in the Angle then click Copy.

7.2. Reselect the shape highlighted with green and duplicate once time. With the resulting shape selected, hold down Shift and click on the shape just copied in the (7.1a) step (highlighted with red). Then press the Minus Back button from the Pathfinder panel.

7.3. With the resulting shape selected, select anchor point in the point highlighted with yellow (7.3b) and press the Right Arrow three times. Then send the red shape to back ( Shift + Ctrl + Left Square Bracket) (7.3c).

7.4. Fill the green shape with 2% black color and add a 1pt stroke (0% black)(7.4a). Duplicate this shape once time more and fill the resulting shape with a 60% black color (7.4b). With the resulting shape selected, go to the Object menu/ Transform/ Move. In the Move dialog box, enter 3px in the Distance box and -110 in the Angle, then click OK (7.4c). Then pick the Selection Tool (V) and use it to drag the right edge of the resulting shape to the left (7.4e). Finally send it backward ( Ctrl + Left Square Bracket)(7.4f).

7.5. Select the black shape selected in the first image below and go to the Object menu/ Transform/ Move. In the Move dialog box, enter 10px in the Distance and -110 in the Angle, then click Copy. Reselect the black shape and duplicate it once time. With the resulting shape selected, hold down Shift and select the shape just moved (highlighted with red) and click on the Divide button from the Pathfinder panel (7.5c).

Remove shapes highlighted with yellow as shown in images below.

7.6. Select and drag anchor points in points highlighted with green to points highlighted with yellow as shown in the first image below. Then pick the Convert Anchor Point Tool (Shift +C) and adjust handles of two anchor points. In the end it should look like the second image shown.

7.7. Do the same with the shape highlighted with red as shown in images below

7.9. Select two red remaining shapes and click on the Unite button from the Pathfinder panel.

7.10. Fill it with a linear gradient.

7.11. Select the shape selected in the first image and go to the Object menu/ Transform/ Scale. In the Scale dialog box, check the Uniform and enter a 70 in the Scale box, then click Copy.

7.12. Select anchor points in points highlighted with yellow and drag them to points highlighted with red.

7.13. Remove the anchor point in the point highlighted with red as shown below.

7.14. Select anchor points in points highlighted with yellow and drag them to points highlighted with red.

7.15. Fill the resulting shape with a linear gradient.

7.16. Select the shape selected in the first image below and go to the Object menu/ Transform/ Move. In the Move dialog box, enter 10px in the Distance and -110 in the Angle, then click Copy. Fill the resulting shape with a 10% black color. Reselect the shape selected in the first image and the resulting shape and go to the Object/ Blend/ Blend Option. In the Blend Option, select Specified Steps in the Spacing box and enter 20 then OK. Then go to Object menu/ Blend/ Make (Alt + Ctrl + B).

Step 8:

8.1. Use the Rectangle Tool (M) to create a 2 by 44px shape and fill it with a linear gradient (8.1a). Duplicate the resulting shape 21 times (Ctrl + C, Ctrl + F) and place them as shown in the (8.1b) image. Reselect all shapes created in this step and click on the Vertical Align Center button from the Align panel, then group them (Ctrl + G). With the resulting group selected, hold down Shift and click on the neck shape (white part), then click on the Vertical Align Bottom button from the Align panel.

8.2. Grab the Ellipse Tool (L) and use it to create small circle shapes ( fill: 80% black). Then place them in the correct positions as shown in the first image below.

8.3. Use the Line Segment Tool (\) (fill: None, Stroke: Black color) to create two straight lines and place them in the correct positions as shown in the (8.3) image.

8.4. Create four straight lines and place them between two straight lines newly created in the (8.3) step. Then select all six straight lines and click on the Vertical Distribute Center button from the Align panel.

8.5. Change stroke weight of straight lines as shown in the image below.

8.6. Pick the Rectangle Tool (M) and create a 3 by 43px shape ( fill: Black). Place this shape in the correct position as shown below. Continue with the Rectangle Tool (M), create six (3 by 2px) shapes (fill: 30% black). Place these shapes in the correct positions as shown in the (8.6b) image below. Finally select all strings and bring them front (Ctrl + Shift + Right Square Bracket).

Step 9:

9.1. Use the Ellipse Tool (L) create three circle shapes with diameters as shown in the image below. Reselect three circle shape, click on the Vertical Align Center button from the Align panel and then click on the Horisontal Align Center button.

9.2. With circle shapes selected, go to the Object menu/ Transform/ Scale. In the Scale dialog box, enter 100 in the Horizontal box and 90 in the Vertical box and then click OK.

9.3. With the resulting shapes selected, go to the Object menu/ Transform/ Rotate. In the Rotate box, enter a -10 Angle and click OK.

.9.4. Select the bigger black ellipse shape and go to Object menu/ Transform/ Move. In the Move dialog box, enter 5px in the Distance box and 69 in the Angle box and then click OK. Do the same with the black smaller ellipse shape (but enter 8px in the Distance box).

9.5. With the smaller black ellipse shape selected, go to the Object menu/ Transform/ Move. In the Move dialog box, enter 35px in the Distance box and 69 in the Angle box and then click Copy. With the resulting shape selected, go to the Object menu/ Transform/ Scale. In the Scale box, check the Uniform and enter a 110 in the Scale box and then click OK.

9.6. Fill shapes selected in the image below with radial gradient.

9.7. Select both resulting shapes and go to the Object menu/ Blend/ Blend Option. In the Blend box, select Specified Steps in the Spacing box and enter 20 and then click OK. Then go to the Object menu/ Blend/ Make ( Alt + Ctrl + B).

9.8. Select the white ellipse shape and fill it with a radial gradient and add a 0.5px Stroke (50% black color). Then select the bigger black ellipse shape and change the stroke weight of it from 1px to 0.5px. Finally select all shapes created in the step 9 and group them.

Step 10:

10.1. Reselect the group created in the step 9 and go to the Object menu/ Expand. Then duplicate it once time and place these groups in the correct positions as shown below.

10.2. Reselect groups selected in the first image below and go to the Object/ Blend/ Blend Options. In the Blend Options box, select Specified Steps in the Spacing box and enter 4 and then click OK.

10.3. Select and drag anchor points of necks in the correct position as shown below.

Step 11:

11.1. Use the Ellipse Tool (L) to create a 100 by 25px ellipse shape. Pick the Direct Selection Tool (A) and select the bottom anchor point of ellipse shape and then click on the "Convert selected anchor points to corner" button from the Properties bar.

11.2. With the resulting anchor point selected, hold down Shift and press the Down Arrow key four times.

11.3. Use the Rectangle Tool (M) to create a 25 by 50px shape. Then go to the Effect menu/ Stylize/ Round Corner and enter a 15px in the Radius box and click OK. Finally go to the Object menu/ Expand Appreance.

11.4. Reselect both newly created shapes and click on the Horizontal Align Center button from the Align panel and then click on the Vertical Align Top button.

11.5. Fill the black shape with a linear gradient as shown in the first image below. With the resulting shape selected, go to the Object menu/ Transform/ Move. In the Move dialog box, enter 3px in the Distance box and 69 in the Angle and then click Copy. Reset values in gradient of the resulting shape as shown in the final image below. Then send it backward (Ctrl + Left Square Bracket).

11.6. Fill the shape selected in the image below with linear gradient.

11.7. Pick the Rectangle Tool (M) and create a 25 by 20px shape and then place it in the correct position as shown below. Finally fill this shape with a linear gradient.

11.8. Use the Rectang Tool (M) and create a 28 by 20px shape and then also place it in the correct position as shown below. Finally fill this shape with a linear gradient.

11.9. Do the same as previous steps to get the results as shown below. Finally select all shape created in the step 11 and group them.

Step 12:

Place the newly created group in the correct position as shown below. Then duplicate it five times more and place them as shown in the second image. Finally group them and send them to back ( Shift + Ctrl + Left Square Bracket) (12.3).

Step 13:

13.1. Use the Ellipse Tool (L) to create a 80 by 365px ellipse shape. Then pick the Direct Selection Tool (A), select two anchor points in points highlighted with red and remove them. Pick the Selection Tool (V) and reselect the ellipse shape and go to the Object menu/ Transform/ Rotate. In the Rotate box, enter a 15 Angle and then click OK.

13.2. Grab the Convert Anchor Point Tool (Shift + C), click on the anchor point highlighted, hold the mouse and drag to the right as shown in the (13.2b) image. Continue use the tool selected to drag the left handle to the right as shown in the final image below.

13.3. Continue with the Convert Anchor Point Tool (Shift + C). Drag the left handle of anchor point highlighted to the left (13.3b). Then also drag the right handle to the left. Finally adjust handles a bit to get the result as shown in the final image below.

13.4. Filll the resulting shape with a 2% black color and add a 0.5px Stroke (10% black). Reselect this shape by the Selection Tool (V) and go to the Object menu/ Transform/ Move. In the Move dialog box, enter 10px in the Distance box and -110 in the Angle box and then click Copy. Fill the resulting shape with 70% black.

13.5. Reselect the white shape and duplicate it once time. With the resulting shape selected, hold down Shift and select the dark gray shape and then click on the Minus Back button from the Pathfinder panel. Pick the Direct Selection Tool (A), select the anchor point in the point highlight with yellow and move it to the correct position as shown in the second image. Finally use the Convert Anchor Point Tool (Shift + C) to adjust handles of this anchor point and of anchor point bottom it. The resulting shape should look like the (13.5c) image below

13.6. Do the same with the bottom part of the dark gray shape. You should end up with something like the (13.6b) image below. Finally select two shapes created in the step 13 and group them. With the resulting group selected, go to Object menu/ Transform/ Scale. In the Scale dialog box, check the Uniform and enter 25 in the Scale box and then click OK.

13.7. Duplicate the resulting shape twice times and place them in the correct positions as shown below.

13.8. Use the Ellipse Tool (L) to create a small ellipse shape (fill: 90% black color) and duplicate it five times. Then place newly created shapes in correct positions as shown in the first image. Reselect six ellips shapes and click on the Horizontal Align Center button from the Align panel. With the resulting shapes selected, press Ctrl + G to group them and then duplicate this group twice times.

Finally place the resulting shapes in the correct positions as shown below.

Step 14:

14.1. Use the Ellipse Tool (L) to create a 130 by 80px ellipse shape (fill: None, Stroke color: White). Select the anchor point in the point highlighted with yellow and click on the "Convert selected anchor points to corners" button from the Properties bar. Then use the Rectangle Tool (M) to create a shape (fill: None, Stroke color: Black) and place it in the correct position as shown in the (14.1d) image. Select both newly created shape and click on the Minus Front button from the Pathfinder panel.

Then create a black rectangle and place it in the correct position as shown below. Select both newly created shapes and click on the Minus Front button.

14.2. Duplicate the resulting shape once time ( Ctrl + C, Ctrl + F).With the resulting shape selected, reset values of it from Properties bar as shown in the first image below. Finally fill the bigger shape with a 20% black color and fill the smaller shape with a 5% black color.

14.3. Reselect the bigger shape and duplicate it once time more ( Ctrl + C, Ctrl + F). With the resulting shape selected, use the Direct Selection Tool (A), hold down Shift and select two anchor points in points highlighted with red and then click on the " Cut path selected anchor points" button from the Properties bar. Remove the shape selected in the (14.3.b) image. Finally select the shape selected in the (14.3c) image, then fill it with None and add a 2px Stroke (70% black).

14.4. Reselect two shapes created in the (14.2) step and go to the Object menu/ Blend/ Blend Options. In the Blend Options dialog box, select Specified Steps in the Spacing box and enter 20 and then click OK. Continue go to the Object menu/ Blend/ Make (Alt + Ctrl + B). Finally reselect all shapes created in the step 14 and group them.

14.5. With the newly created group selected, pick the Reflect Tool (O), hold down Alt and click on the top side of this group. In the Reflect box, check the Horizontal and click Copy.

14.6. With the resulting group selected, reset values of it from the Properties bar as shown in the image below. Then send it backward (Ctrl + Left Square Braket).

14.7. Double click on the resulting group and change color two shapes selected in images below. Then select both newly created groups and group them.

14.8.Place the resulting group in the correct positon as shown below.

14.9. Use the Ellipse Tool (L) to create a small circle shape and duplicate this shape five times. Then fill three shapes with white color (Stroke: None) and fill three rest shapes with black color (Stroke: None). Finally place them in the correct positions as shown below.

14.10. Pick the Pen Tool (P) and create six curves as shown below.

Step 15:

15.1. Use the Ellipse Tool (L) to create three ellipse shapes with diameters as shown below. Then reselect three ellipse shapes and click on the Horizontal Align Center button from the Align panel and then click on the Vertical Align Center button.

With three ellipse shapes selected, go to the Object menu/ Transform/ Scale. In the Scale dialog box, enter 100 in the Horizontal box and 90 in the Vertical box and then click OK.

With the resulting shapes selected, go to the Object menu/ Transform/ Rotate. In the Rotate dialog box, enter a -10 Angle and click OK.

15.2. Select the white ellipse shape and go to the Object menu/ Transform/ Move. In the Move dialog box, enter 5px in the Distance box and 69 in the Angle box and then click OK. Then select the smaller black ellipse shape and go to the Object menu/ Transform/ Move. In the Move dialog box, enter 6px in the Distance box and 69 in the Angle box and then click OK.

With the smaller black ellipse shape selected, go to the Object menu/ Transform/ Move. In the Move dialog box, enter 40px in the Distance box and 69 in the Angle box and then click Copy. With the resulting shape selected, go to the Object menu/ Transform/ Scale. In the Scale box, enter a 105 Scale and then click OK.

15.4. Select the black ellipse shape (filled with None) selected in the image below and duplicate it once time. Fill the resulting shape with the linear gradient and send it backward (Ctrl + Left Square Bracket)

15.5. Reselect the black ellipse shape (filled with None) and duplicate it once time more. Then fill the resulting shape with the linear gradient as shown below and lowered its Opacity to 30%.

15.6. Reselect the black shape (filled with None) and change the stroke color of it to white. Then duplicate it once time and resize the resulting shape as shown in the (15.6b) image. With the resulting shape selected, reset the stroke weight of it is 0.5px. Select both newly created shapes and go to the Object menu/ Blend/ Blend Options. In the Blend Options, select Specified Steps in the Spacing box and enter 50 and then click OK. Continue go to the Object menu/ Blend/ Make (Alt + Ctrl + B).

15.7. Select the ellipse shape created in the (15.3b) step and go to the Object menu/ Transform/ Move. In the Move dialog box, enter 50px in the Distance box and 69 in the Angle box and then click Copy. Then lowered Opacity of the resulting shape to 70%. Finally select all shape created in the step 15 and group them.

15.8. With the resulting group selected, go to the Object menu/ Transform/ Scale. In the Scale, check the Uniform and enter 20 and then click OK. Place the resulting group in the correct position as shown below.

15.9. Reselect the newly created group and go to the Object menu/ Transform/ Scale. In the Scale box, check the Uniform and enter 70 and then click Copy. Duplicate the resulting group once time and place the newly created groups in the correct positions as shown below.

Step 16:

16.1. Pick the Rectangle Tool (M) and create a 120 by 50px shape. Fill it with 5% black color. Then go to the Object menu/ Transform/ Move. In the Move dialog box, enter 5px in the Distance box and 69 in the Angle box and then click Copy. Fill the resulting shape with 40% black and go to the Object menu/ Transform/ Move. In the Move dialog box, enter 2px in the Distance box and -110 in the Angle box and then click Copy. Fill the resulting shape with 80% black and send it backward (Ctrl + Left Square Bracket).

16.2. Use the Ellipse Tool (L) to create a 40 by 40px ellipse shape. Pick the Selection Tool (S), hold down Shift and select the resulting shape and the light rectangle shape (selected in the (16.2b) image). While both shapes selected, release Shift and click on the light rectangle shape ( to fixed its position). Then click on the Horizontal Align Center button from the Align panel and click on the Vertical Align Center button.

16.3. Reselect the black ellipse shape and go to the Scale dialog box. In the Scale box, enter 100 in the Horizontal box and 90 in the Vertical box and then click OK. With the resulting shape selected, go to the Object menu/ Path/ Offset Path. In the Offset Path box, enter a -4px Offset and click OK. Fill the bigger ellipse shape with 20% black and fill the rest ellipse shape with 80% black. Select and group (Ctrl + G) all shapes created from beginning step 16 to this time.

16.4. Use the Rectangle Tool (M) to create a 480 by 23px shape. Then pick the Ellipse Tool (L) and create a 23 by 23px ellipse shape. Place these shapes in the correct positions as shown in the (16.4b) image. Select both shapes and click on the Vertical Align Center button from the Align panel. Then click on the Unite button from the Pathfinder panel.

16.5. Pick the Rectangle Tool (M) and create a 50 by 30px shape. Place the resulting shape in the correct position as shown in the first image below. Then fill two shapes selected in the (16.5b) image with linear gradient. Finally group two resulting shapes.

16.6. Place two groups created in the step 16 in the correct positions as shown in the first image below. Then select the group selected in the second image below, pick the Rotate Tool (R), hold down Alt and click on the point as shown below. In the Rotate box, enter a -10 Angle and click OK.

Duplicate the resulting group once time and click on the Unite button from the Pathfinder.

Do the same as the (16.6) step to rotate the resulting shape (but enter 7 Angle in the Rotate box). Fill the resulting shape with a black and lowered its Opacity to 50%. Finally send it backward (Ctrl + Left Square Bracket)

16.7. Group all shapes created in the step 16 and lowered its size to 25%. Finally place it in the correct position as shown below.

Step 17:

17.1. Use the Ellipse Tool (L) to create a 160 by 160px ellipse shape and go to the Object menu/ Transform/ Scale. In the Scale dialog box, enter 100 in the Horizontal box and 90 in the Vertical box and then click OK. Then go to the Rotate box, enter a -15 Angle and click OK.

17.2. Fill the resulting shape with white and go to the Move box. In the Move dialog box, enter 5px in the Distance and 69 in the Angle box and then click Copy. Then fill the resulting shape with 20% black and send it backward (Ctrl + Left Square Bracket)

17.3. With the resulting shape selected, go to Move box. In the Move dialog box, enter 3px in the Distance and -110 in the Angle and then click Copy. Fill the resulting shape with 80% black and send it backward.

17.4. Pick the Rectangle Tool (M) and create a 190 by 30px shape. Then select the resulting shape and the white ellipse shape (keep its position fixed), click on the Horizontal Align Center button from the Align panel and click on the Vertical Align Center button. Fill the rectangle shape with 20% black and duplicate it once time. Then fill the resulting shape with 60% black and reduce its size as shown in the (17.4c) image. Group two rectangle shapes.

17.5 Select the white ellipse shape and the ellipse shape lower it and duplicate them once time. Then click on the Unite button from the Pathfinder panel. Bring the resulting shape to front (Shift + Ctrl + Right Square Bracket). With the resulting shape selected, hold down Shift, select the rectangle group and go to the Object menu/ Clipping Mask/ Make (Ctrl + 7). Finally group all shape created in the step 7.

17.6. Lowered size of this group to 25% and duplicate it five times (Ctrl + C, Ctrl + F). Finally place them in the correct positions as shown below.

Step 18:

18.1. Pick the Rectangle Tool (M) and create a 130 by 80px shape. Use the Direct Selection Tool (A) to select the left-top corner anchor point, hold down Shift and press the Left Arrow key 15 times. Then select the right-top corner anchor point, hold down Shift and press the Right Arrow key 15 times

18.2. Pick the Add Anchor Point Tool (+) and use it to add an anchor point in the point highlighted with yellow. Then hold down Shift and press the Up Arrow key five times. Pick the Convert Anchor Point Tool (Shift + C). Then click on the anchor point just added, hold mouse and drag it to the right. The resulting shape should look like the (18.2c) image. Finally fill this shape with a linear gradient.

18.3. Use the Rectangle Tool (M) to create a 130 by 120px shape. Fill the resulting shape with a linear gradient. Then place the newly created shape in the correct position as shown below. Finally select two shapes and group them.

18.6. Lowered size of the newly created group to 6%. Duplicate it once time, then rotate them and place them in the correct positions as shown below. Finally send them to back ( Shift + Ctrl + Left Square Bracket).

Final Result

Here’s the final result. I hope you’ve enjoyed this tutorial.

Conclusion

As difficult as it looks I’m very sure if you follow my tutorial you will find a lot of help using your skills and images to produce your own creation! Ones again Thank you for using our tutorial, we will be very happy to answer any questions that you may have, You can simply leave a feedback and or a comment bellow.

Like it? Share it.

Meet the Author:

Nguyen Ngoc Bao

Ngoc Bao is a part of the writing team at instantShift Design Magazine. He loves to write about tech gadgets. Also, he love playing with photoshop and illustrator in his free time.

Hi Nguyen! The way that you have explained about how to create an electric guitar is very impressive. We can easily get an idea about it by reading this post and observing the images. I like this post.