Web Hosting Deals Holiday Logo Design Webcam Chat Website Header Templates Register domain Search Engine Optimisation Web Hosting
Go Back   Talk Mania Forum > Tutorials > Photoshop Tutorials > Web Layouts

Web Layouts Create professional webpage layouts with this very detailed, step by step tutorials.

 Image
Buy Sell Downloads

Reply
 
Submit Tools LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 03-29-2008, 06:55 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
154 Dating Agency Layout

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

Attached Files
File Type: zip layout154.zip (572.4 KB, 681 views)
File Type: zip curl1.zip (52.6 KB, 507 views)
File Type: zip curl2.zip (51.4 KB, 431 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 03-29-2008, 08:00 PM
Junior Member
 
Join Date: Sep 2007
Location: Bochum, Germany
Posts: 5
ChriZzz is on a distinguished road
Send a message via ICQ to ChriZzz
Great tutorial Admin, the result looks very good
Where do you get your inspiration for your Tutorials? Every outcome looks unique.
Reply With Quote
  #3 (permalink)  
Old 04-08-2008, 04:32 AM
Junior Member
 
Join Date: Mar 2008
Posts: 9
aleemx316 is on a distinguished road
great job as usual
Reply With Quote
  #4 (permalink)  
Old 04-09-2008, 11:21 PM
Junior Member
 
Join Date: May 2007
Posts: 26
kukutyin is on a distinguished road
good tutorial
Reply With Quote
  #5 (permalink)  
Old 04-10-2008, 05:58 AM
wfdgraeme's Avatar
Member
 
Join Date: Apr 2007
Location: east coast of Australia
Posts: 79
wfdgraeme is on a distinguished road
Really worth it just for the paper curls
Reply With Quote
  #6 (permalink)  
Old 04-12-2008, 11:51 AM
Junior Member
 
Join Date: Jan 2008
Posts: 1
masterduc is on a distinguished road
Very well. thanks for admin a lot...hee
Reply With Quote
  #7 (permalink)  
Old 04-12-2008, 08:45 PM
Senior Member
 
Join Date: May 2007
Posts: 181
Blog Entries: 1
skyfe is on a distinguished road
Another awesome layout, so creative nice! Good job Nice tutorial.
Reply With Quote
  #8 (permalink)  
Old 04-14-2008, 01:35 AM
Junior Member
 
Join Date: Apr 2008
Posts: 1
george is on a distinguished road
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?
Reply With Quote
  #9 (permalink)  
Old 04-14-2008, 06:15 PM
Junior Member
 
Join Date: Feb 2007
Posts: 25
zech is on a distinguished road
nice layout,i really like the curves
Reply With Quote
  #10 (permalink)  
Old 04-17-2008, 04:21 AM
Member
 
Join Date: Dec 2007
Posts: 48
Softix is on a distinguished road
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

Reply With Quote
Reply

Bookmarks

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump


All times are GMT +2. The time now is 07:52 AM.


Fake ID

Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.2.0 RC8
Forums Copyright © Talk-Mania.com