website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Old Style Transportation Layout
rss

Old Style Transportation Layout

Author: victor More by this author


When you create layouts, one of the most important things are stock images. For this tutorial I will use the following image:

Old Style Transportation Layout image 1

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.

Old Style Transportation Layout image 2

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

Old Style Transportation Layout image 3

Then I will try to place the car image over the photo frame.

Old Style Transportation Layout image 4

This is my result:

Old Style Transportation Layout image 5

After that I will use Rectangle Tool.

Old Style Transportation Layout image 6

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.

Old Style Transportation Layout image 7

I will add a drop shadow.

Old Style Transportation Layout image 8

This is my result so far:

Old Style Transportation Layout image 9

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.

Old Style Transportation Layout image 10

Now go to Edit > Transform > Warp.

Old Style Transportation Layout image 11

I will select Arch.

Old Style Transportation Layout image 12

Then I will modify the shape like in the following image:

Old Style Transportation Layout image 13

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

I will select Erazer Tool.

Old Style Transportation Layout image 14

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

Old Style Transportation Layout image 15

With Rounded Rectangle Tool.

Old Style Transportation Layout image 16

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

Old Style Transportation Layout image 17

I will add some proprieties for the layer styles.

Old Style Transportation Layout image 18

After that I will create another shape, on the right side.

Old Style Transportation Layout image 19

I will select Line Tool.

Old Style Transportation Layout image 20

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.

Old Style Transportation Layout image 21

Then you need to select Arch.

Old Style Transportation Layout image 22

This is my result so far:

Old Style Transportation Layout image 23

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

Old Style Transportation Layout image 24

On the left side I will create a search box. I will use Rectangle Tool and for the shape color I have used #c5c5c5.

Old Style Transportation Layout image 25

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.

Old Style Transportation Layout image 26

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

Old Style Transportation Layout image 27

Again with Rounded Rectangle Tool I will create a black shape.

Old Style Transportation Layout image 28

With Rectangle Tool #dbe1db I will create a rectangle.

Old Style Transportation Layout image 29

After that I will use Custom Shape Tool with the following Shape selected:

Old Style Transportation Layout image 30

I will place the arrow near the search box.

Old Style Transportation Layout image 31

I have placed another image from my personal stock collection.

Old Style Transportation Layout image 32

For this image I have used the following settings:

Old Style Transportation Layout image 33

Old Style Transportation Layout image 34

This is the result:

Old Style Transportation Layout image 35

The next easy step is to place some text on your layout with Horizontal Type Tool.

Old Style Transportation Layout image 36

This is my final result:

Old Style Transportation Layout Tutorial: Final Result



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 "Old Style Transportation Layout"