Create a Game or Clan Website Roster Panel

May 16th, 2007 · 4 Comments

21. Now to make the inner ‘roster’ effect. Choose your rounded rectangle tool (U) with the path option chosen like shown. Use a radius of around 10px.
clan-game-website-design-21.jpg

22. Draw a shape like this:
clan-game-website-design-21a.jpg

23. Right click somewhere inside of it and go to fill path.
clan-game-website-design-22.jpg

24. Under contents choose color. Fill it with color #d4dee0.
clan-game-website-design-23.jpg

25. To deselect the path outline, simply go to the paths tab (next to layers) and click the gray space beneath the path like shown.
clan-game-website-design-24.jpg

26. On the layer you just filled go into blending options and add a stroke.
clan-game-website-design-25.jpg

27. Here is what you should have.
clan-game-website-design-26.jpg

28. Next, to make the roster section, I used an outline of a person shown here.
clan-game-website-design-27.jpg

You can get this same person thumbnail here: clan-game-website-design-head.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