Article Scream
Article Layer
Psd Slice
Advanced search

(10 ratings)   
Advanced Hosting Layout 2.0 In Adobe Photoshop
By: talk-mania.com
In this tutorial you will learn how to create a web 2.0 layout for a hosting company.
Added: 16 June 2008    Views: 1219  
Path :  Computers    Web Design    Adobe Photoshop
Keywords: computers   adobe   photoshop   web   design   layout   object   create   layer   path  
Do you like this tutorial? Now you can support our team to add more :     
 
 
 
Browse Pages :   <<    <    1    2    3  

Now load the selection for the big black shape

( to load the selection please select the black shape layer and go to Select > Load selection )

You will notice that a selection line will become visible.

Now go to Select > Modify > Contract and use the following value


This is the result


Now please select Elliptical Marquee Tool

Be sure you have the "Subtract from selection" button enabled


Then create a selection like mine

Whenn you release the button you will have the same result like mine


Select Rectangular marquee Tool , and delete also the bottom part of the selection.

At the end you need only this selection


Create a new layer above all layers ( press Ctrl+Shift+Alt+N ), and fill this selection with white

To fill the selection please use the Paint bucket tool

Be sue you press Ctrl+D to deselect

Select Rounded rectangle tool and create another shape



Load the selection for this rounded shape

To load the selection for this shape please hold down the Ctrl key and with the left mouse button click on the layer thumbnail for this rounded shape


Then you can delete the orange shape, and you have there only the selection


Now press Ctrl+Shift+I to inverse the selection

Then with the eraser tool delete the corner of the white shape

then press Ctrl+D to deselect


On this white shape please add alone some text and images


Now add some text on the buttons,


And you can add also some other details on the black area


Create a new layer ( press Ctrl+Shift+Alt+N )

Select Elliptical Marquee Tool and create the following selection


Then be sure you have enabled " intersect with selection " button


Create another selection like in the following image


After you release the mouse button you will have something like that


Select paint bucket tool , and fill the selection with white

Press Ctrl+D to hide the selection


Then add the following layer styles




This is my result


Duplicate this shape, and resize this shape a little

For this duplicated shape please use the following layer settings





This is my result



Browse Pages :   <<    <    1    2    3  
About the Author :
www.talk-mania.com
Advanced Hosting Layout 2.0 In Adobe Photoshop
Articles and Tutorials Directory by www.learnfobia.com
 Rate this tutorial : Rate 1Rate 2Rate 3Rate 4Rate 5
  |    Add to Favorites
  |    Send to Friend
  |    Print
More Adobe Photoshop tutorials : Most Popular Materials  Fresh Materials Most Commented materials

20 Random Tutorials from the same category :

Texture Creating an Orb Learn How to Draw Danny Phantom Advanced Shadow Curves :: Photoshop Tutorial Learn the Basics of Curves - VIDEO TUTORIAL Coloring Your Art Cutting Out Renders Smooth Blog Template Auto-Blend Photographs in Photoshop CS3 Drawing Christmas Trees

Photoshop Tutorial :: Using the Extract Filter - VIDEO TUTORIAL Wood Frame Exploding Text Web Hosting Layout Winter Effect Rock Texture Photoshop tutorial on using layers for effects - VIDEO TUTORIAL How to Create Rain Drops In Adobe Photoshop Photoshop Tutorial: "Change Background" - VIDEO TUTORIAL Painting Hair Tutorial

Comments
Post
Home | Advertise | Rss Feeds | Contact | Terms of Use | Submit tutorial | Newsletter

Copyright © 2008 Learnfobia.