Tutorial Spotlight: Shatter Background
Learn how to create an abstract shatter background that looks great in signature/banner backgrounds. This is a very quick, and easy technique that anyone can do.
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.
open a new or existing document to work with. The size l'm using here is 600x150, a standard banner/sig size.
The final product looks best on a dark background, but not necessarily black. So choose a nice dark grey color. Here l've used: #1F1F1F as my background color.
Get out the polygon lasso tool:
Now as l said in the preface to this tutorial that basically what we're going to do is layer several different pieces on top of one another to create an overall complex look. So lets start with the bottom most layer of metal pieces.
Create a new layer.
Using the Polygon lasso tool () create a selection similar to the one shown here:
And fill this selection with white (#FFFFFF)
Once again, using the polygon lasso tool go through and delete a few areas by making a selection and tapping 'delete' on your keyboard. Continue to do so until you broken up the piece a little:
Next double click this layer, and apply the following blending options: Outer Glow:
Now to resize the piece a little press CTRL + T on the keyboard, the following box will appear around your image:
Place your pointer over the box or 'node' in the top left corner, hold down the SHIFT KEY on your keyboard, and drag inward towards the center of the piece. This will make the piece smaller, and holding the shift key ensures that the proportions stay correct:
When done, press ENTER on the keyboard to finalize the transformation/resizement.
Now press 'V' on your keyboard to get out the move tool, and position this piece into the bottom left corner of the canvas.
Press CTRL + J on the keyboard to duplicate this layer. Go to "edit->transform->flip horizontally" and move the duplicate piece into the bottom right corner so you have something like this:
Now for the second layer of metal pieces. Create a new layer, get out the polygon lasso tool again, and make another selection slightly smaller than the first, as shown:
Fill this selection with white (#FFFFFF).
And using the same techniques as in step #4 use the polygon lasso tool to remove some of the sections of this shape to give it a more techie feel.
Double click this layer, and apply the following blending options: Outer Glow:
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 ...