www.PhotoshopTower.com
Return Home Tutorials About Us Services we offer Contact Us Affiliates Site Search
Hot Extras
Tutorial Spotlight:
Glowing Orb Effect Create an abstract glowing orb background with this effects tutorial. 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!



    Pure Photoshop - Adobe Photoshop Center.

    
Photoshop Guides - quality, hand-picked Adobe Photoshop tutorials added daily.





    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.
    Sleek Template

    Click to enlarge

    In this tutorial l will show you how to easily create a website template using a few fundamental design techniques that even a newcomer to photoshop could undertake with ease.
    Go To Page: [ 1 2 ]
    Page 2 of 2

    Step 8.)
    Create a new layer. Now set your foreground color to #5C5E5D and just like we did in step #3 get out the pencil tool and set it to 2 pixels in diameter:


    Now draw a line straight up and down as shown here:






    Step 9.)
    Okay, now we're going to add the text for our buttons, create a new layer and set your foreground color to #DD4708 get out your text tool and type in the text for your navigation. The font l used here is called Tahoma Bold with a size of 11pt






    Step 10.)
    Next l added numbers next to each of the links. The color used is: #9A9C9B






    Step 11.)
    Now set your foreground color to #3D3F3E and create a new text box and fill it with ...'s (periods) to create a dotted line underneath each of your links as shown:






    Step 12.)
    Now we'll add some arrows to the links to make them look a little bit better. Create a new layer, get out the pencil tool and set it to 1 pixel in diameter.


    Set your foreground color to #FFFFFF (white). Zoom in real close by pressing CTRL and the + sign on your keyboard and draw the following arrow pixel by pixel onto the layout:


    Duplicate this layer by pressing CTRL + J on your keyboard and move it around using the 'Move tool'.
    Here's how it looks after each of the arrows are applied:






    Step 13.)
    Next we'll add some icons to the layout in the top left of the template for navigation purposes. You can design your own icons, or might l suggest a great designer resource www.WebsiteIcons.com Which is a great high quality designer resource for website icons. Here's how mine looks after apply the icons with some button text:






    Step 14.)
    Next l added in the company name, and logo into the bright orange box we'd created earlier in the tutorial:


    Now at this point you are ready to begin adding your finishing touches to the layout. Here l've added a few headings for the various sections of the page, and navigation links along the bottom of the page. Just continue to add small details to your layout. with the tips and techniques l've taught you throughout this tutorial.
    Here's what l ended up with:
    Click to enlarge





    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 Retro Style Background Retro Style Background
    Learn how to create the retro style background that you'd see on 60's television ...
        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^