View Single Post
  #1 (permalink)  
Old 11-08-2007, 05:28 PM
admin's Avatar
admin admin is offline
Administrator
 
Join Date: Sep 2006
Posts: 1,385
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