Categories

Partners
 
  • Photoshop Templates

  • Website Templates

  • Web Templates

  • Flash Web Sites

  • WordPress Templates

  • Free Ringtones

  • Free Stock Photos and Images

  • Photoshop

  • St. Louis LASIK | LASIK info

  • Load Cells

  • osCommerce Templates

  • Web Hosting


  • Website Templates
    Search


    Advanced Search


    Create Web Hosting Company Header
    Published  07/5/2006 | Web Layout
       




    We will create very nice web hosting header. A reliable and stable web hosting company can become a big challenge for anyone. The web hosting industry has become saturated with many different types of web hosting companies which offer certain types of plans and resources.

    This tutorial can be used to create header for Virtual Hosting, Semi-Dedicated & VP (Virtual Private) Servers, Dedicated Servers, Co-Location or Collocation. Let's try!

    1. Create New Document 800x100px with white background.

    2. Create New Layer, use Rectangular Marquee Tool(M), set the Style to Fixed Size with 167x91px and Fill with #1979A0:

    Rectangular Marquee Tool

    3. Now we need to create 3-4 rectangles with dimensions 157x10px and the color it's #1979A0, #487D3C, #DF8D00, #DF0010, you can use Step 2 for create 3-4 rectangles.

    Create submenu bar for your Web Hosting Company

    4. Now create The Navigation Menu for Web Hosting Company. We will create 3-4 rectangles with color #565656, #797979, #AAAAAA, #CCCACA and dimension 157x39px

    Create Navigation Menu for your Web Hosting Company Header

    5. Now you can add patterns for every layers from Navigation Menu:

    Add Pattern Overlay at Navigation Menu for your Web Hosting Company



    Navigation Menu for your Web Hosting Company

    6. Add a text in Navigation Menu, I use font Helvetica with 12pt and Add the Drop Shadow:

    Add a Text in the Navigation Menu for your Web Hosting Company

    We will get finall header:

    Navigation Menu for your Web Hosting Company

    Now add a nice logo for your Web Hosting Company:

    Add a Nice Logo for your Web Hosting Company



    PSDTUTS+ Photoshop Tutorials and More