Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Flyers

How to Create a Summer Picnic Community Event Flyer in Adobe InDesign

This post is part of a series called Learn Adobe InDesign.
How to Create a Simple Magazine Template in Adobe InDesign
10 Top Tips for Creating Your Own EPUBs and eMagazines
This post is part of a series called Home Sweet Home.
How to Create a Modern Cottage in a Scandinavian Style in Adobe Illustrator
40 Professional Real Estate Flyer Templates
This post is part of a series called Flyer Design & Templates.
How to Create a High-Contrast Skateboard Flyer in Adobe Photoshop
How to Create a Vintage Music Festival Flyer in Adobe InDesign
Final product image
What You'll Be Creating

Planning a town fair, family picnic or summer BBQ? This summery flyer is super simple to put together and would be a great fit for any family foodie event. Suitable for beginners to Adobe InDesign, this tutorial will show you how to set up a single-page layout which is ready to print or circulate online.

Find even more cool flyer templates for summer events on GraphicRiver, to ensure your next event draws in the crowds. 

Ready for summer? Fantastic, let’s go...

What You’ll Need to Create Your Flyer

You’ll need access to Adobe InDesign to put together your flyer design. If you don’t have an InDesign subscription, that’s no problem—you can download a 30-day free trial of the software from Adobe

If you’d like to add optional items to your tablecloth, like the plate shown here, you will also need to have access to Adobe Photoshop, for removing the backgrounds of your images. This is a completely optional step, so you can still create the flyer without adding objects to your tablecloth.

You’ll also need to download the following images and fonts:

Save the images to a folder you can easily find, and install the font files. 

1. How to Set Up a Flyer Document in InDesign

We’ll be setting up the flyer to a standard size, 8.5 by 11 inches. If you want to design to a different size you can either tweak the proportions of elements as we go, or export the final design as an image and scale it up or down.

Step 1

Open InDesign and go to File > New > Document. Keep the Intent set to Print, Number of Pages to 1, and uncheck Facing Pages.

Under Page Size, choose Flyer 8.5x11 from the list of presaved sizes, or type in 8.5 in (or 215.9 mm) for the Width and 11 in (or 279.4 mm) for the Height.

flyer page size

Step 2

Set the Top and Bottom Margins to 26 mm and the Left and Right Margins to 33 mm.

Add a Bleed of 5 mm to all edges of the page if you’re intending to send the flyer to print; if not, you can leave the bleed set to 0. Then head up and click OK.

new document

2. Lay Out Your Picnic Cloth Background

Step 1

Expand the Layers panel (Window > Layers) and double-click on the default Layer 1 name in the layers list.

Rename the layer Tablecloth and click OK.

layer options

Step 2

Take the Rectangle Frame Tool (F) from the Tools panel and drag across the page, extending the frame up to the edge of the bleed on all sides. 

Go to File > Place, navigate to your tablecloth image, and click Open. Double-click inside the image frame to directly select the image. Hold down Shift and drag to enlarge the image, until the checks are large and generous.

gingham photo

3. How to Create a Border on Your Layout

Step 1

Expand the Swatches panel (Window > Color > Swatches) and click on the New Swatch button at the bottom of the panel. 

Name the swatch Lemon, and set the Type to Process and Mode to CMYK. Set the percentage levels to C=7 M=1 Y=68 K=3, click Add, and then click OK to exit the window.

lemon swatch

Step 2

Return to the Layers panel and lock the Tablecloth layer. Click on the Create New Layer button at the bottom of the panel, and rename this new layer Border.

border layer

Select the Rectangle Tool (M) and drag onto the page to create a shape that extends up to the margin line. 

From the Swatches panel, set the Fill of the shape to your new Lemon swatch, and the Stroke of the rectangle to [Paper] (white). 

rectangle tool

Step 3

Expand the Stroke panel (Window > Stroke) and increase the Weight of the shape’s stroke to 23 pt. From the Align Stroke options, choose the central option, Align Stroke to Inside. 

rectangle with white border

With the shape still selected, head up to Object on the top menu and choose Corner Options. In the window that opens, set the Size of all corners to 29 mm, and the Shape to Inverse Rounded.

corner options

Step 4

With the rectangle selected, go to Object > Effects > Transparency. Decrease the Opacity to around 93% to bring through some of the gingham pattern below. 


Then click on Drop Shadow in the left-hand menu of the panel. Set the Mode to Multiply, Opacity to around 22%, Distance to 2 mm, Angle to 65 Degrees, and Size to 7 mm. Click OK to apply the effects and exit the window. 

drop shadow
final border

4. How to Format Typography on Your Flyer

Step 1

Back in the Layers panel, lock the Border layer and create a new layer above, calling it Typography.

layers panel

Take the Type Tool (T) and drag onto the yellow border to create a text frame. Here we’re going to type in the name of the event, so here ‘Family’. 

From either the Character panel (Window > Type & Tables > Character) or the Character Formatting Controls panel running along the top of the workspace, adjust the Font to Nicoline, Size 160 pt, and Align Center. 

From the Swatches panel, adjust the Font Color to [Paper].

family text

Step 2

Select the text frame and Edit > Copy, Edit > Paste it, moving it below the original text frame. Adjust the text to read the second part of your event title, here ‘Picnic’.

layers panel

Select both text frames and go to Object > Effects > Outer Glow. Next to the Mode drop-down menu, click on the colored square to open the Effect Color window. Choose the red swatch in the list of default swatches, and click OK.

outer glow

Bring down the Opacity to 7%, and set the Technique to Softer and the Size to around 2.5 mm. Set Noise to 30% and Spread to 38%, before clicking OK

final text effect

Step 3

Create a new CMYK color swatch from the Swatches panel, naming it Sky and setting the levels to C=70 M=14 Y=0 K=0.

sky swatch

Zoom into the top half of the yellow border. Create a new text frame using the Type Tool (T) and type in an introductory sentence, like ‘Come along to Sunnydale’s’.

Set the Font to Charlevoix Pro Medium, Size 16.5 pt, Tracking 90 and Align Center. You might want to pull out a key detail like the place in Charlevoix Pro Semibold. 

color text

Step 4

Select the text frame and Edit > Copy, Edit > Paste. Drag it down to the bottom of the border, and adjust the text to read the date and time of the event. Increase the Font Size to 22 pt, and set the Weight to Semibold

From the Glyphs panel (Window > Type & Tables > Glyphs) you can insert a bullet to separate the information by double-clicking on the glyph in the panel.

glyphs panel

Step 5

Edit > Paste the text frame again, moving it below the date and time frame. Adjust the text to list some of the things people can expect on the day. You could also put info about ticket pricing and release dates.

Bring the Font Size down to around 14 pt. 

glyphs panel

5. How to Add a Ribbon to Your Flyer

Step 1

Head back to the Swatches panel and create a new CMYK swatch. Name it Brown and set the levels to C=79 M=78 Y=81 K=0.

brown swatch

Create a new layer called Ribbon, and place this below the Border layer and above the bottom layer, Tablecloth. Lock all the other layers while you work on Ribbon.

Create a small rectangle using the Rectangle Tool (M) which bridges the gap between the left edge of the yellow border and the edge of the bleed on the left side of the page.  

brown shape

Step 2

Select the brown shape and head up to Object > Effects > Drop Shadow. Add a Multiply shadow, adjusting the Opacity and other options until you’ve created a subtle wash of shadow beneath the ribbon.

drop shadow

Take the Line Tool (\) and, holding Shift, drag to create a short horizontal line along the top part of the brown shape. From the Swatches panel, set the Stroke Color to [Paper]. From the Stroke panel, set the Weight to 3 pt and Type to Dashed (3 and 2). 

dashed stroke

With the dashed line selected go to Object > Effects > Transparency and bring the Opacity down to 65%, before clicking OK.

transparency effect

Copy and Paste the line, dragging the copy down into a mirrored position along the bottom edge of the brown shape. 

pasted line

Step 3

With your mouse, select the brown shape and both dashed lines, before Right-Clicking > Group. 


Select the group, Edit > Copy and Edit > Paste. Maneuver this pasted group over to the right side of the flyer, so it appears as if a ribbon is wrapping around the layout. 

pasted graphic

6. Add Optional Objects to Your Tablecloth

This is a completely optional step of the tutorial. If you’d like to add items like plates, cutlery or anything else to the top of your tablecloth, you will need access to Photoshop and a selection of photos of items with a white background.

Step 1

Open the plate with a blue rim image in Photoshop

Select the Elliptical Marquee Tool from the Tools panel and, holding Shift, drag to create a perfect circle on the page, matching the dimensions of the plate as best you can. Use the arrow keys to shuffle the position of the marquee.

marquee tool

Then click on the Refine Edge button at the top of the workspace. Adjust the sliders until the marquee has a tight selection around the edge of the plate, and then click OK.

refine edge

Edit > Copy, Edit > Paste the selection, moving it onto a new layer above. Switch off the visibility of the original layer.

pasted plate

Step 2

As well as removing the background of your photo, you can also adjust the color levels to better suit the scheme used on your flyer design.

Add a new Color Balance Adjustment layer from the bottom of the Layers panel. Here I’ve tweaked the Cyan and Blue sliders to give the plate a more vivid sky blue hue.

color levels

When you’ve finished editing your image, go to File > Save As, saving the image as a Photoshop (PSD) file. 

Step 3

Return to your InDesign flyer document and create a new layer (here called Plates) above the Ribbon layer and below the Border layer.

layers panel

Use the Rectangle Frame Tool (F) to create a new image frame in one corner of the page. File > Place your object image and adjust the scale to create a flat-lay effect. 

You can also add a shadow for more realism by going to Object > Effects > Drop Shadow. 

drop shadow
final design

Your flyer artwork is finished—awesome job! If you want to circulate your flyer online, you can head up to File > Export and choose Adobe PDF (Interactive), JPEG or PNG from the Format drop-down menu. If you’re planning to send off your flyer for professional printing, read on to find out how best to export your design...

7. How to Export Your Flyer for Printing

Step 1

First up, File > Save your flyer artwork. 

Then head back to the File menu and choose Export. From the Format drop-down menu in the window that opens, choose Adobe PDF (Print), and click Save

In the Export window that opens, choose Press Quality from the Preset menu at the top of the window. Check the box that reads View PDF after Exporting.

press quality

Step 2

Click on Marks and Bleeds in the window’s left-hand menu. Check All Printer’s Marks and Use Document Bleed Settings.

marks and bleed

Then click Export to create your print-ready PDF file. 

print marks

Conclusion: Your Finished Flyer

Congratulations, your flyer is finished and is ready for circulating. You've picked up lots of great techniques for creating layouts for print in InDesign, so let's recap a few of the main skills you can take forward to other projects. You now know how to:

  • Create a standard flyer layout using Adobe InDesign.
  • Build up a photographic background and colorful border to create a layered, 3D effect.
  • Create your own basic graphics, such as ribbon shapes, directly in InDesign.
  • Format typography to a professional standard.
  • Edit and place images into your layout to create an on-trend flat-lay look.
  • Export your completed artwork as a print-ready PDF.

You can find even more great flyer templates for summer events over on GraphicRiver, so make sure to check them out! 

final flyer
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.