Layouts

Create Your Own Travel Brochure Using Only Photoshop

This tutorial demonstrates techniques to create Travel Flyer Template Design in Photoshop. This is a fairly straightforward tutorial using Photoshop’s drawing tools and composition techniques. The techniques shown here could be applied to create any other flyer template design as well, like holiday trip, local attraction, etc.

What you’ll be creating

Hereby we are going to create Travel flayer template design in Photoshop. We will start off by preparing the main image, create the multi-layered curvy shape using the shape tools, warp command and add a couple of layer styles to give it a sleek and shiny looks. I have used Photoshop version CS6 to create this work, but any version from CS3 onwards will be fine as well.

Travel Flayer design template – Front side view:

final-results-front

Travel Flayer design template – Back side view:

final-results-back

Tutorial Resources

Step 1

Within Photoshop, press Ctrl+N to create a new document. Set the width: 2480 pixels and height: 600 pixels, while the resolution is set to 300 pixels/Inch respectively.

step-001

Step 2

Go to File > Place menu. Locate and select sun island image, then click the Place button to insert it as a Smart Object. Adjust the size and position of the sun island image. Hit Enter to apply the transformation.

step-002

Step 3

Repeat the previous step to insert water sport image as smart object. Place it on top of sun island layer.

step-003

Step 4

Add layer mask to water sport layer. Within water sport layer mask, draw a black to white linear Gradient diagonally using the Gradient tool.

step-004

Step 5

Draw a blue (RGB: #0099c5) rectangle shape using the Rectangle tool. Set the height around 860 pixels.

step-005

Step 6

Go to Edit > Transform Path > Warp menu to use the warp command. Drag the warp needles to bend the rectangle’s topside as shown in the image example below.

step-006

 

Step 7

Add layer style Gradient Overlay. Inside the gradient overlay dialog:

  • Choose Blend Mode: overlay
  • Gradient color is black to white
  • Select style: Linear
  • Set the Angle: 0

We use this method so if you change current shape’s color into anything else, the gradient effect should still there, regardless what color you choose.

step-007

Step 8

Draw another white rectangle shape on top the blue rectangle shape. Recall the transform warp command to bend the white rectangle’s left side.

step-008

Step 9

Add layer mask into current shape’s layer. Draw white to black linear gradient using gradient tool, drag diagonally from bottom left to the top right corner of the white rectangle. If done right, you should get some nice “glossy” effect as shown in image below.

step-009

Step 10

Draw a blue filled (#005c98) ellipse shape with the Ellipse tool. Use the transform command Ctrl+T to adjust the blue ellipse’s size and position as shown in the image below.

step-010

Step 11

With the blue ellipse selected, press Ctrl+C to copy it to clipboard. Press Ctrl+V to paste the blue ellipse we copied earlier. Duplicate blue ellipse shape, upscale until it gets a bit larger then the previous ellipse. Alter the path option to Subtract Front Shape. This way, the first ellipse shape will be cut by the second one, leaving a ‘curvy shape’ as a result.

step-011

Step 12

Still on the shape layers, go to the path option and then click the Merge Shape Components button. Those ‘curvy shape’ should be merged by now.

Related posts
LayoutsPhotoshop TutorialsUpdated

How to Create a Professional Web Layout in Photoshop

LayoutsPhotoshop TutorialsUpdated

How to Create a Beautiful Audio App User Interface

LayoutsPhotoshop TutorialsUpdated

Create a Captivating Street Dance Competition Poster with Photoshop

LayoutsPhotoshop TutorialsUpdated

Create a Vintage Style Poster in Photoshop

9 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).