I’m using the denim background we created in the Frayed Denim Patch With Stitches tutorial to give the project a little context.
Lets dive right in and create a new layer which I’ll rename Main by double clicking on the layer name in the Layers palette. (*note: If your layers palette isn’t visible simply choose Window>Layers from the main menu.)
Choose the Elliptical Marquee tool from the Tools bar and while holding the Shift key to constrain the selection to a perfect circle, click and drag a nice large selection onto the stage. For this tutorial we will be creating the object on a large scale with the intention to scale it down for practical usage. This will allow us to see all the details as we work. If you’re curious… and I know you are, my circle is 260×260 pixels.
In the tools palette change the foreground and background colors to #caa78b and #846145 respectively and then press Option-Delete (PC: Alt-Backspace) to fill the circular selection with the lighter foreground color.
With the selection still active choose Filter>Noise>Add Noise from the main menu and use the settings as 9%, Gaussian and Monochromatic. The Noise filter gives us our beginning copper tone variations and uses both the foreground and background color swatches to create it’s effect, which is why it was important to set them correctly in Step 2.
Because our circular selection is still active, lets go ahead and cut a nice hole from the center using the current selection as our starting point. Choose Select>Transform Selection from the main menu to bring up the transform controls around the selection. While holding the Option and Shift (PC: Alt and Shift) keys to constrain the circle and transform towards the center, grab one of the corner points and drag it towards the center. This will be the space we’ll cut out in the center of the rivet.
Once the selection is reduced to your liking click Return (PC: Enter) to commit the transformation, then press Delete (PC: Backspace) to remove the area inside the circle. Press Command-D (PC:Ctrl-D) to deselect.
Now we’re going to add a series of Layer styles to the Main layer to create depth, contrast and better tone. Be sure to go through each setting carefully. I’ll explain anything that’s not obvious in the next few steps. Go ahead and double click to the right of the layer name in the Layers palette to bring up the Layer Styles dialog box. (*note: You can also access the layer style dialog box through the main menu by choosing Layer>Layer Style>Blending Options or by clicking on any of the distinct layer styles in the menu that follows.)
We will first add a nice little Drop Shadow followed by an Inner Glow. Notice in the Inner Glow settings however that I’ve changed the color to black and the blend mode to Linear Burn. This allows us to darken the entire inside edge quite effectively.
When you finish with these two Layer Styles, move on to the next step without closing the Layer Styles dialog.
Next we’ll add some depth with the Bevel and Emboss layer style as shown below. Things get tricky when we get to the second part of this step… Click on the Contour option below Bevel and Emboss. Here we will be dictating exactly what sort of edge contour the Bevel will be adhering to.
Click on the Contour preview window (which is probably set to a straight 45° line) and by clicking and dragging points along the line modify it to resemble the one shown in the second image below. (*note: If there’s ever a point you want to remove from the curve, simply click and drag it out of the editing window to make it disappear.)
Lastly lets add some Satin to add a nice darkened ring to the interior of the rivet. When you’re finished here, go ahead and click OK to commit the layer style and return to the document.
If you followed the directions carefully your image should now resemble the one you see below. If not, go back to Step 6 give ‘er another try.
Next lets create the middle of the rivet, the round little ball that sits in the center. Create a new layer called Center and with the Elliptical Marquee tool create a circular selection right in the center of the existing doughnut (mine is 73x73px). Fill it with foreground color and add noise just like we did in Steps 2 and 3 then press Command-D (PC: Ctrl-D) to deselect.
Now lets add a whole bunch of Layer Styles just like we did before (except these are a little different so pay attention). We won’t use a Drop Shadow this time, but an Inner Shadow instead, and a few of the other styles have been modified as well including the Contour for the Bevel and Emboss so pay close attention because I’m going to throw them all at you at once this time!
Here’s what you should have so far.
In the layers palette click down to the Background layer and add a new layer above it called Hole. Normally I’d get into more tonal detail in this area, but because these rivets are going to end up so tiny when we shrink them to actual size, lets just create a circular selection with the Elliptical Marquee tool and fill it with black. Press the D key to reset the foreground color to black, make your selection and then fill it by pressing Option-Delete (PC: Alt-Backspace).
Press Command-D (PC: Ctrl-D) to deselect when you’re done.
Click on the Center layer and add a new layer above it called Text (which will now be our top layer).
Switch to the Custom Shapes tool in the tools palette and choose the Ellipse tool from the fly out menu (or from the options menu that appears at the top of Photoshop when you select the Custom Shape tool). Make sure that the icon for Paths is selected because now we’re going to place a circular path for our type to follow.
Click and drag a path onto the stage in roughly the same size as the one I’ve made below, remember to hold the Shift key to constrain the circle. If you need to move the path once you’ve drawn it out to size, simply hold down the Command (PC: Ctrl) key to change the cursor temporarily to the Path Selection tool (a black arrow) with which you can grab and drag your new path to a spot that looks right.
With the path laid out it’s time to switch to the Text tool by pressing the T key. I’m using the font Arial Rounded MT which is basically a bold Arial font with the corners rounded off but any nice bold font of your choosing will be fine. If your Character palette isn’t visible, you can open it by clicking Window>Character from the main menu. The important part here however is to click over to the Paragraph tab and choose the Centered Text option.
When you hold the text tool over the top center anchor point of the path we created in step 15 you will notice that the standard Text cursor changes to the Type On Path cursor (basically adding a little wavy line at the bottom of the cursor icon), this is how you know that the text tool recognizes that you wish to type on the path. Go ahead and click and type your text.
When your text is complete, use the Font Size and Font Tracking features to adjust the text to your liking.
Lower the Fill opacity of the Text layer in the layers palette to 0% (which will momentarily make the text invisible), then add the following two layer styles to give the text some depth and texture.
Your final rivet should look like this. Lets move on to the final image now and put the rivet in context.
I selected all 4 layers containing the rivet components and pressed Command-E (PC: Ctrl-E) to merge them together, then invoking the Free Transform command by pressing Command-T (PC: Ctrl-T) I sized the rivet to my liking. Add a little color shift, some basic stitching and SHAZAM! the final result!
Lesson Files + Additional Resources
Download the free .PSD file and other lesson files Right Here.