In this tutorial, you will have the opportunity to learn how to use
the Gradient Mesh Tool in Adobe Illustrator to draw a simple travel flyer template. Then
you’ll see how to turn this template into a real flyer with Placeit!
If you’d like to skip this tutorial and just use this flyer background in your work, you can go ahead and simply purchase Travel Background With Photos From Holidays from GraphicRiver!
1. How to Draw a Cocktail With a Lemon
Step 1
Begin with a #F3F0AD
rectangle. Drag its edges and bend it sideways to create a circle (it’ll create a better mesh grid for later).
Grab the Mesh Tool (U) and add some mesh nodes as indicated below. Drag the edge nodes together so they overlap, and then color the edge of the circle with #DAB943
.
Follow the screenshot below to see which nodes to color in which step.
Step 2
Continue coloring the lemon according to the image below. Use these colors:
#B98F36
#EBE067
-
#F9F9D3
Step 3
Draw the inner part of the lemon with Mesh. Use these:
#E8D74B
#DFBF2A
-
#C9AC31
Step 4
Turn the top edge of the lemon slice completely transparent.
Step 5
Draw another element.
#E7D649
#EFE288
-
#F7F3BE
Step 6
Draw another part of the lemon.
#E7D649
#EFE288
-
#ECDF6F
Step 7
Draw the final piece.
#E7D649
#EFE288
-
#F7F3BE
Step 8
Place the elements onto the slice.
Step 9
Place the wedges onto the lemon slice.
Step 10
It’s time to draw the cocktail glass for our simple flyer background! Use Gradient Mesh and these colors:
#E8E0CE
#E2BD1D
-
#D58C1C
Step 11
#E1A91D
#E9D771
-
#F4F1E8
Step 12
Make the top part of the glass transparent.
Step 13
Draw the base of the glass.
#EFE7CE
#D2CAB1
-
#9E967D
Step 14
#C6BEA5
#F7F1D8
-
#A58747
Step 15
Set the base to 70% Opacity.
Step 16
Draw a straw for the cocktail.
#D58743
#E8C47D
Step 17
#D58743
#A27A68
Step 18
#C37334
#D99450
Step 19
Assemble the straw.
Step 20
Finish the cocktail glass to add to the flyer template.
2. How to Create the Photos
Step 1
Begin drawing the background for the cocktail photo on our simple flyer.
Step 2
Finish drawing the background.
#4BB6CE
#F4F4E6
-
#D0C594
Step 3
Place the glass onto the background. Our first photo for the flyer design is done!
Step 4
Draw the base for the polaroid.
#FFF5CF
#EDD9B3
Step 5
Add a #322412
square.
Step 6
Draw two rectangles with rounded edges, the bigger one colored with #FEF3CD
and the smaller one with #322412
.
Make the bigger rectangle transparent, and go to Object > Blend > Blend Options. Select Specified Steps, 30 and apply.
Next, select both rectangles and go to Object > Blend > Make.
Step 7
Change the object’s Blending mode to Multiply with 50% Opacity.
Step 8
Place the Blend shadow under the polaroid and add the cocktail image to complete the polaroid for the flyer design.
Step 9
Consult the tutorial below to learn how to draw palm leaves to use in the flyer background.
Make a Clipping Mask as shown in the screenshot.
-
How to Create a Vacation Beach Background in Adobe Illustrator
Learn how to create a vector vacation background using the Mesh Tool in Adobe Illustrator!
Step 10
Draw a circle with a Radial Gradient, changing it to Screen with 95% Opacity.
Step 11
Use the same Gradient on an ellipse. This time, use Screen with 80% Opacity.
Step 12
Place the ellipses inside the circle.
Step 13
Assemble the scene out of the background we made earlier, the palm leaves and the highlight.
Step 14
Learn how to make the hat, the chair, flip-flops and suitcase here:
-
Gradient Mesh ToolHow to Create a Summer Vacation Background in Adobe IllustratorVladimir Galantsev
-
Gradient Mesh ToolHow to Create a Set of Vector Suitcases in Adobe IllustratorVladimir Galantsev
Step 15
Consult these tutorials for the chair, the sea background, and the flip-flops:
-
Gradient Mesh ToolHow to Create a Summer Vacation Background in Adobe IllustratorVladimir Galantsev
-
NatureHow to Create a Vacation Beach Background in Adobe IllustratorVladimir Galantsev
Step 16
Draw a new background for the flip-flops.
#EFF8D6
#7DC7E3
-
#DACA78
Step 17
Assemble the photo.
Step 18
Draw #E9ECCD
stripes for an umbrella.
Step 19
Draw a #4698BA
base.
Step 20
Add a pole.
#E6E6E6
-
#FFFFFF
Step 21
Assemble the umbrella.
Step 22
Add the umbrella to complete one more polaroid for the flyer template.
Step 23
Place the polaroids in a vertical pile for the flyer design.
Step 24
Add a #A9D1E2
background to create the simple flyer background.
Step 25
Use Placeit to turn this simple flyer template into a real flyer design!
Awesome Work, Your Simple Flyer Background Is Now Done!
What now? You can try any of my other tutorials from my profile, or check out my portfolio on GraphicRiver, as well as the original vector we recreated in this tutorial.
Check out some of my banners as well!
I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below!
Check out these tutorials!
-
How to Make a Tropical Party Flyer Background in Adobe Illustrator
Learn how to draw a tropical party flyer background in Adobe Illustrator, using Gradient Mesh! Add decorative elements via Placeit! -
How to Create a Vacation Beach Background in Adobe Illustrator
Learn how to create a vector vacation background using the Mesh Tool in Adobe Illustrator! -
How to Draw a Watermelon and a Glass of Juice in Adobe Illustrator
Learn how to create a vector glass of watermelon juice and the fruit itself using the Mesh Tool in Adobe Illustrator! -
How to Create Retro Polaroids on a Clothesline in Adobe Illustrator
In this tutorial we will learn how to create a vector retro background with photos, clothespins and a rope using the Mesh Tool in Adobe Illustrator!
{excerpt}
Read More