Tutorials & Script Homepage
Photoshop Basics 15to21
Brushes Palette: Shape Dynamics (Part 3)
Brushes Palette: Tip Shapes (Part 4)
Brush Palette: Texture & Dual Brush (Part 5)
Masks over Multiple Layers
Aligning Layers
Tips for Your Pen Tool
Basic Web Page Techniques
Please Click Here, and Help Keep This Site FREE to Use
Please click on our sponsors advert to the right if you download or use anything from this page.
Thank you for your help.
This tutorial has been created by: Scudworkz.com
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.

Web Hosting  |  Membership website templates  |  Reliable UK Web Hosting  |  Dallas Web Design  |  Art Web Templates  |  Cheap Flight Deals  |  Free Web Hosting  |  Digital Camera  |  Coursework Writing  |  Reseller Hosting  |  Directory Submission Service  |  Cheap UK Web Hosting  |   Youth hostels  |  Web Design  |  Low Cost Domain Names  |  Windows Hosting ASP.NET  |  Website templates  |  Broadband Reseller  |  Dedicated Server  |  Business Broadband  |  Professionelt webdesign firma - webbureau  |  Austin Web Design  |  Flash Templates  |   SEO Services India  |  Flash Intros  |  Web Templates  |  Cheap Web Hosting  |  Hyper-V Hosting  |  Website Templates  |  Corporate Logo Design Service  |  SEO  |  UK Dedicated Server Hosting  |  Best Web hosting  |  Bespoke Software Development  |   Free Web Hosting  |  UK Web Hosting  |  Dating Software - aeDating 4.1  |  Flash Templates  |  Website Templates  |  Power Saver  |  Website Design Quote  |  Flash templates  |  cctv cameras  |  SEO  |  Web Templates  |  Web Design uk  |   Flash templates  |  Cheap Web Hosting Deal  |  Linux Hosting  |  Web Design uk  |  Web Hosting  |  Business web directory  |  Accept Credit Cards  |  Mobile Phone Contracts  |  Car Rental Deals  |  Free domain names  |  Business Email  |  Best UK web Hosting  |