Navigation-Box #2

03-01-2006 17411 views

Create very retro vector navigation-boxes which you can use in various vector-websites! Great for menu's and easy to learn ;)

Difficulty: Rookie No comments yet | Posted in Webdesign

Retro Navigation Box

Create a modern retro navigation box just like in version 6 of MickM.com

  • Step 1 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;

    Retro Navigation Box

  • Step 2 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;

    Retro Navigation Box

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

    Retro Navigation Box

  • Step 4 Add these layer-styles to the white area;

    Retro Navigation Box

    Retro Navigation Box

  • Step 5 Add these layer-styles to the header;

    Retro Navigation Box

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

    Retro Navigation Box




Care to comment this?