Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Navigation Box
rss

Navigation Box

Added: Sep 01, 2005 Level: Beginner Software: Photoshop  
Author: MickM.com More by this author

  • Use the Rounded Retangle Tool to create a box of your liking anywhere;
  • Also try to use the Radius seen in the toolbar. I always use 20 px, 10 px or 5 px;

    image 1

  • Once you've filled it with a random color it's time to get the Retangle-Tool and select a small piece of the top;
  • Press CTRL+C and CTRL+V to paste it onto a new layer and press CTRL+I;
  • After that, position it onto the box;

    image 2

  • Then Give the box and the header the desired color by pressing CTRL+U;

    image 3

  • Add these layer-styles to the white area;

    image 4

    image 5

  • Add these layer-styles to the header;;

    image 4

    image 7

  • And then you're done and you can add some text!

    Navigation Box

    • Author's URL: MickM.com
    Final results of our readers
    New!
    Passed through all the steps? Share your result!
    Your result will be premoderated.
    Please make sure you choose the right image.
     
     



    Captcha

    *Required fileds
    Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

    Reader's comments
    comments jamiebby July 01, 2008 says:
    Hey. I was wondering if you knew how to make a link following it when you press "link #." I know it sounds confusing but you can comment my page if you have questions about my question.
    Reply
    Add comments to "Navigation Box"

    Captcha