Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
December 4, 2018 05:00 pm

How to Make a Tropical Party Flyer Background in Adobe Illustrator

Final product image
What You'll Be Creating

In this tutorial, you will have the opportunity to learn how to use the Gradient Mesh Tool to draw a party flyer template design. 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 Summer Holiday Background With Tropical Plants from GraphicRiver!

 Summer Holiday Background With Tropical Plants
Summer Holiday Background With Tropical Plants


1. How to Draw a Tropical Flower

Step 1

Let's start off by drawing a flower petal with Gradient Mesh.

Create an orange rectangle—the color is #F55703.

Next, grab the Mesh Tool (U). Click to create nodes, which in turn create a Mesh Grid.
When you have a thick enough mesh grid, grab the edges of the
rectangle and move them to make the shape rounder. It should resemble
the shape of a petal.

Once you're done with the shaping, select
the left cluster of nodes (they are already colored differently in the
screenshot) and color them with #F8B67F.

Next, select the nodes that are darker (they're selected below) and proceed to change their color to #C54E0A.

Add some darker orange tones in the fourth step with #872E0D.

Always make sure to select the nodes that are selected in each screenshot below and apply the corresponding color to them!

Tropical Party Flyer Design

Step 2

Create another petal with Gradient Mesh.


  1. #FD8604

  2. #D74E02

  3. #B82E02


  4. #FFD38C


Party Flyer Template Tropical Petal

Step 3

Draw a third petal.


  1. #F05A03

  2. #F9A15D

  3. #CA4725


  4. #7E2309


Party Flyer Background Mesh

Step 4

Finish the third petal.


  1. #B35C11

  2. #FA9234

Vector Mesh

Step 5


  1. #DF4502

  2. #EA8A1C

  3. #550500


  4. #962607


Tropical Party Flyer Design

Step 6

Draw one more orange petal.


  1. #F75506

  2. #F2A05F

  3. #FB730D


  4. #C44001


Party Flyer Template Petal Tutorial Vector

Step 7


  1. #F35909

  2. #FD9E04

  3. #DC3500


  4. #99361F


Party Flyer Background Tropical Flower

Step 8

Finish the petal.


  1. #D66B01

  2. #D56A02

  3. #FD7604

Tropical Flower Tutorial Vector

Step 9

 Draw a blue element.


  1. #E2F1FF

  2. #224FA3

  3. #72A6BE


  4. #AFCAF3


Tropical Party Flyer Design Mesh Element

Step 10

Draw the final mesh element.


  1. #6284C2

  2. #67180A

  3. #0A2D2B

  4. #A5B29F

Party Flyer Template Gradient Mesh

Step 11

Place the two elements together.

Tropical Party Flyer Template

Step 12

Create a copy of the group, and then recolor that copy with Edit > Edit Colors > Adjust Colors.



  • Red: 11%


  • Green: 13%


  • Blue: 25%


Party Flyer Background Edit Colors

Step 13

Draw leaves with Mesh.


  1. #313D21

  2. #778D26

  3. #4E561C


  4. #60605B


Gradient Mesh Tutorial

Step 14

Finish the leaf.


  1. #5B593E

  2. #BD7D0E

  3. #BCB150

Tropical Party Flyer Design Leaf

Step 15

Draw the final element.


  1. #2A3B17

  2. #A5973C

  3. #79815D


  4. #475530


Party Flyer Template Leaf Mesh

Step 16

Assemble the flower.

Party Flyer Background Tropical Background


2. How to Complete the Flyer Template

Step 1

To learn how to draw the tropical leaf, consult this tutorial.

Next, recolor the leaf with Edit > Edit Colors > Adjust Colors.

Tropical Party Flyer Template Edit Colors

Step 2

Bend the leaf with Effect > Warp > Arc Lower.



  • Bend: 21%


  • Horizontal Distortion: 14%


  • Vertical Distortion: -34%

Expand Appearance of the object.

Party Flyer Template Warp Effect

Step 3

Draw a Mesh backdrop.


  1. #386D4B


  2. #326143


Mesh Vector Tutorial

Step 4

Draw #36763C lines for the leaf.

Tropical Party Flyer Template Tutorial

Step 5

Use a Clipping Mask to create the leaf.

Tropical Party Flyer Template Leaf Vector

Step 6

Draw one more Mesh backdrop.


  1. #386D4B

  2. #1D492C


  3. #3F7A52


Party Flyer Template Mesh

Step 7

Use #547554 for the lines.

Vector Tutorial

Step 8

Use a Clipping Mask.

Tropical Party Flyer Design Leaf Vector

Step 9

Draw another #547554 element.

Tropical Party Flyer Template

Step 10

Assemble a plant frame for the party flyer background.

Party Flyer Template Tropical Leaves

Step 11

Draw a Gradient element and set it to Multiply.

Tropical Party Flyer Template Gradient

Step 12

Place some of the elements on a #EDF0EE background to create a backdrop for the party flyer design.

Party Flyer Background

Step 13

Place the party flyer backdrop behind the plant frame.

Party Flyer Design Background

Step 14

Add a Radial Gradient highlight, set to Screen.

Radial Gradient

Step 15

Place the highlights on top of the party flyer background.

Tropical Party Flyer Template

Step 16

Make a Clipping Mask for the final version of the flyer design!

Party Flyer Background


3. How to Use Placeit to Make a Flyer

Step 1

Our tropical flyer template is done—now it's time to add text and other decorative elements to truly turn it into a flyer!

You can easily do this on the Placeit site! Just head over to the Designs > Flyer Maker section for various flyer designs.

I've decided to search for a "summer party flyer" to complete our template.

tropical flyer template tutorial

Step 2

After you type in your keywords, you will be presented with various designs to choose from.

Choose the one you like the design of most—we will be changing the actual background image!

online design template maker

Step 3

I have chosen the first design, Online Flyer Maker for a Summer Party! Now, head over to the bottom left section, Background, and choose to add a Custom Image.

Select a .jpg version of the flyer template we made!

placeit tutorial

Step 4

After cropping the image accordingly, it's already in place!

Now you can change the text or the colored filter on the image.

online placeit flyer design tutorial

Step 5

You can also change the color of the text...

how to create flyer interactive design

Step 6

... and move all the elements around as you'd like!

online easy flyer design tutorial

Step 7

Don't hesitate to play with the options while creating your ideal tropical flyer on Placeit!

tropical flyer placeit template

Awesome Work, You're 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.

I hope you enjoyed the tutorial, and I would be super happy to see any results in the comments below!

 Summer Holiday Background With Tropical Plants
Summer Holiday Background With Tropical Plants

Check out more tutorials!



Original Link: https://design.tutsplus.com/tutorials/how-to-make-a-tropical-party-flyer-background-in-adobe-illustrator--cms-32101

Share this article:    Share on Facebook
View Full Article

TutsPlus - Design

TutsPlus+ is a blog/Photoshop site made to house and showcase some of the best Photoshop tutorials around.

More About this Source Visit TutsPlus - Design