Navigation-Box #2

03-01-2006 17608 views

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

Difficulty: Easy 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

Liked what you read?

Then support MickM.com by sharing this on one of the below stated media!
Just click one buttons below that will directly take you to your destination.


Care to comment this?