How to make a sword | UI/Game Art for Beginners [Tutorial]

Add to favorites

Welcome to the fourth tutorial of the UI/Game Art for Beginners series. In this tutorial, we will be learning how to make a sword in Adobe Illustrator.

1. Create a new document that is 600 pixels wide and 600 pixels high
2. Use the Rectangle Tool (M) and draw out a rectangle 600 pixels square
3. Remove the border
4. Fill the rectangle with a dark gray (#383838)
5. Open the Layers Panel and rename Layer 1 as “background” and lock the layer
6. Make a new layer above the background layer and name it “blade”
7. Select the Rectangle Tool (M) and click once on the Artboard
8. Make a rectangle that is 30 pixels wide and 280 pixels high
9. Fill the rectangle with a light gray (#dbdbdb)
10. Use the Add Anchor Point Tool (+) and add an anchor point on the top-center of the rectangle
11. Use the Direct Select Tool (A) and move the new anchor point up 50 pixels (use the SHIFT and up-arrow keys)
12. Offset the blade (Object > Path > Offset Path) by -7 pixels
13. Fill the inset part of the blade with a lighter gray (#efefef)
14. Make a copy of the inset blade (CTRL + C) and paste it in back (CTRL + B)
15. Use the right-arrow key and move the copy over 2 pixels
16. Open the Transparency Panel and change the Blending Mode to Multiply
17. Make a copy of the original inset blade (CTRL + C) and paste it in back (CTRL + B)
18. Use the left-arrow key and move the copy over 2 pixels
19. Open the Transparency Panel and change the Blending Mode to Screen
20. Use the Lasso Tool (Q) and select all three anchor points at the tips of the insets
21. Make sure you have Align to Selection chosen and then choose Horizontal Align Center and Vertical Align Center
22. Use the Line Segment Tool () and draw a line down the center of the inset (hold down SHIFT to make a straight line)
23. Change the border to white
24. Open the Stroke Panel and change the Profile to Width Profile 3
25. Lock the blade layer and make a new layer named “hilt”
26. Use the Rectangle Tool (M) and make a rectangle 90 pixels wide and 10 pixels high
27. Remove the stroke and fill the rectangle with a blue-gray color (#657f7d)
28. Make a copy of the rectangle (CTRL + C) and paste it in back (CTRL + B)
29. Use the down-arrow and move the copy down 2 pixels
30. Fill the copy with a darker blue-gray (#526664)
31. Make a copy of the original rectangle (CTRL + C) and paste it in back (CTRL + B)
32. Use the up-arrow and move the copy up 2 pixels
33. Fill the copy with a lighter blue-gray (#728e8b)
34. Use the Rectangle Tool (M) and make a rectangle 7 pixels wide and 23 pixels tall
35. Fill the rectangle with a dark blue-gray color (#42514f)
36. Align the rectangle with the left edge of the three previous horizontal pieces (from steps 23-27)
37. Make a copy of the vertical rectangle and move it to the left of the original vertical rectangle
38. Resize the new vertical rectangle to 5 pixels wide and 18 pixels high
39. Select both of the rectangles and make a copy (CTRL + C) and paste them in front (CTRL + F)
40. Move the copies to the right side of the hilt (Hold down SHIFT to keep them aligned)
41. Rotate the right-side copies (Object > Transform > Rotate – 180o)
42. Select all the sections of the hilt and group them together (Object > Group)
43. Align the hilt with the bottom of the blade
44. Lock the hilt layer and make a new layer named “grip”
45. Use the Rectangle Tool (M) and make a rectangle 30 pixels wide and 85 pixels high
46. Fill it with the same blue-gray color as the hilt (#657f7d)
47. Use the Rectangle Tool (M) and make a rectangle 50 pixels wide and 15 pixels high
48. Fill it with the dark blue-gray color from the hilt (#42514f)
49. Align this rectangle to the bottom of the previous rectangle (from step 41)
50. Make a copy of the rectangle (CTRL + C) and paste it in front (CTRL + F)
51. Resize the copy to 35 pixels wide and 10 pixels high
52. Move the copy below the original rectangle (from step 43)
53. Use the Rectangle Tool and make a rectangle 5 pixels wide and 85 pixels tall
54. Fill it with the dark-gray color (#42514f)
55. Align it to the left side of the rectangle (from step 39)
56. Make a copy of the rectangle (ALT + SHIFT) and align it to the right side of the rectangle (from step 39)
57. Select all the parts of the grip and group them together (Object > Group)
58. Align the grip to the hilt