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

Photography Header


Hi and welcome back to one of my tutorials! We'll start right away...

Start with a 800x600 document and use #808080 as your background color.

Make a new layer and create a 800x100 rectangle on the top of your document. Fill it with #333333.

image 1

Now add a logo and a slogan. I used this simple text (Font: Arial):

image 2

when that's done, make a new layer and create a 800x10 rectangle on the bottom of your darkest rectangle, then fill it with #4D4D4D:

image 3
Click to enlarge

Ok, now select half of your darkest rectangle on a new layer and fill it with white. Lower the opacity to 6%.

image 4
Click to enlarge

Now paste images underneath your darkest rectangle. I used four 200x200 nature images, like this:

image 5
Click to enlarge

Make a new layer. On the top of the images you've just added, make a 800x30 selection and apply a "white to transparent" gradient, like this:

image 6
Click to enlarge

And you're done! Just add some extras, I used a search bar. Here's my final result:

Photography Header
Click to enlarge

Thanks for watching and I'll see you all next time!



Author's URL: Frankenkill
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 "Photography Header"

Captcha