Skip to content

Fix My XP

Increase font size  Decrease font size  Default font size 
You are here:    Home arrow XP Fixes arrow Photoshop Guide - Create A Tech Style Metal Border

Login

Welcome, Guest. Please login or register.
November 21, 2008, 05:06:25 PM
Username: Password:
Login with username, password and session length

Forgot your password?
forumhelpmodule.jpg

Translate

 

Photoshop Guide - Create A Tech Style Metal Border Print
Written by Squeezebox   
Saturday, 03 December 2005
Please Enter New Tags Separated By Comma's
  Or Close


In this tutorial you will learn how make a tech style metal border. This effect is well suited to tech style avatars or forum sig pics (signature pictures).


 

On an open image make a new layer {Shft+Ctrl+N}. Name it Border and give it the following settings:

Press 'D' to set the colour palette to defualt, then select the 'Paint Bucket Tool'. With the "Border" layer selected, click inside your image to fill the layer with black. Now select the 'Polygonal Lasso Tool'. On the "Border" layer with the Polygonal Lasso Tool selected, draw the shape you want for your border. You can be as creative as you like with the shape. Once your happy with the shape, cut the selection {Ctrl+X}. You can also make use of the 'Rectangular Marqee Tool' and/or 'Ellipse Tool'. You should end-up with something like the image below:

At this point our border looks pretty plane, so lets give it that metal look:

In the layers palette, right-click the "Border" layer, select 'Blending Options' and give it these settings:

Drop Shadow:

Inner Shadow:

Outer Glow:

Inner Glow:

Bevel and Emboss:

Color Overlay:

Gradient Overlay:

Stroke:

If having all the effects showing in the layers palette bugs you just right-click the little triangle on the "Border" layer (in the layers palette).

Hopefully, you should now have something similar to this:

That's all there is to it!. Below I have put together a slightly more elaborate version using the same technique. I have added some content in the image to give an idea what you might expect from a final image:

I hope some of you budding Photoshopers find this tutorial useful.

Cache.

{mos_smf_discuss:FixMyXP Article Discussion Room}


Comments (1)Add Comment
...
written by R-Kade, December 21, 2007
Hey thanks for making this man. It was easy to read and follow. Good job.

Write comment
quote
bold
italicize
underline
strike
url
image
quote
quote
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley
Smiley

security code
Write the displayed characters


busy