Basic Web Page Techniques
you must have all seen them by now
This aint at all hard. A bit different from other pixel
borders. but you'll learn the difference here. So first open
a new image. I suggest not using a white background, but
just for the first part. Open a new image, get the selection
tool, and make a rectiange... or square...
If you havent already, create a new layer and go to Edit
-> Stroke.
Set it at 2px, make the color white (FFFFFF), Choose
"center", at normal and 100%.
So now you have a 2px white line on its own layer. Right
click that layer and choose Blending options. First thing to
add is a drop shadow like below. The color you should use is
BED0EF
Then add an inner shadow. This time make shure the color
you use is 92B3E4
And the last part for the border, a stroke like below.
The color your going to use is 535B6E
And theirs your border. If you want more than just a box,
get your pencil tool and 1px at start making lines (side by
side of course, so they'll be 2px thick). And to make the
lines strait, hold shift while dragging.
now were moving on to making the box inside that top
part. So zoom in to the max, get the selection tool, and
make a selection so its just touching the border's stroke.,
not overlapping.
Again, if you havent already, create a new layer. Then
fill in that selection with color 3454A0. Get that
layer, right click on it, select Blending Option, add a
bevel and emboss using settings below.
And now your finally done. Pixel Borders exactly like
spoono's.
|