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-11-2008, 10:04 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
148 Clean hosting layout

Hello

Today i will create Tutorial Number 148 from 500 Tutorial Marathon
I will show you how to create a clean hosting layout.



As usual let's start with a new document. Size of your document should be 760X770 pixels.
With Ellipse Tool create 4 shapes like mine. I will add some layer styles alone, so you can see better what i am making. In case you like this layer styles you can find them in our latest release : 3D Logo creator



Now for the Orange , red and Blue shape , please add the following layer style





This is my result



Then for the Green shape please add the following layer style





This is my result



Now with Type tool add alone some text.. This is very simple task, and i am sure everybody know how to do it. . You can see also that i have used a image with a 3D server from my photo stock collection



Please download the following set of brushes from Photo-Shop-Brush
Load the brushes in photoshop, then create a new layer under the server layer. To create a new layer you can press ( CTRL+SHIFT+ALT+N ) in teh same time
With a random could brush from this set of brushes, make some drawings on your layout. I have used a single brush. this is my result:



With Rectangle tool , you can create 3 small shapes:



For all this shapes you can add some layer styles. Here are my settings for the first layer style







This is my result



For the second shape please add the following layer styles:







And for the last one please add the following layer styles







If you follow all my settings you should have the same result like mine



Now add some text above this 3 shapes ( this time you can use vertical type tool )



Now load the following set of brushes from Photo-Shop-Brush
And on a separate layer create the following simple arrow



Select Rectangle tool, and make 2 shapes:



For this shapes you can add the following layer styles:









And for the other shape please add the following layer styles









This is my result



Select Ellipse tool , and create a simple circle like mine



Then with a white color i have created another circle. ( smaller this time )



Duplicate this 2 shapes a few times , and place it on your layout where you think it look good



Now with the same brush pack: Photo-Shop-Brush
add some details on your layout. Be sure you place all this details on a new layer



I hope you like it. This Layout will be available for download only for VIP MEMBERS
You can download this layout HERE

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 02-12-2008, 01:31 AM
Turbocharged_06's Avatar
VIP Member
 
Join Date: Mar 2007
Posts: 151
Turbocharged_06 is on a distinguished road
very nice concept admin.
__________________
OUTLAW-WEB.NET
Reply With Quote
  #3 (permalink)  
Old 02-12-2008, 01:49 AM
Nyfe's Avatar
Junior Member
 
Join Date: Feb 2008
Posts: 2
Nyfe is on a distinguished road
Very nice clean tut.
Thanks for this.
Reply With Quote
  #4 (permalink)  
Old 03-03-2008, 09:06 AM
Junior Member
 
Join Date: Oct 2006
Posts: 1
elektro-nik@o2.pl is on a distinguished road
Nice

Nice job dude ;D
Reply With Quote
  #5 (permalink)  
Old 03-28-2008, 07:03 PM
Junior Member
 
Join Date: Aug 2007
Posts: 1
voicon is on a distinguished road
thanks so much for this helpful web layout!
Reply With Quote
  #6 (permalink)  
Old 07-21-2008, 12:55 PM
rqf rqf is offline
Junior Member
 
Join Date: Feb 2007
Posts: 27
rqf is on a distinguished road
your 3d images are awesome
Reply With Quote
  #7 (permalink)  
Old 07-21-2008, 10:46 PM
Member
 
Join Date: Jul 2008
Posts: 36
agneepath is on a distinguished road
nice one
thanxxxxxxxxxxxxx
Reply With Quote
  #8 (permalink)  
Old 07-23-2008, 05:31 PM
Junior Member
 
Join Date: Aug 2007
Posts: 26
Axel Wolf is on a distinguished road
yeah... 3d images are great - in this context
Reply With Quote
  #9 (permalink)  
Old 07-24-2008, 11:25 PM
Junior Member
 
Join Date: Aug 2007
Posts: 25
silence is on a distinguished road
Nice tut!!! thnx
Reply With Quote
  #10 (permalink)  
Old 07-26-2008, 06:59 PM
Junior Member
 
Join Date: Jul 2008
Posts: 26
holaamigo is on a distinguished road
holy cow... thank you!!!

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:39 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