www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Tech Panels Create an awesome tech panel header! Very Cool! 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!



    LearnIt2 | Adobe Photoshop, Adobe Illustrator and Adobe ImageReady 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.
    Plastic Tech


    In this tutorial l will cover the techniques used to create very good looking graphical interfaces with a techno-plastic look to them. You see these types of layouts on many custom electronic vendor sites, as well as many graphic design sites. It takes time to develop but the end result looks awesome. I am going to cover the tricks needed to develop a layout, hopefully after you are done reading this tutorial you will be able to create similar effects for your next design job.
    Go To Page: [ 1 2 ]
    Page 2 of 2

    Step 8.)
    Next create a new layer, press and hold the CTRL key and click on the previous layer to make a selection of everything in that layer.


    Fill this selection with a diagonal grid, and drop the opacity of the layer down to:
    70 percent


    Note: If you're not sure how to create a diagonal grid this step can be skipped, however if you do not know go ahead and write me and l'll do a tutorial on it, it's basically a scan line that's been rotated 15 degrees in one direction or the other.

    Result:






    Step 9.)
    Create a new layer, and using the same techniques create a another selection like so:

    and fill this selection with: #E4E4E4


    Double click this layer and apply the following blending options:
    Stroke:


    Result:






    Step 10.)
    Once again, create a new layer, and using the same techniques create a selection similar to this:


    Fill this selection with: white (#FFFFFF):


    Double click the layer, and apply the following blending options:
    Drop Shadow:


    Result:






    Step 11.)
    Create a new layer, and using the selection tools available, make a selection like so:


    Fill the selection with #FAFAFA


    Double click the layer, and apply the following blending options:
    Drop Shadow:


    Drop Shadow:


    Result:






    Step 12.)
    Now just continue to ad pieces with varying colors and effects. The key is to ad different blending options to each layer. You get completely different looks by adjusting the "Inner Glow", "Drop Shadow" and "Stroke" options. Here's an image sequence of the pieces l have added to this side:
    New layer, with drop shadow applied:


    New layer, with: dropshadow, and inner shadow added:


    New layer, with: Stroke added:


    New layer, with: Inner Glow added:






    Step 13.)
    I've continued using the same techniques to complete this side of the image. Like l've said throughout the entire tutorial. You just continue to build new layers, and slightly adjust the color(s) used, and apply various blending options to each layer, paying attention to: Inner Glow, Drop Shadow, Stroke mainly. These types of layouts do take a long time to develop l'm not going to lie about that, but they are very easy to create, and with a little practice you'll have something similar to my final version. The blue circuit boards added to my final version are just basic shapes filled with a light shade of blue. Tech look, very easy to create. Here's what l ended up with:






    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^