Published on: 2007-10-06 - Views: 15650

Digg! del.icio.us Furl reddit spurl bloglines ma.gnolia.com Yahoo MyWeb technorati blogmarks blinklist pixelgroovy Share this tutorial on tutorialicio.us! simpy
In this tutorial I'll show you how to create, in very few steps, a nice and attractive header.
I have used this technique in a website I just developed and the outcome is really nice.
I think it's better if you use this tutorial to create a header where you'll have some ads displayed, as background for banners or text ad boxes.
Let's start creating a new document, I'll use a 500 px by 200px document.
Now pick the Rounded Rectangle with a 8px radius ( my example is 8pc, obviously you should use a radius that better fits your design ) and select #292929 ( dark grey, almost black ) as foreground color.
Draw the big rounded rectangle that defines the area of your header: here's mine.
1
Now create a new Layer, pick the Ellipse Tool, set white as foregroung color and draw some random small ellipses all over the rectangle: here's what I have now.
2
Now select Filter > Blur > Gaussian Blur and set it to 4 pixels.
3
The result should look like this:
4
Now go to Filter > Pixelate > Mosaic and set it to 10 Pixels
5
and you should get something similar to mine:
6
Now set this layer's opacity to 30% and go to Filter > Sharpen > Sharpen, and do it again twice (you can use CTRL+F).
Here's your squared header.
7