Hello

Today i will create an auto layout. this is tutorial number 172
When you create layouts, one of the most important things are stock images. For this tutorial i will use the following image



I will place this image on a new document. to place the image, first you need, to create a blank document, with the following size 760*770 pixels

On this layout, i will place another image with a car.



You can rotate this image by going to Edit > Transform > Skew



Then i will try to place the car image over the photo frame



This is my result



After that i will use RECTANGLE TOOL



And i will create a shape on the left side of the layout. I will create the shape with a grey color #c5c5c5. In the following image you can see it with a white color. You can see how it will look with 2 different color variations



I will add a drop shadow



this is my result so far



I will select one more time RECTANGLE TOOL, and i will create a small shape. i will create this small shape because i want to create a feather



Now go to Edit > Transform > Warp



I will select ARCH



Then i will modify the shape like in the following image



Please rasterize this shape, ( to rasterize this shape, you need to right click on the layer, then choose Rasterize shape

I will select ERASER TOOL



And i will delete the left part of the layout until i have the following result



With ROUNDED RECTANGLE TOOL



I will create a black shape, and i will place right under the white shape from the lat step



I will add some proprieties for the layer styles



After that i will create another shape, on the right side



I will select LINE TOOL



Then i will create some small lines. the same with warp tool i will modify the lines like i have modified the shape from above

You can go to EDIT > Transform > Warp



Then you need to select ARCH



This is my result so far



I will duplicate the layers from above and i will place them like in the following image



On the left side i will create a search box. i will use RECTANGLE TOOL and for the shape color i have used #c5c5c5



With ERASER Tool i will delete the right part of this shape. Please note that you need to rasterize the shape first, then you can delete from this shape

It doesn't need to be perfect. just give some smooth round edges



I will add some shadow. i will use the following settings



Again with ROUNDED RECTANGLE TOOL I will create a black shape



With RECTANGLE TOOL #dbe1db i will create a rectangle



After that i will use CUSTOM SHAPE TOOL with the following SHAPE selected:



I will place the arrow near the search box



I have placed another image from my personal stock collection



for this image i have used the following settings





This is the result



The next easy step is to place some text on your layout with HORIZONTAL TYPE TOOL



This is my final result

Attached Files

layout172.zip (2.56 MB, 36 views)

will be nice for full flash

yeah its hot.. and clean.. easy to read

very nice....

Very nice....

It special but good....

change left menu this is not special but site is nice only this menu

same here! an other menu and button will give a much better layout!

But victor thanks for sharing this with us. keep up the good work

You're famous in Belgium

helped out a bit.

this looks good

Nice tutorial....