Categories

Partners
  • Website Templates

  • Design Feeds

  • Adobe Photoshop Tutorials

  • Website Templates, WordPress Themes

  • Website Templates

  • Flash Web Sites

  • Photoshop Templates

  • Photo Contests

  • Photo Tips
  • Search


    Advanced Search


    Partner Links
  • Adobe Photoshop Tutorials

  • Free Stock Photos and Images



  • Website Templates

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


    We will create News Blog header in this detailed tutorial.

    Create a new file (File>New) having 766x148 px and 72 dpi. Next select the Rectangle Tool (U) and represent the background of the site’s header to be:

    Create News Blog Web Header in Photoshop CS

    The layer’s parameters:
    Blending Options>Gradient Overlay

    Create News Blog Web Header in Photoshop CS

    Gradient’s parameters:

    Create News Blog Web Header in Photoshop CS

    Create News Blog Web Header in Photoshop CS

    The Rounded Rectangle Tool (U) should be used for making the menu’s button situated on the site’s header that would have the color #2B363E

    Create News Blog Web Header in Photoshop CS

    Create News Blog Web Header in Photoshop CS

    The layer’s parameters:
    Blending Options>Stroke

    Create News Blog Web Header in Photoshop CS

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