Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

Related Links

Chains & Chainlinks


When designing creative masterpieces, there occasionally comes a time when you need to chain down your creations.  This is particularly an issue with horror-themed images, where you really don't want your monsters to look like they are roaming about freely.  The creation of chains sounds simple enough, but getting a decent 3D effect can prove to be elusive.  This tutorial details a comprehensive method for creating chains and chain links of almost any size, and even gives a few examples of how they can be used to their best effect.
 

Step 1: Create a new document with a transparent background layer. I like to work with lots of space, so I've gone for a 600x600 pixel canvas. Use the Elliptical Marquee Tool make a decently-sized circular selection, holding down the SHIFT key as you drag it out so that it keeps equal proportions.  Edit > Fill this circle with a solid black color. Without losing your selection, run Edit > Copy and Edit > Paste to duplicate this circle and move it a little to the left so that the two circles are overlapping a little.

Note: If you don't have them on already, you may find it useful to go via View > Rulers and turn rulers on with snap enabled.

Step 2: Swap over to the Rectangular Marquee Tool and draw a box connecting the upper and lower edges of the two circles.  Edit > Fill this with black.  You should now have a flat oval shape like in my example image to the left.

Step 3:  Merge all your layers together so that you only have one layer containing your new custom shape surrounded by a transparent area.  Press down CTRL on your keyboard and click on the layer in the layers palette (with any marquee tool selected), to create a selection around your link shape.

Pick Select > Transform Selection from the main menu and then, holding down the CTRL+SHIFT keys on your keyboard, resize your selection to something like 75% of its original width, and 58% of its original height.  Press DELETE on your keyboard and admire your nice chain link shape. Name the layer something inspiring like link1.   :)

Step 4: Lose your selection and invert your link color via Image > Adjustment > Invert.  We only used black before so that we could see what we were doing. Open up the layer styles dialog via Layer > Layer Style > Inner Glow, and enter in the settings on the right.  When you have done this, click OK.

Step 5: Make sure the link1 layer is selected and hit CTRL+T to transform the shape. Right click in the bounding box and choose perspective.  Then move the top of the bounding box inwards until it looks something like my example on the right. Press ENTER on your keyboard to finalize the change when you are happy with it.


Step 6: Press D on your keyboard to reset your foreground/background colors, and X to swap them around so that black is the new foreground colour.  Create a new layer on top of your link1 layer and name it shadow.  CTRL+click on the link1 layer in the layer palette, grab the Gradient Tool, set a linear transparent-to-black gradient, and drag it across the selection in the new shadow layer.  Set the opacity of the layer to around 45%.  Its only an optical illusion, but you should now see a nice shiny link.

Merge the shadow layer and the link1 layer together, renaming the combined layer link1 (again). Right click on this new layer in the layer palette and duplicate the layer, naming the new layer link2.    Press V on the keyboard to select the Move Tool and drag the new link to the right till the inner edges of the links are touching. Now rotate the new link by choosing Edit > Transform > Rotate 180° from the main menu.


Step 7: Lose any active selections you may have via the use of Select > Deselect.  Make the link2 layer active and click the add layer mask button at the bottom of the layer palette. CTRL+click on link1 in the layer palette to make a new selection in the shape of the first link, and then run Select > Modify > Contract with a setting of 1px.   DO NOT LOSE YOUR SELECTION.  Bring out a Brush Tool and give it a large hard-edged tip. Select the link2 layer mask in the layers palette (NOT the layer itself), and with the foreground color set to black, "paint" in the selection where the two links cross at the bottom.  This will delete the overlap and create the impression of 3D.


Step 8: Make another copy of the link1 layer called link3 and place it directly beneath link2. Move it a little to the right of link2 so that the inner edges touch. Select the layer and CTRL+click to get a selection, contract the selection by one pixel. Select link2 and make sure you've clicked on the layer mask box rather than the image box and again paint black down the bottom of the link inside the selection. You should end up with a nice link chain like this:


Step 9: And that's it!  Now all you have to do is make copies of link2 and link1/link3 and move them along as required to form bigger link chains.  You can then color them, scale them down, or add textures as needed. This is exactly what I did to make the chains in the image below, also adding a slight drop shadow underneath them for a little depth. I hope you found this tutorial useful!

- Tutorial written by NeoLokie

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  SKULLZ (#49474)
Date: Mon Apr 21, 2008. 03:36:47

Post #14 of 14

Love The Tutorial, It Is Much Help

Reply to this post


User:  Kathryn69 (#46805)
Date: Mon Dec 17, 2007. 01:14:09

Post #13 of 14

Thank you for the easy hoe to make chains. I always make it more complicated than it needs to be. Your tutorial is going to help.

Reply to this post


User:  NeoLokie (#45275)
Date: Tue Oct 09, 2007. 23:51:36

Post #12 of 14

hey Mats, the original pic is hand drawn on relatively coarse paper which gives the line work that textured look, i believe I inverted it so that the drawing itself was white, probably some level adjustments, and used the rusted metal action on a layer above it and changed the layer to multiply or something like that, i'd have to look at the file itself to know for sure (I'm not at home atm) and I painted a lot of extra little bits and pieces in to make different portions of the image stand out, using a white brush I believe, with some noise set to hard light (I think)

if you've got any questions feel free to contact me :)

Quote from Mats16;24500:
Good work!! How did you make skin on that picture? :beer:

Reply to this post


User:  Elmira Danae (#42311)
Date: Mon May 28, 2007. 03:08:28

Post #11 of 14

You know what? Your picture reminds me of something right out of Silent Hill. NIIIICE! I wish I knew enough about ps to scale my chains down...

Reply to this post


User:  Chrisseee (#27641)
Date: Tue May 16, 2006. 08:33:31

Post #10 of 14

This was the one of those tutorials, which help me. Very good and well done tutorial. Thank you a lot. Here's my result. [link]

Reply to this post


--- View Entire Thread ---
Featured Content

5 Minute Stylized ...
5 Minute Stylized ...
- Adobe Photoshop -
Fancy Stars
Fancy Stars
- Adobe Illustrator -
Isometric Pixel Art
Isometric Pixel Art
- Adobe Photoshop -
The Pattern Maker
The Pattern Maker
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Printer Friendly Version
Forum Threads

Competition Discussion - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:48pm
Activity: 0 replies, 55 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 58 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 122 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 96 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 29 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 112 views
 A Billion Styles - Please Help Me!!
Author: Angelz
Posted: Feb 03rd, 6:36pm
Activity: 2 replies, 137 views
101 Things you didnt know in 3DS Max ...in fact...
Author: noorjan
Posted: Jan 31st, 6:04pm
Activity: 0 replies, 163 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 164 views
Spam :: Online hotel reservations for Hotels in...
Author: kieulinh
Posted: Jan 28th, 6:39am
Activity: 0 replies, 205 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 3 replies, 17 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 27 replies, 727 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    415