Hi Tech Interface
This tutorial will show you step by step how to create a nice looking hi-tech interface. You can use it for your website or softwares..
- Start a new document 600x200 and fill the background
with #3E3F49. |
- Now apply the following layer styles to it: DROP SHADOW | INNER SHADOW | GRADIENT OVERLAY | STROKE |
- Now select the Rounded
Rectangle Tool , and set the Radius
to 60px: |
- Now go to Edit » Transform » Skew.
This will give you handlers on each corner so you can
resize/adjust the shape. |
Now apply the following layer styles to this shape. Layer » Layer Style DROP SHADOW | INNER SHADOW | GRADIENT OVERLAY | STROKE |
- Create a NEW LAYER |
- CTRL+D to deselect. |
Now choose the rounded rectangle tool, set the radius to 20px, then draw a shape just near the top edge of the shape. Make it smaller than the shape and not to go outside it. Then set this layer's opacity down to 20% |
Now lets add some details to our pipe. choose (by choose, i mean select it as the working layer in the layer's pallete, a working layer pallete is highlighted dark blue) the pipe layer (the first layer we created), then go to layer » rasterize » shape. Now, use the rectangular marquee tool and make a 225 wide and 5px high selection on the bottom of the pipe. |
Now press DELETE, this will delete selected area of the pipe, but because it has some dropshadows on it, it will give it some depth. now, use your imagination with the above step, create different size selections, different places. Note that this will only look good if done with thin selections, and a more towards the bottom of the pipe. |
Now maybe you can add some wires to the interface
to make it look hi-tech. Adding a wire is pretty easy. Then apply the following Bevel and Emboss layer style to it. Now just use the eraser tool with hard edge brush and delete away the unwanted part of the wire.
Here is mine.
|
Like this tutorial? Share it




