|
| 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 |
|
||||
|
Hi.
Today i will show you a how to create a Dating layout , or a dating portal layout. But you can use this layout also for another websites. This is Tutorial number 154 This is my final result: ![]() Please make a new document. size 760 x 770 pixels. Background : white Select Rectangle Tool, and add the following shape ![]() Then for this layer add the following layer styles ![]() ![]() ![]() ![]() After that you need to download the following set of Cloud Brushes Create a new layer ( press CTRL+SHIFT+ALT+N ) and after you load the set of brushes, add some clouds over the blue shape ![]() I will provide you some design elements. You can find attached at the bottom of this tutorial. Open the PSD file in photoshop, then place the files i have provided you on your layout ![]() Now it is time to add a Logo. I will not explain how to do it, because i din several time. The easy way is to use 3D Logo Creator Here you can see a VIDEO TUTORIAL on how to create logos like this one from the following image ![]() Now add some text on the header, and also a image ![]() We have to add text also for the body of our layout ![]() Select Line Tool , Set the weight to 2 or 3 pixels and create 2 or 3 lines Use a color you like more. i will use a light grey ![]() At the bottom of the layout i will create another line ![]() For this thin line i will use the following layer styles ![]() ![]() ![]() ![]() ![]() This is my result ![]() If you have Talk-Mania Big Pack you will find a very nice set of pixel icons brushes On a new layer ( press CTRL+SHIFT+ALT+N ) add some small details ![]() Then you can load also the following set of Photoshop brushes and once again on a new layer add some details ![]() This is my final result ![]() To understand better how this layout is made please download it. I am waiting you tomorrow for a new tutorial
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk ) |
|
|||
|
Another awesome layout, so creative nice! Good job
Nice tutorial. |
|
|||
|
Good work
Hey there, excellent tutorial! i have a stupid question, am very new at this and i was wondering how you take this design from photoshop and turn it into a proper running website theme, are there tutorials for this?
|
|
|||
|
really nice now i can make my own for my dolphin community can make some really nice templates for it and use ill let you guys know what i come up with
thanks agian and really nice work |
![]() |
| Bookmarks |
| Thread Tools | |
| Display Modes | |
|
|