www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Classic Button! Learn how to create a stable button design used all over the net. Simple but effective! 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!



    PSD HOUSE / Photoshop Tutorials

    IconzWorld - The best free icons on the net





    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.
    Intricate Micro Metals



    In this tutorial you will learn how to create metallic interface claws. The trick behind this effect is to layer three or four different levels of these metallic pieces on top of one another to add depth. The metal pieces themselves are relatively simple when all alone, but grouped with several replicas they become extremely dramatic and give that ultra-tech look and feel.

    Go To Page: [ 1 2 ]
    Page 1 of 2

    Step 1.)
    open a new or existing document to work with. The size l'm using here is 600x150, a standard banner/sig size.



    Step 2.)
    The final product looks best on a dark background, but not necessarily black. So choose a nice dark grey color. Here l've used: #1F1F1F as my background color.





    Step 3.)
    Get out the polygon lasso tool:
    Now as l said in the preface to this tutorial that basically what we're going to do is layer several different pieces on top of one another to create an overall complex look. So lets start with the bottom most layer of metal pieces.

    Create a new layer.

    Using the Polygon lasso tool () create a selection similar to the one shown here:


    And fill this selection with white (#FFFFFF)






    Step 4.)
    Once again, using the polygon lasso tool go through and delete a few areas by making a selection and tapping 'delete' on your keyboard. Continue to do so until you broken up the piece a little:


    Next double click this layer, and apply the following blending options:
    Outer Glow:


    Inner Glow:


    Gradient Overlay:




    Stroke:


    Result:






    Step 5.)
    Now to resize the piece a little press CTRL + T on the keyboard, the following box will appear around your image:


    Place your pointer over the box or 'node' in the top left corner, hold down the SHIFT KEY on your keyboard, and drag inward towards the center of the piece. This will make the piece smaller, and holding the shift key ensures that the proportions stay correct:


    When done, press ENTER on the keyboard to finalize the transformation/resizement.





    Step 6.)
    Now press 'V' on your keyboard to get out the move tool, and position this piece into the bottom left corner of the canvas.





    Step 7.)
    Press CTRL + J on the keyboard to duplicate this layer. Go to "edit->transform->flip horizontally" and move the duplicate piece into the bottom right corner so you have something like this:






    Step 8.)
    Now for the second layer of metal pieces. Create a new layer, get out the polygon lasso tool again, and make another selection slightly smaller than the first, as shown:

    Fill this selection with white (#FFFFFF).

    And using the same techniques as in step #4 use the polygon lasso tool to remove some of the sections of this shape to give it a more techie feel.


    Double click this layer, and apply the following blending options:
    Outer Glow:


    Inner Glow:


    Gradient Overlay:




    Stroke:


    Result:




    Go To Page: [ 1 2 ]
    Page 1 of 2
    Tutorial Index



    Related Tutorials:
        View Glossy Buttons Glossy Buttons
    In this tutorial you will learn how to make quick and effective looking round gl ...
        View Interface Vents Interface Vents
    This tutorial will show you how to add a techno depth to your layouts with the u ...
        View Retro Style Background Retro Style Background
    Learn how to create the retro style background that you'd see on 60's television ...


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