www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Gooey, Photoshop Guts This tutorial will show you how to create the effect of lava crust or photoshop guts as l like to call it for your signature, or banner backgrounds. 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!



    PSD HOUSE / Photoshop Tutorials

    the Minty Ferret - Fresh Photoshop tutorials, freebies, resources, and more!





    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.
    Unique Technology Layout



    In this tutorial l will show you step by step how l created this mock layout for a technology website. This layout would work great for a company that develops software, or hardware. Or offers specific internet/customer relations services. If you're ready to get started, we'll begin.
    Go To Page: [ 1 2 3 ]
    Page 1 of 3

    Step 1.) Start a new document in photoshop of any size, l'm using 700 x 670 myself. Fill the background with a mid-grey tone, l used #64675F





    Step 2.)
    We'll start with a simple background, so make a new layer and fill it with #000000 (black). Next go to "Filter->Noise->Add Noise" and apply these settings:

    Change the blending option of this layer to "overlay" and set the opacity to: 14 percent or so


    Result:






    Step 3.)
    Create a new layer. Now we'll create the container for the entire page, get out the rectangular marquee tool and make a selection like so:
    This selection is about 15-20 pixels away from the top/bottom/left/right side of the canvas


    Go to: Select->modify->smooth with a setting of x pixels


    Fill this selection with a light grey, l used #ADB1AA. and press CTRL + D to deselect the area,
    Result:





    Step 4.)
    Now double click this layer, and apply the following blending options:
    Drop Shadow:


    Inner Shadow:


    Inner Glow:


    Result:






    Step 5.)
    Now create a new layer. Using the rectangular marquee tool, make a selection like so:
    Notice that this selection is about 3 pixels inside the previous box:


    Fill this selection with #414743






    Step 6.)
    Create a new layer. Using the rectangular marquee tool, make a selection like so:
    Note this selection is about 3 pixels inside the base box as well.


    Set your foreground color to: #6EA000, and your background color to: #608A02


    Get out the Gradient Fill tool and set it up like so:


    and fill this selection in with a gradient from bottom to top, result:




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



    Related Tutorials:
        View Interface Vents Interface Vents
    This tutorial will show you how to add a techno depth to your layouts with the u ...
        View Render Layout Tutorial vol. 5: Content Boxes Render Layout Tutorial vol. 5: Content Boxes
    In this tutorial you will learn how to create an entire layout by using an exsis ...
        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 ...


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