Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Web Layout Clean Real Estate Layout
rss

Clean Real Estate Layout

Author: amitk More by this author


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

image 1

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

image 2

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

image 3

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

image 4

Now Drag this layer right above the background layer.

Click to enlarge
Click to enlarge

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

image 6

This is the result

image 7

Now go to Select > Modify > Expand ( Select expand by 3 pixels )

This is my result

image 8

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

Click to enlarge
Click to enlarge

Load the selection for the other shape

Click to enlarge
Click to enlarge

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

Click to enlarge
Click to enlarge

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

Click to enlarge
Click to enlarge

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

image 13

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

image 14

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

image 15

Select Elliptical marquee tool and create a big selection like mine

image 16

Be sure you have selected the layer with horizontal white lines. then hit the Delete button from your keyboard

Press CTRL+D to deselect.

image 17

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

image 18

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

image 19

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

This is my result

image 20

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

image 21

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

image 22

And add the following layer style

image 23

This is my result

image 24

Select Rectangle tool and create a thin rectangle

image 25

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

image 26

This is the result

image 27

Now erase the top part of this shape

image 28

Now i will add some text and images on my layout

Click to enlarge
Click to enlarge

Then i will add also a text logo.

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

image 30

This is my final result

Clean Real Estate Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge

I hope you like it. Thank you



Author's URL: www.talk-mania.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Clean Real Estate Layout"