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 04-14-2007, 12:06 AM
admin's Avatar
Administrator
 
Join Date: Sep 2006
Posts: 1,340
Blog Entries: 2
admin has disabled reputation
115 Clean Real Estate Layout

Hello

Today i will create Tutorial number 115 from 500 Tutorials Marathon.
I will create a Real Estate layout.



Let's start with a new document
Size 760 x 770 pixels
Background color: White

Select Rounded Rectangle Tool ( set the radius to 30 pixels ) and create a shape. I have used the following color #dfdac4



With the same tool create another shape. This time i have used the following color #cac09d



Select Ellipse tool and create a circle ( use the following color : #707070 )



Select one more time Rounded Rectangle tool and create another big shape



Now Drag this layer right above the background layer.



Rasterize this layer ( Go to Layer > Rasterize > Shape )

Then load the selection for the first layer we have created in this tutorial.
To load the selection hold the CTRL key down and press on the layer thumbnail with left mouse click



This is the result



Now go to Select > Modify > Expand ( Select expand by 3 pixels )
this is my result



Now select the big shape layer ( the rasterized one ) , and press one time on Delete Key from your keyboard.
press CTRL+D to deselect
This is my result



Load the selection for the other shape



Go to Select > Modify > Expand ( choose expand by 3 pixels )
Then select the big shape layer , and press Delete on your keyboard
Then Press CTRL+D to deselect
this is my result



Do the same steps also for Circle. i will not explain one more time the steps because i am sure you can do it alone

This is my result



Now we will add some details. please add some text on the left side of the layout



Select Line Tool ( set the weight to 1 pixel ) and create some lines between the text



Now select all the layers with lines and press CTRL+E ( this will merge all the layers into a single layer )



Select Elliptical marquee tool and create a big selection like mine



Be sure you have selected the layer with horizontal white lines. then hit the Delete button from your keyboard
press CTRL+D to deselect.



Now let's add a image on our layout. Place the image right above the circle



With Elliptical Marquee tool, make a selection with the same size like our Circle ( or you can load the selection for the circle layer )



Press On CTRL+SHIFT+I to inverse the selection , then hit the delete key

this is my result



Now please go to www.free-photoshop.com and search for Brush #5 -Clouds. Download the brushes.
Load the brushes in photoshop, select a small brush from this package and add some clouds on the image



Now let's add a simple layer style for the big shape. Select the big shape layer ( the one above the background layer )



And add the following layer style



This is my result



Select Rectangle tool and create a thin rectangle



No go to Filter > Distort > Shear
You will be asked if you want to rasterize the layer . Please press OK
Then use the following settings for the Shear settings



This is the result



Now erase the top part of this shape



Now i will add some text and images on my layout



Then i will add also a text logo.

Now add the same layer style for all round shapes on top of your layout



This is my final result



If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack
I hope you like it. Thank you

Attached Files
File Type: zip layout115.zip (320.2 KB, 430 views)
__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )
Reply With Quote
  #2 (permalink)  
Old 04-14-2007, 02:06 AM
Lukeintosh's Avatar
VIP Member
 
Join Date: Oct 2006
Location: I live in New Zealand
Posts: 249
Blog Entries: 13
Lukeintosh is on a distinguished road
Send a message via MSN to Lukeintosh Send a message via Yahoo to Lukeintosh
8:10

Thankyou. i know how much time you put in to these tutoruals. And people i think don't say thankyou effought. Just look at the effort. like 6 to 9 hours a days work. And you would only get 5 - 6 hours sleep a day. PLease People take the time to say thank you. Admin is a great guy.
Thankyou for your support
Reply With Quote
  #3 (permalink)  
Old 04-14-2007, 03:29 AM
Turbocharged_06's Avatar
VIP Member
 
Join Date: Mar 2007
Posts: 151
Turbocharged_06 is on a distinguished road
love it admin
__________________
OUTLAW-WEB.NET
Reply With Quote
  #4 (permalink)  
Old 04-15-2007, 02:57 AM
Junior Member
 
Join Date: Apr 2007
Posts: 4
TONE is on a distinguished road
i agree

thanks for the insight
Reply With Quote
  #5 (permalink)  
Old 04-15-2007, 08:01 PM
Junior Member
 
Join Date: Apr 2007
Posts: 3
glennerbee is on a distinguished road
awsom i love it
Reply With Quote
  #6 (permalink)  
Old 04-16-2007, 06:49 AM
Junior Member
 
Join Date: Feb 2007
Posts: 11
jaguar23 is on a distinguished road
Nice clean and effective tutorial.

Lukeintosh - This type of tutorial should only take you about an hour to do. It is pretty simple stuff.
Reply With Quote
  #7 (permalink)  
Old 04-23-2007, 08:32 PM
Junior Member
 
Join Date: Apr 2007
Posts: 3
burner is on a distinguished road
Wow

Quote:
Originally Posted by glennerbee View Post
awsom i love it
you're righ, its very cool
Reply With Quote
  #8 (permalink)  
Old 04-24-2007, 08:53 PM
Junior Member
 
Join Date: Mar 2007
Posts: 1
Slash is on a distinguished road
Edited By Admin...


oh and admin great tutorial 5 outta 5 IMO
Reply With Quote
  #9 (permalink)  
Old 04-24-2007, 09:05 PM
Junior Member
 
Join Date: Dec 2006
Posts: 3
arkus is on a distinguished road
it,s very good
Reply With Quote
  #10 (permalink)  
Old 04-25-2007, 08:15 AM
Junior Member
 
Join Date: Apr 2007
Posts: 3
jammy69 is on a distinguished road
clean and nice post

clean and nice post

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 09:02 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