In this tutorial you will learn how to create metallic interface claws. The trick behind this effect is to layer three or four different levels of these metallic pieces on top of one another to add depth. The metal pieces themselves are relatively simple when all alone, but grouped with several replicas they become extremely dramatic and give that ultra-tech look and feel.
Now once again just as we did in step #5, press CTRL + T and slightly resize the piece.
Move this piece down into the left corner, overlapping the piece beneath it as l've done here. Move it around a bit until you get a good spot for it that contrasts the piece bellow it.
You'll notice that l decided to flip it vertically because l liked the way it looked upside-down better. Just remember to try different positions to get the right feel.
Once you're happy, press CTRL + J on your keyboard, go to "edit->transform->flip horizontally" and place the duplicate/copy onto the right side of the image, in approximately the same place:
Now we'll create one more layer using the same techniques, as above and these three lower levels of our image will serve as generic pieces. I said it was easy, I never said it was quick. I've used the same techniques that l've used above to create another layer, here is an image sequence depicting the steps:
The following blending options were applied: Outer Glow:
Press CTRL + T on the keyboard to resize the image just as we've done earlier, and position it into your image
Now that we've gotten our generic panels out of the way, it's time to create the realistic metal pieces that will appear on top of everything else. Using the polygon lasso tool, and the other selection tools, make a unique selection smaller than the ones in the previous steps similar to this:
Now set your foreground color to: #979796 and your background color to: #C7C7C7 get out the gradient tool () and fill this selection with a gradient from top to bottom, as shown here:
Double click this layer, and apply the following blending options: Outer Glow:
Okay, now l'm going to tell you to get out the dodge tool (don't run...) You've got to learn how to use the dodge tool someday, why not today? It's really not that bad, it just takes a few minutes to get used to, I promise.
Get out the dodge tool, and set it up like this:
Now move the dodge tool around the image, so that the brush circle is half on your metal piece, and half off as shown in this image. Continue to tap the mouse and hold it for 1 or 2 seconds, then release while making smooth sweeps on the north faces of the piece as depicted by the blue in the following image:
Here's the image without the blue markings:
Next get out the () burn tool and apply these settings:
Now we'll do the same thing that we did with the dodge tool, however we'll do it on the south facing surfaces of our metal piece, and also contrast some of the highlights we made with the dodge tool as well. The usage technique is virtually the same however, smooth sweeping motions, and continuous tapping on the left mouse button.
Heres the image w/out the blue markings:
Now that we've gotten that out of the way, we'll start to position this piece, just like we did with the others:
Once happy, press CTRL + J on the keyboard to duplicate the layer, go to Edit->transform->Flip horizontally and position it as close as you can in the same place on the other side of the image:
The only thing left to do is continue to duplicate this piece and rotate and resize it repeatedly and position it on top of, and under other elements. After refining, and continuing to work on it, here's what l have come up with:
This technique works great for intricate layouts, sig/banner borders or frames for splash pages such as above.
Related Tutorials: Glossy Buttons In this tutorial you will learn how to make quick and effective looking round gl ... Interface Vents This tutorial will show you how to add a techno depth to your layouts with the u ... Retro Style Background Learn how to create the retro style background that you'd see on 60's television ...