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

Making a Clan Template

Browse Pages: 2  3  > >>

1. First create a new document for your clan template/clan header graphic.

I used a document size of 880x1000.

Now fill the background with a suiting color. I used a dark grey (#262626)

image 1

2. Now you need some game renders/wallpapers. I got my wallpapers from GameWallpapers.com, but you need a paid account to get most wallpapers. You can get some nice game cutout renders from ClanTemplates Renders.

First I added in a wallpaper of Battlefield 2142 then touched it up a fair bit.

(Touching up as in: Blurring background, brightening, contrasting, sharpening.)

image 2

Next I added in a wallpaper of Kane & Lynch: Dead Men. I re-sized it down to fit and erased most of the edges.

image 3

Lastly for the header graphic I added in an image of Crysis in the top right.

image 4

Looks pretty good with those games in it doesn't it?

View my header so far.

Click to enlarge
Click to enlarge

3. Now let's make that cool text holder that you saw in the preview image of this tutorial.

First start by making a rounded rectangle selection. You can do this a few ways, you can just use the Rounded Rectangle Tool with a radius of about 10 px.

image 6

Use settings similar to the following:

image 7

So on a new layer make your rounded rectangle. You can use ANY color for this, so just use white.

image 8

Right click the rectangle layer and go into the Blending Options... now click and apply the following layer styles:

image 9

image 10

image 11

Not looking the best so far.. but we're getting to it.

Create a new layer then merge the rectangle layer and the blank layer together. This is to merge the layer styles into the layer.

Now apply the following layer styles to the same layer:

image 12

image 13

image 14

image 15

image 16

(Download pattern from here: Warning Tape.)

You should be left with the following result:

image 17

(Note: To turn an image into a pattern, open it into Photoshop, select all, go to Edit > Define Pattern.)

Lastly for the te xt holder I added a 1 px line near the bottom of the rectangle, the color of my line was red (#ff0000) and I applied an Outer Glow to it.

image 18

image 19

4. Now let's add the text.

First get the Horizontal Text Tool (the normal text tool :P) then write out your text inside of the box.

image 20

I used basic white as my text color, then I applied the following layer styles to the text layer:

image 21

image 22

image 23

image 24

image 25

Lastly for the text I added a bright shine halfway at the top of the text.

image 26

All you have to do to get that effect is create a new layer, select the text (Hold Ctrl and Click the layer thumbnail), fill with white, delete half, lower the opacity.

This part of the tutorial is complete, you can view the result here:

Click to enlarge
Click to enlarge

Thanks for reading, and if you need the PSD file for any learning purposes you can download it from here.



Author's URL: PhotoshopStar
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: 2  3  > >>
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 "Making a Clan Template"

Only registered users can write comment

No comments yet...