Game Art

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

Share
FavoriteLoadingAdd 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
 

Join us!


How about writing your own piece for IndieWatch?


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

Jen S Abbott

Jennifer S. Abbott is a digital graphic designer & illustrator and 3D artist. I love teaching and communing with nature. I am a contributor to Indie Watch (https://indiewatch.net/members/jen-s-abbott/) and Blender Nation (https://www.blendernation.com/author/jsabbott/). **FOR HIRE**

Leave a Reply

Your email address will not be published.

Back to top button
Close