adv banner
Photoshop  Home Photoshop Web Layout Professional Website Banner
rss

Professional Website Banner

Author: SweDesignz.com More by this author


1. Begin with a new file, 720x150, with any background color you want. Then create a new layer in the layers palette. Now take the Rectangular Marquee Tool and draw out a rectangle, then choose the Gradient Tool and make a gradient like the image below shows. Draw the gradient from top to bottom.

2. Create a new layer, then go to Select>Modify>Contract and set the Contract By to 4 pixels. Then go to Edit>Fill and use this settings.

And now should it look something like this.

3. Now once again create a new layer and then go to Select>Modify>Contract and set the Contract By to 7 pixels. Then take the Gradient Tool and use the same gradient as we did in step 1.

4. Now go back to layer 1 and right click on it, choose Blending Options and apply this settings.

Then apply the same settings shown above to layer 3 and that's it you are done! This is what I came up with.

Professional Website Banner Tutorial: Final Result



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Professional Website Banner"