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

Simple Header


1. Open up a 650x100 white document and select #5C7CAE for your primary color. Your background color should be white or a light color. Select a rectangle and make sure to leave 2 pixels off the edges and use the gradient tool to make something like this.

image 1
Click to enlarge

2. Now at the bottom of the rectangle, first add a white line, then a dark grayish line, and then the first color you started off with, #5C7CAE.

image 2

3. Now select from the last line you created to the bottom of the image with your rectangular marquee tool. Choose #75B875 for your primary color, and white for the background color. Do the same thing as you did for Step1 by using the gradient tool to fill it in.

image 3
Click to enlarge

4. Now just add some text, and maybe a logo and you're done!

image 4
Click to enlarge

Here's another example of the tutorial.

Simple Header
Click to enlarge


Author's URL: Admin
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 "Simple Header"

Captcha