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 08-18-2007, 03:48 AM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
126 Web 2.0 business layout

Hello

Today i am going to make Tutorial Number 126 from 500 Tutorial Marathon
I will show you how to create a nice layout




So let's start with a new document
Size : 760x770 pixels
Background color : white

Select Rounded Rectangle tool and create a shape like mine



For this shape please add the following layer styles:









This is my result



Select Pen Tool, and create the following shape



Now duplicate this layer ( press CTRL+J )
Then go to Edit > Transform Path > Flip Horizontal , and with Move tool place the duplicated shape like me ( i will use 2 different colors so you can see better what i am doing )



Now select both layers in Layer's palette



With both layers selected press CTRL+E ( this action will merge the files into a single one )

Then for this layer add the following layer styles.









Quote:
All the layers styles i will be using in this tutorial are included in the biggest Photoshop pack you have ever seen on internet



DOWNLOAD TALK-MANIA BIG-PACK
This is my result



Duplicate this orange shape, and move it a little to the top. For the second layer add the following layer styles







This is my result



Create a ellipse



Then add the following layer styles







This is my result



Create another ellipse



And add the following layer styles









This is my result



Select Rounded rectangle tool ( set the radius to 30 pixels ) and create 2 shapes



Then add the same layer styles as above







This is my result



Add some text for buttons, and for logo



Now let's add another details. With rounded rectangle tool create another shapes



Now for all this white shapes please add the same layer styles







This is my result



Now add alone some text and images



Then you can add alone some details like some pixel brushes or icons



Also this small brush icons you can find them in the following resource pack


Quote:
All the layers styles i will be using in this tutorial are included in the biggest Photoshop pack you have ever seen on internet



DOWNLOAD TALK-MANIA BIG-PACK
Here is my final result. I hope you like it



Thank you

Attached Files
File Type: zip layout126.zip (775.0 KB, 707 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 08-18-2007, 06:31 PM
kenny's Avatar
Junior Member
 
Join Date: Jul 2007
Posts: 18
kenny is on a distinguished road
Nice one admin ive been waiting for fresh tutorials and heres my result although ive not bothered to finish it im starting to learn 3DS max




Last edited by kenny; 08-18-2007 at 06:44 PM.
Reply With Quote
  #3 (permalink)  
Old 08-18-2007, 07:04 PM
Dimix's Avatar
Junior Member
 
Join Date: May 2007
Posts: 26
Dimix is on a distinguished road
grat i am traying it now, simple, but stylish

sorry for my english

Dimix
__________________
PHP Code:
[img]http://galeon.com/masogame/Firmas/aburrimiento/sPIDY/SpidyTrans.jpg[/img] 
Reply With Quote
  #4 (permalink)  
Old 08-18-2007, 07:57 PM
Junior Member
 
Join Date: Jun 2007
Posts: 5
john7911 is on a distinguished road
Very nice Design
Reply With Quote
  #5 (permalink)  
Old 08-18-2007, 08:20 PM
Mozii's Avatar
Member
 
Join Date: Jun 2007
Location: Albanian
Posts: 36
Mozii is on a distinguished road
cooL
__________________
http://i16.tinypic.com/507apeu.jpg

Albanian Portal Desing
Reply With Quote
  #6 (permalink)  
Old 08-18-2007, 09:31 PM
AraXiS's Avatar
Junior Member
 
Join Date: Feb 2007
Location: Belgium
Posts: 27
AraXiS is on a distinguished road
Send a message via Skype™ to AraXiS
very nice, learnt alot from this tutorial!
Reply With Quote
  #7 (permalink)  
Old 08-18-2007, 10:39 PM
Junior Member
 
Join Date: Aug 2007
Posts: 23
TutorMe is on a distinguished road
This is a really well-written tutorial (like most). I like the overall look and feel of this.
Good work, and welcome back.
I'm looking forward to more and more tutorials.
Reply With Quote
  #8 (permalink)  
Old 08-19-2007, 04:05 AM
Junior Member
 
Join Date: Aug 2007
Posts: 3
Lincer is on a distinguished road
Nice tuto

Interesting shapes^^"

Good effects :P

Thanks!
Reply With Quote
  #9 (permalink)  
Old 08-19-2007, 05:41 AM
Junior Member
 
Join Date: Aug 2007
Posts: 3
teejay is on a distinguished road
Nice Good Effects Nice Colours
Reply With Quote
  #10 (permalink)  
Old 08-19-2007, 08:31 PM
Mj2 Mj2 is offline
Junior Member
 
Join Date: Apr 2007
Posts: 10
Mj2 is on a distinguished road
Great design, great use of colours, keep up the great 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 06: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