Gaming Clan Full Site Design

Article Info Image

Page 5 - Making the header



9. Now lets start some work on the header. First of all you need some useful images: you may find some here:
http://www.clantemplates.com/renders/gallery/
- Once you have saved your image and imported it into Photoshop, move it place on your site, you may need to resize it. Then cut away the bits you don't need so that the image only shows on your header. The next thing i usually do is make the image fit in a little more with you site. You can do this by going to Image >> Adjustments >> Hue / Saturation, or Brightness & Contrast, or Levels.

You should have a play with these things until your image seems to fit in a little more. Then i usually duplicate the layer, give it a Gaussian blur ( Filters >> Blur >> Gaussian Blur) with a radius of about 4, then setting the Blend Mode to overlay, and moving the duplicated layer (now blurred) behind the original character, and you get something that looks like this. You can use as many or as little characters as you want, its always good just to limit it to maybe 1/2/3 though.



Now the header needs a background, i went for a simple city landscrape background which i found
here.
All you then have to do is the adjustments as mentioned above, especially the Hue/Saturation, that is something you need to get used to as it is a useful colour tool.
Make sure you use the Rectangular Marquee tool as before to clean up the side of the image so it doesn't go out of the header area. Another good piece of advice when you are doing your background for the header, is to duplicate the layer, set the Blend mode to overplay then use the Motion blur tool, Filter >> Blur >> Motion Blur >> until you get something that looks nice.
You can then change the opacity of this layer until you have something more pleasing. Always remember to clean up the layer to make sure nothing goes out of the area of the header. Here's what i have so far:



Now one of the best ways of making your header look great is using brushes, particularly Grunge or abstract brushes, there are various sites for finding brushes, but here are some you can check out.
http://www.bluevertigo.com.ar/bluevertigo.htm or http://browse.deviantart.com/resources/applications/psbrushes/ make sure to scroll along to the Free Brushes.



Save the brushes to your computer somewhere, then to load them into Photoshop simply

1. Select the brush tool
2. Press the down arrow at the very top of your window next the the



Bookmark to:


Current Comments

0 comments so far (post your own)



Leave your comment:

Name:

Email:

URL:

Comments:


 

Note: Emails will not be visible or used in any way, and are not required. Please keep comments relevant. Any content deemed inappropriate or offensive may be edited and/or deleted.

No HTML code is allowed. Line breaks will be converted automatically. URLs will be auto-linked. Please use BBCode to format your text.

     
    Join our newsletter today to recive new tips to your email box! (NO SPAM)