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

    Your Link Here

    www.VidPit.com: Funny, Cool & Sexy videos!

    PixelXS.com - A quality tutorial and render website

    HV-DESIGNS.CO.UK :: Version 15 :: Back To Basics

    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

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