Web Hosting Deals Holiday Logo Design Webcam Chat Website Header Templates Register domain Search Engine Optimisation Web Hosting
Go Back   Talk Mania Forum > Tutorials > Photoshop Tutorials > Web Layouts

Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials.

 Image
Buy Sell Downloads

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 03-02-2007, 10:37 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
97 Layout for Games cheat codes

Hello my friends

Today i will show you how to create a layout for a cheat games

This is the Tutorial Number 97 from our 100 Tutorial Marathon
Soon this marathon will end, and i will start another one. I will not tell you how many tutorials i will create in my future marathon

This is what we gone do today



Start with a new document
Size 760 X 770 pixels
background color :#252525

Then grab Line Tool ( set the weight to 1 pixel ) and make 2 lines, one horizontal and one vertical



Select Horizontal Line layer
Then press on " Add layer mask " button



Then select Gradient Tool. Use the following settings



Then draw a line from the middle of the line to the end, the size should be exactly as my red arrow
You can see also the result in the next image



Then select the vertical line layer, and press one more time on the "Add layer mask button "
Then select Gradient Tool. Use the same settings



Then draw a vertical line ( the line should follow exactly my green arrow )
You can see also the result in my following image



Duplicate this lines a few times , and place the lines like me
To duplicate one layer , first you must select the layer then press CTRL+J



Now Create another document: ( we will create a pattern )


Zoom this document to 1600% and with the Pencil Tool Draw 3 points:



After that go to Edit > Define Pattern...
Choose a name for your pattern and press OK

Now we will come back to our layout.
Select Rectangular Marque Tool , and make the following selection



Create a new layer ( press CTRL+ALT+SHIFT+N )
Grab paint Bucket Tool , use the following settings



Then fill the selection with this pattern
Press CTRL+D to deselect
Then add the following layer style



This is the result



Now with this layer selected press one more time on " Add layer mask " button
Select Gradient Tool
Use the following settings



Then draw a small line , like the green arrow.
In the same time you can see also the result



Now with the same techniques , create for the other parts of the layout
This is my result



Now add a image and place it like me



Then type some text on this header



Now create another document
The size should be 5 x 5 pixels with a transparent background
Zoom the document to 1600 % , then with the pencil tool, create some points like in the following image



Then go to Edit > define pattern . Choose a name for this pattern and click ok

Now let's come back to our layout

Make a selection like me



Create a new layer ( press CTRL+ALT+SHIFT+N ) then with Paint bucket tool fill the selection with the pattern from above



Now select Eraser tool, ( choose a hard rounded brush ) and delete some parts of the layer ( where the text is placed )



Now i will add more text , and in the same time i will add also some lines



Now i will create another lines, and i will use the same techniques i have used at the beginning of this tutorial



If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack .

Attached Files
File Type: zip layout97.zip (1.60 MB, 675 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 03-03-2007, 10:42 AM
Junior Member
 
Join Date: Feb 2007
Location: Singapore
Posts: 15
sixseven is on a distinguished road
I like how the pattern at the side fades off... nice!
__________________
67
Reply With Quote
  #3 (permalink)  
Old 03-03-2007, 10:37 PM
oterror's Avatar
Senior Member
 
Join Date: Dec 2006
Posts: 103
oterror is on a distinguished road
I like this one, nice post admin!
Reply With Quote
  #4 (permalink)  
Old 03-03-2007, 11:47 PM
Junior Member
 
Join Date: Mar 2007
Posts: 27
20dubs07 is on a distinguished road
these just get better and better
Reply With Quote
  #5 (permalink)  
Old 03-04-2007, 12:20 AM
oterror's Avatar
Senior Member
 
Join Date: Dec 2006
Posts: 103
oterror is on a distinguished road
Here is my go, didnt go into detail. Good learning principles here, thanks


Reply With Quote
  #6 (permalink)  
Old 03-04-2007, 03:01 AM
Junior Member
 
Join Date: Mar 2007
Location: TOKYO
Posts: 10
bi-zen-ko is on a distinguished road
nice Layout!!

I like this one, nice post!!
Reply With Quote
  #7 (permalink)  
Old 03-04-2007, 03:34 AM
Junior Member
 
Join Date: Mar 2007
Posts: 11
shadowcatcher is on a distinguished road
nice!

nice tutorial!
Reply With Quote
  #8 (permalink)  
Old 03-04-2007, 01:02 PM
Junior Member
 
Join Date: Feb 2007
Posts: 3
SkiZo is on a distinguished road
g00d tutorial admin nice things with just some lines
Reply With Quote
  #9 (permalink)  
Old 03-04-2007, 02:38 PM
Junior Member
 
Join Date: Mar 2007
Posts: 10
elitejedi is on a distinguished road
Nice one i like it so much :)

Nice one i like it so much
Reply With Quote
  #10 (permalink)  
Old 03-04-2007, 02:45 PM
Junior Member
 
Join Date: Mar 2007
Posts: 10
damaged is on a distinguished road
i really like the color contrast in this one it makes the template look very cool

Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump


All times are GMT +2. The time now is 01:59 PM.


Fake ID

Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0 RC8
Forums Copyright © Talk-Mania.com