In this tutorial we are going to create a simple semi-realistic chain using some Photoshop effects and a texture. This chain is best used as a part of a bigger project. So if you need some chain in a photo manipulation that you are doing something like this would be perfect.
What You’ll Need:
Lets start out by opening up a new document in Photoshop, 500x500px
Using the Rounded Rectangle Tool, create a rectangle about the size that I have mine with a radius of 30px. Change the color so you have a brownish-gray color (#574D44).
Create another rounded rectangle with the same radius and color, but this one with be about half the width of the first one.
Now what we are going to do is setup the wider rectangle so we can add a hole in the middle so the two chains will link together. First we are going to drop down the opacity on the bigger rectangle to about 50% and then put the smaller one in the middle so it looks something like what I have below.
We are going to add some guides on either side of the smaller rectangle. First make sure that you have “Snap to” checked in your View dropdown menu.
After you add the guides on the sides, hold down shift and move the smaller rectangle down three spaces and put a guide on the top of it. Move the rectangle up six spaces and put a guide on the bottom of it.
Bring you opacity back up to 100% on the larger rectangle and move the smaller one off to the side.. Click on the icon in the toolbar to add a new rounded rectangle, and click on the “Exclude overlapping shape areas” button. Make sure you have the larger rectangle layer selected. Create a new rectangle in the middle of the larger rectangle inside the guides. This should give you a hole in the middle of the larger rectangle.
To give the links some depth we are going to add a bevel/emboss to them.
Click on the first icon on the bottom of the layers palette and open up Bevel and Emboss. Change the settings like I have them to get the 3D look. Change your highlight color to #FFEED2 and your shadow color to #443416.
Now we are going to give our links some texture. So go to Filter>Distort>Ripple and when it asks you to rasterize your layer just press ok.
In the settings change the size to Medium and the amount to 41%.
Repeat this for the other link as well.
Duplicate both of the links with Ctrl+J, because we are going to have to use the originals later on.
We are going add a texture, but before we do that we are going to open it up in Photoshop. So go get our texture from Zen Textures (http://www.unsigneddesign.com/rust7_edited.jpg) and open it in Photoshop.
Now go to File>Save As and make sure you save it as a Photoshop file. We are going to use this for a Displacement map next.
Click on one of the links and press Control + J to duplicate the layer. Go into Filter>Distort>Displace and change the settings like I have them below. Press ok, and open up our texture that we saved.
The Displacement is going to give us a really rough edge, which we are going to get rid of. Control and click on our original link to select it, then do Control + Shift + I to get the inverse selection and delete. This should get rid of the area we don’t want.
As you can see, it gives our link a little more of a distorted look.
Repeat steps 10 and 11 on the other link.
Open up or texture file and bring it into our document and using Control + T (Free Transform) shrink it down to 20%. Make sure the texture is the top most layer, and change the blend mode to Overlay.
If you are using a white background you’ll notice that the texture is only visible on the chain links. If you put your link on a different color the texture will show up, so we want to get rid of our extra that we don’t need. To do this Control and click on one of the non-displaced links, click on the texture layer and do a Control + J. This will duplicate the selected layer.
Repeat this with the other link. Once you have duplicated the texture for both the links we can drag the original texture layer to the trash.
We are going to drop down the saturation of the texture. Go into Hue/Saturation and drop down the saturation to -60. Do this with both of the links.
At this point we should have three layers for each link: the original, the displaced and the texture. We want to merge the layers so there is only one layer for each link. To do this we are going to click on one of the layers and then click on the empty box to the right of the eye icon. A link icon should appear in the empty box. This will link the layers together. Link all the small link layers together and press Control + E to merge them together. Do the same thing with the large link.
So now you should be left with the two link layers and a background layer.
Now we can start linking them together. You can duplicate the links with Control J. You should end up with something like what I have below.
To give it some final touches we are going to add a shadow. Control and click on the large link in the middle and create a new layer (Control + Shift + N) just above the large link layer.
Using a brush with 0% hardness at 70px, paint with black, around the where the two links meet as I have below.
You can do this with the other visible links also.
Here is what I came up with for my final outcome.