website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Photography Header
rss

Photography Header

Author: Frankenkill More by this author


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:

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

Click to enlarge
Click to enlarge

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

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

Click to enlarge
Click to enlarge

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

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

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




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Photography Header"