Contrary to popular opinion, industrial metallic textures are not always easy to
create from scratch in Photoshop. A brushed metal here, a quick gradient
there - the simple methods remain the same, but industrial texturing also makes
extensive use of repeating patterns which take considerably longer to create and
can be difficult to plan, especially when they have to tile seamlessly.
This tutorial details
a relatively straightforward way to create diamond-patterned metal plates, often
used for walkways and other industrial-style constructs. The results are
highly individual and leave lots of room for subsequent modification with
weathering effects, lighter/darker metals, etc.
Create a new document with a single white-filled background layer. We need
this image to be bigger than usual for subsequent cropping, so make the
canvas 768px*768px with a resolution of 72dpi.
To enable us to
precisely plan and place all our components, we need to set up a grid with
proper 'snapping' to make aligning that much easier. To do this, go to
Edit > Preferences > Guides, Grid & Slices and enter in the Grid
settings on the left.
2: Press OK, and then make sure View > Show > Grid and View >
Snap are checked. You should now be presented with a document that looks
a little like the image on the left.
This grid is just like
regular graph paper, with each darkly-colored block representing 32px, and
the lighter-blocks 16px in size. With snapping on you will notice that
it is much easier to place objects and marquee selections along the
gridlines. Of course, you CAN override the snapping quite easily and
use cursor keys, but your results will not come out as intended if you go
down this route. Try and use ONLY the mouse for the rest of this
3: Create a new transparent layer on top of your Background and
make it active in the layers palette. Using the elliptical marquee
tool and Edit > Fill, draw black-filled ovals as shown in the design
schematic to the left. Take great care to get the proportions correct.
Each oval should be 4 big squares long, 1 big square thick, and 1.5 big
squares away from its nearest neighbour. Repeat this
pattern for the entire canvas before proceeding any further.
4: Turn off the grid for now by unchecking View > Show > Grid,
hide the diamond-pattern layer, and replace the background layer with
a metallic texture of your choosing. How you do this is entirely
up to you, but if you want something quickly, you should probably follow our
Metal tutorials. I added some faint scratches in my metal
for extra fun.
5: With the diamond-pattern layer now visible again and selected in the
layer palette, select Layer > Blending Options from the main
menu and enter in the settings below into the appropriately-named sections.
Press OK when finished.
6: Duplicate the Background layer and drag the copy to the top of
the layer stack. Set this layer's Opacity to 25% and the
Fill to 50%. You can add subtle effects to this layer if
you want, but remember that very visible marks will look awful if the
texture is to be tiled later.
Check your geometry one final time to
ensure that everything is perfectly in place, and then Layer > Flatten
Image when you are happy to merge all your layers into a single
now take a few extra steps to make the texture look much better and enable
it to be seamlessly tiling. You can omit these stages if you like, but
its not recommended.
7: Select Image > Rotate Canvas > Arbitrary from the main menu
and enter a value of 45 degrees with either a CW or CCW rotation.
Press OK, and you should end up with a diamond-shaped image that resembles
the one on the left.
Turn your grid back on and select the
Rectangular Marquee Tool. With the Style set to a fixed
aspect ratio of 1:1, create a perfectly-square selection that occupies
as much of the center as possible. The image to the left shows exactly
what I mean, and the snap functions mediated by the grid makes this type of
selection much easier to attain.
8: With the selection still active, Edit > Copy your selection
into the clipboard and create a new document 544px*544px in size.
Edit > Paste your selection into this new document and you're finished!
Your new texture should tile perfectly and resize smaller with minimal loss
Note: Of course, it *IS* possible
to omit large parts of step 7+8 by just reducing the canvas size of the
rotated image to 544px*544px, but that cuts out a technique that I find
genuinely useful, especially for geometric textures such as our
diamond-patterned plate metal.
As you may have noticed, our 'diamond-shaped' pattern above is actually
entirely made up of ovals. This is no mistake, as 'diamond plate
metal' seems to be something of a misnomer in the industry, with true
diamond-shaping quite rare. That said, of course, it is possible to create
true diamond shapes using Photoshop's inbuilt shape tools, the results of
which can be seen on the left.
- Tutorial written by Man1c M0g
| || || |
| ||Last 5 User Comments || |
|User: Dottie (#51311)|
Date: Fri Jul 04, 2008. 15:00:56
Post #5 of 5
I just want to say THANX .. it helped me a lot!! It was not difficult and looks beautiful!!!!
Reply to this post
This was an awesome tutorial, I used it with the realistic metal look and it came out very nice. Thanks.
Reply to this post
I wanted to let you know that you are a life saver. I was able to get this done in no time thanks to your help. I am going to be using this on the Co. logo I am designing for a trucking Co.. I will be posting the logo once finished here.
Thank you again, E
Reply to this post
--- View Entire Thread ---
Posted: Jul 14th, 2:09pm
Activity: 1 replies, 1049 views
| Re: 3ds Max Tutorials for Beginners|
Posted: Feb 22nd, 4:29pm
Activity: 0 replies, 1674 views
Posted: Oct 18th, 6:47am
Activity: 1 replies, 2757 views
Posted: Jul 02nd, 11:37am
Activity: 2 replies, 2762 views
|Help Please :)|
Posted: Mar 25th, 4:08am
Activity: 0 replies, 3322 views
Posted: Mar 24th, 9:18pm
Activity: 1 replies, 2335 views
| Deactivate Account|
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 3156 views
Posted: Sep 12th, 2:56am
Activity: 2 replies, 4353 views