www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Complete Render Layout Massive tutorial that shows you how to make a render layout from start to finish.. HUGE! 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!



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







    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.
    Glossy Buttons
    In this tutorial I will explain how l had made the small glossy "search" button for the tech layout tutorial. Now this is just a small offshoot of the entire tutorial, and l suggest you give the entire 100 + step tutorial a read if you're serious about learning photoshop techniques. It is located here

    Page 1 of 1

    Step 1.)
    I'm working on top of an already existing layout here.
    First l've used the circular marquee tool to make a circular selection.
    Note: If you hold down the SHIFT key while making the selection it will restrain the proportions and give you a perfect circle.




    Step 2.)
    Fill the selection with a light grey to dark grey gradient with similar color selections




    Step 3.)
    double click on the layer, and add the following layer styles to it:


    Here's how it should look after these settings are applied:




    Step 4.)
    Next hold down the CNTRL key, and click on the layer that our circle is on. This should select the entire

    thing and CREATE A NEW LAYER. Get out the circular marquee tool again, and while holding down the ALT key, de-select the bottom portion of the circle, so you end up with something similar:




    Step 5.)
    go to "selection->modify->contract" and contract the selection by 1 or 2 pixels. Depending on the Size. If it

    is going to be a large button, go with 2 pixels, if it's a smaller button (such as the one l'm working with here) just stick with a 1 pixel contraction.




    Step 6.)
    now set your foreground color to #ffffff (white) get out your gradient fill tool and select the "foreground to transparent" option. and fill in the selection from top to bottom.





    Step 7.)
    The last and final step is to drop the opacity of this layer down to around 60%, or lower.




    Step 8.)
    This technique can be used for all types of things and is a tool you will use over and over again, on many different applications. Get comfortable with this technique it's tried and true.




    Related Tutorials:
        View Render Layout Tutorial vol. 4: Button Creation Render Layout Tutorial vol. 4: Button Creation
    In this tutorial you will learn how to create an entire layout by using an exsis ...
        View CMS Buttons CMS Buttons
    Learn how to create simple CMS or (Content Management System) buttons, quickly a ...
        View Beveled Control Buttons Beveled Control Buttons
    Learn how to create 3d Control buttons that look like they're popping right off ...


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