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 11-08-2007, 06:28 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
138 Hosting Layout ( for Flash Projects )

Hello my friends

Today i am going to make Tutorial Number 138 from 500 Tutorial Marathon
It is time for another hosting layout. i am creating this type of layout because we have flash gurus between us, and they need layouts for flash projects. if you need another type of layouts please drop me a few lines

This is my final result



Create a new document with a white background
size of this document should be 760 x 770 pixels

Select Rounded rectangle tool ( radius 15 pixels ) and create 6 rectangles. place them like in the following image:



Then for all this shape please add the following layer styles





after you apply this layer styles for all the shapes you will have the following result



Now with the same tool ( rounded rectangle tool ) create another shapes above the other ones. I will create all this shape with different colors,. In this way you can see better what i am doing



Now for all red shapes please add the following layer styles





This is my result



For blue shape please add the following layer styles











This is my result



Now for the green shape please add the following layer styles











This is my result



For the orange shape please add the following layer styles











This is my result



Now let's add some text on our layout with type tool



For some layers please change the blending mode to Overlay
You need to change the blending mode for the text layers with hosting description

Quote:
150 Gb Transfer
10000 Mb Storage
250 Domains
100% Private Label
Free Billing Software
Free Reseller Acct.
Free End User Support
To change the blending mode be sure you have the layer selected, then change the blending mode to overlay



After i have changed the blending mode for all layers this is my result



Now with Rounded rectangle tool , create a small shape. be sure you place this shape under the " BUY | INFO " text



For this small shape add the following layer styles













This is my result



Now duplicate this small shape 2 times ( to duplicate be sure you have the layer selected, then press on CTRL+J )

Then with move tool, place the shape like me



Now i will add some text on the right side of the layout



We are ready with the body of our layout. now we will move to the header. I will add some icons over my header, and some text
On the left side i will add a logo from VIP area. If you don't know how to apply for a VIP membership please follow this link



For the text i have applied the same layers styles as we have used on our blue shape

Now go to www.free-photoshop.com and download a set of brushes ( brush #1 )
Load the brushes in photoshop , then on a new layer ( to create a new layer press CTRL+SHIFT+ALT+N )
Be sure you place this layer on top of all layers in your layer palette

Then with brush tool, add some details on your background
If you want to add more details, you can purchase also Talk-Mania Big-Pack
I am sure you can find a lot of details in our Pack

This is my final result



This PSD file is available only for VIP members

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 11-08-2007, 07:53 PM
frankws's Avatar
Junior Member
 
Join Date: Apr 2007
Posts: 22
frankws is on a distinguished road
nice admin
Reply With Quote
  #3 (permalink)  
Old 11-09-2007, 03:32 PM
Mozii's Avatar
Member
 
Join Date: Jun 2007
Location: Albanian
Posts: 36
Mozii is on a distinguished road
goood joob
__________________
http://i16.tinypic.com/507apeu.jpg

Albanian Portal Desing
Reply With Quote
  #4 (permalink)  
Old 11-09-2007, 10:15 PM
Junior Member
 
Join Date: Jan 2007
Location: *"islamic repablic iran"*
Posts: 18
Reza is on a distinguished road
Talking nice

Hi,I come Back.
Really Nice Tut, guide
__________________
Fine And Lucky
Reply With Quote
  #5 (permalink)  
Old 11-10-2007, 03:39 AM
Junior Member
 
Join Date: Nov 2007
Posts: 1
chieutuongtu is on a distinguished road
WOW....good job, thx 4 share.
Reply With Quote
  #6 (permalink)  
Old 11-22-2007, 01:15 AM
Junior Member
 
Join Date: Nov 2007
Posts: 1
qokal is on a distinguished road
One question where did you find that computer + monitor and that litlte monitor in your logo. Is that a brush or google?
Reply With Quote
  #7 (permalink)  
Old 11-22-2007, 10:23 AM
Junior Member
 
Join Date: Nov 2007
Posts: 15
kamak is on a distinguished road
Thumbs up

I saw this design, and there are many ideas. Thanks for the lesson.
Reply With Quote
  #8 (permalink)  
Old 11-23-2007, 02:34 AM
Member
 
Join Date: May 2007
Posts: 45
sneakaZ is on a distinguished road
awesome ive been gone for a while good to see your still doing tuts. How is your health?
Reply With Quote
  #9 (permalink)  
Old 02-21-2008, 09:52 PM
VIP Member
 
Join Date: Feb 2008
Posts: 1
jajaja123 is on a distinguished road
I am VIP.
But I cannot download it :S
Reply With Quote
  #10 (permalink)  
Old 02-21-2008, 10:11 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
Quote:
Originally Posted by jajaja123 View Post
I am VIP.
But I cannot download it :S
try to download the layout from vip area not from here. here is the link:
http://www.talk-mania.com/vip-download-area/

you can search each layout on the link from above. if you have problems please let me know

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
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:01 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