#Gamedev Tutorials

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

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

Tags
#Art #tutorial design game design #gaming #2D game development game art Illustrator Game Asset Digital Design Graphic Design Game UI Game UX UI Design UX Design Coin
Show More

Jen S Abbott

Jennifer S. Abbott is a multidisciplinary designer and artist who works across many design disciplines – including graphic design, 3D Art, Game Design and UI/Web Design. I am a contributor to Indie Watch (https://indiewatch.net/) and Blender Nation (https://www.blendernation.com/). I also love to teach and commune with nature. I am open to working with individuals, small businesses, non-profit organizations, and educational organizations in order to fill their design needs. I became a digital designer and artist in order to not only pursue my passions but also to assist others in expressing themselves or their business/organization in a creative manner. I believe in creating great design that fits the context and needs of the client.

Related Articles

We want your opinion! Go ahead and say something!

Close