Description:

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