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 06-15-2008, 07:27 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
160 Arhitecture bureau Layout / Real Estate website

Hi.

Today i will continue with our Marathon. I will create tutorial number 160. Another 340 Tutorials and we will finish our marathon.



Let's start doing this layout. For this we need to create a new document. we will use the same document sizes as usual. 760x770 pixels
and of course with a white background.

please go to Photo-shop-brush.com and download the following set of brushes: Corner-Brushes
Load the brushes in Photoshop, then create a new layer. To make a new layer press CTRL+SHIFT+ALT+N , with brush tool add the corners like me



With Pen Tool, create some random shapes



after you will create the shape like me , you need to select them on your layer palette



Press CTRL+E ( to merge the layers )



Change the Opacity for this layer to 9-10 %



Then Select Eraser tool , and be sure you select " Soft Round 200 pixels " brush

Start deleting from the left side of the shape. this is my result



Duplicate this layer ( to duplicate a layer, be sure you have the layer you want to duplicate selected, then press on CTRL+J )

with Transform tool ( press CTRL+T ) rotate the layer



Then go to Edit > Transform > Flip Horizontal



I am placing the shape like this because i have a clear idea on what i want to create
Next step is to add a stock photo.



Now it is time to add some text on our layout.



Nice isn't it ? Simple and very eye catching
I will create some round shapes, with Ellipse tool



I will add the following layer styles for 4 shapes:









This is my result



You can see another round shape without a layer style
I will add right now the following layer style

If you want to speed up your process, you might be interested from our products: Talk-Mania Store
I am sure you will be more productive with our products









My result:



I will add some text over this shapes, and in the same time i will draw some lines with Line Tool.



this is my final result



Attached Files
File Type: zip layout160.zip (1.58 MB, 268 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 06-15-2008, 08:02 PM
Junior Member
 
Join Date: Dec 2007
Posts: 10
wicho is on a distinguished road
Awesome tutorial!!

Thanks
Reply With Quote
  #3 (permalink)  
Old 06-15-2008, 08:13 PM
VIP Member
 
Join Date: Sep 2007
Posts: 28
bGFX is on a distinguished road
Really nice.

I would be happy to see a few Portfolio Designs :P
Reply With Quote
  #4 (permalink)  
Old 06-15-2008, 09:01 PM
Junior Member
 
Join Date: Apr 2008
Posts: 10
flipper4u is on a distinguished road
super layout... i like t..
Reply With Quote
  #5 (permalink)  
Old 06-15-2008, 11:27 PM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
Quote:
Originally Posted by bGFX View Post
Really nice.

I would be happy to see a few Portfolio Designs :P
Ok. Next tutorial will be a portfolio layout
thank you for your suggestion
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #6 (permalink)  
Old 06-16-2008, 03:17 PM
VIP Member
 
Join Date: Jun 2008
Posts: 6
FeelTheFear is on a distinguished road
I don't like it. I don't know why, but i think it is for this that it is so simple. Try to make something rly Arhitecture design. Nowadays Arhitecture is very astir.

Sorry for my English, but now I learn it.
Reply With Quote
  #7 (permalink)  
Old 06-16-2008, 08:36 PM
Junior Member
 
Join Date: May 2008
Posts: 10
concept-fun is on a distinguished road
that's really awsome thanks admin
Reply With Quote
  #8 (permalink)  
Old 06-16-2008, 09:47 PM
VIP Member
 
Join Date: Jun 2008
Posts: 18
Calligan is on a distinguished road
goddamnit this one is uber too =) nice 3d integragation in 2d webpage i like that , where do u get ur 3d pics admin ? send me a pm please .
Reply With Quote
  #9 (permalink)  
Old 06-17-2008, 08:07 AM
Junior Member
 
Join Date: Mar 2007
Posts: 11
ديس ماكس is on a distinguished road
thanks admin
Reply With Quote
  #10 (permalink)  
Old 06-19-2008, 11:20 PM
Junior Member
 
Join Date: Jun 2008
Posts: 3
KIMO2008 is on a distinguished road
great admin

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 12:19 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