www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
3d Render Enhancement Learn how to enhance your 3d renders in photoshop! Great Tutorial! 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!











    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.
    Render Layout Tutorial vol. 2:
    Header Creation
    This is part 2 in a 5 part tutorial to easily create a render layout out of a simple render in about 20 minutes. This is by far the fastest way to develop a layout for a website and equally as easy to accomplish. In this installment we will be creating the header for our layout. To see how the final product, go here: Final product | Another variation.

    Go To Page: [ 1 2 3 4 5 ]
    Page 3 of 5

    Step 21.)
    press CNTRL + N to create a new document that is 1 pixel in width and 2 pixels in height, with a transparent background




    Step 22.)
    zoom in closely to the new document, set your foreground color to #000000 (black) and fill the top half of the canvas with black, using the pencil tool set to 1 pixel such as l have here.




    Step 23.)
    Next go to image->define pattern and name the pattern "scan line".




    Step 24.)
    now go ahead and minimize this and return to our "layout" document. With the "scan lines" layer highlighted, while using the rectangular marquee tool, make a selection that spans the entire canvas' width such as l have here:




    Step 25.)
    next get out the paint bucket tool, change the fill type from "foreground color" to "pattern", and select the new "scan lines" pattern that we just made a moment ago.



    Step 26.)
    and fill in the selection near the top. Set the opacity of this layer to around 10% and press CNTRL + D to deselect the area. You should have something similar to this:



    Step 27.)
    Next l'm adding some text to the header. This is pretty self explanatory, but here are the text settings l've used:

    The font is called "GunShip" and is available for free download here:
    http://www.dafont.com/en/font.php?file=gunship
    The I used is color is #D8D8D8. I positioned the text near the top right hand side of the header, leaving room for our logo (that we'll make later).



    Step 28.)
    Next double click on the text layer, and apply these blending options:








    Step 29.)
    here's what you should end up with after that:


    Go To Page: [ 1 2 3 4 5 ]
    Page 3 of 5
    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 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 ...


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