Publishing System Settings Logout Login Register
Vista Button Tutorial
TutorialCommentsThe AuthorReport Tutorial
Tutorial Avatar
Add to Favorites
Posted on March 3rd, 2007
Adobe Photoshop
Yeah, yeah we've all oooed and aaahhed at vista's buttons and toolbars but now it's time to make some.

This tuturial was created by Isa Hassen. You can email me at isa.h. Add

Ok here we go.

Make a new document with black as background.
First draw a rounded rectangle about this size.

Then call that layer bg and apply the following settings by Blending Options.

Ok now whip out your brush tool with opacity about 30% and size 55.
Use a nice soft blue color like #0E6FE6.
Remember to have the bg layer in selection when brushing. (ctrl + click on bg)
Brush softly on a new layer called glow at the BOTTOM of the rectangle until it looks like this:

Now we need to make the overlay.
Make a new layer called overlay.
Ctrl-Click on bg layer to load selection. KEEP SELECTION LOADED. (command-click for mac)

Now while you have the Whip out the eleptical marquee tool, click on the "subtract from selection" at the top left of the screen.

Now use the tool to subtract the bottom of the selection like so.

Now while you still have the eliptic tool right click on selection and click Fill...
Choose white and press enter.
Decrease the opacity of the overlay until it looks like this.

Yahooo! Almost done! Just add some text and icons.

By the way i got these icons at
Dig this tutorial?
Thank the author by sending him a few P2L credits!


This author is too busy writing tutorials instead of writing a personal profile!
View Full Profile Add as Friend Send PM
Pixel2Life Home Advanced Search Search Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Pixel2life Homepage Submit a Tutorial Publish a Tutorial Join our Forums P2L Marketplace Advertise on P2L P2L Website Hosting Help and FAQ Topsites Link Exchange P2L RSS Feeds P2L Sitemap Contact Us Privacy Statement Legal P2L Facebook Fanpage Follow us on Twitter P2L Studios Portal P2L Website Hosting Back to Top