BarsClubsCoffee/CafeContact UsDevonshire QuarterHomeHotelsLeopold SquareMenusPhotosPubsRestaurantsSportTheatres etc.TransportWeatherWest Street

Metal Checker Plate - Result

This tutorial is really only suitable for Version 6 and above unless you feel you can create the initial two shapes with the Polygonal Lasso Tool.

1. Create a new document 70 x 70 pixels, white background. Make a new layer. Select the Line Tool and apply the settings as shown to the right:

Make sure the Foreground Color is Black

Ensure the Fill Pixels button is pressed (circled in red)

Weight: 3px

Enter the "Arrowheads" data as shown (this box accessed by clicking the drop-down arrow shown to the right).

Line Tool options

2. Draw out a shape as to the right in the vertical plane.

3. Duplicate this layer, go to EDIT...Transform...Rotate 90° CCW.

Use the Move Tool to position the second shape as shown (i.e. in the horizontal plane)

checkerplate 1checkerplate 2

Go to IMAGE…Image Size and change the size to 60 x 60px. Now go to IMAGE…Canvas Size and change this to 70 x 70px. Next, IMAGE…Rotate Canvas…Arbitrary. In the box to the right, enter 45° clockwise:

Your canvas should have grown a bit in order to compensate the edge of the canvas. With the Rectangular Marquee Tool (and "Fixed Size" in the Options bar), drag out a 60 x 60px selection, make sure there is equal white space on all sides of the arrows. Then go to IMAGE…Crop.

You should have something like the image to the right:

Rotate Canvas

checker plate 3

If any marching ants are visible, deselect. Now go to SELECT…All, then EDIT…Define Pattern and name the pattern "Bumps".

4.FILE…New and create a document 600 x 600px, white background. Create a new layer and fill with RGB 2:0:1 (almost black).

Go to the Channels palette. Create a new channel, then go to EDIT…Fill…Pattern and fill the channel with the Bumps pattern.

Now go to back to the Layers palette and LAYER…New Adjustment Layer…Invert (the "bumps" should now appear pink). To get rid of most "jaggies" go to FILTER…Blur…Gaussian Blur and use a setting of 0.5px. Double click the channel you first created (it should be called Alpha 1) and rename it "Bumps".

Go back to the Layers palette, merge all your layers (there should be three) by going to LAYER...Flatten Image and go to FILTER…Render…Lighting Effects and use the settings to the right (Note the Texture Channel!):

lighting effects
And that's basically it. It tiles perfectly for a website background etc. Create new layers, fill with a color set at low opacity and try different lighting effects, but now we'll continue and give it a bit of rust and dirt.

5. Create a new layer and fill it with RGB 2:0:1. Add the monochromatic Noise filter at 150% and a horizontal Motion Blur of 50px. Add these lighting effects:

lighting effects 2
6. Make the Layer Mode Darken and set the Opacity at around 40%. layers palette-darken
7. Go back to the Channels palette, create a new channel and, with Black/White as your Foreground/Background Colors, go to FILTER…Render…Clouds. Click the Load Channel as Selection button (circled in red): channels palette
8. Return to the Layers palette, create a new layer and fill it R:90, G:39, B:2. Set the Layer Mode to Overlay. Create a final layer, fill this with 80% Gray and set the Mode to Overlay.

Deselect. You may have ugly edges around your image after you added the motion blur? Drag out a 512 x 512px rectangular marquee and crop the image.

You may be happy with that, but try various lighting effects - spotlight etc, fiddling with the layer opacity.

checker plate - finish