|
| Web Hosting Deals | Holiday Logo Design | Webcam Chat | Website Header Templates | Register domain | Search Engine Optimisation | Web Hosting |
|
|||||||
| Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials. |
![]() |
|
|
Submit Tools | LinkBack | Thread Tools | Display Modes |
|
||||
|
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:
![]() 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 ) |
|
||||
|
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 ) |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|