Hi there. In the following tutorial I will show how to create a very simple coin stack icon. First, you will need a simple circle and some 3D Extrude&Bevel effect to create the starting coin. Next, you will use multiple fills and strokes to improve the look of this first coin and Transform effect to multiply it.
Estimated Completion Time: 1 hour
Number of Steps: 8
This is what you’ll be creating:
Create a 255 by 255px, RGB document and start with the Ellipse Tool(L). Click on your artboard, enter 70 in the width and height boxes then click OK. This will create a 70 by 70px circle. Fill it with R=255 G=222 B=23.
Select the shape made in the precious step and go to Effect > 3D > Extrude&Bevel. Enter the data shown below, click OK then go to Object > Expand Appearance. This will create a group with two simple shapes and a clipping path. Go to the Layers panel, open it and remove the clipping path. With the group still selected hit Shift + Control + G to ungroup it.
Now, you should have two shapes in your Layers panel. Let’s focus on the bottom one. Select it and fill it with the linear gradient shown below then add a 0,25pt stroke (R=206 G=142 B=32). The white text from the gradient image stands for Location.
Go to Edit > Preferences > General and enter 0,5 in the Keyboard Increment box. Select the shape edited in the previous step and make two copies (Control+C > Control+F > Control+F). Select the top copy and hit the up arrow once, to move it 0,5px up. Reselect both copies and click on the Minus Front button from the Pathfinder panel. Fill the resulting shape with R=206 G=142 B=32.
Now, let’s move to the other shape. Select it and fill it with the linear gradient shown below then add a 2pt, white, aligned to inside stroke. With the shape still selected, open the fly-out menu of the Appearance panel and click on Add New Stroke. This will add a second stroke for your shape. Select it from the Appearance panel. Make it 0.25pt wide, align it to center and set the color at R=206 G=142 B=32. Reselect the white stroke and lower its opacity to 25%.
Select the three shapes created so far and group them (Control + G). Select this fresh group and go to Effect > Distort&Transform > Transform. Enter 15 in the Copies box and drag the Move-Vertical slider to 10px. The resulting effect should look like in the image below.
Make two copies of the group made in the previous step. Send these copies in the back (Shift + Control + [) then move them several pixels down and lower the number of copies from the Transform effect as shown in the image below.
Finally, let’s add a discrete shadow for each group. Focus on the middle group. Duplicate the oval shape. Remove this copy from the group, send it in the back and move it down to the base of the group. Fill it with none but add a 1pt, aligned to inside stroke (R=165 G=115 B=30). Repeat the same steps for the other two groups and you’re done.
Now your work is done. Here is how it should look like.