6 replies to this topic

[web_designer]

1- Open adobe photoshop cs3> create a new photoshop document from file> new> and add these values

Width: 700 px

Height: 200 px

Resolution: 72 px

Color mode: RGB color 8bit

Background content: transparent



2- add a new layer from layer> new> layer>name it background> from (set foreground color) in toolbox and set the color code to (#403e3e)> from (paint bucket tool) add the color to the document, now you should have something like this:









3- download this brush (smoke_brush), you can download it from here and install it

http://myphotoshopbr.../brushes/id/220



add a new layer from layer> new> layer>name it smoke> pick a color (pure

cyan) from switchers using (eyedropper tool) in toolbox> use (brush tool)

from toolbox> choose smoke brush 800 and draw the shape that you want, you

can use your imagination and draw whatever you want and not do same as

mine, if you want to have the same shape I did just one click on the document

and you will get the same design, you will have something like this:












4- use (horizontal type tool) in toolbox to write your website header> use these values (here we don't need to add a new layer, using the horizontal type tool will create a new layer by default):

font family: ghostwriter

font size: 48 pt

font color: #ffffff



for font family you can use whatever you want, or you can download this font.

Now, let's add some shadow to our website name, layer> layer style> drop shadow> set these values

Distance 6

Spread 12

Size 6

Now you should have something like this.











5- download this brush (retro240) from the same site before, install it> add a new layer from layer> new> layer>name it symbol> pick a color (white) from switchers using (eyedropper tool) in toolbox> use (brush tool) from toolbox> pick retro brush 162> also use your imagination to draw a random symbol, usually I don't concentrate on the area around my website name to keep it clear and showy, this how the header suppose to look like.












6- add a new layer from layer> new> layer>name it marquee> use (rectangular marquee too)> draw a marquee inside the document ( like border)> right click inside the marquee and choose feather> set it to 5 px> right click again and choose stroke> set these values



width: 3px

color: #403e3e

location: inside

blending mode: hue

opacity: 100%



that's it, your new website header is complete. The result will be like this:









to see it in full size, this is the link

http://img510.images...90/myheader.jpg

[Rigaudon]

Wow, that's really nice! Thanks for posting this, I was completely unaware that there were new brushes that you could download.

[web_designer]

there are always new brushes you can download. in fact, every time, i want to make a new design i do a long and boring search to find a new brush that i could use. i do like using brushes it gives a special touch to your design. glade you like it.

[nirvaman]

Good work webdesigner , you did a good simple header.
I do like the title , you choosethe good color *White* because it's the perfect color wich sweet all dark colors , and a simple free font *ghostwriter* .

[-Sky-]

Quick question, is it really that necessary to space everything like that? I mean, all I see (besides the content) is too many page breaks.

[web_designer]

Quote

Quick question, is it really that necessary to space everything like that? I mean, all I see (besides the content) is too many page breaks.

yeah, that's right sky. it looks weird with the spaces. that's because i wrote it first in word document. also, it is one of my habit, leaving wide spaces between lines either in writing or in codes so i can separate information and making them more clear.