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:

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!



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

Only registered users can write comment

No comments yet...