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

Business Banner


1. New Document and Colors

Make a new document sized 186 x 174 and set your foreground color to #B4EF00 and background color to #89B903.

2. Gradient

Get the gradient tool out

image 1

And use the gradient type Foreground to Background

image 2

Now hold shift and click up above the canvas area and drag to below the canvas area

image 3

3. Few Details

Make a new layer (Layer > New > Layer) and make a 2px tall selection at the bottom of the document, with the whole width of the document, fill this with white

image 4

Now set the layer mode to Soft Light and the layer opacity to 50%

image 5

image 6

4. Text

Make text! I used Tahoma 30 pt color: #FFFFFF and a drop shadow

image 7

Add some more detail if you like, i don't really like the shine that I added, but anyway :)

Bright colors always do well for these sort of things, orange and light blue are good too

Business Banner Tutorial: Final Result

image 9

image 10



Author's URL: Eli
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
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 "Business Banner"

Only registered users can write comment

No comments yet...