The Chain Tutorial from FuelYourCreativity

December 1st, 2009 by dr.emi

Chain Preview

This tutorial represents the second installment of a tutorial over at our friends PSDTUTSPLUS! In part one, we learned how to create this shiny chain from scratch in Photoshop. In this tutorial we’ll take that shiny new chain and weather, distress, and age it using layer styles, textures, and lighting effects to create our final result.

bonusiconAs a bonus, one lucky person will win a free Premium Membership to PSDTUTSPLUS by commenting on this tutorial!

So let’s get started!

Author: FuelYourCreativity.Com

Step 1

Download this zip file. Contained within this file are the four files:

  • chain.psd – a half-sized and flattened version of the PSDTUTS final product.
  • rustpattern.png – a tile able pattern
  • rust.,jpg – a rust texture image from ZENTEXTURES
  • chain-final.psd – end result from this tutorial.

Open “chain.psd” and “rust.jpg” and leave “rustpattern.png” for later in the tutorial.

Step 2

First we want to desatureate rust.jpg by pressing Cmd/Ctrl+U and moving the Saturation slider all the way to the left.

Step 3

Drag rust.jpg into “chain.psd”, move it to the top most layer and name it, “top”.

Step 4

Change the “top” layer’s “Blend Mode” to “Overlay”

Step 5

Create 3 new layers and name them, “fx base”, ” fx top” and “fx bottom”
and move each one to just above it’s link counterpart as seen below.

Step 6

Select the “fx base” layer and Cmd/Ctrl-click on “base link” to get a selection.

Step 7

Change your foreground color to “333333?, fill the selection by pressing Opt/Alt+Del/Backspace and change this layer’s Blend Mode to “Multiply”.

Step 8

Repeat this process with “fx top” and “fx bottom”. For layer “fx top”, Cmd/Ctrl-click on “top link”, fill with gray and change the Blend Mode to “Multiply”. Now do the same for “fx bottom”.

Step 9

Let’s go back to layer, “top” and turn the “Blend Mode” back to normal.

What we’re going to do next is create a new “Channel” to use as a “bump map” for our Lighting Effects. We’ll get to that in a moment but first, open your “Channels” by going to Window > Channels.

Step 10

Right-click any of the Red, Green or Blue Channels. and select, “Duplicate Channel…”. Name this new channel, “bump” and click back on the “RGB” channel.

Step 11

Turn the “top” layer’s Blend Mode back to “Overlay”

Step 12

Select the “fx base” layer and go to Filter > Render > Lighting Effects

Step 13

Change the “texture Channel to “bump” and rotate your lighting to match the image below. (It doesn’t have to be perfect, just make sure the light source is coming from the top left) Click, “Ok”.

Step 14

Select “fx top” and hit Cmd/Ctrl+F (repeat last filter) and do the same for “fx bottom”.

Step 15

Next we’re going to create a texture pattern to give our chain some real depth. Open the third and final file of the previously downloaded zip file, “rustpattern.png”

Step 16

Press Cmd/Ctrl+A to select all and go to Edit > Define Pattern… and press “Ok”.

Step 17

We’ll go back to our “chain.psd” and select the “fx base” layer. Apply a “Bevel and Emboss” by Double-clicking on the “fx” icon at the bottom of your layers palette, or going to Layer > Layer Style > Bevel and Emboss…

Step 18

Change the settings in the Bevel and Emboss dialog box to match the image below.

Step 19

Select the “Texture” box and change the Scale to “30?, “Depth” to “9?, and in the “Pattern:” drop-down select the pattern we created in step 16. Leave the Layers Style dialog box open and move on to the next step.

Step 20

In the Layer Style dialog box click on “Color Overlay” and chance the “Blend Mode” to “Linear Dodge (Add)” and change the color to “864719?.

Step 21

The final Layer Style will be “Inner Glow” change these settings to match the image below with a color of “573f29? Now we can click “OK” and close Layer Styles

Step 22

Apply this Layer Style to “fx top” and fx bottom” by right-clicking on “fx base” and selecting “Copy Layer Style”

Step 23

Now paste this layer style on the other 2 layers by right-clicking and choosing “Paste layer Style”

Step 24

Create a new layer above “fx base” layer as seen below and name it “shadows”. Press Cmd/Ctrl+Click on the “fx base” shape layer to get a selection.

Step 25

Press Shift+M until we have our “Elliptical Marquee Tool”. We want to subtract a portion of this selection. Press and hold Opt/Alt. We can see that the minus sign is visible which tells us we’re going to subtract from this selection. Now simply drag your marquee on both sides of our original selection to subtract it from either side until you end up with a selection looking like the image below.

Step 26

Press Shift+F6 or go to Select > Modify > Feather and feather our selection by 15 pixels.

Step 27

To fill our feathered selection with black press “D” to get our foreground and background to their default state. Then press Opt/Alt+Delete/Backspace to fill with background, and deselect by pressing Cmd/Ctrl+D.

Step 28

With the “shadows” layer selected, Cmd/Ctrl-click on the “fx base” layer to make a selection. Then go to Layer > Layer Mask > Reveal All to create a mask layer.

Step 29

Fill the mask by pressing Cmd/Ctrl+Del/Backspace to fill with background, Cmd/Ctrl+I to invert, and then Cmd/Ctrl+D to deselect.

Step 30

Change the Blend Mode to “Overlay”.

Conclusion

Click here to see the final result!

If you liked this tutorial, head over to PSDTUTSPLUS and check out part one where you will create the shiny chain elements that we started off with in this tutorial. An extensive tutorial employing several different styles and techniques that you’ll be able to use in other designs you create!

Contest Info:

  • One lucky person will win a Premium 6-Month Membership to PSDTUTSPLUS!
  • Just post a comment about this tutorial below
  • Contest ends on Monday December 7th (5pm EST).

Sources

The “rust.jpg” image comes from ZENTEXTURES and “rustpattern.png” was created from this texture as well.

Further Reading

Check out this other great tutorial over at Fuel Your Interface, “How To Use Textures (Better Than You Used To)”

Popularity: 28% [?]

Download Unavailable Demo Unavailable
Bookmark Subscribe
Hello my fox! Glad to see you today!

If you love my tutorial, please chose any action from the left button.

5 Comments

jemiro Said:  

thx so much, so fantastic.. :D

Herwin Said:  

Amazing

irones Said:  

Some interesting! Nice work. Thx.

Johan IG Said:  

Top MARKOTOP dah mas!!

einz Said:  

tekstur dari rantainya bagus kelihatan lebih hidup gan, good job!!

Hi.. ! Wanna say anything about my tutorial ?
Just say it with fill the comment form.
Comment Form
 

 
 
 
 
 
Category
stack

Switch to our mobile site