Web Content $0.006/word Register Domain
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

Reply
 
Submit Tools LinkBack (5) Thread Tools Display Modes
  5 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 01-07-2009, 10:51 AM
Junior Member
 
Join Date: Oct 2008
Posts: 24
victor is on a distinguished road
182 Web design agency layout

Hello my friends.
I will show you how easy is to create a portfolio website for a web design agency
I will start as usual with a new document with the following size: 760x770



I will select RECTANGLE TOOL



I will set the foreground color to #edf8ff , and on the left side i will create a rectangle



I will add some simple layer styles

DROP SHADOW :



STROKE:



And after i apply these layer styles this is my result



I will place some buttons on the layout.



And i have placed them like in the following image



I will select LINE TOOL



and i will create some lines like in the next image



Now it is time to add some great looking brushes. You will find one of the best set of brushes here:

Talk-Mania Shop - Webmaster's Dream, the BIGGEST webmasters package available! - Talk-Mania Big-Pack :: Photoshop Designer's Pack

With BRUSH TOOL i will add some details with the brushes i have from Talk-Mania Big pack from above



I will select the following brush, and with this color # 0175bf i will click one time on my layout



This is my result



With DODGE TOOL



I will make some drawings on this scarf



After that i will add some shadows with BURN TOOL



I will create a copy of this scarf by pressing CTRL+J , then i will place the scarf under the blue one. I will change the color of this scarf to #d0d0d0 and i will rotate a little to the right
Note : the blue scarf is hidden right now. I want to show you the gray one



After i unhide the blue scarf layer this is my result



I will place some images on the body of the layout



and with HORIZONTAL TYPE TOOL



I will type some text



This is my final layout



I hope you like it. Please register to download this PSD layout

Attached Files
File Type: zip layout181.zip (599.2 KB, 103 views)
Reply With Quote
  #2 (permalink)  
Old 01-07-2009, 01:14 PM
Junior Member
 
Join Date: Sep 2007
Posts: 23
Security-rahef is on a distinguished road
thanks admin
Reply With Quote
  #3 (permalink)  
Old 01-09-2009, 12:18 AM
Member
 
Join Date: Nov 2008
Posts: 30
azharronal is on a distinguished road
Send a message via MSN to azharronal
رائعة جدا جدا
شرح في منتهى الروعة
شكرا لك أخي المدير على
هذا الشرح الذي أفادني كثيرا
و جاري تطبيق الدرس
إنتضرو تطبيقي عمى قريب
www.marocplus.net
Reply With Quote
  #4 (permalink)  
Old 01-09-2009, 03:10 PM
macoxygene's Avatar
Junior Member
 
Join Date: Jan 2009
Posts: 26
macoxygene is on a distinguished road
Simple but so attractive
Reply With Quote
  #5 (permalink)  
Old 01-14-2009, 05:29 PM
Junior Member
 
Join Date: Dec 2007
Posts: 25
Maxtor is on a distinguished road
wow, i want to comment the banner, header thing on this. tahts the only thing i used frem this.
That is awsome!
Reply With Quote
  #6 (permalink)  
Old 01-16-2009, 01:52 PM
Junior Member
 
Join Date: Jan 2009
Posts: 25
.mst is on a distinguished road
God tutorial. Big thanks.
Reply With Quote
  #7 (permalink)  
Old 01-16-2009, 03:20 PM
Junior Member
 
Join Date: Jan 2009
Posts: 27
Yasil is on a distinguished road
WoW, nice effect.
Reply With Quote
  #8 (permalink)  
Old 01-18-2009, 05:42 PM
Junior Member
 
Join Date: Jul 2007
Posts: 5
elementdesign is on a distinguished road
very good one
Reply With Quote
  #9 (permalink)  
Old 01-21-2009, 10:21 PM
Junior Member
 
Join Date: Jul 2007
Posts: 5
elementdesign is on a distinguished road
awsome layout
Reply With Quote
  #10 (permalink)  
Old 01-22-2009, 02:53 AM
Junior Member
 
Join Date: Nov 2008
Posts: 10
kemplang0070 is on a distinguished road
simple but so innovative

Reply With Quote
Reply

Bookmarks

Tags
thank you man.

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

LinkBacks (?)
LinkBack to this Thread: http://www.talk-mania.com/web-layouts/50601-web-design-agency-layout.html
Posted By For Type Date
Create a web design agency layout - Photoshop Tutorials - 3DsMax Tutorials This thread Refback 01-09-2009 06:19 AM
Create a web design agency layout - Photoshop Tutorials - 3DsMax Tutorials This thread Refback 01-09-2009 05:59 AM
Web design agency layout - Talk Mania Forum This thread Refback 01-09-2009 05:13 AM
CG Tutorials: Adobe Photoshop: Web Design: Create a web design agency layout This thread Refback 01-08-2009 08:35 AM
CG Tutorials: Adobe Photoshop: Web Design: Create a web design agency layout This thread Refback 01-07-2009 01:42 PM


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



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