Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Game Site Banner
rss

Game Site Banner

Author: PhotoshopStar More by this author


1. First off make a new document and fill the background with a dark gradient (My document is 400px by 300px, the gradient in the background is #222222 to #131416)

image 1

2. Make a new layer then make a set-sized selection of 220px by 110px in the middle of the document.

image 2

Fill the selection with the following gradient:

#d02223 to #650b0b.

image 3

image 4

3. On a new layer with the pen tool image 5 make a path-selection like so:

image 6

With the pen tool still out, right-click the path and go to "Make Selection" use the default options.

image 7

On a new layer use a large soft brush and brush inside of the selection.

image 8

Use the Rectangular Marquee Tool to select then delete the white outside of the main box.

Now use a large, soft brush to erase a few parts to give it a nicer look.

image 9

Set the layer mode to Overlay and change the layer opacity to what you see looks good.

image 10

Use the same method to make a smaller, more basic dark inset in the middle like so:

image 11

3. I used the font South Park and add some text in the middle. Get the font from DaFont.com.

image 12

Add the following Drop Shadow.

image 13

image 14

Add some more smaller text with a more standard font (Tahoma 9pt)

Use the same drop shadow except change the distance to 1.

image 15

That's about it for this one.. you could add some more detail with patterns maybe.

Game Site Banner Tutorial: Final Result

Thanks for reading, the PSD can be downloaded here.



Author's URL: www.photoshopstar.com

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 "Game Site Banner"