Luminar AI lets you turn your ideas into reality with powerful, intelligent AI. Download the photo editor and see how you can completely transform your photos in a few clicks.
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:

Travel Flayer design template - Back side view:

Tutorial Resources
- Sun Island - by h3nry
- Water Sport - by goodmorph
- Monkey - by Rita
- Shrine Temple - by denzani
- Wayang Puppet - by Rita
- Beach icon Brush - by photoshopfreebrushes
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 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 3
Repeat the previous step to insert water sport image as smart object. Place it on top of sun island layer.

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 5
Draw a blue (RGB: #0099c5) rectangle shape using the Rectangle tool. Set the height around 860 pixels.

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 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 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 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 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 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 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.

Step 13
Duplicate the 'curvy shape' layer, flip it vertically using the Edit > Transform path > Flip Vertical. Use the Move tool to drag it all-the-way to the left and then change the blend mode to multiply.

Step 14
Add layer mask to 'curvy shape' layer, use the linear Gradient tool to hide half-right side of the shape.

Step 15
Repeat step 13 - 14 to get another curvy shape layer for the canvas bottom. Use Free Transform command to upscale its size.

Step 16
Select all layers, except the background, water sport and sun island layer. Hit Ctrl+G to group selected layers. Double click the newly created layer group, so now you can rename it to "blue shape". This step is optional, but i usually group my layers to maintain orders and simplify things.

Step 17
On the top of 'blue shape' folder, draw a pale brown (#efe0c9) rectangle using the Rectangle shape tool.

Step 18
Use the Edit > Transform Path > Warp menu again to curve the rectangle's topside. See image below for your reference. Hit Enter to apply warp command.

Step 19
Add another dark brown (#b19e90) rectangle to the bottom, around 425 pixels height. Use the warp command again to curve the topside of the rectangle.

Step 20
Add white rectangle shape for the left side of the canvas. Recall the warp command to curve the top and right side of the rectangle.

Step 21
Still in the white rectangle layer, change the blend mode to soft light. Press Alt+Ctrl+G to apply clipping mask layer.

Step 22
Draw a black rectangle shape on the top right of the canvas, set the width to 952 pixels and height to 460 pixels.

Step 23
Drag the black rectangle's left bottom point using Convert Point tool to convert the sharp angle into round. Drag the same point to the top-right position with the Direct Selection tool.

Step 24
Change the black rectangle's blend mode to Soft light. This will change its appearance into semi-transparent black color.

Step 25
Add a new layer. Activate the Brush tool and pick the soft round brush. Adjust brush size around 1300 pixels, set the brush color to white and set the brush opacity to 30%. Click 2-3 times on the same spot within the blue curvy shape area. This will generate a soft white highlight as the result.

Step 26
Select five layers you just created and then group them all. Rename the group to "front shape". Don't forget to Save the document by clicking File > Save menu.

Step 27
Press Ctrl+N to create a new document. Set the width to 600 pixels, height to 600 pixels and the resolution to 150ppi.

Step 28
Draw a 300x100 pixels black rectangle shape. Duplicate the black rectangle by holding Alt while dragging it with the Path selection tool.

Step 29
Rotate and move one of the black rectangle, to form a flipped "L" letter.

Step 30
To make sure both black rectangles align perfectly, select them using the Path Selection tool and then click the Align Right Edges button from the option bar.

Step 31
Draw a thin rectangle horizontally. Select the Subtract Front Shape option for it, resulting a horizontal cut for the black rectangles.

Step 32
Click outside canvas or blank space to deselect all rectangle shapes. Use the free transform command to rotate the shape until it looks like a 'greater than' symbol.

Step 33
Select the Merge Shape component button from the option bar. This will merge all three rectangles together.

Step 34
Go to Edit > Define Custom Shape menu, name it "metro arrow", then click OK. This is the way to save your custom shape, so you can easily use it to another document just by drawing with the Custom Shape tool.

Step 35
Now back to our first document window, the one with the sun island and water sport picture. Draw a dark brown circle (#b5a294) with the Ellipse tool. Write a blue (#018dc0) header text and two dummy paragraphs using the Horizontal Type tool.
In case you didn't know, Photoshop can make this step easier by providing the placeholder text, which is accessible from the menu Type> Paste lorem ipsum. What you need is create a paragraph text box in order to make the menu available.

Step 36
Grab the Custom shape tool, set the color to white. Choose and draw the "metro arrow" shape inside the dark brown circle.

Step 37
Select the four layers, group it in a folder named "left text".

Step 38
Add more text on the document's right side, which is a brown header text and four bullet list paragraph. Draw four metro arrow shape as the bullets, but this time set the color to blue.

Step 39
Grab the Brush tool. From the option bar, set brush opacity to 50% and choose dark brown as the brush color. Click the brush option button, choose Load Brushes. Search and load the desired custom brush, in this example isbeach icon brush.
In the load brush dialogue box, click the Append button. This shall adds beach icon brush to the brush list, not replacing them.

Step 40
Add a new layer with the name "flower". Pick a flower shaped brush and click once on the canvas to draw it.

Step 41
Downscale the flower with the free transform command. But before that, make sure you already convert it to smart object first.

Step 42
Using the Type tool, add subtitle "Flower Garden" below flower shape.

Step 43
Add more beach icons with the Brush tool. Convert it to smart object, make it smaller and don't forget to add subtitles below each of them.

Step 44
Select the beach icons dan subtitle layers, group them as usual. Rename the group to 'features'.

Step 45
Grab the Custom shape tool. Click the gear button located on the custom shape list window, choose Web category. Click Append when the confirm dialog appear.

Step 46
Repeat Step 45 to load another custom shape, which is 'Objects' category.

Step 47
Write down some placeholder text for phone number, email and website for the travel agent. Add the phone, web and mail symbols using the Custom shape tool.

Step 48
Add placeholder text for the travel agent's name.

Step 49
Grab the Custom Shape tool again, load another custom shape category "Symbols".

Step 50
Select and draw the airplane shape. Set the color to white, and then place it at the right side of the travel agent text.

Step 51
To make it look more fancy, use the Drop Shadow layer style for the airplane shape. Follow Drop Shadow settings shown in the image below.

Step 52
As usual, group text and airplane layer to maintain order and also keep the layers panel look clean.

Step 53
Until this step, the flyer tempate doesn't have a title yet. Let's add them using a white bold text as shown in the image below.

Step 54
Use drop shadow layer style to make the title text look cooler. Tweak the drop shadow setting as you may see below.

Step 55
Click OK to apply the Drop Shadow layer style. If done correctly, the title text shall get a pretty solid dropshadow

Step 56
Draw a red circle (#ed1c24) using the Ellipse tool. After doing that, type text "START FROM $375 / person" in four separate layer, adjust font size as needed.

Step 57
Back to the red circle layer, we need to tweak the appearance to look like a 3d button. Start with adding Inner Shadow layer style. Follow these setting for your reference:
Inner Shadow Color: white, Blend mode: normal, Opacity: 28% and Distance: 33px.

Step 58
Add the Inner Glow layer style. Set the blend mode: Normal, Opacity: 9%, Color: Black, and size: 65px.

Step 59
Add the Satin Layer style. Set the blend mode to Normal, white as the color, decrease opacity to 19% and adjust Angle to 19 degrees.
Don't forget to set the Distance value around 23 pixels and Size about 46 pixels. Lastly, change the Contour to "ring" type.

Step 60
Add Gradient Overlay layer style. Change the blend mode to Overlay, set gradient color from black to white, Style is Linear, and adjust the Angle around 122 degrees.

Step 61
Add Drop Shadow layer style. Decrease the drop shadow opacity to 37%, set the Distance to 6 pixels and Size is 10px. Click OK to apply all layer styles we've been setting from Step 57.

Step 62
We will need the same "red button effect" for this flyer backside's, so saving them as styles will save our time later. All you need to do is open the Styles panel (usually, it is located in the same panel group with the Adjustment and Swatches panel).
Click the Create New Style button, give it an obvious name like "red emboss btn" and check the Include Layer Effects option.

Step 63
Grab the Horizontal Type tool. Point it on the red circle's top-edge until the pointer icon is change, then click it. This will allow us to type text following the red circle's shape. Click the Commit button on the option bar to confirm the text.

Step 64
Block text using the Type tool. Adjust the text size, color and tracking value from the Character Panel.

Step 65
Still in the text layer. Press Ctrl+T to call the free transform command, upscale the circle's size and then rotate until the text get centered. Don't forget to press Enter to apply the transformation.

Step 66
Click back the red circle shape's layer to select it. Repeat the process on Step 63, but this time we add text on the bottom. After you finish typing phone number, don't click the commit button yet.

Step 67
We need to change the phone number position. Do it by holding the Ctrl button while pointing the mouse pointer inside red circle's shape, click it when a small black triangle icon appear. The phone number should change position inside the red circle shape now.

Step 68
Adjust phone number position; Call the Free transform command, upscale and then rotate it. Hit Ctrl+Enter to apply the rotation.

Step 69
Before we proceed to the next step, I think it will be helpful if we hide front shape and blue shape group folder.

Step 70
Go back to red circle shape layer. Pull two guidelines on the left and right side of the red circle, then draw a right arrow shape using the Custom Shape tool. Set the arrow color to pale brown (#b4a193).

Step 71
Grab Direct Selection tool, click and drag to select two points on the left side of the arrow. Once selected, drag those points all the way to the left until it reached the left guideline.

Step 72
Call the Free Transform command, and then rotate the arrow in the up direction. Don't hit the Enter button yet.

Step 73
Click the Warp button. Select the Warp type: Arc, and then drag the warp point to the left. This will warped the arrow shape as seen in the image below. Hit Enter to apply the transformation.

Step 74
If the arrow is too large or too much curve, adjust it once again using the free transform command.

Step 75
Change the arrow Blend Mode to Multiply. This will render it into dark translucent arrow.

Step 76
Duplicate the arrow layer by pressing Ctrl+J. Drag this second arrow to the right side of red circle.

Step 77
Call the free transform command once again, rotate the arrow into down direction. Hit Enter to apply transform rotation.

Step 78
Unhide the front shape and blue shape group folder. We are done with the travel brochure frontside! Now we can continue design for the travel flyer backside.

Step 79
Within Photoshop, create a new document with 2480 pixels width and 3242 pixels height. Set the resolution to 300 ppi.

Step 80
Draw a canvas height rectangle shape, but half the canvas width. Set the rectangle color to a light brown color (#f0ebdc).

Step 81
Go to Edit > Transform > Warp command. Use the warp needle to bend the rectangle's right side, making it looks like a waving flag. Hit Enter to apply warp command.

Step 82
Still in the same shape layer, draw another rectangle in the middle of the canvas horizontally.

Step 83
Click the horizontal rectangle with Path Selection tool. From the option bar, change the Path Operation to Exclude Overlapping Shapes. This option will "Delete" any overlapping areas from both rectangle shapes.

Step 84
Go to Edit > Transform Path > Warp. Select warp type: Flag from the option bar, we can adjust the Bend value by dragging up or down the warp point.

Step 85
Grab the Magic Wand tool, check the Contiguous and Sample All layers from the option bar. Click white area in the top right corner to select it.

Step 86
Go to Select > Modify > Expand Selection. Set the Expand value by: 10 pixels, then click OK. This will expand the selection area by 10px.

Step 87
Add a new layer beneath Rectangle shape, fill it with grey color (#f0ebdc). Press Ctrl+D to deselect.

Step 88
Repeat Step 86 and Step 87 in two new layers. All the white space shall filled with grey color right now.

Step 89
Insert wayang puppet picture from the File > Place menu. Adjust its size and position to fill the bottom right grey colored area.

Step 90
Drag the wayang puppet layer on top of the bottom-right grey layer ( in this case; it was Layer 3 ). Pres Alt+Ctrl+G to make a clipping mask layer.

Step 91
Repeat the same process as step 89 and step 90 to insert the monkey picture.

Step 92
Repeat the previous steps, add one last picture, which is the shrine temple.

Step 93
Go back to rectangle shape layer. Add Gradient Overlay layer style, follow the setting shown in the image below.

Step 94
Click OK to apply the gradient overlay, resulting a nice brown gradient color for the rectangles.

Step 95
Grab the Horizontal Type tool and add some descriptive paragraph about the travel destination or perhaps the travel itinerary. Start from the Paragraph title, which text color is dark brown (#605146).

Step 96
On the left side of the Shrine temple picture, add a text box and write around four placeholder paragraph. Use smaller font size for this paragraph.

Step 97
Remember the metro arrow shape we created before? Draw the metro arrow shape again, using Custom Shape tool. This time, set the shape color to blue (#26afd8).

Step 98
Easily add more metro arrow (with the same size and color as before) by holding Alt while drag the first metro arrow using Direct Selection tool. Repeat this step until we get four metro arrows.

Step 99
Select the title text, paragraph text and metro arrows shape. Group it by pressing Ctrl+G. Double click on the group name to change it.

Step 100
Press Ctrl+J to duplicate the group. Use the Move tool to drag its content to the right side of the monkey picture. Edit the title text.

Step 101
Repeat the previous step, then drag the group to the left side of the wayang puppet picture. Don't forget to edit the Paragraph title text.

Step 102
Using the Ellipse tool, draw a red circle shape on top of layer groups.

Step 103
Open the Styles panel, click the 'red emboss btn' to apply the style we created earlier.

Step 104
Add another circle shape. But this time set the Fill color to None, Stroke color is dark brown (#bcab9e) with 1pt stroke weight.

Step 105
Using the Horizontal Type tool, add text "DAY" "01" in two separate layer text. Call the free transform command to tilt the text.

Step 106
Select both circle and text layers, then group it into one folder.

Step 107
Duplicate the group folder twice. Adjust its position and content as shown in the image below. Congratulations! we're done designing this Travel Brochure.

Final Results


With a little tweak, we can design another flyer with different theme, as seen in the image below; i made a restaurant-themed flyer.

Download the PSD
[vc_column width="1/1" el_position="first last"] [vc_cta_button title="Download" href="https://downloads.photoshoptutorials.ws/Travel Poster.zip" color="btn" size="btn-large" icon="none" target="_self" position="cta_align_right" call_text="Travel Poster.zip | 71.2 MB" width="1/1" el_position="first last"] [/vc_column]
14 comments on “Create Your Own Travel Brochure Using Only Photoshop”
hi every one lol XD ヅ
hi every one
hey
who dis
legendary Austin
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.
Fantastic tutorial. Love your work you are truly talented
ok
This tutorial go against Alaluh,,,, Very not good. You will pay ffore this,,,
Day is now,,, ready for achmed you bete
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 /:(
Thanks, very helpful!!!
Hi, Wayang Puppet link takes me to 410-Image Not Available. Do you have another link to the image? Thanks.
Sorry, I meant Shrine Temple link takes me to a 410 page.