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


     »  Home  »  Adobe Photoshop  »  Web Layout  »  News Blog Web Header
    News Blog Web Header
    Published  05/7/2007 | Web Layout
       
    News Blog Web Header - part 4


    Make three copies of the new made layer and select the Free Transform option to place the copies exactly the way it is shown on the picture we may see next:

    Create News Blog Web Header in Photoshop CS

    Try to draw now a stripe of black color, applying the same Rectangle Tool (U), a stripe that would be situated on the bottom of menu’s buttons.

    Create News Blog Web Header in Photoshop CS

    Using the previous instrument, we have to represent next two thin stripes of white color, placed on the right and left sides on the header’s bottom.

    Create News Blog Web Header in Photoshop CS

    Select the same instrument we’ve represented the stripes earlier to draw one more stripe of the next shown color #578EB5 that would be situated on the site’s header top.
    The layer’s parameters:
    Fill 50% on the layers:

    Create News Blog Web Header in Photoshop CS

    Write now the titles reserved for the menu’s buttons:

    Create News Blog Web Header in Photoshop CS

    Create News Blog Web Header in Photoshop CS

    Insert also the site’s tiles keeping the demands form the next demonstrated tables:

    Create News Blog Web Header in Photoshop CS

    (News)

    Create News Blog Web Header in Photoshop CS News Blog Web Header
    We will create News Blog header in this detailed tutorial.


    PSDTUTS+ Photoshop Tutorials and More