Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Pattern Text Effect Learn a very easy and cool text effect, with uncomplicated steps! 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

    Your Link Here

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

    graphics, tutorials, softwares, designing, free training, downloads

    Learn Web Design Online .com

    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.

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