|
| Web Hosting Deals | Premium Website Templates | Webcam Chat | Logo Design - $149 | Hosting Deals and Coupons | Register domain | Search Engine Optimisation | Busby SEO Challenge | Web Hosting |
|
|||||||
| Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials. |
![]() |
|
|
Submit Tools | LinkBack | Thread Tools | Display Modes |
|
||||
|
Hello
Today i am going to create Tutorial 118 from 500 Tutorials marathon We will create a business layout, So open a new document in photoshop Size : 760x770 pixels background color : white Select Rectangle Tool and 2 simple shapes ![]() For the top shape please add the following layer style ![]() ![]() Then Rasterize this shape ( Layer > Rasterize > shape ) Select line Tool. ( set the weight to 1 pixel ) Set the foreground color to #282828 and create a line on the middle of the top shape Then add the following layer style for this line ![]() This is my result ![]() Now it is time to go to www.free-photoshop.com and download the Globe pack. You can see there a nice set of globes. You can find this set of globes in PSD Logos Download this set of Globes and add one which you like on the header of your layout ![]() Then under this globe add a Simple rounded shape ![]() For this shape behind the globe , add the following layer styles ![]() ![]() ![]() This is my result > you can see that i have added also some text on the header ![]() Now select the Line Shape , and rasterize the Line ![]() Then choose Eraser tool, Select a big rounded brush, and delete some parts of the line near the globe ![]() Select Rounded Rectangle Tool , Set the radius to 20 pixels , and create a simple shape on the right side of your layout ![]() Then add the following layer styles ![]() ![]() ![]() This is my result ![]() Then duplicate this layer a few times and with the arrow keys place the duplicated shapes like me. Note : to duplicate a layer , first you need to select it then press CTRL+J ![]() Now add some text over this shapes ![]() Now select rectangle Tool , and create a small rectangle ![]() Go to Edit > Transform Path > Warp ( this option you have it only on CS2 or above ) Use the following settings ![]() After you hit " Enter " your shape should be like mine ![]() Create a small circle with Ellipse Tool and place it like me ![]() Then place the last shape we have created like me ![]() Then duplicate the small circle and place it on the other side ![]() For the small circle from right side please add the following layer style ![]() This is the result ![]() Now select the small circle from the left side and add the following layer style ![]() This is the result ![]() Now for the arch , add the following layer styles ![]() ![]() ![]() ![]() This is my result ![]() Duplicate this 3 elements ( the circles and the arch a few times and place them like me ) ![]() Now let's add a image on the empty white place. I will add a 3D render. Please add your own images, ![]() Now set your foreground color to White, Select Line tool, Set the line weight to 3 pixels, and make some line on your header ![]() Then near this 3 pixel lines add another lines. this time be sure the lines will have only one pixel ![]() Select Rounded Rectangle Tool , Set the radius to 30 pixels and make a big shape ![]() Now add the following layer styles for this shape ![]() ![]() Then select one more time Rounded rectangle tool , set the radius to 210 pixels, and create 2 shapes like me ![]() For this 2 shapes add the following layer styles ![]() ![]() ![]() ![]() This is my result ![]() Now on your layout please add alone some text ![]() Then duplicate the small circles and the arch a few times and place it on the left side of your layout ![]() Then you can add between your text buttons some dots You can create this with a pattern or you can simple use the type tool. Alternatively you can download the Brush #1 fromwww.free-photoshop.com ![]() Now please add another shape on the header with Rounded Rectangle tool ( radius = 20 pixels ) ![]() And after that please add some text ![]() This is my final product ![]() I hope you like it. If you want to download this PSD file please register,and you can download all the files from Talk-mania.com except the VIP files ( the VIP files will cost you 29,95 $ ) If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk ) |
![]() |
![]() |
![]() |
|
||||
|
Quote:
good job though admin keep up the excellent work
__________________
OUTLAW-WEB.NET |
|
||||
|
I agree with you guys. the render doesn't look to good, but i was in a hurry. i am working on some new features for talk-mania and i was to lazy to search in my collection for a good image
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk ) |
|
||||
|
Great layout, but i don't really like the choice of the 3D render although it renders great with the design.
Thanks, PageWizz
__________________
http://tecknux.tuxfamily.org/oeuvres/sig.PNG Last edited by PageWizz; 05-14-2007 at 12:04 AM. |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|