www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
5 Step Grunge Background! Create a grunge background without the use of 3'd party brushes or plugins! 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!



    FreeTimeFoto.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.
    Stylized Glossy Buttons
    Go To Page: [ 1 2 ]
    In this tutorial you will learn how to create a very highly stylized glossy button that you see used all over the internet, as well as high end video games. The techniques taught in this tutorial can be adapted to many uses, and color schemes.


    Page 2 of 2

    Step 8.)
    Press CTRL + D on your keyboard to deselect.

    Press CTRL + T on your keyboard to get out the Free Transform Tool.

    Hold down the SHIFT + CTRL + ALT keys on your keyboard and (just like before) grab the bottom right corner node of the box, and move it inward slightly as l've done here:

    Press ENTER on your keyboard to finalize the transformation.





    Step 9.)
    Change the Blending Mode of this layer to "Overlay", and drop the opacity of this layer down to 68%:


    Result:






    Step 10.)
    Create a new layer on top of everything else. Next get out the Elliptical Marquee Tool () and make a selection as l've done here:

    Set your foreground color to white (#FFFFFF), get out the gradient fill tool () and fill this selection with white to transparent gradient as l've done here:



    Press CTRL + D on your keyboard to deselect the selection.

    Press CTRL + T on your keyboard to get out the Free Transform tool.

    Place your mouse near the bottom middle node, click and drag upward slightly to squish this shine as l've done here:


    Press ENTER on your keyboard to finalize the transformation.

    Result:






    Step 11.)
    Finally we'll add the text to our button. Set your foreground color to: #07577A and select a good font to use.
    The font l'm using here is called "BM Sly". And can be downloaded for freely here. (note: free registration required) The font size l've used is 10 pt.

    Here is how my final result looks:


    I hope you've enjoined working on this tutorial and have learned some great techniques to create very interesting, enticing looking web buttons for your layouts and templates. Please be sure to check out the rest of our Great Tutorials!





    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 Classic Buttons Classic Buttons
    Learn how to create a classic button that is used on a wide variety of websites, ...


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