Tutorial search

Tutorials
Stuff
Affiliates

Photoshop Templates

Featured Photoshop templates - professional ready to use designs for your next project.

View all templates

Fresh gradient site header - Photoshop tutorial

Create a nice blue gradient website header with a shiny navigation bar
Category: Photoshop tutorials > Layouts - Difficulty:


Preview:

Fresh Gradient Header.

Step one:

Start with a black canvas. Make a new layer set titled Header.
Set your foreground color to #001320 and background to #00426E.
In a new layer make a long rectangle marquee selection. Apply a linear gradient using your gradient tool. This will be your header. ( width: 800px x height: 77px)
Add the following layer styles:

Inner Shadow

Gradient Overlay