Design a travel PSD layout with Adobe Photoshop
In this Photoshop tutorial I will show you how to create a travel template. If you are an affiliate marketer, right now is the best time to create such a website, because you will see a lot of offers for you. This layout could be changed very easy into a travel blog.
Apply for a VIP membership to download ALL PSD layouts for each tutorial including this one.
As usual I will create a new document with the following size: 960×900 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.
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.
Right above this layer I will add a stock image with some waves.
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.
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
I will use another image with a nice piece of grass. You can find similar images in vista wallpapers.
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.
Duplicate it one more time and place it to the left
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.
I will add an image with a lighthouse on the right side of the layout.
Around this lighthouse I will add some images with gulls.
On the left side I will add a image with a sailing ship, and I will add a simple text logo.
Right under the lighthouse image I will create two shapes with Rectangle Tool.
For the red shape I will add the following layer styles.
And for the white shape I will add the following layer styles.
This is my result
I will add on this box some text, and some html elements (forms, radio buttons, and drop down menus)
I will add more text over my travel layout. Please click on the following image to see the full size layout.
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.
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
Then change the blending mode for this layer to Difference
This is my final travel layout.
If you like it and if you want to play with it please apply for a VIP subscription, and for a small price you will be able to download all the VIP resources from our blog.
Responses to “Design a travel PSD layout with Adobe Photoshop”
Trackbacks
- 75+ Excellent Collection of Tutorials, Inspirations And Resources For Designers To Discover The Best Of The Web In July @ SmashingApps
- 60+ Amazing Examples Of Illustrative Web Designs With Overview | Inspiration | instantShift
- 33 Newly Fresh Web Design Layout Tutorials | Naldz Graphics












































Another great piece of work. I am glad I found this site
That looks fantastic, good work.
This is an amazing tutorial, really great stuff and could be useful for beginning web designers. The only thing I would change would be having the main page background color be white after the header. It just looks cleaner, and you could still use brown as the background there for contrast.
Excellent!
Great layout thanks
Great work. Thanks
Adobe Photoshop is my favorite photo editing software and also Paint Shop Pro. Adobe photoshop has more useful features compared to other photo editing softwares.
Has come from Russia to see your lesson.
Beautifully.
Thanks.
I run a small photo studio and i also work as a web designer and Adobe Photoshop has been the bread and butter of my job. Photoshop is really the best photo editing tool that i have ever used.
The new version of Photoshop CS5 will be one of the best.