
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.
- Create a new document that is 600 pixels wide and 600 pixels high
- Use the Rectangle Tool (M) and draw out a rectangle 600 pixels square
- Remove the border
- Fill the rectangle with a dark gray (#2b2b2b)
- Open the Layers Panel and rename Layer 1 as “background” and lock the layer
- Make a new layer above the background layer and name it “coin”
- Select the Ellipse Tool (L) and click on the Artboard
- Make an ellipse 400 pixels wide and 400 pixels high
- Open the Gradient Panel and apply a linear black and white gradient to the ellipse
- Double-click on the white swatch and change the color to RGB 252 238 33 (third swatch from the right – first row)
- Double-click on the black swatch and change the color to RGB 251 176 59 (fourth swatch from the right – first row)
- Change the angle of the gradient to -30o
- Click once on the right color stop and change the location to 55%
- Center the ellipse on the background
- Add an Inner Glow to the ellipse (Effect > Stylize > Inner Glow)
Mode: Multiply
Color: #333333
Opacity: 100%
Blur: 10 pixels
Edge - Copy the ellipse (CTRL + C) and paste it in front (CTRL + F)
- Offset the inner ellipse (Object > Path > Offset Path — -45 pixels)
- 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)
- Open the Gradient Panel
- Double-click on the left color stop and click on color (palette icon)
- Change the RGB colors to 252 177 15
- Double-click on the right color stop and click on color (palette icon)
- Change the RGB colors to 252 112 0
- Click on the right color stop and change the location to 85%
- Add an Outer Glow to the star (Effect > Stylize > Outer Glow)
Mode: Multiply
Color: #333333
Opacity: 100%
Blur: 5 pixels