Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Dark Modern Header

Dark Modern Header


1. Open Photoshop and create a new image how ever big you want it.

2. Create a black bar using the rectangular marquee tool on a new layer.

3. Using the same selection go to the Select menu and select feather, set to 10px. On a new layer fill this with white.

image 1

4. Press Ctrl + T to transform the layer. Drag the bottom slider up to the top to shrink the layer.

image 2

5. Move the layer in to place and set the opacity to 30%.

image 3

6. Select the Single Row Marquee tool and create a selection, press and hold Ctrl + Alt + Shift and click on the preview area of the black box in the layers panel.

On a new layer fill with #00adef do this again and make sure they are one on top of the other so it's 2px high.

image 4

7. Now we will add some shading over the clue bar so it isn't so bright.

Press and hold Ctrl and left click the preview area of the blue bar in the layers panel.

On a new layer fill the selection with black.

Press Ctrl + D to deselect the selection.

Go to Filter >> Blur >> Gaussian Blur and set to 1px.

Set the layer opacity to 60%.

Press V and move up 1px.

8. Add extra details to it such as text and reflection and you are finished.

Dark Modern Header



Author's URL: Skeletorscorpse
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Dark Modern Header"

Captcha