(Click for larger image)
First start by making a new document for the header, I used a document size of 800 x 222 pixels.
With the Rectangular Marquee Tool make a selection at the top of the document sized 800 x 80 pixels, create a new layer then fill the selection with black.
Right-click the bar layer and go into the Blending Options, use the following settings:
Create a new layer. Now with the Rectangular Marquee Tool, again create a selection about 120 x 80 pixels somewhere on the right. Fill this selection with white (#ffffff)
Now erase away the bottom of the button either with the eraser tool or use a layer mask.
The font I used above is called Tahoma, and the color is #bea47a. That’s pretty much it for the header bar.
Fill the selection with a gradient of #12b0fd to #0594df.
Open this stock photo up in Photoshop then drag it into your header document. Resize it then crop it to the blue rectangle’s area.
With a large, soft brush, erase away the right side of the stock image.
Lastly, change the layer mode for this layer to Soft Light.
Fill this selection with a gradient of #65aa32 to #4b8132.
Change the layer mode for this gradient layer to Overlay.
Now lastly for this section, add in some dummy text in the middle of the box you just made.
Feel free to add other little things, but that’s all I’ll be adding.
If you need the PSD for a part of the tutorial you didn’t understand, you can easily download it from here.