www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
MP3 Player Interface! Create an awesome interface layout or even to create great looking xp style icons for your website. 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!



    SENKOURYU.NET

    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.
    Render Layout Tutorial vol. 5:
    Content Boxes
    This is part 5 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 finishing up our layout design and create the content boxes and sidebar. To see how the final product, go here:
    Final product | Another variation.

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

    Step 10.)
    next click/highlight the layer with the bluebar on it, and press DELETE. and press CNTRL + D to deselect.




    Step 11.)
    Next create a new layer, get out the pencil tool, set the foreground color to #082E9F and draw a line that is the same width as our content box heading.




    Step 12.)
    Now for that sidebar. Make a rectangular selection similar to the image above.




    Step 13.)
    using the polygon lasso tool, deselect the following area while holding down the ALT key.




    Step 14.)
    fill this selection with #BAC4E4 and press CNTRL + D to deselect.




    Step 15.)
    if your sidebar is right up against the left side of the canvas (like mine is) get out the move tool (press V) and press the right arrow two or three times to move it inward a bit.



    Step 16.)
    Delete the bottom section of the sidebar.




    Step 17.)
    duplicate the layer, and go to "edit -> transform -> flip vertically" and position it like so:




    Step 18.)
    next draw a 3 pixel line with the pencil tool for a divider like so.


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