Create a Game or Clan Website Roster Panel

May 16th, 2007 · 4 Comments

clan-game-website-design-00.jpg
Want your own gaming related or clan team website? This tutorial teach you how to create a professional looking roster panel for any type of game site.

1. Begin with the rounded rectangle tool (U) and draw a shape about 218px by 160px. You may use the rulers if you like (CTRL+R). Use a radius of 10 px. Also make sure your ‘paths’ option is selected.
clan-game-website-design-01.jpg

2. After drawing your shape right click somewhere inside of it and go to make selection.
clan-game-website-design-02.jpg

3. Once selected fill it with color #0a344c on a new layer other than your background layer.
clan-game-website-design-03.jpg

4. Next use the rectangular marquee tool (M) and draw an elongated rectangle across the upper portion of the box.
clan-game-website-design-04.jpg

5. Enter free transform mode (CTRL+T) and drag the upper part of it up until the top rounded edges are covered up.
clan-game-website-design-05.jpg

6. Like this:
clan-game-website-design-06.jpg

Tutorial Pages: 1 2 3 4 5 6

Tags: Web Layouts · Drawing

Subscribe by email!

Add to Google Reader or Homepage

Subscribe in NewsGator Online

Add to netvibes

Subscribe in Bloglines