Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Design a Travel PSD Layout with Adobe Photoshop

Design a Travel PSD Layout with Adobe Photoshop


As usual I will create a new document with the following size: 960x900 pixels and with the following color on the background:#167cb7

I will select Rectangle Tool, and I will set the foreground color to #c5a165, and I will create a shape on the bottom of the travel layout.

image 1

I will right click on the shape and I will choose Rasterize layer, then I will go to Filter > Noise > Add noise. I will create a sand effect using the noise function from Photoshop.

image 2

Right above this layer I will add a stock image with some waves.

image 3

Then you can add another stock image with water. This image is computer generated, but I am sure you can find a lot of images over the internet with great sunsets. You can take some parts from that image and you can manipulate until you have a nice effect.

image 4

Right above this image with water I will add another image with some clouds.

You can download this set of clouds images, or clouds brushes

image 5

I will use another image with a nice piece of grass. You can find similar images in vista wallpapers.

image 6

Make sure you have this layer selected in your layer palette, then click on CTRL+J to make a copy. Move the duplicate layer to the left.

image 7

Duplicate it one more time and place it to the left

image 8

I will use some rock images from this set: Rock-Concrete Stock Images
I have used several images to create this effect. What I am trying to achieve is to make a base for the grass. I want to create an island on the water.

image 9

I will add an image with a lighthouse on the right side of the layout.

image 10

Around this lighthouse I will add some images with gulls.

image 11

On the left side I will add a image with a sailing ship, and I will add a simple text logo.

image 12

Right under the lighthouse image I will create two shapes with Rectangle Tool.

image 13

For the red shape I will add the following layer styles.

image 14

image 15

image 16

And for the white shape I will add the following layer styles.

image 17

image 18

image 19

image 20

image 21

This is my result

image 22

I will add on this box some text, and some html elements (forms, radio buttons, and drop down menus)

image 23

I will add more text over my travel layout. Please click on the following image to see the full size layout.

image 24

I will download the following set of vectors : Vector ink drawings

I will open the eps file in Photoshop, then I will use Rectangular Marquee Tool to draw a selection around one vector ink drawing.

image 25

After you have the selection press on CTRL+J (this shortcut will create a new layer via cut). Select Move Tool, and drag this new layer to the travel layout document. Please note that you need to see both documents if you want to drag from one document to another.
Place this layer like in the following image

image 26

Then change the blending mode for this layer to Difference

image 27

This is my final travel layout.

Design a travel PSD layout with Adobe Photoshop



Author's URL: grafpedia
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: