Photoshop  Home Photoshop Web Layout Making a Clan Template
rss

Making a Clan Template

Author: PhotoshopStar More by this author
Browse Pages: << <  1  2  3


1. First open the clan template file you were working with before, then make a selection underneath the header for the Recent Matches bar. My selection is 280x24 pixels.

image 1

Smooth the selection by 5 pixels by going to Select > Modify > Smooth and inputting the number.

Now we're basically repeating what we did with the navigation bar in the last tutorial, so you can look back at the navigation bar to see what you did to it.

1. Apply Gradient Overlay.

image 2

2. Add shine.

image 3

3. Add highlights, top and bottom.

image 4

Lastly for this bar, add a small pixel arrow with the pencil tool, and also add text.

image 5 image 6

2. Next thing is to create a new layer then make a selection underneath the main bar, make your selection the same in width but a bit smaller in height (Mine was 280x14 pixels)

Smooth the selection about 2-3. Now fill the selection with white (#ffffff)

image 7

Lower the fill opacity to about 6% then apply the following layer styles:

image 8

image 9

image 10

Now you can duplicate this layer and move it down 1 px underneath the first one. Repeat this until you have 6 or more bars.

image 11

Lastly add text to all of the bar layers, here's what I came up with:

image 12

Intersting huh?

3. Group all of the Recent Matches layers together then duplicate the group, move it over so there's about 10 pixels space in between. Repeat again once.

Click to enlarge
Click to enlarge

Use the same steps to make a content/updates area for the template. In the end I also added a bar underneath the Recent Matches etc boxes that shows you where abouts on the website you are.

image 14

Finally I added the footer with the copyright.

image 15

For learning purposes only, you can download the PSD file for the Clan Template from here.

The completed clan template

Making a Clan Template Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: www.photoshopstar.com

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

Add comments to "Making a Clan Template"