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

Add to favorites

Welcome to the fifth tutorial of the UI/Game Art for Beginners series. In this tutorial, we will be learning how to make a game coin 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 (#2b2b2b)
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 “coin”
7. Select the Ellipse Tool (L) and click on the Artboard
8. Make an ellipse 400 pixels wide and 400 pixels high
9. Open the Gradient Panel and apply a linear black and white gradient to the ellipse
10. Double-click on the white swatch and change the color to RGB 252 238 33 (third swatch from the right – first row)
11. Double-click on the black swatch and change the color to RGB 251 176 59 (fourth swatch from the right – first row)
12. Change the angle of the gradient to -30o
13. Click once on the right color stop and change the location to 55%
14. Center the ellipse on the background
15. Add an Inner Glow to the ellipse (Effect > Stylize > Inner Glow)
    Mode: Multiply
    Color: #333333
    Opacity: 100%
    Blur: 10 pixels
    Edge
16. Copy the ellipse (CTRL + C) and paste it in front (CTRL + F)
17. Offset the inner ellipse (Object > Path > Offset Path -- -45 pixels)
18. Use the Star Tool and draw out a star from the center of the inner ellipse (Hold down the SHIFT key so the star will be straight up and down)
19. Open the Gradient Panel
20. Double-click on the left color stop and click on color (palette icon)
21. Change the RGB colors to 252 177 15
22. Double-click on the right color stop and click on color (palette icon)
23. Change the RGB colors to 252 112 0
24. Click on the right color stop and change the location to 85%
25. Add an Outer Glow to the star (Effect > Stylize > Outer Glow)
    Mode: Multiply
    Color: #333333
    Opacity: 100%
    Blur: 5 pixels