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

Creative Template: Header

Browse Pages: << < 1  2  3  > >>

1. Create a new document size 400 x 400. Fill the background with #F0ECCF.

2. Create a new layer and get the Rectangular Marquee Tool

image 1

Now make a couple of separate selections taking up the whole height of the document, but only about 35% of the complete width.

image 2

Now on the currently layer fill the selections with a nice bright color, I used #318FEF

image 3

Now lower the opacity for the blue lines layer to about 35%

image 4

3. Repeat step 2 with a medium orange (#EF5031)

image 5

4. Again with dark yellow (#AC8B1A) (Remember to lower the opacities of these layers)

image 6

5. Now a few small lines with white (#FFFFFF)

image 7

6. I added some texture to the pattern by putting a texture on top and lowering the opacity to 4%

This is the texture I used:

image 8

7. Finished product:

Creative Template: Background Tutorial: Final Result

Not bad huh? It can be used nicely in a creative portfolio template.



Author's URL: PhotoshopStar
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: << < 1  2  3  > >>
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 "Creative Template: Header"

Only registered users can write comment

No comments yet...