www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Take Control! This quick tutorial teaches you how to make awesome rounded bevel buttons for your interfaces, great for beginners. A must see! read more...
Join our Mailing List to receive:
  • Site Updates
  • Photoshop Tutorials
  • Webmaster Tips
  • Hot Site Reviews
  • & much more...

  • Mailing List: Privacy Policy


    Affiliates
    Your Link Here

    www.VidPit.com: Funny, Cool & Sexy videos!



    Desktop Deck - Desktop wallpapers and graphic design tutorials

    Pixel-EFX.net :: Where The Web & Mind Combine

    FSTutorials.com Photoshop Tutorials - Photoshop Cs Tutorials



    Link to us
    ( Link to PhotoshopTower.com )



    wholesale computers

    PhotoshopForce.com - Photoshop Tutorials

    Site By: Coastal Web Innovations

    Some web hosting solutions you can find yourself on WHG and a list of
    web hosting companies.
    Beveled Control Buttons

    In this tutorial we're going to create rounded 3d buttons that look like they're popping right off of the screen. First off l'd like to point out that this is a re-write of a tutorial that was originally created for paintshop pro by a man named Brian Zimmer. This tutorial was made, with his complete consent. If you'd like to see the paintshop pro version of this tutorial, please visit his site: ZimmerTech.com. Trust me, he's got lots of great stuff to check out!



    Page 1 of 1

    Step 1.)
    Start off by creating a new document that is 200 x 200, and fill the background with #6598CB.



    Step 2.)
    Create a new layer and name it 'button'. Get out the elliptical marquee tool, now hold down the SHIFT key on your keyboard (this will draw a perfect circle) and draw a circle in the middle of the canvas:




    Step 3.)
    Fill the selection with #F5F5F5.




    Step 4.)
    go to "select->modify->contract" with a setting of: 20


    Here's what you should have on your screen:


    Now fill this selection with #6598CB, and press CTRL + D on your keyboard to de-select.




    Step 5.)
    Next double click this layer, and apply the following blending options:
    Drop Shadow


    Bevel and Emboss




    Step 6.)
    The only thing left to do is add text to your button. Use -, x or >> for example. Once you have it set up like you want, scale the buttons down to around 25x25...


    Here's an example l made using this technique.


    Hope you enjoyed this tutorial! If so, please check out our other great tutorials.



    Home | Tutorials | About Us | Services | Contact Us | Affiliates | Search | SM | Top^