Her

Home Photoshop Tutorials Web Layout Navigation Box in a Few Steps

Navigation Box in a Few Steps

Author: MickM.com Author's URL: www.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