News Blog Web Header

May 7th, 2007 by ART-D Posted in Adobe Photoshop, Web Layout

We will create News Blog header in this detailed tutorial.

Create a new file (File>New) having 766×148 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

  •  

  •    
  •  

 

Post Pages: 1 2 3 4 5 6

  • Lukas-Roulette

    27/08/2009

    Sometimes it’s really that simple, isn’t it? I feel a little stupid for not thinking of this myself/earlier, though.

  • Lucie-Tiez

    10/09/2009

    Damn, that sound’s so easy if you think about it.

  • humbu

    18/02/2012

    hi can i use dis banner for free?