Learn how to make this clean dark website header using Adobe Photoshop

Here is the final result:

Start this tutorial by making a new document.

Use [ Rectangle Tool (U) ] to draw a rectangle as shown.

Set this color:#4f3f28

Right click on its layer and click on [ Rasterize Layer ].

Make its Style
Double click the layer or go to Layers->Blending options and apply settings as shown.

Result:

Click on “Rounded Rectangle Tool” and make a rounded rectangle as shown

Right click on its layer and click on [ Resterize Layer ].

Make its Style
Double click the layer or go to Layers->Blending options and apply settings as shown.

Download this Pattern  and load it in Photoshop

Result:

Now add your title to banner.

Make its Style
Double click the layer or go to Layers->Blending options and apply settings as shown.

Result:

Final result with more details