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 02-18-2007, 01:27 AM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
87 Industrial Layout

Hello my friends

Today i will show you how to create another game layout with an unusual shape. I will try to teach you as many methods i can to create unique layouts.

This is the Tutorial Number 87 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
This PSD layout is available only for VIP MEMBERS : LINK


Open the following image in photoshop



Duplicate the layer ( press CTRL+J to duplicate )

Go to Image > Adjustments > Desaturate
This is the result



Then go to Filter > Render > Lightning effects
Use the following settings



Now create 2 shapes
The first one from the top with Ellipse Tool
And the second one with Rounded Rectangle Tool ( set the radius to 20 Pixels )



Select the Ellipse from the top of the layout , and go to Edit > Transform > Warp and use the following settings



Press enter on your keyboard, then with the move tool place the shape near the rectangle shape



Now for the top shape add the following layer styles











This is the result



Now we will create a new pattern

Create a new pattern . the size should be 6 x 6 pixels
Then with the Pencil tool create the following drawing
Set the brush size to 1 pixel , then with the eyedropper tool look carefully what color i have used in this pattern and create one pattern exactly the same with mine
I have worked over 2 hours for this pattern. And now i am happy with the result



Then when you have this document identical with mine go to Edit > Define Pattern
Choose a name for your pattern and press Ok

Now we will come back to our layout.
Select Elliptical marquee toll and make the following selection



Now create a new Layer ( press CTRL+ALT+SHIFT+N )
Select Paint Bucket Tool

Use the following settings ( use the pattern from above )



Then press one time inside the selection and you will have this result
Do not deselect



Now create another layer ( press CTRL+SHIFT+ALT+N )
Then go to Edit > Stroke and use the following settings



Now you can deselect ( to deselect press CTRL+D )
You will have something like that



Now for this 5 pixel stroke add the following layer styles











This is the result



Now create a small shape with Rounded rectangle tool
Add the same layer style as we have used for the first Shape











This is the result



Rasterize this layer, and then delete some parts of the shape until you get this result. You must choose a rounded brush, and start deleting part's of the shape with the eraser tool



Create another rounded rectangle. Place the shape under the las shape

Now add a layer style:











This is the result



Now select one more time Rounded Rectangle Tool , and start doing some small shapes



Duplicate this layers a few times and place it like me



Now create with ellipse tool some small circles ( add the same layer styles , but this time be sure you don't use the stroke settings )









This is the result



Select rectangle tool and create 2 rectangles ( use the same layer styles as above )



Then add some black circles



Duplicate this layers and place it also on the other side of the layout



Now we will add some layer styles for the body of the layout

Use the following layer styles









This is the result



Select rectangle tool and create 2 rectangles, and place it on the left and on the right side of the layout



Then add the following layer styles











This is the result



Select Rounded Rectangle tool, and create 2 small shapes. And place then on the end of the neon



Then apply the same layer styles for all 4 shapes











This is the result



Load the selection for the following layer



Then grab some grunge brushes , Create a anew layer, and make some random brushes. I will try to create a rust effect



Then search over the internet for some bullet holes brushes ( i have used this one LINK

Create a new layer , and add the wholes like in the following image



Then you can add alone some text logo, and some text buttons and we are ready



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

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 02-18-2007, 01:32 AM
Lukeintosh's Avatar
VIP Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 249
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
Ohh

Ohhhhhhh admin ohhhhhhh that is GOOD!!!!!! The best layout!!!!!! ••••·5 out of •••••
Reply With Quote
  #3 (permalink)  
Old 02-18-2007, 06:07 AM
Junior Member
 
Join Date: Feb 2007
Posts: 18
Shady1 is on a distinguished road
Dude, Admin...this layout is sick!

I love the look of the blue lights and the glowing effect you gave them...It's just an overall awesome design, you're too good man!

I'm telling yah, your employeer must love having you around...unless of course you work for yourself (then you must love yourself )!

Last edited by Shady1; 02-18-2007 at 06:09 AM.
Reply With Quote
  #4 (permalink)  
Old 02-18-2007, 02:48 PM
Junior Member
 
Join Date: Feb 2007
Posts: 11
jaguar23 is on a distinguished road
Awesome effect. i'm definately trying this one.
Reply With Quote
  #5 (permalink)  
Old 02-21-2007, 12:48 AM
oterror's Avatar
Senior Member
 
Join Date: Dec 2006
Posts: 103
oterror is on a distinguished road
I knew you were holding out on us, now were taking Ill post my result shortly.
Reply With Quote
  #6 (permalink)  
Old 02-21-2007, 02:42 PM
Junior Member
 
Join Date: Feb 2007
Posts: 19
msi_1985 is on a distinguished road
mmm...

Admin ! I can say always " Thanks for your service" ...Really great work keep it up .....

Mohammed
Reply With Quote
  #7 (permalink)  
Old 02-21-2007, 06:15 PM
Member
 
Join Date: Feb 2007
Location: Virginia
Posts: 60
modest is on a distinguished road
I give a 4/5 on the tutorial itself and
I give a 3.5/5 on the layout

To tell you the truth, I'm not a big fan of the whole industrial or futuristic websites - I just dont find much use for them. They kind of look tacky and childish. I would say this particular one is incomplete, it is missing some greater details, which normally I would write off to save time, but it is sort of noticeable because of the background images used.

I'd say some of the detail missing is around the glowing lights. The gradients of the casings were used, but they really need a pattern applied to them, to give them a more metallic look; especially the light at the top that has just a light grey casing.

I would say the best result is the mesh at the top with the bullet holes (though some of your bullet holes got on to the object below it). This looks really nice.

Modest
Reply With Quote
  #8 (permalink)  
Old 02-22-2007, 06:36 AM
Junior Member
 
Join Date: Feb 2007
Posts: 10
irayge is on a distinguished road
i love the birck background on this one
Reply With Quote
  #9 (permalink)  
Old 02-22-2007, 09:54 AM
Junior Member
 
Join Date: Feb 2007
Posts: 1
disco is on a distinguished road
loved this one

very easy to use
Reply With Quote
  #10 (permalink)  
Old 02-22-2007, 06:14 PM
Junior Member
 
Join Date: Feb 2007
Posts: 9
mark is on a distinguished road
wow those blue lights looks like hmmm lightsaver good job tnx for the idea

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 08:15 AM.


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