RSS Feed
About
TutorialsIndustrial Panel
If you're new here, you may want to subscribe to my RSS feed.
In this tutorial I’ll be showing you how to create this industrial styled panel, great for gaming website templates!
Let’s get started.
1.
First create a new document and make a background that will match the panel. I used a dark grey background with a few nice effects.
2.
Create a new layer for the start of the panel.
After you created the new layer, make a rather crooked selection with the Polygonal Lasso Tool.
This is the selection I made:
Fill your selection with a lighter grey than the background, I used #454545.
3.
Go into the Blending Options for the main panel layer and apply the following layer styles:
Outer Glow
Outer Glow
Gradient Overlay
Pattern Overlay (Download the pattern from here)
You should have a result like this:
Loading ...
Good tut;)
It was easy to understand and made a good result:)
Comment by Murlough — December 8, 2006
Hey i need help… i have just got photoshop and i dont know how to save the link with the pic’s for the patterns… because it says it needs to b a .pat file and it saves as .jpg
PLEASE HELP QUICK!!!
Comment by tom — December 18, 2006
Awesome tutorial man, I was looking for something a little different and eye catching and this was it!
Thanks again keep them coming
Comment by Iceman — January 2, 2007
[…] Click here to view this tutorial […]
Pingback by Photoshop Tutorials, Photoshop Tips & Tracks » Industrial panel — January 4, 2007
Why have you made the perspective all off? Wouldn’t this look better at the correct angle?
Comment by Simon — January 14, 2007
One little problem there. As the panel itself has a perpective, but the text doesn’t, wich makes it look a bit odd… Should be easy to fix though?
Comment by Igloo — February 11, 2007
Excellent tutorial. Lots of your steps are things I didn’t think to do on my own - such as importing my own patterns and throwing things off perspective for dramatic effect. Thanks for getting the creativity going!
Comment by Damien — April 16, 2007
wow… thanks for this superb tutorial… i like the result…
Comment by wooncherk — April 24, 2007
Superb in the sense of simpilicity
Comment by Nikhil Nigam — July 8, 2007
great !!!!
Comment by martin — July 21, 2007
wow. thaks. easy n fun.~~
Comment by maya — August 9, 2007
Damien,
Sure thing, but you’ll have to rasterize type layer in order to have the possibility to do some transformation. So, rasterize -> Ctrl+T -> Rotate -> Rightclick - Distort; now just put the corners in the correct positions. Looks much better and realistic
Comment by Rampage — August 26, 2007