Jump to content


- - - - -

Tutorial #5 - Gaming Layout

Started by _*cipcip_*, Sep 15 2007 09:40 AM

  • You cannot reply to this topic
6 replies to this topic

#1 _*cipcip_*

  • Guests

Posted 15 September 2007 - 09:40 AM

Welcome to the 5th tutorial of the 100 Tutorials Marathon!

In this tutorial i am going to teach you how to create a gaming layout, something like this:

Posted Image

First of all save the following pattern:

Posted Image

Now create a new document 650px X 877px and fill it with that pattern ...
You should now have something like this:

Posted Image

Inside using the rectangular tool draw a white ( #ffffff ) square with a 1px storke ( #aaaaaa )
You should have something like this:

Posted Image

Next, add your header and logo ... like this:

Posted Image

Under it add some menu ... like this ...

Posted Image

Now let`s start giving a kind of shape to our template ... make the main boxes ... i used the color #efd9a1 ... you should have something like this:

Posted Image

Now just add your text and your copyright info and you are done ...

Posted Image

Hope you will enjoy this one ...
Thanks,
Gfxclass.com Admin!

#2 Lastcrime

    Impatient Jedi that likes to eat cereal

  • Members
  • PipPipPip
  • 649 posts
  • Gender:Male
  • Location:Toronto, Ontario, Canada
  • Interests:Soccer, Snowboarding, Hockey, B-ball, Skateboarding, Computers!

Posted 15 September 2007 - 04:57 PM

personally i dont think it looks like a gaming layout, but thanks for the tut keep em coming.

#3 _*cipcip_*

  • Guests

Posted 16 September 2007 - 03:00 AM

well i know lastcrime ... i don`t like it 100% either :D ...

well tuts will be more and more .. i am making 100 tuts .. wich i`ll post them both on the forum and on the main site ..

#4 krekas

    Young Padawan

  • Members
  • Pip
  • 11 posts
  • Gender:Male
  • Location:somewhere

Posted 16 September 2007 - 06:46 AM

Well yes, it dont look like a gaming layout :D

#5 _*cipcip_*

  • Guests

Posted 16 September 2007 - 06:57 AM

the main pic is from the map de_dust2 from Counter Strike Source :D

#6 night_mare

    Young Padawan

  • Members
  • Pip
  • 1 posts

Posted 27 January 2008 - 04:53 AM

:laugh:



hmmm, its a good try.keeep continue.

#7 N4Z.

    Call me Yoda

  • Members
  • PipPipPipPip
  • 3,016 posts
  • Gender:Male
  • Location:127.0.0.1
  • Interests:Designing, Apple Fan Boy, Music Production and Weekends!

Posted 27 January 2008 - 05:24 AM

View Postnight_mare, on Jan 27 2008, 09:53 AM, said:

:laugh:



hmmm, its a good try.keeep continue.

No point in posting on this old topic man, that guy has been banned for a while. :)
Back to Photoshop Tutorials


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Member Tutorials and Requests
  3. → Forum Tutorial Archives
  4. → Photoshop Tutorials