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.

Subscribe
Notify of
guest
9 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments
MASHUDU

HI I WOULD LIKE TO KNOW HOW TO CREATE A SHAPE ON TOP OF ANOTHER LAYER ON THE TUTORIAL IS NOT CLEAR WHAT TO DO.

ray

Fantastic tutorial. Love your work you are truly talented

Anonymous

ok

Achmed

This tutorial go against Alaluh,,,, Very not good. You will pay ffore this,,,

Achmed

Day is now,,, ready for achmed you bete

Scarlet Johanson

First of all how dare you make this awful tutorial. I just thirty minutes of my life making a gosh darn arrow that’s small /:(

Duy Cua

Thanks, very helpful!!!

Sharon Johnston

Hi, Wayang Puppet link takes me to 410-Image Not Available. Do you have another link to the image? Thanks.

Sharon Johnston

Sorry, I meant Shrine Temple link takes me to a 410 page.

Free Photoshop Actions

Sign up to our weekly newsletter and get 10 free Photoshop Actions.

Special FX Photoshop Actions