Published on March 26th, 2013 | by Adrien | Supercolor3
Create a Shiny Gold Star Coin in Photoshop
Enjoy this Post! Please Help spread the word and Share it!
In this Photoshop Tutorial, learn how to create a Shiny Gold Coin in Photoshop. We’ll use basic shapes, Layer Styles, Layers Masks and a few Filters to create this cool Gold Coin that you can use as an icon or in a any design projects
Resources Needed for this Tutorial:
Step 1 – THE New Document and Big Circles
Open up Photoshop and create a new document 1024x1024px with a Transparent background. Fill this background layer with white, Edit – Fill – White.
Select the Ellipse Tool (U) and create a 850x850px perfect circle in the center of the canvas (hold the shift key while creating the circle to make it perfect).
Change the Fill of this shape to 0% then let’s start adding some colours and effects on this shape using Layer Styles with a Gradient Overlay going from #F3E54A to #C3781A and a Bevel and Emboss with those parameters :
Create an other 850x850px perfect circle in the center of the canvas using the Ellipse Tool (U).
Change the Opacity of this shape to 75%, its Fill to 0% and add a Satin Layer Style on this new shape with those parameters :
Step 2 – Small Circles
In this step we’ll create two smaller circles with some more effects on it. Select the Ellipse Tool (U) and create a first 700x700px circle shape in the center of the canvas.
Change the Fill of this shape to 0% and add a few Layer Styles with those parameters on this circle shape :
For the Gradient Overlay, I used the same colours than before, #F3E54A to #C3781A and for the Outer Glow I used #94641C.
Select the Ellipse Tool (U) again and create an other 700x700px circle shape on top of the previous one.
Change the Fill of this circle shape to 0%, then add a Bevel – Emboss and Inner Glow Layer Styles with those parameters on this shape.
Place those 4 circles shapes layers in a new group, rename this group “Coin Shape“.
Step 3 – Star Custom Shape
Now we have the main gold shape let’s add a custom shape in this gold coin, you can use any shape you like, I used a custom star shape created previously in Illustrator, you can download this custom shape in the Resources Needed section at the top of the tutorial. Open this shape in Photoshop and drag it into our gold coin document, use the Free Transform Tool (Cmd+T) to resize it if needed.
Duplicate this custom star shape 3 times and hide those 3 duplicated star shapes layers. We’ll start working on the original custom star shape. Add a few Layer Styles on this first shape with those parameters :
Unhide the first duplicated star shape layer, change its Fill to 0% and add a Drop Shadow Layer Style on it :
Unhide the second duplicated star shape layer, change its Fill to 0% and add a Satin Layer Style on it :
Unhide the third and last duplicated star shape layer, change its Opacity to 75% and Fill to 0%. Add a few Layer Styles on this shape with those parameters :
For the Gradient Overlay Layer Style, I used a #D3831D to Transparent gradient.
#D29F36 for the Inner Shadow Layer Style.
#8E5E20 for the Inner Glow Layer Style.
#F8EA48 to #F1C124 for the Gradient Overlay Layer Style.
Select all the layers we created from the beginning except the Background layer, press the Cmd+Alt+E keys on your keyboard, this will create a new layer with all the selected layers merged together. Apply an High Pass Filter, Filter – Other – High Pass with a 5px Radius. Rename this merged layer to “High Pass” and change its Blending Mode to Overlay.
Place the 4 star shape layers and High Pass layer in a new group, rename this group “Star Logo“.
Step 4 – Blur Highlights Lines
In this step we’ll add a little highlights on this this gold coin using blur lines. Select the Rectangle Tool (U) and create 3 white vertical rectangle shape, all with a different width (mine are pink in the first preview so you can see them better). Use the Free Transform Tool (Cmd+T) to rotate those rectangle shapes 22,5°.
Merge those 3 rectangle shapes, to do this, select the 3 shapes layers, right click on those selected layers – Merge Shapes. Apply a 7,5px Gaussian Blur Filter, Filter – Blur – Gaussian Blur on those merged shapes.
Now we’ll add a few Layer Masks on those blur shapes, Load the selection from the 850x850px main circle shape (Cmd+Left Click on the Thumbnail on the 850x850px main circle shape layer) then select the first blur shape layer and create a Layer Mask, Layer – Layer Mask – Reveal Selection on this layer like below.
Change the Fill of this blur shape layer to 15% and Place this layer in a new group, rename this group “Blur Lines“.
Load the selection from the 700x700px circle we created in step 1 and create a Layer Mask on the “Blur Lines” group we just created with this selection, Layer – Layer Mask – Hide Selection.
Duplicate the blur lines layer and use the Move Tool (V) to move those duplicated blur shapes to the right :
Place this duplicated blur lines in a new group, rename this group “Blur Lines 2“. Load the selection from the 700x700px circle we created in step 1 and create a Layer Mask on the “Blur Lines 2” group with this selection, Layer – Layer Mask – Hide Selection.
Place the “Blur Lines” and “Blur Lines 2” groups in a new group and change the Fill of this new group to 75% and its Blending Mode to Overlay.
Step 5 – Shadow
To add more details on this gold coin let’s add a little shadow under it. Create a new group named “Shadow“, place this group in front of the Background layer. Select the Ellipse Tool and create a 600x30px black oval shape on the bottom part of the coin.
Apply a 40px Radius Gaussian Blur Filter, Filter – Blur – Gaussian Blur on this oval shape.
Change the Fill of this shadow layer to 75%.
Duplicate this shadow layer, use the Free Transform Tool (Cmd+T) to downsize it 50% and change the Fill of these second shadow layer to 50%.
Here’s a Bronze and Silver version of the coin, just change the colour in the Layer Styles to create those coins. You can also create cool coins with different custom shapes.
That’s it for this Tutorial, now you have a nice shiny gold coin you can use as an icon or in a webdesign project, feel free to download the Source Files if you need help.