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.

Fill the red shape with white color (stroke: None) and the green shape with 2% black color (stroke: None).

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.8. Fill shapes highlighted as shown in images below with linear gradient

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.3. Fill ellipse shapes selected in the images below with linear gradient.

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.

Select two lighter rectangle shape 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).

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.

Final Result

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

Create A Versatile Sofa in Illustrator

Step 1:

1. Create a 1300px by 1000px document.

Step 2:

1. Grab the Rectangle Tool (M) and create a 250px by 90px shape (2_1a). Then duplicate it (Ctrl + C, Ctrl + F) and place the copy into position as shown the (2_1b) image below.

2. Reselect the green shape and go to Object menu/ Path/ Offset Path. In the Offset Path dialog box,  enter a -5px Offset and click OK. (2_2a). Select both green shapes and duplicate them (Ctrl + C, Ctrl + F). Then press Ctrl + 2 to lock both newly created shapes. One again, reselect both green shapes, then click on the Exclude button from the Pathfinder panel (2_2b). Change the color of this shape from green to black (2_2c)

3. Go to Object menu/ Unlock All (Ctrl + Alt + 2). Use the Selection Tool (V) to select the green and black shapes (2_3a), then go to Object menu/ Transform/ Move (Ctrl + Shift + M). In the Move dialog box, enter 245px in the Horizontal box and 0px in the Vertical box, then click Copy (2_3b). Now select both black shapes and click on the Unite button from the Pathfinder Panel (2_3c). Fill the newly created shape with a linear gradient as shown the final image below (2_3d).

4. Now select the shape as shown in the first image below (2_4a) and duplicate it (Ctrl + C, Ctrl + F). With the newly created shape selecting, enter the data shown in the (2_4b) image frome the Properties Bar. Then press the Down Arrow once time. Finally, fill this shape with a linear gradient (2_4c).

5. Select the shape as shown in the (2_5a) image and enter the data shown in the (2_5b) image frome the Properties Bar. Then fill it with a linear gradient. (2_5c)

6. Repeat the same techniques for the right shape (2_6a). Select both green shapes as shown the (2_6c) image below, and click on the Unite button from the Pathfinder Panel.

Step 3:

1. Now select the blue shape and use the Add Anchor Point (+) to add an anchor point in the point highlighted with red circle (3_1a). Then grab the Direct Selection (A) and select the right-above corner anchor point and click on the "Remove selected anchor points" button from the Properties Bar.

Step 4:

1. Press Ctrl + R to show the ruler. Then drag a vertical guide in the correct position as shown in the image below (4_1a).

2. Select all shapes (except the blue shape). Then pick the Shear Tool, hold down Alt and click on  the vertical guide. In the Shear dialog box, enter a -30 Angle and check the Vertical, then click OK (4_2b).

3. Do the same with the blue shape.

Step 5:

1. Grab the Direct Selection Tool (A). Then select two anchor points of the green shape as shown in the (5_1a) image and drag them to points "C" and "D" at once (5_1b). (Note: While dragging, we just pay attention to the "A" anchor point. Because when it is dragged to the "C" point, the "B" anchor point also was dragged to the "D" point at the same time.)

2. Drag a horizontal guide to the "C" point. While the guide selecting, grab the Rotate Tool (R), hold down Alt and click on the "C" point. In the Rotate box, enter a 30 Angle and click Copy (5_2a). With the newly created guide selecting, go to Object menu/ Transform/ Move (Ctrl + Shift + M). In the Move dialog box, enter -650px in the Horizontal box and 0px in the Vertical box, then click Copy. (5_2b)

3. Now reselect the horizontal guides, grab the Rotate (R) once again, hold down Alt and click on the "C" point. In the Rotate box, enter a -75 Angle and click Copy. Name the intersection point of two newly created guides is "G".

4. Select the green shape and duplicate it (Ctrl + C, Ctrl + F). Grab the Direct Selection Tool (A), select both anchor points "E" and "F", then drag them to points "G" and "H" as shown in the image below.(While dragging, we just pay attention to the "E" anchor point )

5. Select the newly created shape and duplicate it. Use the Direct Selection (A) to select both anchor points "D" and "H". Then drag them to points "I" and "J" as shown in the image below. (While dragging, we also just pay attention to the "D" anchor point ).

Step 6:

1. Use the Rectangle Tool (M) to create a shape (Width: 250px, Height: 100px) then place it as shown in the image below.

2. While this shape selecting, go to Object menu/ Transform/ Move (Ctrl + Shift + M). In the Move dialog box, enter 0px in the Horizontal box and -72px in the Vertical box and click OK. Then select both shapes as shown the (6_2b) image and click on the Divide button from the Pathfinder Panel. Finally ungroup the newly created group and remove both shapes as shown in the (6_2c) image.

3. Use the Ellipse Tool (L) to create a circle with the center of it is the "K" point and this circle pass through the "L" point (6_3a). Select the newly created circle and the shape as shown the (6_3b) image, then click on the Divide button from the Pathfinder Panel. Ungroup the newly created group and remove shapes that highlighted with red arrows (6_3c). Now select both remaining shapes as shown the (6_3e) image and click on the Unite button from the Pathfinder Panel. Change the color of the newly created shape from green to blue (6_3f).

4. Select three shapes as shown the first image below and go to Object menu/ Transform/ Move (Ctrl + Shift + M). In the Move dialog box, enter 150 in the Distance box and 30 in the Angle box then click Copy. While three newly created shapes selecting, go to Object menu/ Arrange/ Send Backward (Ctrl + Shift + Left Bracket key).

5. Select both blue shapes (as shown the first image below) and duplicate them. Then press Ctrl + 3 to hide both newly created shapes. Use the Direct Selection Tool (A) select four anchor points of these shapes (6_5b) and click on the "Cut path at selected anchor point" button  from the Properties Bar. Now remove shapes (except two curves) as shown the (6_5c) image. Then grab the Direct Selection Tool (A), select both top anchor points of curves (6_5d) and click on the "Connect selected end points" button from the Pathfinder Panel. Do the same with both remaining anchor points. The resulting shape should look like the (6_5f) image shown below. Now press Ctrl + Alt + 3 to show all (6_5g).

6. Grab the Selection Tool (V) and select shapes as shown in the (6_6a) image below. Go to Object menu/ Transform/ Move (Ctrl+Shift+M). In the Move dialog box, enter 422px in the Distance box and 30 in the Angle box then click Copy. The resulting shape should look like the (6_6b) image shown below. Name the layer containing all the shapes is "1"

7. Select four shapes as shown the (6_7a) image below and press Ctrl + C. Then click on eye icon of the "1" layer from Layer Pallete once time to hide it. Create a new layer and place it below the "1" layer. Then press Ctrl + Shift + V to paste copied shapes in the new layer. Name of this layer is "2". Select the blue shape as shown the (6_7b) image. Grab the Rotate Tool (R), hold down Alt and click on the point highlighted with red circle. In the Rotate dialog box, enter a 180 Angle and click OK. Do the same with the remaining blue shape. The resulting shape should look like the (6_7d) image shown below.

8. Now remove green shapes. Reselect two blue shapes and duplicate them, then press Ctrl + 2 to lock both newly created shapes. Use the Direct Selection to select four anchor points as shown the first image below, then click on the "Cut path at selected anchor point" button from Properties Bar. Continue with the Direct Selection Tool (A), select two anchor points as shown the second image and then click on the " Cut path at selected anchor point" button. Now we had created two curves and four lines segment.

9. Keep working with the Direct Selection Tool (A), hold down the Shift key, click on two curves and select two anchor point as shown the first image, then click on the "Connect selected end points" button from the Properties Bar (6_9b).

10. Do the same with two remaining anchor points of curves. The resulting shape should look like the (6_10b) image shown below.

11. Hide the newly created shape. In the document just remaining four lines segment. Use the Direct Selection Tool (A) combine with the Shift key select two anchor point as shown the (6_11b) image and click on the "Connect selected anchor points" button. Do the same with two anchor points as shown the (6_11c) image. Now grab the Selection Tool (V) and select the newly created shape. Set data of this shape in the Stroke Panel as shown the final below.

12. Hide the newly created shape. Use the Direct Selection Tool (A) combine with the Shift key to select two anchor points as shown the (6_12b) image and connect them. Do the same with two remaining anchor points.

13. Show the "1" layer and click on it from the Layer Pallete.

14 Remove four shapes at two positions as shown the image below.

Step 7:

1. Grab the Pen Tool (P) and click on the points highlighted with red circles. Use the Selection Tool (V) to reselect this shape and send to back (Shift + Ctrl + Left Bracket key).

2  Fill the newly created shape with light gray (10% black) and set a 2px stroke (20% black)

3. Do the same as steps 1, 2 and 3 to get the results as shown below.

4. Fill the shapes below with a linear gradient.

5. Select the green shape as shown the (7_5a) image below. Use 90% black for the fill, and black for the stroke with the settings shown. Now select three green remaining shapes and use the Eyedropper Tool (I) click on the shape selected as shown in the (7_5a) image. Then arrange these shapes to get the result look like the (7_5b) image below.

6. Select two shapes as shown the image below, then fill them with the linear gradient and change the color of the strokes from blue to light gray (20% black).

Fill the shape as shown the image below with the linear gradient (Stroke color: None).

 

Continue with the Selection Tool (V), select two shapes as shown the (7_6c) image below. Then pick the Eyedropper Tool (I) and click on the shape highlighted with red arrow.

Do the same with the shape as shown in the image below.

7. Hide the "1" layer and click on the "2" layer from the Layer Pallete. Use the Selection Tool (V) combine with the Shift key to select two shapes as shown in the (7_7b) image. Then fill them with the linear gradient and set a 1px stroke (20% black). Reselect the shape as shown in the (7_7c) image and press Ctrl + Shift + Left Bracket key once time. Do the same with the shapes as shown in the (7_7d) image and the (7_7e) image. Finally select the last blue shape, go to Object menu/ Expand Appearance. Then use 5% black for the fill and 10% black for the stroke (7_7f).

8. Show the "1" layer. The resulting should look like the image shown.

Step 8:

1. Select two shapes as shown in the first image below and go to Object menu/ Transform/ Move. Enter 100px in the Distance box and -15 in the Angle and click OK (8_1a). Then drag the vertical guide passes through the point marked by the red circle. Pick the Rotate Tool (R), hold down Alt and click on the marked point. In the Rotate box, enter a 75 Angle and click OK (8_1b).

2. Select the darker shape as shown in the (8_2a) image and duplicate it (Ctrl + C, Ctrl + F). Pick the Direct Selection Tool (A), hold down Shift and select two anchor points highlighted with red circles. Then move current points to points highlighted with green circles. Now use the Selection Tool (V) and reselect the newly created shape. Fill it with the linear gradient and then press Ctrl + Left Bracket key twice time.

3. Continue reselect the shape that selected at the previous step and duplicate it. Repeat the same techniques  made in the previous step to create the shape as shown.:

4. Keep working with the Direct Selection Tool (A). Select the top anchor points of the newly created shape, hold down Shift and press the Down Arrow key five times.

5. Select the shape as shown in the (8_5a) image and duplicate it. Then pick the Direct Selection Tool (A), hold down Shift and select two anchor points highlighted with red circles. Then move current points to points highlighted with green circles. :

6. Drag the vertical guide in the correct position. Select the shape as shown in the first image then use the Add Anchor Point Tool (+) add two anchor points in the points highlighted with red circles. Reselect the newly created anchor points and move them to correct positions as shown in the (8_6b) image. Repeat the same techniques to create two anchor points as shown in the (8_6c) image. Reselect the newly created anchor points and click on the "Convert selected anchor points to smooth" button. Then hold down Shift and press the Up Arrow key three times.

7. Pick the Selection Tool (V). Select the shape made in the previous step and go to Object menu/ Transform/ Move. In the Move dialog box, enter 5px in the Distance box and 30 in the Copy box then click Copy. Fill the resulting shape with a linear gradient as shown in the (8_7b) image. Finally press Ctrl + Left Bracket key once time.

8, Reselect three shapes was created by steps 3, 4, 5, 6 and 7 as shown in the first image below, then duplicate them. Group these newly created shapes. Finally place this group as shown in the (8_8b) image.

9. While this group selecting, press Ctrl + Shift + G to ungroup it. Then select the dark shape and press Ctrl + Right Bracket key twice times. Finally select two shapes as shown in the second image below and press Ctrl + Shift + Right Bracket key once time.

10. Select shapes as shown and group them. Name this group is "Drawer"

11. Select the shape as shown in the first image and duplicate it. Bring the newly created shape to front (press Ctrl + Shift + Right Bracket key). Now grab the Pen Tool (P) ( Fill: None, Stroke color: Red) create a shape as shown in the second image below. Fill it with any color. Now select the newly created shape and the "Drawer" group then press Ctrl + 7 to make clipping mask. The resulting shapes should look like the (8_11e) image.

 

Step 9:

1. Use the Ellipse tool (L) combine with the Shift key to create a circle as shown in the first image. While the shape selecting, go to Object menu/ Transform/ Scale. In the Scale diglog box, enter 95 % in the Horizontal box and 100% in the Vertical box and click OK (9_1b). Continue go to Object menu/ Transform/ Rotate. Enter a 30 Angle and click OK (9_1c). Duplicate the resulting shape. Hold down Shift, press the Left Arrow key twice times then press the Down Arrow key once time (9_1d). Fill two shapes as shown in the (9_1e) image and the (9_1f) image.

2. Create a (180 x 140)px shape (9_2a). Go to the Effect menu/ Stylize/ Round Corners and enter a 60 Radius and click OK (9_2b). Then go to Object menu/ Expand Appearance (9_2c). Use the Direct Selection tool (A) combine the Shift key to select four anchor points as shown in the (9_2d) image and remove them (9_2e). Now create a (40 x 170)px shape (9_2f) and rotate it -40 degree (9_2g). Place two newly created shapes as shown in the (9_2h) image and click on the Unite button from the Pathfinder panel.

While the resulting shape selecting, go to Object menu/ Transform/ Shear. Enter a 15 degree in the Shear Angle box and check Vertical , then click OK.

3. Place the newly created shape as shown in the first image and go to the Object menu/ Transform/ Move. Enter 20px in the Distance box and 30 in the Angle box and click Copy (9_3b).

Use the Direct Selection tool (A) to select the anchor points highlighted with green circles and then click on the " Cut path at selected anchor points" button from the Properties bar.

Keep working with the Direct Selection tool and combine with the Shift key to select two anchor points highlighted with red circles. Then click on the " Connect selected end points" button from the Properties bar (9_3d).

Do the same with two anchor points highlighted with green circles. At this time we’ve just created a shape from the two curves (9_3e).

Repeat the same techniques to create two more shapes from lines segment (9_3f), (9_3g)

Remove the shape as shown (9_3h).

4. Fill the selecting shape with a linear gradient as shown. Then fill two remaining shapes with a 20% black color (9_4a).

Select the last green shape and go to Object/ Path/ Offset Path. Enter a -8px Offset and click OK (9_4b).

While the newly created shape selecting, press Ctrl + C, Ctrl + F to duplicate it. Then select two shapes as shown below and click on the Exclude button from the Pathfinder panel.

Fill the resulting shape with a linear gradient (9_4d).

Reselect the copied shape in the previous step and fill it with black. Then lowered its Opacity to 70% (9_4e).

Bring the ellipse shape to front (Ctrl + Shift + Right Bracket key) and add a 1px stroke (white). Then go to Object menu/ Path/ Offset Path. Enter a -15px Offset and click OK. Then fill the resulting shape with 20% black and stroke 5% black (9_4f).

5. Create a (245 x 130)px shape then go to the Effect menu/ Stylize/ Round Corners. Enter a 40 Radius and click OK (9_5b). With the resulting shape selecting, go to Object menu/ Expand Appearance. Then use the Direct Selection tool (A) to select four anchor points as shown in the (9_5c) image and remove them (9_5d). Now create a (50 x 80)px shape (9_5e) and place it as shown in the (9_5f) image. Select both newly created shapes and click on the Unite button from the Pathfinder panel (9_5g). While the resulting shape selecting, go to Object menu/ Transform/ Shear. Enter a 15 degree in the Shear Angle box and check Vertical and click OK (9_5h).

6. Place the newly created shape as shown in the first image and go to the Object menu/ Transform/ Move. Enter 25px in the Distance box and 30 in the Angle box and click Copy (9_6b).

Grab the Horizontal guide in the document and go to Object menu/ Transform/ Rotate. Enter a 30 Angle and click OK. Then place the resulting guide in the correct position as shown (9_6c).

Use the Add Anchor Point Tool (+) add two anchor points in the point highlighted with red circles of the blue shapes (9_6d).

Reselect two newly created anchor points and click on the "Cut path selected anchor points" button from the Properties bar. Continue with the Direct Selection Tool (A), hold down Shift and click on two positions highlighted with two red arrows. Then select two anchor points highlighted with red circles and click on the "Connect selected end points" button from the Properties bar.

Select two anchor points as shown below and also connect them. At this time we’ve just created a shape from the two curves (9_6f).

Repeat the same techniques to create one more shape as shown in two images below (9_6g), (9_6h).

Select two shapes as shown below and remove them (9_6i).

7. Fill the selected shape as shown below with the radial gradient (9_7a).

Do the same with two remaining shapes (9_7b), (9_7c).

Bring two ellipse shapes to front (Ctrl + Shift + Right Bracket key) (9_7d).

Select shapes as shown below and group them (9_7e).

Place two Vertical guides and two 30 degree guides in the correct positions as shown below (9_7f).

Duplicate the newly created group and place the copied group in the correct position as shown below. Then send this group to back (Ctrl + Shift + Left Bracket key).

Step 10:

1. Create a (245 x 35)px shape (10_1a). Go to the Effect menu/ Stylize/ Round Corners and enter a 10 Radius and click OK (10_1b). Then go to Object menu/ Expand Appearance (10_1c). While the resulting shape selecting, go to Object menu/ Transform/ Shear. Enter a -30 degree in the Shear Angle box and check Vertical , then click OK (10_1d).

2. Drag the Horizonal guide and rotate it with a -15 degree Angle. Then place this guide and the newly created shape in the correct position (10_2).

3. Reselect the blue shape and duplicate it twice times. Place a copied shape in the position as shown below (10_3). Then lock the remaining copied shape

4. Pick the Add Anchor Point Tool (+) and add two anchor points in the points highlighted with red arrow (10_4). Then reselect two newly created anchor points and connect them.

5. Continue add two anchor points in the points highlighted with red arrows as shown below (10_5).

6. Pick the Direct Selection Tool (A), hold down Shift and click on two positions highlighted with two red arrows. Then select two anchor points highlighted with red circles and click on the "Connect selected end points" button from the Properties bar (10_6).

7. Remove two selected shapes as shown below (10_7).

8. Reselect  the shape created in the step 6 and duplicate it. Lock the copied shape then reselect the original shape and fill it with the linear gradient.

9. With the resulting shape selecting, go to Effect menu/ Texture/ Texturizer. Enter the data shown below and click OK (10_9).

10. Go to Object menu/ Unlock All (Ctrl + Alt + 2). Then fill the selected shape as shown below with the linear gradient (10_10).

11. With the resulting shape selecting, go to Effect menu/ Texture/ Texturizer. Enter the data shown below and click OK (10_11).

12. Reselect the resulting shape and duplicate it. Then remove the Texturizer effect of the copied shape from the Appearance panel. Now select two shapes as shown below then fill them both with none and add a 1px stroke (60% black).

13. Select all shapes created from the (10_1) step to the (10_12) step and group them. Then duplicate this group and place the copied group in the correct position as shown below (10_13).

14. Reselect the group as shown and bring it to front (Ctrl + Shift + Right Bracket key)

15. Now, we’ll add the shading for the resulting shape. Use the Pen tool (P) to create a shape as shown below (10_15a).

Fill the newly created shape with black (stroke : None) and go to the Effect menu/ Blur/ Gaussian Blur. Enter a 40px Radius and click OK. Finally lowered its Opacity to 50%

The final image is below. I hope you like the 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.

Final Result

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

Resource Details

Social Network Icon: Komodomedia

Create a Clean Blog theme in Photoshop

Step 1

Create a new document using Photoshop with the following dimensions: 1400 X 3000 Pixel. Make sure to remove the lock option from the background and rename it to: Bg.

Step 2

We now need to set up guide lines. Go to View > New Guide.. > Check ‘Vertical’ and type in the following values, then press ‘Ok’.118px, 955px, 977px, 1255px, 1277px,

Step 3

Let’s move to the next step by creating the header, select Rectangular Tool & set up code color #2d2d2d and start creating header as you see in the image below

Step 4

Apply the settings Gradient Overlay by following the image below: Layer > Layer Style > Gradient Overlay

Step 5

Good start now let’s Create navigation, Select Rectangular Marquee Tool set up size Height: 69px and fill Selection with any color you want, in the layer box change fill Opacity to 0% and apply the settings Gradient Overlay by following the image below

Step 6

Create a simple Logo

Step 7

Add new banner 468×60 Pixels

Step 8

It’s time to add social network, RSS, Twitter, Facebook, Flickr, 13px between icons and Height: 19px

Step 9

Start Creating the search form by select the Rounded Rectangular Tool and set up code color #EEEEEE

Step 10

Now apply the settings Gradient Overlay and Stroke by following the image below

Step 11

Add Search icon and Search text then set up code color #CCCCCC

Step 12

Add a little Ribbon to navigation and add above home icon, set up code color #929292

Step 13

Select Horizontal type Tool or Text Tool and start creating pages, step up colors Home:#ebebeb, Home Page: #929292

Step 14

Change Color one of text pages to #333333 this where we going to set up the categories pages

Step 15

Ok it’s time to start creating Categories Pages, Select Rectangular Marquee Tool and set up size 89px by 214px and Fill Selection with color #F8F8F8

Step 16

Let’s Create background for text by Selection Rectangular Marquee Tool and set up the size: 87px By 35px and color: #FFFFFF

Step 17

As we know most of Categories has a little shadow or effect so let’s creating the shadow categories by Selection Rectangular Marquee Tool and set up the size: 87px By 37px then select Gradient tool and make the shadow effect as you see in the image below

Step 18

Make 3 copy of Shadow Layer

Step 19

Do the Same thing as i did before to create Categories by following the image below

Step 20

Add Categories text set up code color text to #333333 and apply the settings as you see in the image below

Step 21

After that you will get this result

Step 22

Let’s create a little background behind the header Select Rectangular Marquee Tool and Set up the size Height: 411px and color to e0e0e0 and apply the settings Gradient Overlay by following: Layer > Layer Style > Gradient Overlay

Step 23

It’s time to start creating background Content, Select Rectangular Marquee Tool and set up the size width: 837px fill the background with white color #FFFFFF and apply the settings Stroke by following the image below

Step 24

Create a little Line between images and texts, Select Rectangular Marquee Tool and set up size Height: 3px and code color: #eFeFeF

Step 25

Let’s create background behind images posts and texts, again Select Rectangular Marquee Tool and set up size Height: 115px and apply the settings Gradient Overlay by following: Layer > Layer Style > Gradient Overlay

Step 26

Apply the same steps

Step 27

Add new banner on the top content 728×90 Pixels

Step 28

Create an image with 200×200 Pixel and drag it into project work

Step 29

Select text tool and start creating Category tutorial then apply the settings text by following the image below

Step 30

Do the same thing with Title

Step 31

Select Rectangular Marquee Tool and let’s create Background for the category and date, set up size 281px by 21px and code color #F8F8F8 then apply the settings stroke by following the image below

Step 32

Add new text Posted on 14 Dec, 2010 by admin in Tutorials, Drawing and apply the settings by following the image below

Step 33

Add new text again and Apply the same settings

Step 34

Let’s create Button comment and Continue reading, Select Rounded/Elliptical Marquee Tool, Set up code color #dadada and create a little form then apply the settings by following the image below

Step 35

Duplicate layer and apply the settings as you see in the image below

Step 36

Add new text “Comment” and apply the settings Shadow by following: Layer > Layer Style > Drop Shadow

Step 37

Ok now Let’s Create another button for continue reading and apply the same settings

Step 38

Select Buttons Layers and drag layers to new group and change size as you see in the image below

Step 39

Add another Line

Step 40

Duplicate Post Group

Step 41

Do the same thing and create 5 of posts

Step 42

Let’s create Next Page by following the same settings buttons, Select Rounded/Elliptical Marquee Tool, Set up code color #dadada and create a little form then apply the settings by following the image below

Step 43

Duplicate Layer

Step 44

Add new text “Page 1 of 3″ and apply the settings text by following the image below

Step 45

Let’s move to the next step to create sidebar, Select Rectangular Marquee Tool, Set up Size Height: 323px Fill Background with color #eaeaea and apply the settings Stroke

Step 46

Add Rss Subscriber icon

Step 47

Add new Text “RSS Subscriber” and apply the settings Drop Shadow by following the image below

Step 48

Add Twitter Followers, Facebook Fans, Comment

Step 49

Select Rectangular Marquee Tool and create another Line by following the settings Height: 1px, Color #FFFFFF #D7D7D7

Step 50

Let’s Create Advertising Widgets, Select Rectangular Marquee Tool and set up size 279px by 409 and apply the settings stroke

Step 51

Add banners ads to the form that we have created

Step 52

Again Select Rectangular Marquee and create Widgets Categories, Archives, Pages by following the settings: Height: 20px between line and widgets and set up size 276px by 286px

Step 53

Add new form by following the settings: Height: 40px between form and background and form: 256px by 272px then apply the settings stroke

Step 54

Add Lines and Texts

Step 55

Add another Line and Select Rectangular Marquee Tool to create Recent Widget

Step 56

Add images and create Lines

Step 57

Set up code color #D66F0D and add Text to work

Step 58

Add Another Line and Select Rectangular Marquee Tool to create Flickr Widget and apply the same settings as you see in the image below

Step 59

Ok let’s move now to the next step to create Widgets Footer, Select Rectangular Marquee Tool and set up the size: 1159px by 630px

Step 60

Select text tool and let’s create Categories widget, apply the settings as you see in the image below

Step 61

Do the same thing as i did before with Categories follow the image below

Step 62

Let’s finish this by creating footer, Select Rectangular Marquee Tool set up size: 1159px by 74px Fill Selection layer with any color you want then change Fill Opacity to 0% and apply the settings gradient overlay and inner shadow by following the image below

Step 63

Select text tool and add your copyright and your name

Step 64

And you will have this awesome result

Step 65

Let’s move to the next step on how to create content page, Make copy of PSD file and rename the file to Content, then remove all layers: posts, Buttons, next page, as you see in the image below

Step 66

Add another Line, Select Rectangular Marquee Tool to create form for the final result of tutorial

Step 67

Add another Line, Select Text Tool and add introduction Tutorial

Step 68

Do the same thing as i did before with the final result Form

Step 69

Add another Line and Let’s Create Author Bio by following the image below

Step 70

Create Related Posts by following the image below

Step 71

Create Discussion Form by following the image below

Step 72

Let’s Finish this by create Submit Comment Button, apply the same setting as i did before with Comment button and Continue Reading

Step 73

You will get the amazing result as you see in the image below

Final Results

Now here are the final results.

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.