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.

Click to enlarge
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.

Click to enlarge
Click to enlarge

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

Simple Header Tutorial: Final Result (Click to enlarge)
Click to enlarge

Here's another example of the tutorial.

Click to enlarge
Click to enlarge


Author's URL: Admin
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Simple Header"

Only registered users can write comment

No comments yet...