How to Make a Flyer Design for Christmas in Illustrator

Post pobrano z: How to Make a Flyer Design for Christmas in Illustrator

Final product image
What You’ll Be Creating

Learn how to make a flyer in this event flyer tutorial. You’ll learn how to create an effective flyer design just in time for Christmas.

Whether you’ve been 'Naughty or Nice’ or even if you’re really not into the whole celebrating the holidays thing, there is one special holiday in December that will make you spread your cheerful spirit, and that day is 'Ugly Christmas Sweater Day’! Yes, it’s real.

Do you have an ugly sweater lurking in the depths of your closet? Then 'Ugly Christmas Sweater Day’ is the day to flaunt that colourfully hideous knitwear. The holiday, which started in 2011, is celebrated on the third Friday of December. 

To celebrate this festive holiday, today we are going to learn how to create a professional-looking, easy-to-design 'Ugly Sweater Party’ event flyer, using Adobe Illustrator!

If you don’t have time to design a flyer from scratch or lack inspiration, you can source the latest collection of flyer designs and graphics over at Envato Market or Envato Elements

What You Will Need

You will need this set of selected fonts in order to complete this project:

1. How to Set Up a New Project File

Open Adobe Illustrator, and Create New Document (Command-N) with the following settings:

  • Name: Ugly_Sweater_Xmas_Party
  • Number of Artboards: 1
  • Orientation: Portrait
  • Width: 8.27 cm
  • Height: 11.69 cm

From the Advanced tab:

  • Color Mode: CMYK
  • Raster Effects: High (300 ppi)
  • Preview Mode: Default

We need to add bleed lines to the artboard, to define where the graphics area extends for the printer. Bleed lines ensure there are no white edges around the flyer after cutting.

Click More Settings to open the More Settings dialog box.

Set the values for Bleed to 0.2 cm and Create Document. Bleed lines will appear as red lines around the artboard.

set event flyer artboard size setting orientation portrait bleed centimetres
set artboard bleed lines for printing bleed lines in red

2. How to Make an Event Flyer Background

Step 1

Now since this is a „sweater” party, let’s create a cute, simple, red checkered pattern as an event flyer background.

Start by creating the checkered square of the pattern. Grab the Rectangle Tool (M). Click once on the artboard, to open the Rectangle dialog box. Create a 1 x 1 cm square, with color fill #A01D20.

Next, select the Line Segment Tool (\). Draw a line with Width and Height of 1 cm, Angle: 270°, with a black stroke.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 1pt, Gap: 2 pt
use rectangle tool M to create red square and line segment tool dashed line stroke

Step 2

With the dashed line selected, Object > Expand… to open the Expand dialog box. Check Fill and Stroke, and then OK.

Then Copy (Command-C) and Paste in Front (Command-F), to duplicate the dashed line on top of the original.

Object > Transform > Rotate ….and set the Rotate Angle to 90°, and click OK.

Open the Align panel. Select the square and two line segments you just created, and Horizontal & Vertical Align Center, so all elements align equally to one other.

object expand line segment Horizontal  Vertical Align Center from align panel

Step 3

Now let’s duplicate the objects to create a checkered pattern.

Select the dashed lines. Use the Eyedropper Tool (I) to apply the same color fill as the square #A01D20.

Then take the Selection Tool (V), select the three objects, and drag the objects horizontally to the right edge, while holding down the ShiftAlt keys to constrain movement. This will duplicate our objects.

Then Select All (Command-A), hold down the ShiftAlt keys, and drag vertically to the top edge of the squares, as shown.

Let’s alter their color.

Take the Direct Selection Tool (A). Select the second and third square and apply a color fill of #EE2532, and for the fourth square #D12027

use eyedropper tool apply colo and duplicate shortcut hold shift alt kets drag

Step 4

I realised the first square and its strokes are too dark, so let’s change them to a lighter tone.

Select the first square shape. Select > Same > Fill Color, and change the color fill to #BE2126

Select All (Command-A).

Go to Object > Pattern > Make. The Pattern Options dialog box will appear, where you can adjust the pattern settings:

  • Tile Type: Grid 
  • Width: 2 cm
  • Height: 2 cm

The new pattern will appear instantly in the Swatches panel (Window > Swatches). Now you can delete the shapes we used to create our pattern.

object pattern making swatches panel grid type checkered

Step 5

Use the new pattern as a fill. Select the Rectangle Tool (M) and draw a rectangle to cover the artboard within the bleed lines. 

Object > Transform > Rotate.

Make sure only Transform Patterns is selected, set Rotate Angle to 45°, and click OK.

rectangle tool create shape and apply transform pattern option rotate angle 45 degrees

Step 6

Now let’s add a light frame around our event flyer.

Take the Rectangle Tool (M) again and draw a rectangle of 8 x 11.4 cm, with null fill and white Stroke of 1 pt.

Now align the frame to our artboard. Open the Align panel (Window > Align).

Make sure you select Align to: Align to Artboard, then Horizontal & Vertical Align Center.

And our background is ready!

background pattern align set border stroke flyer within border

3. How to Lay Out and Format Type on the Event Flyer

Step 1

Let’s set up our layers in the Layers panel. Open Window > Layers.

Double-click ’Layer 1′ to open the Layer Options dialog box. 

Select Lock and rename it ’Background’ and click OK.

Click the Create New Layer option from the Layers panel, and create three new layers on top of one another, named ’Graphics’, ’Type’, and ’Top Graphics’.

open layers panel set layer options lock and create new layer graphics type top graphics

Step 2

To promote our party event flyer and create an informative and attractive flyer, we need to include five details :

  1. Greeting or Funny Intro: A short piece of text, placed on top of the flyer in a small font size: ’Let’s Get Tacky’ and ’You’re Invited to The’.
  2. Title: The main title is ’Ugly Sweater’ and secondarily ’Christmas Party, Live Music Band’. The title needs to be large, readable type, so that the reader knows what we are promoting, and it should be placed in an eye-catching position, contrasting with the background color. 
  3. Description: Comes under the title and adds relevant info to the event, like date, time, and location. This year, the holiday happens to fall on December 21st, 2018. ’21st, Friday, 8PM, December, $20 Entry, Place-Street Address – Doors Open @ 19:45′.
  4. Call-to-action:RSVP by December 17th – Telephone #.” A call-to-action encourages readers to act now rather than later.
  5. Contact & Address: So the readers can easily contact you. It includes an address, website, telephone number, logo, or social media accounts.

We need to divide our flyer into three sections of visual hierarchy, using Ruler Guides: the top ’Greeting’ section (small section), the middle ’Title’ section (largest), and ’Info’, the bottom section.

View > Rulers > Show Rulers or Command-R. Select the horizontal ruler and drag the guide into the space you want.

add ruler guides drag vertical view rulers show rulers

Step 3

Make sure you are on the ’Type’ layer.

Use the Type Tool (T) to create three text frames, within the designated sections.

Open the Paragraph panel (Window > Type > Paragraph), as well as the Character panel (Window > Type > Character).

Set the Font to Bebas Neue at 14 pt

Place the text, and Align Center from the Paragraph panel. Don’t worry about the font type or size just yet.

add type type T type area box window paragraph character align center font size

Step 4

Now let’s have some font fun.

When it comes to choosing the right font, there is a lot of trial and error involved to find the fonts that work and suit your design. You need to find a font which matches the flyer design, the message of the event, and the target audience.

Luckily for you, I spared you the time-consuming work and hand-picked a selection of fonts to use on the event flyer design.

Let’s start with Section 1:

„Let’s Get Tacky”: 

  • Capitalise all letters. 
  • Set the Font to Montserrat at 11.2 pt
  • Leading: 13.44 pt
  • Tracking: 200 

’You’re Invited To The’

  • Capitalise all letters. 
  • Font: Montserrat at 6.08 pt
  • Leading: 17.3 pt
  • Tracking: 200 
set tracking leading font type size and alignment Montserrat

Step 5

Move on to Section 2:

’Ugly’

  • Font: Great Vibes at 53.11 pt
  • Leading: 63.73 pt

’Sweater’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 35.74 pt
  • Font Style: Black
  • Leading: 42.89 pt
  • Tracking: 50

’Christmas’

  • Capitalise all letters. 
  • Font: ChunkFive at 15.74 pt
  • Font Style: Roman
  • Leading: 18.89 pt
  • Tracking: 200

’Party’

  • Capitalise all letters. 
  • Font: Alfa Slab One at 36.6 pt
  • Leading: 31.72 pt
  • Tracking: 25

’Live Music Band’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 16.73 pt
  • Font Style: Bold
  • Leading: 20.08 pt
  • Tracking: 100
edit type font style tracking leading superscript from character panel bold pt

Step 6

Finally, for Section 3:

’21st  8 PM  $20′

  • Capitalize all letters. 
  • Font: Bebas Neue at 23.7466 pt
  • Font Style: Black
  • Tracking: 50
  • ’st’ use the Superscript option from the Character panel

’Friday December Entry’

  • Capitalise all letters. 
  • Font: Montserrat at 7.98 pt
  • Font Style: Bold
  • Leading: 42.89 pt
  • Tracking: 50

’RSVP by December 17th – Telephone #’

  • Font: Montserrat at 5.92 pt
  • Leading: 9 pt
  • Tracking: 200

’Place – Street Address – Doors Open @19:45′

  • Capitalise all letters. 
  • Font: Bebas Neue at 13.11 pt
  • Font Style: Regular
  • Leading: 18 pt

’website’

  • Capitalise all letters. 
  • Font: Montserrat at 5.92 pt
  • Leading: 10 pt
  • Tracking: 200
edit type font style tracking leading superscript from character panel

Step 7

Let’s remove the horizontal guides: View > Guides > Clear Guides

Then give the middle text box a tilt to make it more eye-catching.

Select and Object > Transform > Shear.

  • Shear Angle: -190º
  • Axis: Vertical
  • OK
object transform shear angle set axis vertical

Step 8

Let’s add color to the type.

Pick the Type Tool (T) and follow these steps:

  • Select individually 'LET’S GET TACKY’ + 'SWEATER’ + 'CHRISTMAS’  + 'ENTRY’ and apply a yellow color fill of #FFC216.
  • Select individually ’21st’ + 'FRIDAY’ and apply a blue fill of #00cfff.
  • For 'PLACE – STREET ADDRESS – DOORS  @19:45′, apply a dark blue fill of #083c63.
type tool selection apply color fill individually

Step 9

Next, let’s apply a drop shadow to the top and bottom text boxes.

Effect > Stylize > Drop Shadow… with the settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
add effects stylize drop shadow mode multiply x offset y blur color

4. How to Design Graphics to Support Your Event Flyer

Step 1

Now we need to create graphics that will grab the attention of your audience and convince them to come to your event. What better way to do this than with a beautifully designed flyer? 

Lock the ’Type’ layer, and move down to the ’Graphics’ layer, and start creating some graphic elements.

Turn on the Smart Guides (Command-U).

Select the Line Segment Tool (\), and draw a 0.8 cm line to the left of YOU’RE INVITED’. Hold down the Shift-Alt keys to duplicate it, and drag it parallel to the other side.

Select both lines and apply a Drop ShadowEffect > Stylize > Drop Shadow… with the settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.03 cm
  • Y Offset: 0.03 cm
  • Blur: 0 cm
  • Color: #000000
create line with line segment tool duplicate shift-alt and apply drop shadow effect

Step 2

Select the Line Segment Tool (\), and draw a 6.4 cm line under 'SWEATER’.

From the Stroke panel, apply:

  • Weight: 4 pt
  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 0ptGap: 7 pt
line segment tool create dotted line with dash and gap

Step 3

Next, let’s create an attention-grabbing ribbon banner to highlight the text „CHRISTMAS PARTY’ and 'LIVE MUSIC BAND’.

Use the Smart Guides to guide you.

Take the Rectangle Tool (M) and draw three rectangles with a blue fill of #0a304c in the following order and alignment:

  • Rectangle 1: 6.57 x 2.03 cm (approx)
  • Rectangle 2: 5.91 x 0.82 cm (approx)
  • Rectangle 3: 0.97 x 0.81 cm (approx)
draw rectangles using smart guides to create ribbon banner

Step 4

Select the third rectangle. Object > Path > Add Anchor Points.

Use the Direct Selection Tool (A) to select the middle far right anchor point and drag it slightly to the left, to create the ribbon end.

add anchor point to shape and adjust ribbon end with direct selection tool

Step 5

Now let’s slant the three rectangle boxes. Select all three.

Take the Shear Tool from the Tools panel or choose Object > Transform > Shear.

  • Shear Angle: -190°
  • Angle: -90°
  • OK
shear tool slant banner tools panel object transform shear

Step 6

For the back of the ribbon banner, draw a 6.57 x 2.85 cm (approx) shape, using the Rectangle Tool (M), with a fill of #0d1520.

Then Object > Transform > Shear, and apply a Shear Angle: 341°

With the shape selected, Object > Arrange > Send to Back (Shift-Command-[), and position it correctly.

create rectangle with rectangle tool slant object transform shear and send to back

Step 7

Use the Selection Tool (V) to position the end of the banner slightly below the second.

Then take the Pen Tool (P), and draw a triangle as shown below.

Select all the banner elements, and Group (Command-G) and align behind the text.

use selection tool draw triangle pen tool group together send to back

Step 8

Let’s create the banner behind 'PLACE – STREET ADDRESS – DOORS  @19:45′.

Grab the Rectangle Tool (M) and draw a 7.22 x 0.53 cm (approx) shape, with fill #FFC216.

Object > Path > Add Anchor Points, and move the middle far left and far right anchor points slightly inwards to create the banner edges.

Rectangle tool object path add anchor points for banner edge

Step 9

Let’s create bars to separate ’21st  8 PM  $20′ and 'FRIDAY DECEMBER ENTRY’, so they are easily distinguished.

Use the Rectangle Tool (M) and draw a 0.05 x 0.97 cm (approx) shape, with a fill of #FFC216.

Hold down the ShiftAlt keys and drag horizontally to duplicate.

Then select both bars and apply an Effect > Stylize > Drop Shadow… with settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
create rectangle bars separate text apply drop shadow

Step 10

Let’s add some decorative pointers for 'FRIDAY DECEMBER ENTRY’.

Use the Rectangle Tool (M) and create one long bar of 0.09 x 0.03 cm and a 0.12 cm square.

Select the square. Object > Transform > Rotate at 45°.

Place the square at the tip of the horizontal rectangle, and Vertically Align Center the two shapes.

Give them a white fill, and place them on the left of the text.

Copy (Command-C) and Paste in Front(Command-F), to duplicate the elements.

Finally, use the Reflect Tool (O), click between 'EM” in 'DECEMBER’ to set the point of axis, and flip the objects.

create rectangles vertical align center duplicate copy paste front and use reflect tool to mirror

Step 11

And for the final touch, let’s add a decorative diamond pattern on the base.

Create a 0.14 cm square. Object > Transform > Rotate at 45°.

Hold down the ShiftAlt keys and drag horizontally to duplicate. Give one square a white fill and the other a color fill of #20c3ef.

Then, with the two diamond shapes selected, hold down the ShiftAlt keys to constrain movement and duplicate the selection, and drag horizontally.

Use the Command-D shortcut to Transform Again. Repeat till you reach the edge of the banner.

5. How to Create Illustrations to Complement the Event Flyer

Step 1

I left a small space between 'LIVE MUSIC BAND’ and ’21st 8PM $20′, to add three illustrations of dancing sweaters.

From the Layers panel, Lock the ’Graphics’ layer and move onto ’Top Graphics’.

So let’s create our first little cute dancing sweater.

Grab the Rounded Rectangle Tool, from the Tools panel, and draw two rectangles with a fill of #20c3ef.

  • Rectangle 1: 0.62 x 0.74 cm, Corner Radius: 0.1 cm
  • Rectangle 2: 0.32 x 0.25.cm, Corner Radius: 0.1 cm

Place them on top of one another to create the sweater body and collar.

use rounded rectangle tool to create sweater collar and body

Step 2

Then Swap Fill & Stroke (Shift-X), and select the Pen Tool (P) and draw 5.5 pt weight stroke arms for the sweater.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join

Take the Direct Selection Tool (A) and select all the 'elbow’ anchor points. This will enable the Live Corners widget to appear next to each corner point. Drag the Live Widgets to round the 'elbow’ edges. 

Then take the Ellipse Tool (L), with white fill, and draw a 0.2 x 0.09 cm ellipse on top of the collar as shown below.

Shift Modes (Shift-D) to Draw Behind from the Tools panel, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves.

Use the Rotate Tool (R) to rotate the top sleeve as shown.

swap fill stroke panel round corners Live corners Live widgets curve Shift D Draw behind Rotate tool to rotate

Step 3

Let’s add a snowflake to the sweater front.

Shift Modes (Shift-D) to Draw Normal from the Tools panel.

Draw a 1 pt, white stroke line in the center of the sweater. Then use the Pen Tool (P) to draw 'V’ tips on the top and bottom.

Select the snowflake shapes with the Selection Tool (V). Command-G to Group. 

Select the Rotate Tool (R). Hold down the Alt key to duplicate and rotate.

Transform Again (Command-D) to repeat the action, and you’ve got a snowflake!

Step 4

Move on to create sweater 2.

Grab the Selection Tool (V), select all the elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater.

Delete the snowflake.

Change the color fill of the sweater collar, arms, and body to #00699e. Color the sweater neck, bottom, and sleeves #10375b.

Then, use the Direct Selection Tool (A) to select the anchor points and the Rotate Tool (R) to alter the direction slightly. 

Put the sleeves in position, and use the Rectangle Tool (R) to create a 0.13 cm square with color fill #20c3ef.

Object > Transform > Rotate, set Rotate Angle to 45°, and click OK

Hold down the ShiftAlt keys to constrain and duplicate the square as seen below, and position the copies on the sweater.

duplicate sweater color fill create rectangle design sweater

Step 5

Moving on to the last sweater design, use the Selection Tool (V) to select all elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater. 

Delete everything but the neck and body part. Change the color of the sweater collar and body to #faa722.

Grab the Pen Tool (P). Swap Fill & Stroke (Shift-X) and draw 5.5 pt weight stroke arms for the sweater.

Then take the Rounded Rectangle Tool and draw a white 0.06 x 0.6 cm center line on the sweater.

Add pockets with the Rectangle Tool (R). Create white rectangles of 0.17 x 0.23 cm, and hold Shift-Alt and drag to duplicate to the other side.

And then use the Direct Selection Tool (A). Select the bottom anchor points of the pockets, and curve them using the Live Widgets, as shown below.

Step 6

To finish off the sweater, Shift Modes (Shift-D) to Draw Behind, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves. Use the Rotate Tool (R) to rotate their axis.

sweater design shift modes use rounded rectangle and rotate tool

Step 7

For the final steps, Group (Command-G) each sweater with its respective parts. Select all sweaters. Hold down the Shift-Alt keys to constrain and scale proportionally.

Vertical Align Bottom from the Align panel.

Apply a Drop Shadow: Effect > Stylize > Drop shadow… with settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.05 cm
  • Y Offset: 0.05 cm
  • Blur: 0 cm
  • Color: #231f20

Congratulations! You’re Ready to Party!

Feel free to adjust the final design, proofread it, add a logo to brand it, and add your own twist. 

You can find some great sources of inspiration at GraphicRiver to enhance the design and help you create something awesome.

I hope you’ve enjoyed following this beautiful tutorial and learned something new you can apply to future projects. Please post your results down below!

Now go parade those embarrassing holiday sweaters or organise an 'Ugly Sweater’ fundraiser event for a charity.

If you enjoyed this tutorial and are looking to learn more about flyer design, I’ve put together this roundup of 'flyer’ tutorials here:

How to Make a Flyer Design for Christmas in Illustrator

Post pobrano z: How to Make a Flyer Design for Christmas in Illustrator

Final product image
What You’ll Be Creating

Learn how to make a flyer in this event flyer tutorial. You’ll learn how to create an effective flyer design just in time for Christmas.

Whether you’ve been 'Naughty or Nice’ or even if you’re really not into the whole celebrating the holidays thing, there is one special holiday in December that will make you spread your cheerful spirit, and that day is 'Ugly Christmas Sweater Day’! Yes, it’s real.

Do you have an ugly sweater lurking in the depths of your closet? Then 'Ugly Christmas Sweater Day’ is the day to flaunt that colourfully hideous knitwear. The holiday, which started in 2011, is celebrated on the third Friday of December. 

To celebrate this festive holiday, today we are going to learn how to create a professional-looking, easy-to-design 'Ugly Sweater Party’ event flyer, using Adobe Illustrator!

If you don’t have time to design a flyer from scratch or lack inspiration, you can source the latest collection of flyer designs and graphics over at Envato Market or Envato Elements

What You Will Need

You will need this set of selected fonts in order to complete this project:

1. How to Set Up a New Project File

Open Adobe Illustrator, and Create New Document (Command-N) with the following settings:

  • Name: Ugly_Sweater_Xmas_Party
  • Number of Artboards: 1
  • Orientation: Portrait
  • Width: 8.27 cm
  • Height: 11.69 cm

From the Advanced tab:

  • Color Mode: CMYK
  • Raster Effects: High (300 ppi)
  • Preview Mode: Default

We need to add bleed lines to the artboard, to define where the graphics area extends for the printer. Bleed lines ensure there are no white edges around the flyer after cutting.

Click More Settings to open the More Settings dialog box.

Set the values for Bleed to 0.2 cm and Create Document. Bleed lines will appear as red lines around the artboard.

set event flyer artboard size setting orientation portrait bleed centimetres
set artboard bleed lines for printing bleed lines in red

2. How to Make an Event Flyer Background

Step 1

Now since this is a „sweater” party, let’s create a cute, simple, red checkered pattern as an event flyer background.

Start by creating the checkered square of the pattern. Grab the Rectangle Tool (M). Click once on the artboard, to open the Rectangle dialog box. Create a 1 x 1 cm square, with color fill #A01D20.

Next, select the Line Segment Tool (\). Draw a line with Width and Height of 1 cm, Angle: 270°, with a black stroke.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 1pt, Gap: 2 pt
use rectangle tool M to create red square and line segment tool dashed line stroke

Step 2

With the dashed line selected, Object > Expand… to open the Expand dialog box. Check Fill and Stroke, and then OK.

Then Copy (Command-C) and Paste in Front (Command-F), to duplicate the dashed line on top of the original.

Object > Transform > Rotate ….and set the Rotate Angle to 90°, and click OK.

Open the Align panel. Select the square and two line segments you just created, and Horizontal & Vertical Align Center, so all elements align equally to one other.

object expand line segment Horizontal  Vertical Align Center from align panel

Step 3

Now let’s duplicate the objects to create a checkered pattern.

Select the dashed lines. Use the Eyedropper Tool (I) to apply the same color fill as the square #A01D20.

Then take the Selection Tool (V), select the three objects, and drag the objects horizontally to the right edge, while holding down the ShiftAlt keys to constrain movement. This will duplicate our objects.

Then Select All (Command-A), hold down the ShiftAlt keys, and drag vertically to the top edge of the squares, as shown.

Let’s alter their color.

Take the Direct Selection Tool (A). Select the second and third square and apply a color fill of #EE2532, and for the fourth square #D12027

use eyedropper tool apply colo and duplicate shortcut hold shift alt kets drag

Step 4

I realised the first square and its strokes are too dark, so let’s change them to a lighter tone.

Select the first square shape. Select > Same > Fill Color, and change the color fill to #BE2126

Select All (Command-A).

Go to Object > Pattern > Make. The Pattern Options dialog box will appear, where you can adjust the pattern settings:

  • Tile Type: Grid 
  • Width: 2 cm
  • Height: 2 cm

The new pattern will appear instantly in the Swatches panel (Window > Swatches). Now you can delete the shapes we used to create our pattern.

object pattern making swatches panel grid type checkered

Step 5

Use the new pattern as a fill. Select the Rectangle Tool (M) and draw a rectangle to cover the artboard within the bleed lines. 

Object > Transform > Rotate.

Make sure only Transform Patterns is selected, set Rotate Angle to 45°, and click OK.

rectangle tool create shape and apply transform pattern option rotate angle 45 degrees

Step 6

Now let’s add a light frame around our event flyer.

Take the Rectangle Tool (M) again and draw a rectangle of 8 x 11.4 cm, with null fill and white Stroke of 1 pt.

Now align the frame to our artboard. Open the Align panel (Window > Align).

Make sure you select Align to: Align to Artboard, then Horizontal & Vertical Align Center.

And our background is ready!

background pattern align set border stroke flyer within border

3. How to Lay Out and Format Type on the Event Flyer

Step 1

Let’s set up our layers in the Layers panel. Open Window > Layers.

Double-click ’Layer 1′ to open the Layer Options dialog box. 

Select Lock and rename it ’Background’ and click OK.

Click the Create New Layer option from the Layers panel, and create three new layers on top of one another, named ’Graphics’, ’Type’, and ’Top Graphics’.

open layers panel set layer options lock and create new layer graphics type top graphics

Step 2

To promote our party event flyer and create an informative and attractive flyer, we need to include five details :

  1. Greeting or Funny Intro: A short piece of text, placed on top of the flyer in a small font size: ’Let’s Get Tacky’ and ’You’re Invited to The’.
  2. Title: The main title is ’Ugly Sweater’ and secondarily ’Christmas Party, Live Music Band’. The title needs to be large, readable type, so that the reader knows what we are promoting, and it should be placed in an eye-catching position, contrasting with the background color. 
  3. Description: Comes under the title and adds relevant info to the event, like date, time, and location. This year, the holiday happens to fall on December 21st, 2018. ’21st, Friday, 8PM, December, $20 Entry, Place-Street Address – Doors Open @ 19:45′.
  4. Call-to-action:RSVP by December 17th – Telephone #.” A call-to-action encourages readers to act now rather than later.
  5. Contact & Address: So the readers can easily contact you. It includes an address, website, telephone number, logo, or social media accounts.

We need to divide our flyer into three sections of visual hierarchy, using Ruler Guides: the top ’Greeting’ section (small section), the middle ’Title’ section (largest), and ’Info’, the bottom section.

View > Rulers > Show Rulers or Command-R. Select the horizontal ruler and drag the guide into the space you want.

add ruler guides drag vertical view rulers show rulers

Step 3

Make sure you are on the ’Type’ layer.

Use the Type Tool (T) to create three text frames, within the designated sections.

Open the Paragraph panel (Window > Type > Paragraph), as well as the Character panel (Window > Type > Character).

Set the Font to Bebas Neue at 14 pt

Place the text, and Align Center from the Paragraph panel. Don’t worry about the font type or size just yet.

add type type T type area box window paragraph character align center font size

Step 4

Now let’s have some font fun.

When it comes to choosing the right font, there is a lot of trial and error involved to find the fonts that work and suit your design. You need to find a font which matches the flyer design, the message of the event, and the target audience.

Luckily for you, I spared you the time-consuming work and hand-picked a selection of fonts to use on the event flyer design.

Let’s start with Section 1:

„Let’s Get Tacky”: 

  • Capitalise all letters. 
  • Set the Font to Montserrat at 11.2 pt
  • Leading: 13.44 pt
  • Tracking: 200 

’You’re Invited To The’

  • Capitalise all letters. 
  • Font: Montserrat at 6.08 pt
  • Leading: 17.3 pt
  • Tracking: 200 
set tracking leading font type size and alignment Montserrat

Step 5

Move on to Section 2:

’Ugly’

  • Font: Great Vibes at 53.11 pt
  • Leading: 63.73 pt

’Sweater’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 35.74 pt
  • Font Style: Black
  • Leading: 42.89 pt
  • Tracking: 50

’Christmas’

  • Capitalise all letters. 
  • Font: ChunkFive at 15.74 pt
  • Font Style: Roman
  • Leading: 18.89 pt
  • Tracking: 200

’Party’

  • Capitalise all letters. 
  • Font: Alfa Slab One at 36.6 pt
  • Leading: 31.72 pt
  • Tracking: 25

’Live Music Band’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 16.73 pt
  • Font Style: Bold
  • Leading: 20.08 pt
  • Tracking: 100
edit type font style tracking leading superscript from character panel bold pt

Step 6

Finally, for Section 3:

’21st  8 PM  $20′

  • Capitalize all letters. 
  • Font: Bebas Neue at 23.7466 pt
  • Font Style: Black
  • Tracking: 50
  • ’st’ use the Superscript option from the Character panel

’Friday December Entry’

  • Capitalise all letters. 
  • Font: Montserrat at 7.98 pt
  • Font Style: Bold
  • Leading: 42.89 pt
  • Tracking: 50

’RSVP by December 17th – Telephone #’

  • Font: Montserrat at 5.92 pt
  • Leading: 9 pt
  • Tracking: 200

’Place – Street Address – Doors Open @19:45′

  • Capitalise all letters. 
  • Font: Bebas Neue at 13.11 pt
  • Font Style: Regular
  • Leading: 18 pt

’website’

  • Capitalise all letters. 
  • Font: Montserrat at 5.92 pt
  • Leading: 10 pt
  • Tracking: 200
edit type font style tracking leading superscript from character panel

Step 7

Let’s remove the horizontal guides: View > Guides > Clear Guides

Then give the middle text box a tilt to make it more eye-catching.

Select and Object > Transform > Shear.

  • Shear Angle: -190º
  • Axis: Vertical
  • OK
object transform shear angle set axis vertical

Step 8

Let’s add color to the type.

Pick the Type Tool (T) and follow these steps:

  • Select individually 'LET’S GET TACKY’ + 'SWEATER’ + 'CHRISTMAS’  + 'ENTRY’ and apply a yellow color fill of #FFC216.
  • Select individually ’21st’ + 'FRIDAY’ and apply a blue fill of #00cfff.
  • For 'PLACE – STREET ADDRESS – DOORS  @19:45′, apply a dark blue fill of #083c63.
type tool selection apply color fill individually

Step 9

Next, let’s apply a drop shadow to the top and bottom text boxes.

Effect > Stylize > Drop Shadow… with the settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
add effects stylize drop shadow mode multiply x offset y blur color

4. How to Design Graphics to Support Your Event Flyer

Step 1

Now we need to create graphics that will grab the attention of your audience and convince them to come to your event. What better way to do this than with a beautifully designed flyer? 

Lock the ’Type’ layer, and move down to the ’Graphics’ layer, and start creating some graphic elements.

Turn on the Smart Guides (Command-U).

Select the Line Segment Tool (\), and draw a 0.8 cm line to the left of YOU’RE INVITED’. Hold down the Shift-Alt keys to duplicate it, and drag it parallel to the other side.

Select both lines and apply a Drop ShadowEffect > Stylize > Drop Shadow… with the settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.03 cm
  • Y Offset: 0.03 cm
  • Blur: 0 cm
  • Color: #000000
create line with line segment tool duplicate shift-alt and apply drop shadow effect

Step 2

Select the Line Segment Tool (\), and draw a 6.4 cm line under 'SWEATER’.

From the Stroke panel, apply:

  • Weight: 4 pt
  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 0ptGap: 7 pt
line segment tool create dotted line with dash and gap

Step 3

Next, let’s create an attention-grabbing ribbon banner to highlight the text „CHRISTMAS PARTY’ and 'LIVE MUSIC BAND’.

Use the Smart Guides to guide you.

Take the Rectangle Tool (M) and draw three rectangles with a blue fill of #0a304c in the following order and alignment:

  • Rectangle 1: 6.57 x 2.03 cm (approx)
  • Rectangle 2: 5.91 x 0.82 cm (approx)
  • Rectangle 3: 0.97 x 0.81 cm (approx)
draw rectangles using smart guides to create ribbon banner

Step 4

Select the third rectangle. Object > Path > Add Anchor Points.

Use the Direct Selection Tool (A) to select the middle far right anchor point and drag it slightly to the left, to create the ribbon end.

add anchor point to shape and adjust ribbon end with direct selection tool

Step 5

Now let’s slant the three rectangle boxes. Select all three.

Take the Shear Tool from the Tools panel or choose Object > Transform > Shear.

  • Shear Angle: -190°
  • Angle: -90°
  • OK
shear tool slant banner tools panel object transform shear

Step 6

For the back of the ribbon banner, draw a 6.57 x 2.85 cm (approx) shape, using the Rectangle Tool (M), with a fill of #0d1520.

Then Object > Transform > Shear, and apply a Shear Angle: 341°

With the shape selected, Object > Arrange > Send to Back (Shift-Command-[), and position it correctly.

create rectangle with rectangle tool slant object transform shear and send to back

Step 7

Use the Selection Tool (V) to position the end of the banner slightly below the second.

Then take the Pen Tool (P), and draw a triangle as shown below.

Select all the banner elements, and Group (Command-G) and align behind the text.

use selection tool draw triangle pen tool group together send to back

Step 8

Let’s create the banner behind 'PLACE – STREET ADDRESS – DOORS  @19:45′.

Grab the Rectangle Tool (M) and draw a 7.22 x 0.53 cm (approx) shape, with fill #FFC216.

Object > Path > Add Anchor Points, and move the middle far left and far right anchor points slightly inwards to create the banner edges.

Rectangle tool object path add anchor points for banner edge

Step 9

Let’s create bars to separate ’21st  8 PM  $20′ and 'FRIDAY DECEMBER ENTRY’, so they are easily distinguished.

Use the Rectangle Tool (M) and draw a 0.05 x 0.97 cm (approx) shape, with a fill of #FFC216.

Hold down the ShiftAlt keys and drag horizontally to duplicate.

Then select both bars and apply an Effect > Stylize > Drop Shadow… with settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
create rectangle bars separate text apply drop shadow

Step 10

Let’s add some decorative pointers for 'FRIDAY DECEMBER ENTRY’.

Use the Rectangle Tool (M) and create one long bar of 0.09 x 0.03 cm and a 0.12 cm square.

Select the square. Object > Transform > Rotate at 45°.

Place the square at the tip of the horizontal rectangle, and Vertically Align Center the two shapes.

Give them a white fill, and place them on the left of the text.

Copy (Command-C) and Paste in Front(Command-F), to duplicate the elements.

Finally, use the Reflect Tool (O), click between 'EM” in 'DECEMBER’ to set the point of axis, and flip the objects.

create rectangles vertical align center duplicate copy paste front and use reflect tool to mirror

Step 11

And for the final touch, let’s add a decorative diamond pattern on the base.

Create a 0.14 cm square. Object > Transform > Rotate at 45°.

Hold down the ShiftAlt keys and drag horizontally to duplicate. Give one square a white fill and the other a color fill of #20c3ef.

Then, with the two diamond shapes selected, hold down the ShiftAlt keys to constrain movement and duplicate the selection, and drag horizontally.

Use the Command-D shortcut to Transform Again. Repeat till you reach the edge of the banner.

5. How to Create Illustrations to Complement the Event Flyer

Step 1

I left a small space between 'LIVE MUSIC BAND’ and ’21st 8PM $20′, to add three illustrations of dancing sweaters.

From the Layers panel, Lock the ’Graphics’ layer and move onto ’Top Graphics’.

So let’s create our first little cute dancing sweater.

Grab the Rounded Rectangle Tool, from the Tools panel, and draw two rectangles with a fill of #20c3ef.

  • Rectangle 1: 0.62 x 0.74 cm, Corner Radius: 0.1 cm
  • Rectangle 2: 0.32 x 0.25.cm, Corner Radius: 0.1 cm

Place them on top of one another to create the sweater body and collar.

use rounded rectangle tool to create sweater collar and body

Step 2

Then Swap Fill & Stroke (Shift-X), and select the Pen Tool (P) and draw 5.5 pt weight stroke arms for the sweater.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join

Take the Direct Selection Tool (A) and select all the 'elbow’ anchor points. This will enable the Live Corners widget to appear next to each corner point. Drag the Live Widgets to round the 'elbow’ edges. 

Then take the Ellipse Tool (L), with white fill, and draw a 0.2 x 0.09 cm ellipse on top of the collar as shown below.

Shift Modes (Shift-D) to Draw Behind from the Tools panel, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves.

Use the Rotate Tool (R) to rotate the top sleeve as shown.

swap fill stroke panel round corners Live corners Live widgets curve Shift D Draw behind Rotate tool to rotate

Step 3

Let’s add a snowflake to the sweater front.

Shift Modes (Shift-D) to Draw Normal from the Tools panel.

Draw a 1 pt, white stroke line in the center of the sweater. Then use the Pen Tool (P) to draw 'V’ tips on the top and bottom.

Select the snowflake shapes with the Selection Tool (V). Command-G to Group. 

Select the Rotate Tool (R). Hold down the Alt key to duplicate and rotate.

Transform Again (Command-D) to repeat the action, and you’ve got a snowflake!

Step 4

Move on to create sweater 2.

Grab the Selection Tool (V), select all the elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater.

Delete the snowflake.

Change the color fill of the sweater collar, arms, and body to #00699e. Color the sweater neck, bottom, and sleeves #10375b.

Then, use the Direct Selection Tool (A) to select the anchor points and the Rotate Tool (R) to alter the direction slightly. 

Put the sleeves in position, and use the Rectangle Tool (R) to create a 0.13 cm square with color fill #20c3ef.

Object > Transform > Rotate, set Rotate Angle to 45°, and click OK

Hold down the ShiftAlt keys to constrain and duplicate the square as seen below, and position the copies on the sweater.

duplicate sweater color fill create rectangle design sweater

Step 5

Moving on to the last sweater design, use the Selection Tool (V) to select all elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater. 

Delete everything but the neck and body part. Change the color of the sweater collar and body to #faa722.

Grab the Pen Tool (P). Swap Fill & Stroke (Shift-X) and draw 5.5 pt weight stroke arms for the sweater.

Then take the Rounded Rectangle Tool and draw a white 0.06 x 0.6 cm center line on the sweater.

Add pockets with the Rectangle Tool (R). Create white rectangles of 0.17 x 0.23 cm, and hold Shift-Alt and drag to duplicate to the other side.

And then use the Direct Selection Tool (A). Select the bottom anchor points of the pockets, and curve them using the Live Widgets, as shown below.

Step 6

To finish off the sweater, Shift Modes (Shift-D) to Draw Behind, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves. Use the Rotate Tool (R) to rotate their axis.

sweater design shift modes use rounded rectangle and rotate tool

Step 7

For the final steps, Group (Command-G) each sweater with its respective parts. Select all sweaters. Hold down the Shift-Alt keys to constrain and scale proportionally.

Vertical Align Bottom from the Align panel.

Apply a Drop Shadow: Effect > Stylize > Drop shadow… with settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.05 cm
  • Y Offset: 0.05 cm
  • Blur: 0 cm
  • Color: #231f20

Congratulations! You’re Ready to Party!

Feel free to adjust the final design, proofread it, add a logo to brand it, and add your own twist. 

You can find some great sources of inspiration at GraphicRiver to enhance the design and help you create something awesome.

I hope you’ve enjoyed following this beautiful tutorial and learned something new you can apply to future projects. Please post your results down below!

Now go parade those embarrassing holiday sweaters or organise an 'Ugly Sweater’ fundraiser event for a charity.

If you enjoyed this tutorial and are looking to learn more about flyer design, I’ve put together this roundup of 'flyer’ tutorials here:

How to Make a Flyer Design for Christmas in Illustrator

Post pobrano z: How to Make a Flyer Design for Christmas in Illustrator

Final product image
What You’ll Be Creating

Learn how to make a flyer in this event flyer tutorial. You’ll learn how to create an effective flyer design just in time for Christmas.

Whether you’ve been 'Naughty or Nice’ or even if you’re really not into the whole celebrating the holidays thing, there is one special holiday in December that will make you spread your cheerful spirit, and that day is 'Ugly Christmas Sweater Day’! Yes, it’s real.

Do you have an ugly sweater lurking in the depths of your closet? Then 'Ugly Christmas Sweater Day’ is the day to flaunt that colourfully hideous knitwear. The holiday, which started in 2011, is celebrated on the third Friday of December. 

To celebrate this festive holiday, today we are going to learn how to create a professional-looking, easy-to-design 'Ugly Sweater Party’ event flyer, using Adobe Illustrator!

If you don’t have time to design a flyer from scratch or lack inspiration, you can source the latest collection of flyer designs and graphics over at Envato Market or Envato Elements

What You Will Need

You will need this set of selected fonts in order to complete this project:

1. How to Set Up a New Project File

Open Adobe Illustrator, and Create New Document (Command-N) with the following settings:

  • Name: Ugly_Sweater_Xmas_Party
  • Number of Artboards: 1
  • Orientation: Portrait
  • Width: 8.27 cm
  • Height: 11.69 cm

From the Advanced tab:

  • Color Mode: CMYK
  • Raster Effects: High (300 ppi)
  • Preview Mode: Default

We need to add bleed lines to the artboard, to define where the graphics area extends for the printer. Bleed lines ensure there are no white edges around the flyer after cutting.

Click More Settings to open the More Settings dialog box.

Set the values for Bleed to 0.2 cm and Create Document. Bleed lines will appear as red lines around the artboard.

set event flyer artboard size setting orientation portrait bleed centimetres
set artboard bleed lines for printing bleed lines in red

2. How to Make an Event Flyer Background

Step 1

Now since this is a „sweater” party, let’s create a cute, simple, red checkered pattern as an event flyer background.

Start by creating the checkered square of the pattern. Grab the Rectangle Tool (M). Click once on the artboard, to open the Rectangle dialog box. Create a 1 x 1 cm square, with color fill #A01D20.

Next, select the Line Segment Tool (\). Draw a line with Width and Height of 1 cm, Angle: 270°, with a black stroke.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 1pt, Gap: 2 pt
use rectangle tool M to create red square and line segment tool dashed line stroke

Step 2

With the dashed line selected, Object > Expand… to open the Expand dialog box. Check Fill and Stroke, and then OK.

Then Copy (Command-C) and Paste in Front (Command-F), to duplicate the dashed line on top of the original.

Object > Transform > Rotate ….and set the Rotate Angle to 90°, and click OK.

Open the Align panel. Select the square and two line segments you just created, and Horizontal & Vertical Align Center, so all elements align equally to one other.

object expand line segment Horizontal  Vertical Align Center from align panel

Step 3

Now let’s duplicate the objects to create a checkered pattern.

Select the dashed lines. Use the Eyedropper Tool (I) to apply the same color fill as the square #A01D20.

Then take the Selection Tool (V), select the three objects, and drag the objects horizontally to the right edge, while holding down the ShiftAlt keys to constrain movement. This will duplicate our objects.

Then Select All (Command-A), hold down the ShiftAlt keys, and drag vertically to the top edge of the squares, as shown.

Let’s alter their color.

Take the Direct Selection Tool (A). Select the second and third square and apply a color fill of #EE2532, and for the fourth square #D12027

use eyedropper tool apply colo and duplicate shortcut hold shift alt kets drag

Step 4

I realised the first square and its strokes are too dark, so let’s change them to a lighter tone.

Select the first square shape. Select > Same > Fill Color, and change the color fill to #BE2126

Select All (Command-A).

Go to Object > Pattern > Make. The Pattern Options dialog box will appear, where you can adjust the pattern settings:

  • Tile Type: Grid 
  • Width: 2 cm
  • Height: 2 cm

The new pattern will appear instantly in the Swatches panel (Window > Swatches). Now you can delete the shapes we used to create our pattern.

object pattern making swatches panel grid type checkered

Step 5

Use the new pattern as a fill. Select the Rectangle Tool (M) and draw a rectangle to cover the artboard within the bleed lines. 

Object > Transform > Rotate.

Make sure only Transform Patterns is selected, set Rotate Angle to 45°, and click OK.

rectangle tool create shape and apply transform pattern option rotate angle 45 degrees

Step 6

Now let’s add a light frame around our event flyer.

Take the Rectangle Tool (M) again and draw a rectangle of 8 x 11.4 cm, with null fill and white Stroke of 1 pt.

Now align the frame to our artboard. Open the Align panel (Window > Align).

Make sure you select Align to: Align to Artboard, then Horizontal & Vertical Align Center.

And our background is ready!

background pattern align set border stroke flyer within border

3. How to Lay Out and Format Type on the Event Flyer

Step 1

Let’s set up our layers in the Layers panel. Open Window > Layers.

Double-click ’Layer 1′ to open the Layer Options dialog box. 

Select Lock and rename it ’Background’ and click OK.

Click the Create New Layer option from the Layers panel, and create three new layers on top of one another, named ’Graphics’, ’Type’, and ’Top Graphics’.

open layers panel set layer options lock and create new layer graphics type top graphics

Step 2

To promote our party event flyer and create an informative and attractive flyer, we need to include five details :

  1. Greeting or Funny Intro: A short piece of text, placed on top of the flyer in a small font size: ’Let’s Get Tacky’ and ’You’re Invited to The’.
  2. Title: The main title is ’Ugly Sweater’ and secondarily ’Christmas Party, Live Music Band’. The title needs to be large, readable type, so that the reader knows what we are promoting, and it should be placed in an eye-catching position, contrasting with the background color. 
  3. Description: Comes under the title and adds relevant info to the event, like date, time, and location. This year, the holiday happens to fall on December 21st, 2018. ’21st, Friday, 8PM, December, $20 Entry, Place-Street Address – Doors Open @ 19:45′.
  4. Call-to-action:RSVP by December 17th – Telephone #.” A call-to-action encourages readers to act now rather than later.
  5. Contact & Address: So the readers can easily contact you. It includes an address, website, telephone number, logo, or social media accounts.

We need to divide our flyer into three sections of visual hierarchy, using Ruler Guides: the top ’Greeting’ section (small section), the middle ’Title’ section (largest), and ’Info’, the bottom section.

View > Rulers > Show Rulers or Command-R. Select the horizontal ruler and drag the guide into the space you want.

add ruler guides drag vertical view rulers show rulers

Step 3

Make sure you are on the ’Type’ layer.

Use the Type Tool (T) to create three text frames, within the designated sections.

Open the Paragraph panel (Window > Type > Paragraph), as well as the Character panel (Window > Type > Character).

Set the Font to Bebas Neue at 14 pt

Place the text, and Align Center from the Paragraph panel. Don’t worry about the font type or size just yet.

add type type T type area box window paragraph character align center font size

Step 4

Now let’s have some font fun.

When it comes to choosing the right font, there is a lot of trial and error involved to find the fonts that work and suit your design. You need to find a font which matches the flyer design, the message of the event, and the target audience.

Luckily for you, I spared you the time-consuming work and hand-picked a selection of fonts to use on the event flyer design.

Let’s start with Section 1:

„Let’s Get Tacky”: 

  • Capitalise all letters. 
  • Set the Font to Montserrat at 11.2 pt
  • Leading: 13.44 pt
  • Tracking: 200 

’You’re Invited To The’

  • Capitalise all letters. 
  • Font: Montserrat at 6.08 pt
  • Leading: 17.3 pt
  • Tracking: 200 
set tracking leading font type size and alignment Montserrat

Step 5

Move on to Section 2:

’Ugly’

  • Font: Great Vibes at 53.11 pt
  • Leading: 63.73 pt

’Sweater’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 35.74 pt
  • Font Style: Black
  • Leading: 42.89 pt
  • Tracking: 50

’Christmas’

  • Capitalise all letters. 
  • Font: ChunkFive at 15.74 pt
  • Font Style: Roman
  • Leading: 18.89 pt
  • Tracking: 200

’Party’

  • Capitalise all letters. 
  • Font: Alfa Slab One at 36.6 pt
  • Leading: 31.72 pt
  • Tracking: 25

’Live Music Band’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 16.73 pt
  • Font Style: Bold
  • Leading: 20.08 pt
  • Tracking: 100
edit type font style tracking leading superscript from character panel bold pt

Step 6

Finally, for Section 3:

’21st  8 PM  $20′

  • Capitalize all letters. 
  • Font: Bebas Neue at 23.7466 pt
  • Font Style: Black
  • Tracking: 50
  • ’st’ use the Superscript option from the Character panel

’Friday December Entry’

  • Capitalise all letters. 
  • Font: Montserrat at 7.98 pt
  • Font Style: Bold
  • Leading: 42.89 pt
  • Tracking: 50

’RSVP by December 17th – Telephone #’

  • Font: Montserrat at 5.92 pt
  • Leading: 9 pt
  • Tracking: 200

’Place – Street Address – Doors Open @19:45′

  • Capitalise all letters. 
  • Font: Bebas Neue at 13.11 pt
  • Font Style: Regular
  • Leading: 18 pt

’website’

  • Capitalise all letters. 
  • Font: Montserrat at 5.92 pt
  • Leading: 10 pt
  • Tracking: 200
edit type font style tracking leading superscript from character panel

Step 7

Let’s remove the horizontal guides: View > Guides > Clear Guides

Then give the middle text box a tilt to make it more eye-catching.

Select and Object > Transform > Shear.

  • Shear Angle: -190º
  • Axis: Vertical
  • OK
object transform shear angle set axis vertical

Step 8

Let’s add color to the type.

Pick the Type Tool (T) and follow these steps:

  • Select individually 'LET’S GET TACKY’ + 'SWEATER’ + 'CHRISTMAS’  + 'ENTRY’ and apply a yellow color fill of #FFC216.
  • Select individually ’21st’ + 'FRIDAY’ and apply a blue fill of #00cfff.
  • For 'PLACE – STREET ADDRESS – DOORS  @19:45′, apply a dark blue fill of #083c63.
type tool selection apply color fill individually

Step 9

Next, let’s apply a drop shadow to the top and bottom text boxes.

Effect > Stylize > Drop Shadow… with the settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
add effects stylize drop shadow mode multiply x offset y blur color

4. How to Design Graphics to Support Your Event Flyer

Step 1

Now we need to create graphics that will grab the attention of your audience and convince them to come to your event. What better way to do this than with a beautifully designed flyer? 

Lock the ’Type’ layer, and move down to the ’Graphics’ layer, and start creating some graphic elements.

Turn on the Smart Guides (Command-U).

Select the Line Segment Tool (\), and draw a 0.8 cm line to the left of YOU’RE INVITED’. Hold down the Shift-Alt keys to duplicate it, and drag it parallel to the other side.

Select both lines and apply a Drop ShadowEffect > Stylize > Drop Shadow… with the settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.03 cm
  • Y Offset: 0.03 cm
  • Blur: 0 cm
  • Color: #000000
create line with line segment tool duplicate shift-alt and apply drop shadow effect

Step 2

Select the Line Segment Tool (\), and draw a 6.4 cm line under 'SWEATER’.

From the Stroke panel, apply:

  • Weight: 4 pt
  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 0ptGap: 7 pt
line segment tool create dotted line with dash and gap

Step 3

Next, let’s create an attention-grabbing ribbon banner to highlight the text „CHRISTMAS PARTY’ and 'LIVE MUSIC BAND’.

Use the Smart Guides to guide you.

Take the Rectangle Tool (M) and draw three rectangles with a blue fill of #0a304c in the following order and alignment:

  • Rectangle 1: 6.57 x 2.03 cm (approx)
  • Rectangle 2: 5.91 x 0.82 cm (approx)
  • Rectangle 3: 0.97 x 0.81 cm (approx)
draw rectangles using smart guides to create ribbon banner

Step 4

Select the third rectangle. Object > Path > Add Anchor Points.

Use the Direct Selection Tool (A) to select the middle far right anchor point and drag it slightly to the left, to create the ribbon end.

add anchor point to shape and adjust ribbon end with direct selection tool

Step 5

Now let’s slant the three rectangle boxes. Select all three.

Take the Shear Tool from the Tools panel or choose Object > Transform > Shear.

  • Shear Angle: -190°
  • Angle: -90°
  • OK
shear tool slant banner tools panel object transform shear

Step 6

For the back of the ribbon banner, draw a 6.57 x 2.85 cm (approx) shape, using the Rectangle Tool (M), with a fill of #0d1520.

Then Object > Transform > Shear, and apply a Shear Angle: 341°

With the shape selected, Object > Arrange > Send to Back (Shift-Command-[), and position it correctly.

create rectangle with rectangle tool slant object transform shear and send to back

Step 7

Use the Selection Tool (V) to position the end of the banner slightly below the second.

Then take the Pen Tool (P), and draw a triangle as shown below.

Select all the banner elements, and Group (Command-G) and align behind the text.

use selection tool draw triangle pen tool group together send to back

Step 8

Let’s create the banner behind 'PLACE – STREET ADDRESS – DOORS  @19:45′.

Grab the Rectangle Tool (M) and draw a 7.22 x 0.53 cm (approx) shape, with fill #FFC216.

Object > Path > Add Anchor Points, and move the middle far left and far right anchor points slightly inwards to create the banner edges.

Rectangle tool object path add anchor points for banner edge

Step 9

Let’s create bars to separate ’21st  8 PM  $20′ and 'FRIDAY DECEMBER ENTRY’, so they are easily distinguished.

Use the Rectangle Tool (M) and draw a 0.05 x 0.97 cm (approx) shape, with a fill of #FFC216.

Hold down the ShiftAlt keys and drag horizontally to duplicate.

Then select both bars and apply an Effect > Stylize > Drop Shadow… with settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
create rectangle bars separate text apply drop shadow

Step 10

Let’s add some decorative pointers for 'FRIDAY DECEMBER ENTRY’.

Use the Rectangle Tool (M) and create one long bar of 0.09 x 0.03 cm and a 0.12 cm square.

Select the square. Object > Transform > Rotate at 45°.

Place the square at the tip of the horizontal rectangle, and Vertically Align Center the two shapes.

Give them a white fill, and place them on the left of the text.

Copy (Command-C) and Paste in Front(Command-F), to duplicate the elements.

Finally, use the Reflect Tool (O), click between 'EM” in 'DECEMBER’ to set the point of axis, and flip the objects.

create rectangles vertical align center duplicate copy paste front and use reflect tool to mirror

Step 11

And for the final touch, let’s add a decorative diamond pattern on the base.

Create a 0.14 cm square. Object > Transform > Rotate at 45°.

Hold down the ShiftAlt keys and drag horizontally to duplicate. Give one square a white fill and the other a color fill of #20c3ef.

Then, with the two diamond shapes selected, hold down the ShiftAlt keys to constrain movement and duplicate the selection, and drag horizontally.

Use the Command-D shortcut to Transform Again. Repeat till you reach the edge of the banner.

5. How to Create Illustrations to Complement the Event Flyer

Step 1

I left a small space between 'LIVE MUSIC BAND’ and ’21st 8PM $20′, to add three illustrations of dancing sweaters.

From the Layers panel, Lock the ’Graphics’ layer and move onto ’Top Graphics’.

So let’s create our first little cute dancing sweater.

Grab the Rounded Rectangle Tool, from the Tools panel, and draw two rectangles with a fill of #20c3ef.

  • Rectangle 1: 0.62 x 0.74 cm, Corner Radius: 0.1 cm
  • Rectangle 2: 0.32 x 0.25.cm, Corner Radius: 0.1 cm

Place them on top of one another to create the sweater body and collar.

use rounded rectangle tool to create sweater collar and body

Step 2

Then Swap Fill & Stroke (Shift-X), and select the Pen Tool (P) and draw 5.5 pt weight stroke arms for the sweater.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join

Take the Direct Selection Tool (A) and select all the 'elbow’ anchor points. This will enable the Live Corners widget to appear next to each corner point. Drag the Live Widgets to round the 'elbow’ edges. 

Then take the Ellipse Tool (L), with white fill, and draw a 0.2 x 0.09 cm ellipse on top of the collar as shown below.

Shift Modes (Shift-D) to Draw Behind from the Tools panel, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves.

Use the Rotate Tool (R) to rotate the top sleeve as shown.

swap fill stroke panel round corners Live corners Live widgets curve Shift D Draw behind Rotate tool to rotate

Step 3

Let’s add a snowflake to the sweater front.

Shift Modes (Shift-D) to Draw Normal from the Tools panel.

Draw a 1 pt, white stroke line in the center of the sweater. Then use the Pen Tool (P) to draw 'V’ tips on the top and bottom.

Select the snowflake shapes with the Selection Tool (V). Command-G to Group. 

Select the Rotate Tool (R). Hold down the Alt key to duplicate and rotate.

Transform Again (Command-D) to repeat the action, and you’ve got a snowflake!

Step 4

Move on to create sweater 2.

Grab the Selection Tool (V), select all the elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater.

Delete the snowflake.

Change the color fill of the sweater collar, arms, and body to #00699e. Color the sweater neck, bottom, and sleeves #10375b.

Then, use the Direct Selection Tool (A) to select the anchor points and the Rotate Tool (R) to alter the direction slightly. 

Put the sleeves in position, and use the Rectangle Tool (R) to create a 0.13 cm square with color fill #20c3ef.

Object > Transform > Rotate, set Rotate Angle to 45°, and click OK

Hold down the ShiftAlt keys to constrain and duplicate the square as seen below, and position the copies on the sweater.

duplicate sweater color fill create rectangle design sweater

Step 5

Moving on to the last sweater design, use the Selection Tool (V) to select all elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater. 

Delete everything but the neck and body part. Change the color of the sweater collar and body to #faa722.

Grab the Pen Tool (P). Swap Fill & Stroke (Shift-X) and draw 5.5 pt weight stroke arms for the sweater.

Then take the Rounded Rectangle Tool and draw a white 0.06 x 0.6 cm center line on the sweater.

Add pockets with the Rectangle Tool (R). Create white rectangles of 0.17 x 0.23 cm, and hold Shift-Alt and drag to duplicate to the other side.

And then use the Direct Selection Tool (A). Select the bottom anchor points of the pockets, and curve them using the Live Widgets, as shown below.

Step 6

To finish off the sweater, Shift Modes (Shift-D) to Draw Behind, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves. Use the Rotate Tool (R) to rotate their axis.

sweater design shift modes use rounded rectangle and rotate tool

Step 7

For the final steps, Group (Command-G) each sweater with its respective parts. Select all sweaters. Hold down the Shift-Alt keys to constrain and scale proportionally.

Vertical Align Bottom from the Align panel.

Apply a Drop Shadow: Effect > Stylize > Drop shadow… with settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.05 cm
  • Y Offset: 0.05 cm
  • Blur: 0 cm
  • Color: #231f20

Congratulations! You’re Ready to Party!

Feel free to adjust the final design, proofread it, add a logo to brand it, and add your own twist. 

You can find some great sources of inspiration at GraphicRiver to enhance the design and help you create something awesome.

I hope you’ve enjoyed following this beautiful tutorial and learned something new you can apply to future projects. Please post your results down below!

Now go parade those embarrassing holiday sweaters or organise an 'Ugly Sweater’ fundraiser event for a charity.

If you enjoyed this tutorial and are looking to learn more about flyer design, I’ve put together this roundup of 'flyer’ tutorials here:

How to Make a Flyer Design for Christmas in Illustrator

Post pobrano z: How to Make a Flyer Design for Christmas in Illustrator

Final product image
What You’ll Be Creating

Learn how to make a flyer in this event flyer tutorial. You’ll learn how to create an effective flyer design just in time for Christmas.

Whether you’ve been 'Naughty or Nice’ or even if you’re really not into the whole celebrating the holidays thing, there is one special holiday in December that will make you spread your cheerful spirit, and that day is 'Ugly Christmas Sweater Day’! Yes, it’s real.

Do you have an ugly sweater lurking in the depths of your closet? Then 'Ugly Christmas Sweater Day’ is the day to flaunt that colourfully hideous knitwear. The holiday, which started in 2011, is celebrated on the third Friday of December. 

To celebrate this festive holiday, today we are going to learn how to create a professional-looking, easy-to-design 'Ugly Sweater Party’ event flyer, using Adobe Illustrator!

If you don’t have time to design a flyer from scratch or lack inspiration, you can source the latest collection of flyer designs and graphics over at Envato Market or Envato Elements

What You Will Need

You will need this set of selected fonts in order to complete this project:

1. How to Set Up a New Project File

Open Adobe Illustrator, and Create New Document (Command-N) with the following settings:

  • Name: Ugly_Sweater_Xmas_Party
  • Number of Artboards: 1
  • Orientation: Portrait
  • Width: 8.27 cm
  • Height: 11.69 cm

From the Advanced tab:

  • Color Mode: CMYK
  • Raster Effects: High (300 ppi)
  • Preview Mode: Default

We need to add bleed lines to the artboard, to define where the graphics area extends for the printer. Bleed lines ensure there are no white edges around the flyer after cutting.

Click More Settings to open the More Settings dialog box.

Set the values for Bleed to 0.2 cm and Create Document. Bleed lines will appear as red lines around the artboard.

set event flyer artboard size setting orientation portrait bleed centimetres
set artboard bleed lines for printing bleed lines in red

2. How to Make an Event Flyer Background

Step 1

Now since this is a „sweater” party, let’s create a cute, simple, red checkered pattern as an event flyer background.

Start by creating the checkered square of the pattern. Grab the Rectangle Tool (M). Click once on the artboard, to open the Rectangle dialog box. Create a 1 x 1 cm square, with color fill #A01D20.

Next, select the Line Segment Tool (\). Draw a line with Width and Height of 1 cm, Angle: 270°, with a black stroke.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 1pt, Gap: 2 pt
use rectangle tool M to create red square and line segment tool dashed line stroke

Step 2

With the dashed line selected, Object > Expand… to open the Expand dialog box. Check Fill and Stroke, and then OK.

Then Copy (Command-C) and Paste in Front (Command-F), to duplicate the dashed line on top of the original.

Object > Transform > Rotate ….and set the Rotate Angle to 90°, and click OK.

Open the Align panel. Select the square and two line segments you just created, and Horizontal & Vertical Align Center, so all elements align equally to one other.

object expand line segment Horizontal  Vertical Align Center from align panel

Step 3

Now let’s duplicate the objects to create a checkered pattern.

Select the dashed lines. Use the Eyedropper Tool (I) to apply the same color fill as the square #A01D20.

Then take the Selection Tool (V), select the three objects, and drag the objects horizontally to the right edge, while holding down the ShiftAlt keys to constrain movement. This will duplicate our objects.

Then Select All (Command-A), hold down the ShiftAlt keys, and drag vertically to the top edge of the squares, as shown.

Let’s alter their color.

Take the Direct Selection Tool (A). Select the second and third square and apply a color fill of #EE2532, and for the fourth square #D12027

use eyedropper tool apply colo and duplicate shortcut hold shift alt kets drag

Step 4

I realised the first square and its strokes are too dark, so let’s change them to a lighter tone.

Select the first square shape. Select > Same > Fill Color, and change the color fill to #BE2126

Select All (Command-A).

Go to Object > Pattern > Make. The Pattern Options dialog box will appear, where you can adjust the pattern settings:

  • Tile Type: Grid 
  • Width: 2 cm
  • Height: 2 cm

The new pattern will appear instantly in the Swatches panel (Window > Swatches). Now you can delete the shapes we used to create our pattern.

object pattern making swatches panel grid type checkered

Step 5

Use the new pattern as a fill. Select the Rectangle Tool (M) and draw a rectangle to cover the artboard within the bleed lines. 

Object > Transform > Rotate.

Make sure only Transform Patterns is selected, set Rotate Angle to 45°, and click OK.

rectangle tool create shape and apply transform pattern option rotate angle 45 degrees

Step 6

Now let’s add a light frame around our event flyer.

Take the Rectangle Tool (M) again and draw a rectangle of 8 x 11.4 cm, with null fill and white Stroke of 1 pt.

Now align the frame to our artboard. Open the Align panel (Window > Align).

Make sure you select Align to: Align to Artboard, then Horizontal & Vertical Align Center.

And our background is ready!

background pattern align set border stroke flyer within border

3. How to Lay Out and Format Type on the Event Flyer

Step 1

Let’s set up our layers in the Layers panel. Open Window > Layers.

Double-click ’Layer 1′ to open the Layer Options dialog box. 

Select Lock and rename it ’Background’ and click OK.

Click the Create New Layer option from the Layers panel, and create three new layers on top of one another, named ’Graphics’, ’Type’, and ’Top Graphics’.

open layers panel set layer options lock and create new layer graphics type top graphics

Step 2

To promote our party event flyer and create an informative and attractive flyer, we need to include five details :

  1. Greeting or Funny Intro: A short piece of text, placed on top of the flyer in a small font size: ’Let’s Get Tacky’ and ’You’re Invited to The’.
  2. Title: The main title is ’Ugly Sweater’ and secondarily ’Christmas Party, Live Music Band’. The title needs to be large, readable type, so that the reader knows what we are promoting, and it should be placed in an eye-catching position, contrasting with the background color. 
  3. Description: Comes under the title and adds relevant info to the event, like date, time, and location. This year, the holiday happens to fall on December 21st, 2018. ’21st, Friday, 8PM, December, $20 Entry, Place-Street Address – Doors Open @ 19:45′.
  4. Call-to-action:RSVP by December 17th – Telephone #.” A call-to-action encourages readers to act now rather than later.
  5. Contact & Address: So the readers can easily contact you. It includes an address, website, telephone number, logo, or social media accounts.

We need to divide our flyer into three sections of visual hierarchy, using Ruler Guides: the top ’Greeting’ section (small section), the middle ’Title’ section (largest), and ’Info’, the bottom section.

View > Rulers > Show Rulers or Command-R. Select the horizontal ruler and drag the guide into the space you want.

add ruler guides drag vertical view rulers show rulers

Step 3

Make sure you are on the ’Type’ layer.

Use the Type Tool (T) to create three text frames, within the designated sections.

Open the Paragraph panel (Window > Type > Paragraph), as well as the Character panel (Window > Type > Character).

Set the Font to Bebas Neue at 14 pt

Place the text, and Align Center from the Paragraph panel. Don’t worry about the font type or size just yet.

add type type T type area box window paragraph character align center font size

Step 4

Now let’s have some font fun.

When it comes to choosing the right font, there is a lot of trial and error involved to find the fonts that work and suit your design. You need to find a font which matches the flyer design, the message of the event, and the target audience.

Luckily for you, I spared you the time-consuming work and hand-picked a selection of fonts to use on the event flyer design.

Let’s start with Section 1:

„Let’s Get Tacky”: 

  • Capitalise all letters. 
  • Set the Font to Montserrat at 11.2 pt
  • Leading: 13.44 pt
  • Tracking: 200 

’You’re Invited To The’

  • Capitalise all letters. 
  • Font: Montserrat at 6.08 pt
  • Leading: 17.3 pt
  • Tracking: 200 
set tracking leading font type size and alignment Montserrat

Step 5

Move on to Section 2:

’Ugly’

  • Font: Great Vibes at 53.11 pt
  • Leading: 63.73 pt

’Sweater’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 35.74 pt
  • Font Style: Black
  • Leading: 42.89 pt
  • Tracking: 50

’Christmas’

  • Capitalise all letters. 
  • Font: ChunkFive at 15.74 pt
  • Font Style: Roman
  • Leading: 18.89 pt
  • Tracking: 200

’Party’

  • Capitalise all letters. 
  • Font: Alfa Slab One at 36.6 pt
  • Leading: 31.72 pt
  • Tracking: 25

’Live Music Band’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 16.73 pt
  • Font Style: Bold
  • Leading: 20.08 pt
  • Tracking: 100
edit type font style tracking leading superscript from character panel bold pt

Step 6

Finally, for Section 3:

’21st  8 PM  $20′

  • Capitalize all letters. 
  • Font: Bebas Neue at 23.7466 pt
  • Font Style: Black
  • Tracking: 50
  • ’st’ use the Superscript option from the Character panel

’Friday December Entry’

  • Capitalise all letters. 
  • Font: Montserrat at 7.98 pt
  • Font Style: Bold
  • Leading: 42.89 pt
  • Tracking: 50

’RSVP by December 17th – Telephone #’

  • Font: Montserrat at 5.92 pt
  • Leading: 9 pt
  • Tracking: 200

’Place – Street Address – Doors Open @19:45′

  • Capitalise all letters. 
  • Font: Bebas Neue at 13.11 pt
  • Font Style: Regular
  • Leading: 18 pt

’website’

  • Capitalise all letters. 
  • Font: Montserrat at 5.92 pt
  • Leading: 10 pt
  • Tracking: 200
edit type font style tracking leading superscript from character panel

Step 7

Let’s remove the horizontal guides: View > Guides > Clear Guides

Then give the middle text box a tilt to make it more eye-catching.

Select and Object > Transform > Shear.

  • Shear Angle: -190º
  • Axis: Vertical
  • OK
object transform shear angle set axis vertical

Step 8

Let’s add color to the type.

Pick the Type Tool (T) and follow these steps:

  • Select individually 'LET’S GET TACKY’ + 'SWEATER’ + 'CHRISTMAS’  + 'ENTRY’ and apply a yellow color fill of #FFC216.
  • Select individually ’21st’ + 'FRIDAY’ and apply a blue fill of #00cfff.
  • For 'PLACE – STREET ADDRESS – DOORS  @19:45′, apply a dark blue fill of #083c63.
type tool selection apply color fill individually

Step 9

Next, let’s apply a drop shadow to the top and bottom text boxes.

Effect > Stylize > Drop Shadow… with the settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
add effects stylize drop shadow mode multiply x offset y blur color

4. How to Design Graphics to Support Your Event Flyer

Step 1

Now we need to create graphics that will grab the attention of your audience and convince them to come to your event. What better way to do this than with a beautifully designed flyer? 

Lock the ’Type’ layer, and move down to the ’Graphics’ layer, and start creating some graphic elements.

Turn on the Smart Guides (Command-U).

Select the Line Segment Tool (\), and draw a 0.8 cm line to the left of YOU’RE INVITED’. Hold down the Shift-Alt keys to duplicate it, and drag it parallel to the other side.

Select both lines and apply a Drop ShadowEffect > Stylize > Drop Shadow… with the settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.03 cm
  • Y Offset: 0.03 cm
  • Blur: 0 cm
  • Color: #000000
create line with line segment tool duplicate shift-alt and apply drop shadow effect

Step 2

Select the Line Segment Tool (\), and draw a 6.4 cm line under 'SWEATER’.

From the Stroke panel, apply:

  • Weight: 4 pt
  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 0ptGap: 7 pt
line segment tool create dotted line with dash and gap

Step 3

Next, let’s create an attention-grabbing ribbon banner to highlight the text „CHRISTMAS PARTY’ and 'LIVE MUSIC BAND’.

Use the Smart Guides to guide you.

Take the Rectangle Tool (M) and draw three rectangles with a blue fill of #0a304c in the following order and alignment:

  • Rectangle 1: 6.57 x 2.03 cm (approx)
  • Rectangle 2: 5.91 x 0.82 cm (approx)
  • Rectangle 3: 0.97 x 0.81 cm (approx)
draw rectangles using smart guides to create ribbon banner

Step 4

Select the third rectangle. Object > Path > Add Anchor Points.

Use the Direct Selection Tool (A) to select the middle far right anchor point and drag it slightly to the left, to create the ribbon end.

add anchor point to shape and adjust ribbon end with direct selection tool

Step 5

Now let’s slant the three rectangle boxes. Select all three.

Take the Shear Tool from the Tools panel or choose Object > Transform > Shear.

  • Shear Angle: -190°
  • Angle: -90°
  • OK
shear tool slant banner tools panel object transform shear

Step 6

For the back of the ribbon banner, draw a 6.57 x 2.85 cm (approx) shape, using the Rectangle Tool (M), with a fill of #0d1520.

Then Object > Transform > Shear, and apply a Shear Angle: 341°

With the shape selected, Object > Arrange > Send to Back (Shift-Command-[), and position it correctly.

create rectangle with rectangle tool slant object transform shear and send to back

Step 7

Use the Selection Tool (V) to position the end of the banner slightly below the second.

Then take the Pen Tool (P), and draw a triangle as shown below.

Select all the banner elements, and Group (Command-G) and align behind the text.

use selection tool draw triangle pen tool group together send to back

Step 8

Let’s create the banner behind 'PLACE – STREET ADDRESS – DOORS  @19:45′.

Grab the Rectangle Tool (M) and draw a 7.22 x 0.53 cm (approx) shape, with fill #FFC216.

Object > Path > Add Anchor Points, and move the middle far left and far right anchor points slightly inwards to create the banner edges.

Rectangle tool object path add anchor points for banner edge

Step 9

Let’s create bars to separate ’21st  8 PM  $20′ and 'FRIDAY DECEMBER ENTRY’, so they are easily distinguished.

Use the Rectangle Tool (M) and draw a 0.05 x 0.97 cm (approx) shape, with a fill of #FFC216.

Hold down the ShiftAlt keys and drag horizontally to duplicate.

Then select both bars and apply an Effect > Stylize > Drop Shadow… with settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
create rectangle bars separate text apply drop shadow

Step 10

Let’s add some decorative pointers for 'FRIDAY DECEMBER ENTRY’.

Use the Rectangle Tool (M) and create one long bar of 0.09 x 0.03 cm and a 0.12 cm square.

Select the square. Object > Transform > Rotate at 45°.

Place the square at the tip of the horizontal rectangle, and Vertically Align Center the two shapes.

Give them a white fill, and place them on the left of the text.

Copy (Command-C) and Paste in Front(Command-F), to duplicate the elements.

Finally, use the Reflect Tool (O), click between 'EM” in 'DECEMBER’ to set the point of axis, and flip the objects.

create rectangles vertical align center duplicate copy paste front and use reflect tool to mirror

Step 11

And for the final touch, let’s add a decorative diamond pattern on the base.

Create a 0.14 cm square. Object > Transform > Rotate at 45°.

Hold down the ShiftAlt keys and drag horizontally to duplicate. Give one square a white fill and the other a color fill of #20c3ef.

Then, with the two diamond shapes selected, hold down the ShiftAlt keys to constrain movement and duplicate the selection, and drag horizontally.

Use the Command-D shortcut to Transform Again. Repeat till you reach the edge of the banner.

5. How to Create Illustrations to Complement the Event Flyer

Step 1

I left a small space between 'LIVE MUSIC BAND’ and ’21st 8PM $20′, to add three illustrations of dancing sweaters.

From the Layers panel, Lock the ’Graphics’ layer and move onto ’Top Graphics’.

So let’s create our first little cute dancing sweater.

Grab the Rounded Rectangle Tool, from the Tools panel, and draw two rectangles with a fill of #20c3ef.

  • Rectangle 1: 0.62 x 0.74 cm, Corner Radius: 0.1 cm
  • Rectangle 2: 0.32 x 0.25.cm, Corner Radius: 0.1 cm

Place them on top of one another to create the sweater body and collar.

use rounded rectangle tool to create sweater collar and body

Step 2

Then Swap Fill & Stroke (Shift-X), and select the Pen Tool (P) and draw 5.5 pt weight stroke arms for the sweater.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join

Take the Direct Selection Tool (A) and select all the 'elbow’ anchor points. This will enable the Live Corners widget to appear next to each corner point. Drag the Live Widgets to round the 'elbow’ edges. 

Then take the Ellipse Tool (L), with white fill, and draw a 0.2 x 0.09 cm ellipse on top of the collar as shown below.

Shift Modes (Shift-D) to Draw Behind from the Tools panel, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves.

Use the Rotate Tool (R) to rotate the top sleeve as shown.

swap fill stroke panel round corners Live corners Live widgets curve Shift D Draw behind Rotate tool to rotate

Step 3

Let’s add a snowflake to the sweater front.

Shift Modes (Shift-D) to Draw Normal from the Tools panel.

Draw a 1 pt, white stroke line in the center of the sweater. Then use the Pen Tool (P) to draw 'V’ tips on the top and bottom.

Select the snowflake shapes with the Selection Tool (V). Command-G to Group. 

Select the Rotate Tool (R). Hold down the Alt key to duplicate and rotate.

Transform Again (Command-D) to repeat the action, and you’ve got a snowflake!

Step 4

Move on to create sweater 2.

Grab the Selection Tool (V), select all the elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater.

Delete the snowflake.

Change the color fill of the sweater collar, arms, and body to #00699e. Color the sweater neck, bottom, and sleeves #10375b.

Then, use the Direct Selection Tool (A) to select the anchor points and the Rotate Tool (R) to alter the direction slightly. 

Put the sleeves in position, and use the Rectangle Tool (R) to create a 0.13 cm square with color fill #20c3ef.

Object > Transform > Rotate, set Rotate Angle to 45°, and click OK

Hold down the ShiftAlt keys to constrain and duplicate the square as seen below, and position the copies on the sweater.

duplicate sweater color fill create rectangle design sweater

Step 5

Moving on to the last sweater design, use the Selection Tool (V) to select all elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater. 

Delete everything but the neck and body part. Change the color of the sweater collar and body to #faa722.

Grab the Pen Tool (P). Swap Fill & Stroke (Shift-X) and draw 5.5 pt weight stroke arms for the sweater.

Then take the Rounded Rectangle Tool and draw a white 0.06 x 0.6 cm center line on the sweater.

Add pockets with the Rectangle Tool (R). Create white rectangles of 0.17 x 0.23 cm, and hold Shift-Alt and drag to duplicate to the other side.

And then use the Direct Selection Tool (A). Select the bottom anchor points of the pockets, and curve them using the Live Widgets, as shown below.

Step 6

To finish off the sweater, Shift Modes (Shift-D) to Draw Behind, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves. Use the Rotate Tool (R) to rotate their axis.

sweater design shift modes use rounded rectangle and rotate tool

Step 7

For the final steps, Group (Command-G) each sweater with its respective parts. Select all sweaters. Hold down the Shift-Alt keys to constrain and scale proportionally.

Vertical Align Bottom from the Align panel.

Apply a Drop Shadow: Effect > Stylize > Drop shadow… with settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.05 cm
  • Y Offset: 0.05 cm
  • Blur: 0 cm
  • Color: #231f20

Congratulations! You’re Ready to Party!

Feel free to adjust the final design, proofread it, add a logo to brand it, and add your own twist. 

You can find some great sources of inspiration at GraphicRiver to enhance the design and help you create something awesome.

I hope you’ve enjoyed following this beautiful tutorial and learned something new you can apply to future projects. Please post your results down below!

Now go parade those embarrassing holiday sweaters or organise an 'Ugly Sweater’ fundraiser event for a charity.

If you enjoyed this tutorial and are looking to learn more about flyer design, I’ve put together this roundup of 'flyer’ tutorials here:

How to Make a Flyer Design for Christmas in Illustrator

Post pobrano z: How to Make a Flyer Design for Christmas in Illustrator

Final product image
What You’ll Be Creating

Learn how to make a flyer in this event flyer tutorial. You’ll learn how to create an effective flyer design just in time for Christmas.

Whether you’ve been 'Naughty or Nice’ or even if you’re really not into the whole celebrating the holidays thing, there is one special holiday in December that will make you spread your cheerful spirit, and that day is 'Ugly Christmas Sweater Day’! Yes, it’s real.

Do you have an ugly sweater lurking in the depths of your closet? Then 'Ugly Christmas Sweater Day’ is the day to flaunt that colourfully hideous knitwear. The holiday, which started in 2011, is celebrated on the third Friday of December. 

To celebrate this festive holiday, today we are going to learn how to create a professional-looking, easy-to-design 'Ugly Sweater Party’ event flyer, using Adobe Illustrator!

If you don’t have time to design a flyer from scratch or lack inspiration, you can source the latest collection of flyer designs and graphics over at Envato Market or Envato Elements

What You Will Need

You will need this set of selected fonts in order to complete this project:

1. How to Set Up a New Project File

Open Adobe Illustrator, and Create New Document (Command-N) with the following settings:

  • Name: Ugly_Sweater_Xmas_Party
  • Number of Artboards: 1
  • Orientation: Portrait
  • Width: 8.27 cm
  • Height: 11.69 cm

From the Advanced tab:

  • Color Mode: CMYK
  • Raster Effects: High (300 ppi)
  • Preview Mode: Default

We need to add bleed lines to the artboard, to define where the graphics area extends for the printer. Bleed lines ensure there are no white edges around the flyer after cutting.

Click More Settings to open the More Settings dialog box.

Set the values for Bleed to 0.2 cm and Create Document. Bleed lines will appear as red lines around the artboard.

set event flyer artboard size setting orientation portrait bleed centimetres
set artboard bleed lines for printing bleed lines in red

2. How to Make an Event Flyer Background

Step 1

Now since this is a „sweater” party, let’s create a cute, simple, red checkered pattern as an event flyer background.

Start by creating the checkered square of the pattern. Grab the Rectangle Tool (M). Click once on the artboard, to open the Rectangle dialog box. Create a 1 x 1 cm square, with color fill #A01D20.

Next, select the Line Segment Tool (\). Draw a line with Width and Height of 1 cm, Angle: 270°, with a black stroke.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 1pt, Gap: 2 pt
use rectangle tool M to create red square and line segment tool dashed line stroke

Step 2

With the dashed line selected, Object > Expand… to open the Expand dialog box. Check Fill and Stroke, and then OK.

Then Copy (Command-C) and Paste in Front (Command-F), to duplicate the dashed line on top of the original.

Object > Transform > Rotate ….and set the Rotate Angle to 90°, and click OK.

Open the Align panel. Select the square and two line segments you just created, and Horizontal & Vertical Align Center, so all elements align equally to one other.

object expand line segment Horizontal  Vertical Align Center from align panel

Step 3

Now let’s duplicate the objects to create a checkered pattern.

Select the dashed lines. Use the Eyedropper Tool (I) to apply the same color fill as the square #A01D20.

Then take the Selection Tool (V), select the three objects, and drag the objects horizontally to the right edge, while holding down the ShiftAlt keys to constrain movement. This will duplicate our objects.

Then Select All (Command-A), hold down the ShiftAlt keys, and drag vertically to the top edge of the squares, as shown.

Let’s alter their color.

Take the Direct Selection Tool (A). Select the second and third square and apply a color fill of #EE2532, and for the fourth square #D12027

use eyedropper tool apply colo and duplicate shortcut hold shift alt kets drag

Step 4

I realised the first square and its strokes are too dark, so let’s change them to a lighter tone.

Select the first square shape. Select > Same > Fill Color, and change the color fill to #BE2126

Select All (Command-A).

Go to Object > Pattern > Make. The Pattern Options dialog box will appear, where you can adjust the pattern settings:

  • Tile Type: Grid 
  • Width: 2 cm
  • Height: 2 cm

The new pattern will appear instantly in the Swatches panel (Window > Swatches). Now you can delete the shapes we used to create our pattern.

object pattern making swatches panel grid type checkered

Step 5

Use the new pattern as a fill. Select the Rectangle Tool (M) and draw a rectangle to cover the artboard within the bleed lines. 

Object > Transform > Rotate.

Make sure only Transform Patterns is selected, set Rotate Angle to 45°, and click OK.

rectangle tool create shape and apply transform pattern option rotate angle 45 degrees

Step 6

Now let’s add a light frame around our event flyer.

Take the Rectangle Tool (M) again and draw a rectangle of 8 x 11.4 cm, with null fill and white Stroke of 1 pt.

Now align the frame to our artboard. Open the Align panel (Window > Align).

Make sure you select Align to: Align to Artboard, then Horizontal & Vertical Align Center.

And our background is ready!

background pattern align set border stroke flyer within border

3. How to Lay Out and Format Type on the Event Flyer

Step 1

Let’s set up our layers in the Layers panel. Open Window > Layers.

Double-click ’Layer 1′ to open the Layer Options dialog box. 

Select Lock and rename it ’Background’ and click OK.

Click the Create New Layer option from the Layers panel, and create three new layers on top of one another, named ’Graphics’, ’Type’, and ’Top Graphics’.

open layers panel set layer options lock and create new layer graphics type top graphics

Step 2

To promote our party event flyer and create an informative and attractive flyer, we need to include five details :

  1. Greeting or Funny Intro: A short piece of text, placed on top of the flyer in a small font size: ’Let’s Get Tacky’ and ’You’re Invited to The’.
  2. Title: The main title is ’Ugly Sweater’ and secondarily ’Christmas Party, Live Music Band’. The title needs to be large, readable type, so that the reader knows what we are promoting, and it should be placed in an eye-catching position, contrasting with the background color. 
  3. Description: Comes under the title and adds relevant info to the event, like date, time, and location. This year, the holiday happens to fall on December 21st, 2018. ’21st, Friday, 8PM, December, $20 Entry, Place-Street Address – Doors Open @ 19:45′.
  4. Call-to-action:RSVP by December 17th – Telephone #.” A call-to-action encourages readers to act now rather than later.
  5. Contact & Address: So the readers can easily contact you. It includes an address, website, telephone number, logo, or social media accounts.

We need to divide our flyer into three sections of visual hierarchy, using Ruler Guides: the top ’Greeting’ section (small section), the middle ’Title’ section (largest), and ’Info’, the bottom section.

View > Rulers > Show Rulers or Command-R. Select the horizontal ruler and drag the guide into the space you want.

add ruler guides drag vertical view rulers show rulers

Step 3

Make sure you are on the ’Type’ layer.

Use the Type Tool (T) to create three text frames, within the designated sections.

Open the Paragraph panel (Window > Type > Paragraph), as well as the Character panel (Window > Type > Character).

Set the Font to Bebas Neue at 14 pt

Place the text, and Align Center from the Paragraph panel. Don’t worry about the font type or size just yet.

add type type T type area box window paragraph character align center font size

Step 4

Now let’s have some font fun.

When it comes to choosing the right font, there is a lot of trial and error involved to find the fonts that work and suit your design. You need to find a font which matches the flyer design, the message of the event, and the target audience.

Luckily for you, I spared you the time-consuming work and hand-picked a selection of fonts to use on the event flyer design.

Let’s start with Section 1:

„Let’s Get Tacky”: 

  • Capitalise all letters. 
  • Set the Font to Montserrat at 11.2 pt
  • Leading: 13.44 pt
  • Tracking: 200 

’You’re Invited To The’

  • Capitalise all letters. 
  • Font: Montserrat at 6.08 pt
  • Leading: 17.3 pt
  • Tracking: 200 
set tracking leading font type size and alignment Montserrat

Step 5

Move on to Section 2:

’Ugly’

  • Font: Great Vibes at 53.11 pt
  • Leading: 63.73 pt

’Sweater’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 35.74 pt
  • Font Style: Black
  • Leading: 42.89 pt
  • Tracking: 50

’Christmas’

  • Capitalise all letters. 
  • Font: ChunkFive at 15.74 pt
  • Font Style: Roman
  • Leading: 18.89 pt
  • Tracking: 200

’Party’

  • Capitalise all letters. 
  • Font: Alfa Slab One at 36.6 pt
  • Leading: 31.72 pt
  • Tracking: 25

’Live Music Band’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 16.73 pt
  • Font Style: Bold
  • Leading: 20.08 pt
  • Tracking: 100
edit type font style tracking leading superscript from character panel bold pt

Step 6

Finally, for Section 3:

’21st  8 PM  $20′

  • Capitalize all letters. 
  • Font: Bebas Neue at 23.7466 pt
  • Font Style: Black
  • Tracking: 50
  • ’st’ use the Superscript option from the Character panel

’Friday December Entry’

  • Capitalise all letters. 
  • Font: Montserrat at 7.98 pt
  • Font Style: Bold
  • Leading: 42.89 pt
  • Tracking: 50

’RSVP by December 17th – Telephone #’

  • Font: Montserrat at 5.92 pt
  • Leading: 9 pt
  • Tracking: 200

’Place – Street Address – Doors Open @19:45′

  • Capitalise all letters. 
  • Font: Bebas Neue at 13.11 pt
  • Font Style: Regular
  • Leading: 18 pt

’website’

  • Capitalise all letters. 
  • Font: Montserrat at 5.92 pt
  • Leading: 10 pt
  • Tracking: 200
edit type font style tracking leading superscript from character panel

Step 7

Let’s remove the horizontal guides: View > Guides > Clear Guides

Then give the middle text box a tilt to make it more eye-catching.

Select and Object > Transform > Shear.

  • Shear Angle: -190º
  • Axis: Vertical
  • OK
object transform shear angle set axis vertical

Step 8

Let’s add color to the type.

Pick the Type Tool (T) and follow these steps:

  • Select individually 'LET’S GET TACKY’ + 'SWEATER’ + 'CHRISTMAS’  + 'ENTRY’ and apply a yellow color fill of #FFC216.
  • Select individually ’21st’ + 'FRIDAY’ and apply a blue fill of #00cfff.
  • For 'PLACE – STREET ADDRESS – DOORS  @19:45′, apply a dark blue fill of #083c63.
type tool selection apply color fill individually

Step 9

Next, let’s apply a drop shadow to the top and bottom text boxes.

Effect > Stylize > Drop Shadow… with the settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
add effects stylize drop shadow mode multiply x offset y blur color

4. How to Design Graphics to Support Your Event Flyer

Step 1

Now we need to create graphics that will grab the attention of your audience and convince them to come to your event. What better way to do this than with a beautifully designed flyer? 

Lock the ’Type’ layer, and move down to the ’Graphics’ layer, and start creating some graphic elements.

Turn on the Smart Guides (Command-U).

Select the Line Segment Tool (\), and draw a 0.8 cm line to the left of YOU’RE INVITED’. Hold down the Shift-Alt keys to duplicate it, and drag it parallel to the other side.

Select both lines and apply a Drop ShadowEffect > Stylize > Drop Shadow… with the settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.03 cm
  • Y Offset: 0.03 cm
  • Blur: 0 cm
  • Color: #000000
create line with line segment tool duplicate shift-alt and apply drop shadow effect

Step 2

Select the Line Segment Tool (\), and draw a 6.4 cm line under 'SWEATER’.

From the Stroke panel, apply:

  • Weight: 4 pt
  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 0ptGap: 7 pt
line segment tool create dotted line with dash and gap

Step 3

Next, let’s create an attention-grabbing ribbon banner to highlight the text „CHRISTMAS PARTY’ and 'LIVE MUSIC BAND’.

Use the Smart Guides to guide you.

Take the Rectangle Tool (M) and draw three rectangles with a blue fill of #0a304c in the following order and alignment:

  • Rectangle 1: 6.57 x 2.03 cm (approx)
  • Rectangle 2: 5.91 x 0.82 cm (approx)
  • Rectangle 3: 0.97 x 0.81 cm (approx)
draw rectangles using smart guides to create ribbon banner

Step 4

Select the third rectangle. Object > Path > Add Anchor Points.

Use the Direct Selection Tool (A) to select the middle far right anchor point and drag it slightly to the left, to create the ribbon end.

add anchor point to shape and adjust ribbon end with direct selection tool

Step 5

Now let’s slant the three rectangle boxes. Select all three.

Take the Shear Tool from the Tools panel or choose Object > Transform > Shear.

  • Shear Angle: -190°
  • Angle: -90°
  • OK
shear tool slant banner tools panel object transform shear

Step 6

For the back of the ribbon banner, draw a 6.57 x 2.85 cm (approx) shape, using the Rectangle Tool (M), with a fill of #0d1520.

Then Object > Transform > Shear, and apply a Shear Angle: 341°

With the shape selected, Object > Arrange > Send to Back (Shift-Command-[), and position it correctly.

create rectangle with rectangle tool slant object transform shear and send to back

Step 7

Use the Selection Tool (V) to position the end of the banner slightly below the second.

Then take the Pen Tool (P), and draw a triangle as shown below.

Select all the banner elements, and Group (Command-G) and align behind the text.

use selection tool draw triangle pen tool group together send to back

Step 8

Let’s create the banner behind 'PLACE – STREET ADDRESS – DOORS  @19:45′.

Grab the Rectangle Tool (M) and draw a 7.22 x 0.53 cm (approx) shape, with fill #FFC216.

Object > Path > Add Anchor Points, and move the middle far left and far right anchor points slightly inwards to create the banner edges.

Rectangle tool object path add anchor points for banner edge

Step 9

Let’s create bars to separate ’21st  8 PM  $20′ and 'FRIDAY DECEMBER ENTRY’, so they are easily distinguished.

Use the Rectangle Tool (M) and draw a 0.05 x 0.97 cm (approx) shape, with a fill of #FFC216.

Hold down the ShiftAlt keys and drag horizontally to duplicate.

Then select both bars and apply an Effect > Stylize > Drop Shadow… with settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
create rectangle bars separate text apply drop shadow

Step 10

Let’s add some decorative pointers for 'FRIDAY DECEMBER ENTRY’.

Use the Rectangle Tool (M) and create one long bar of 0.09 x 0.03 cm and a 0.12 cm square.

Select the square. Object > Transform > Rotate at 45°.

Place the square at the tip of the horizontal rectangle, and Vertically Align Center the two shapes.

Give them a white fill, and place them on the left of the text.

Copy (Command-C) and Paste in Front(Command-F), to duplicate the elements.

Finally, use the Reflect Tool (O), click between 'EM” in 'DECEMBER’ to set the point of axis, and flip the objects.

create rectangles vertical align center duplicate copy paste front and use reflect tool to mirror

Step 11

And for the final touch, let’s add a decorative diamond pattern on the base.

Create a 0.14 cm square. Object > Transform > Rotate at 45°.

Hold down the ShiftAlt keys and drag horizontally to duplicate. Give one square a white fill and the other a color fill of #20c3ef.

Then, with the two diamond shapes selected, hold down the ShiftAlt keys to constrain movement and duplicate the selection, and drag horizontally.

Use the Command-D shortcut to Transform Again. Repeat till you reach the edge of the banner.

5. How to Create Illustrations to Complement the Event Flyer

Step 1

I left a small space between 'LIVE MUSIC BAND’ and ’21st 8PM $20′, to add three illustrations of dancing sweaters.

From the Layers panel, Lock the ’Graphics’ layer and move onto ’Top Graphics’.

So let’s create our first little cute dancing sweater.

Grab the Rounded Rectangle Tool, from the Tools panel, and draw two rectangles with a fill of #20c3ef.

  • Rectangle 1: 0.62 x 0.74 cm, Corner Radius: 0.1 cm
  • Rectangle 2: 0.32 x 0.25.cm, Corner Radius: 0.1 cm

Place them on top of one another to create the sweater body and collar.

use rounded rectangle tool to create sweater collar and body

Step 2

Then Swap Fill & Stroke (Shift-X), and select the Pen Tool (P) and draw 5.5 pt weight stroke arms for the sweater.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join

Take the Direct Selection Tool (A) and select all the 'elbow’ anchor points. This will enable the Live Corners widget to appear next to each corner point. Drag the Live Widgets to round the 'elbow’ edges. 

Then take the Ellipse Tool (L), with white fill, and draw a 0.2 x 0.09 cm ellipse on top of the collar as shown below.

Shift Modes (Shift-D) to Draw Behind from the Tools panel, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves.

Use the Rotate Tool (R) to rotate the top sleeve as shown.

swap fill stroke panel round corners Live corners Live widgets curve Shift D Draw behind Rotate tool to rotate

Step 3

Let’s add a snowflake to the sweater front.

Shift Modes (Shift-D) to Draw Normal from the Tools panel.

Draw a 1 pt, white stroke line in the center of the sweater. Then use the Pen Tool (P) to draw 'V’ tips on the top and bottom.

Select the snowflake shapes with the Selection Tool (V). Command-G to Group. 

Select the Rotate Tool (R). Hold down the Alt key to duplicate and rotate.

Transform Again (Command-D) to repeat the action, and you’ve got a snowflake!

Step 4

Move on to create sweater 2.

Grab the Selection Tool (V), select all the elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater.

Delete the snowflake.

Change the color fill of the sweater collar, arms, and body to #00699e. Color the sweater neck, bottom, and sleeves #10375b.

Then, use the Direct Selection Tool (A) to select the anchor points and the Rotate Tool (R) to alter the direction slightly. 

Put the sleeves in position, and use the Rectangle Tool (R) to create a 0.13 cm square with color fill #20c3ef.

Object > Transform > Rotate, set Rotate Angle to 45°, and click OK

Hold down the ShiftAlt keys to constrain and duplicate the square as seen below, and position the copies on the sweater.

duplicate sweater color fill create rectangle design sweater

Step 5

Moving on to the last sweater design, use the Selection Tool (V) to select all elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater. 

Delete everything but the neck and body part. Change the color of the sweater collar and body to #faa722.

Grab the Pen Tool (P). Swap Fill & Stroke (Shift-X) and draw 5.5 pt weight stroke arms for the sweater.

Then take the Rounded Rectangle Tool and draw a white 0.06 x 0.6 cm center line on the sweater.

Add pockets with the Rectangle Tool (R). Create white rectangles of 0.17 x 0.23 cm, and hold Shift-Alt and drag to duplicate to the other side.

And then use the Direct Selection Tool (A). Select the bottom anchor points of the pockets, and curve them using the Live Widgets, as shown below.

Step 6

To finish off the sweater, Shift Modes (Shift-D) to Draw Behind, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves. Use the Rotate Tool (R) to rotate their axis.

sweater design shift modes use rounded rectangle and rotate tool

Step 7

For the final steps, Group (Command-G) each sweater with its respective parts. Select all sweaters. Hold down the Shift-Alt keys to constrain and scale proportionally.

Vertical Align Bottom from the Align panel.

Apply a Drop Shadow: Effect > Stylize > Drop shadow… with settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.05 cm
  • Y Offset: 0.05 cm
  • Blur: 0 cm
  • Color: #231f20

Congratulations! You’re Ready to Party!

Feel free to adjust the final design, proofread it, add a logo to brand it, and add your own twist. 

You can find some great sources of inspiration at GraphicRiver to enhance the design and help you create something awesome.

I hope you’ve enjoyed following this beautiful tutorial and learned something new you can apply to future projects. Please post your results down below!

Now go parade those embarrassing holiday sweaters or organise an 'Ugly Sweater’ fundraiser event for a charity.

If you enjoyed this tutorial and are looking to learn more about flyer design, I’ve put together this roundup of 'flyer’ tutorials here:

How to Make a Flyer Design for Christmas in Illustrator

Post pobrano z: How to Make a Flyer Design for Christmas in Illustrator

Final product image
What You’ll Be Creating

Learn how to make a flyer in this event flyer tutorial. You’ll learn how to create an effective flyer design just in time for Christmas.

Whether you’ve been 'Naughty or Nice’ or even if you’re really not into the whole celebrating the holidays thing, there is one special holiday in December that will make you spread your cheerful spirit, and that day is 'Ugly Christmas Sweater Day’! Yes, it’s real.

Do you have an ugly sweater lurking in the depths of your closet? Then 'Ugly Christmas Sweater Day’ is the day to flaunt that colourfully hideous knitwear. The holiday, which started in 2011, is celebrated on the third Friday of December. 

To celebrate this festive holiday, today we are going to learn how to create a professional-looking, easy-to-design 'Ugly Sweater Party’ event flyer, using Adobe Illustrator!

If you don’t have time to design a flyer from scratch or lack inspiration, you can source the latest collection of flyer designs and graphics over at Envato Market or Envato Elements

What You Will Need

You will need this set of selected fonts in order to complete this project:

1. How to Set Up a New Project File

Open Adobe Illustrator, and Create New Document (Command-N) with the following settings:

  • Name: Ugly_Sweater_Xmas_Party
  • Number of Artboards: 1
  • Orientation: Portrait
  • Width: 8.27 cm
  • Height: 11.69 cm

From the Advanced tab:

  • Color Mode: CMYK
  • Raster Effects: High (300 ppi)
  • Preview Mode: Default

We need to add bleed lines to the artboard, to define where the graphics area extends for the printer. Bleed lines ensure there are no white edges around the flyer after cutting.

Click More Settings to open the More Settings dialog box.

Set the values for Bleed to 0.2 cm and Create Document. Bleed lines will appear as red lines around the artboard.

set event flyer artboard size setting orientation portrait bleed centimetres
set artboard bleed lines for printing bleed lines in red

2. How to Make an Event Flyer Background

Step 1

Now since this is a „sweater” party, let’s create a cute, simple, red checkered pattern as an event flyer background.

Start by creating the checkered square of the pattern. Grab the Rectangle Tool (M). Click once on the artboard, to open the Rectangle dialog box. Create a 1 x 1 cm square, with color fill #A01D20.

Next, select the Line Segment Tool (\). Draw a line with Width and Height of 1 cm, Angle: 270°, with a black stroke.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 1pt, Gap: 2 pt
use rectangle tool M to create red square and line segment tool dashed line stroke

Step 2

With the dashed line selected, Object > Expand… to open the Expand dialog box. Check Fill and Stroke, and then OK.

Then Copy (Command-C) and Paste in Front (Command-F), to duplicate the dashed line on top of the original.

Object > Transform > Rotate ….and set the Rotate Angle to 90°, and click OK.

Open the Align panel. Select the square and two line segments you just created, and Horizontal & Vertical Align Center, so all elements align equally to one other.

object expand line segment Horizontal  Vertical Align Center from align panel

Step 3

Now let’s duplicate the objects to create a checkered pattern.

Select the dashed lines. Use the Eyedropper Tool (I) to apply the same color fill as the square #A01D20.

Then take the Selection Tool (V), select the three objects, and drag the objects horizontally to the right edge, while holding down the ShiftAlt keys to constrain movement. This will duplicate our objects.

Then Select All (Command-A), hold down the ShiftAlt keys, and drag vertically to the top edge of the squares, as shown.

Let’s alter their color.

Take the Direct Selection Tool (A). Select the second and third square and apply a color fill of #EE2532, and for the fourth square #D12027

use eyedropper tool apply colo and duplicate shortcut hold shift alt kets drag

Step 4

I realised the first square and its strokes are too dark, so let’s change them to a lighter tone.

Select the first square shape. Select > Same > Fill Color, and change the color fill to #BE2126

Select All (Command-A).

Go to Object > Pattern > Make. The Pattern Options dialog box will appear, where you can adjust the pattern settings:

  • Tile Type: Grid 
  • Width: 2 cm
  • Height: 2 cm

The new pattern will appear instantly in the Swatches panel (Window > Swatches). Now you can delete the shapes we used to create our pattern.

object pattern making swatches panel grid type checkered

Step 5

Use the new pattern as a fill. Select the Rectangle Tool (M) and draw a rectangle to cover the artboard within the bleed lines. 

Object > Transform > Rotate.

Make sure only Transform Patterns is selected, set Rotate Angle to 45°, and click OK.

rectangle tool create shape and apply transform pattern option rotate angle 45 degrees

Step 6

Now let’s add a light frame around our event flyer.

Take the Rectangle Tool (M) again and draw a rectangle of 8 x 11.4 cm, with null fill and white Stroke of 1 pt.

Now align the frame to our artboard. Open the Align panel (Window > Align).

Make sure you select Align to: Align to Artboard, then Horizontal & Vertical Align Center.

And our background is ready!

background pattern align set border stroke flyer within border

3. How to Lay Out and Format Type on the Event Flyer

Step 1

Let’s set up our layers in the Layers panel. Open Window > Layers.

Double-click ’Layer 1′ to open the Layer Options dialog box. 

Select Lock and rename it ’Background’ and click OK.

Click the Create New Layer option from the Layers panel, and create three new layers on top of one another, named ’Graphics’, ’Type’, and ’Top Graphics’.

open layers panel set layer options lock and create new layer graphics type top graphics

Step 2

To promote our party event flyer and create an informative and attractive flyer, we need to include five details :

  1. Greeting or Funny Intro: A short piece of text, placed on top of the flyer in a small font size: ’Let’s Get Tacky’ and ’You’re Invited to The’.
  2. Title: The main title is ’Ugly Sweater’ and secondarily ’Christmas Party, Live Music Band’. The title needs to be large, readable type, so that the reader knows what we are promoting, and it should be placed in an eye-catching position, contrasting with the background color. 
  3. Description: Comes under the title and adds relevant info to the event, like date, time, and location. This year, the holiday happens to fall on December 21st, 2018. ’21st, Friday, 8PM, December, $20 Entry, Place-Street Address – Doors Open @ 19:45′.
  4. Call-to-action:RSVP by December 17th – Telephone #.” A call-to-action encourages readers to act now rather than later.
  5. Contact & Address: So the readers can easily contact you. It includes an address, website, telephone number, logo, or social media accounts.

We need to divide our flyer into three sections of visual hierarchy, using Ruler Guides: the top ’Greeting’ section (small section), the middle ’Title’ section (largest), and ’Info’, the bottom section.

View > Rulers > Show Rulers or Command-R. Select the horizontal ruler and drag the guide into the space you want.

add ruler guides drag vertical view rulers show rulers

Step 3

Make sure you are on the ’Type’ layer.

Use the Type Tool (T) to create three text frames, within the designated sections.

Open the Paragraph panel (Window > Type > Paragraph), as well as the Character panel (Window > Type > Character).

Set the Font to Bebas Neue at 14 pt

Place the text, and Align Center from the Paragraph panel. Don’t worry about the font type or size just yet.

add type type T type area box window paragraph character align center font size

Step 4

Now let’s have some font fun.

When it comes to choosing the right font, there is a lot of trial and error involved to find the fonts that work and suit your design. You need to find a font which matches the flyer design, the message of the event, and the target audience.

Luckily for you, I spared you the time-consuming work and hand-picked a selection of fonts to use on the event flyer design.

Let’s start with Section 1:

„Let’s Get Tacky”: 

  • Capitalise all letters. 
  • Set the Font to Montserrat at 11.2 pt
  • Leading: 13.44 pt
  • Tracking: 200 

’You’re Invited To The’

  • Capitalise all letters. 
  • Font: Montserrat at 6.08 pt
  • Leading: 17.3 pt
  • Tracking: 200 
set tracking leading font type size and alignment Montserrat

Step 5

Move on to Section 2:

’Ugly’

  • Font: Great Vibes at 53.11 pt
  • Leading: 63.73 pt

’Sweater’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 35.74 pt
  • Font Style: Black
  • Leading: 42.89 pt
  • Tracking: 50

’Christmas’

  • Capitalise all letters. 
  • Font: ChunkFive at 15.74 pt
  • Font Style: Roman
  • Leading: 18.89 pt
  • Tracking: 200

’Party’

  • Capitalise all letters. 
  • Font: Alfa Slab One at 36.6 pt
  • Leading: 31.72 pt
  • Tracking: 25

’Live Music Band’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 16.73 pt
  • Font Style: Bold
  • Leading: 20.08 pt
  • Tracking: 100
edit type font style tracking leading superscript from character panel bold pt

Step 6

Finally, for Section 3:

’21st  8 PM  $20′

  • Capitalize all letters. 
  • Font: Bebas Neue at 23.7466 pt
  • Font Style: Black
  • Tracking: 50
  • ’st’ use the Superscript option from the Character panel

’Friday December Entry’

  • Capitalise all letters. 
  • Font: Montserrat at 7.98 pt
  • Font Style: Bold
  • Leading: 42.89 pt
  • Tracking: 50

’RSVP by December 17th – Telephone #’

  • Font: Montserrat at 5.92 pt
  • Leading: 9 pt
  • Tracking: 200

’Place – Street Address – Doors Open @19:45′

  • Capitalise all letters. 
  • Font: Bebas Neue at 13.11 pt
  • Font Style: Regular
  • Leading: 18 pt

’website’

  • Capitalise all letters. 
  • Font: Montserrat at 5.92 pt
  • Leading: 10 pt
  • Tracking: 200
edit type font style tracking leading superscript from character panel

Step 7

Let’s remove the horizontal guides: View > Guides > Clear Guides

Then give the middle text box a tilt to make it more eye-catching.

Select and Object > Transform > Shear.

  • Shear Angle: -190º
  • Axis: Vertical
  • OK
object transform shear angle set axis vertical

Step 8

Let’s add color to the type.

Pick the Type Tool (T) and follow these steps:

  • Select individually 'LET’S GET TACKY’ + 'SWEATER’ + 'CHRISTMAS’  + 'ENTRY’ and apply a yellow color fill of #FFC216.
  • Select individually ’21st’ + 'FRIDAY’ and apply a blue fill of #00cfff.
  • For 'PLACE – STREET ADDRESS – DOORS  @19:45′, apply a dark blue fill of #083c63.
type tool selection apply color fill individually

Step 9

Next, let’s apply a drop shadow to the top and bottom text boxes.

Effect > Stylize > Drop Shadow… with the settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
add effects stylize drop shadow mode multiply x offset y blur color

4. How to Design Graphics to Support Your Event Flyer

Step 1

Now we need to create graphics that will grab the attention of your audience and convince them to come to your event. What better way to do this than with a beautifully designed flyer? 

Lock the ’Type’ layer, and move down to the ’Graphics’ layer, and start creating some graphic elements.

Turn on the Smart Guides (Command-U).

Select the Line Segment Tool (\), and draw a 0.8 cm line to the left of YOU’RE INVITED’. Hold down the Shift-Alt keys to duplicate it, and drag it parallel to the other side.

Select both lines and apply a Drop ShadowEffect > Stylize > Drop Shadow… with the settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.03 cm
  • Y Offset: 0.03 cm
  • Blur: 0 cm
  • Color: #000000
create line with line segment tool duplicate shift-alt and apply drop shadow effect

Step 2

Select the Line Segment Tool (\), and draw a 6.4 cm line under 'SWEATER’.

From the Stroke panel, apply:

  • Weight: 4 pt
  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 0ptGap: 7 pt
line segment tool create dotted line with dash and gap

Step 3

Next, let’s create an attention-grabbing ribbon banner to highlight the text „CHRISTMAS PARTY’ and 'LIVE MUSIC BAND’.

Use the Smart Guides to guide you.

Take the Rectangle Tool (M) and draw three rectangles with a blue fill of #0a304c in the following order and alignment:

  • Rectangle 1: 6.57 x 2.03 cm (approx)
  • Rectangle 2: 5.91 x 0.82 cm (approx)
  • Rectangle 3: 0.97 x 0.81 cm (approx)
draw rectangles using smart guides to create ribbon banner

Step 4

Select the third rectangle. Object > Path > Add Anchor Points.

Use the Direct Selection Tool (A) to select the middle far right anchor point and drag it slightly to the left, to create the ribbon end.

add anchor point to shape and adjust ribbon end with direct selection tool

Step 5

Now let’s slant the three rectangle boxes. Select all three.

Take the Shear Tool from the Tools panel or choose Object > Transform > Shear.

  • Shear Angle: -190°
  • Angle: -90°
  • OK
shear tool slant banner tools panel object transform shear

Step 6

For the back of the ribbon banner, draw a 6.57 x 2.85 cm (approx) shape, using the Rectangle Tool (M), with a fill of #0d1520.

Then Object > Transform > Shear, and apply a Shear Angle: 341°

With the shape selected, Object > Arrange > Send to Back (Shift-Command-[), and position it correctly.

create rectangle with rectangle tool slant object transform shear and send to back

Step 7

Use the Selection Tool (V) to position the end of the banner slightly below the second.

Then take the Pen Tool (P), and draw a triangle as shown below.

Select all the banner elements, and Group (Command-G) and align behind the text.

use selection tool draw triangle pen tool group together send to back

Step 8

Let’s create the banner behind 'PLACE – STREET ADDRESS – DOORS  @19:45′.

Grab the Rectangle Tool (M) and draw a 7.22 x 0.53 cm (approx) shape, with fill #FFC216.

Object > Path > Add Anchor Points, and move the middle far left and far right anchor points slightly inwards to create the banner edges.

Rectangle tool object path add anchor points for banner edge

Step 9

Let’s create bars to separate ’21st  8 PM  $20′ and 'FRIDAY DECEMBER ENTRY’, so they are easily distinguished.

Use the Rectangle Tool (M) and draw a 0.05 x 0.97 cm (approx) shape, with a fill of #FFC216.

Hold down the ShiftAlt keys and drag horizontally to duplicate.

Then select both bars and apply an Effect > Stylize > Drop Shadow… with settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
create rectangle bars separate text apply drop shadow

Step 10

Let’s add some decorative pointers for 'FRIDAY DECEMBER ENTRY’.

Use the Rectangle Tool (M) and create one long bar of 0.09 x 0.03 cm and a 0.12 cm square.

Select the square. Object > Transform > Rotate at 45°.

Place the square at the tip of the horizontal rectangle, and Vertically Align Center the two shapes.

Give them a white fill, and place them on the left of the text.

Copy (Command-C) and Paste in Front(Command-F), to duplicate the elements.

Finally, use the Reflect Tool (O), click between 'EM” in 'DECEMBER’ to set the point of axis, and flip the objects.

create rectangles vertical align center duplicate copy paste front and use reflect tool to mirror

Step 11

And for the final touch, let’s add a decorative diamond pattern on the base.

Create a 0.14 cm square. Object > Transform > Rotate at 45°.

Hold down the ShiftAlt keys and drag horizontally to duplicate. Give one square a white fill and the other a color fill of #20c3ef.

Then, with the two diamond shapes selected, hold down the ShiftAlt keys to constrain movement and duplicate the selection, and drag horizontally.

Use the Command-D shortcut to Transform Again. Repeat till you reach the edge of the banner.

5. How to Create Illustrations to Complement the Event Flyer

Step 1

I left a small space between 'LIVE MUSIC BAND’ and ’21st 8PM $20′, to add three illustrations of dancing sweaters.

From the Layers panel, Lock the ’Graphics’ layer and move onto ’Top Graphics’.

So let’s create our first little cute dancing sweater.

Grab the Rounded Rectangle Tool, from the Tools panel, and draw two rectangles with a fill of #20c3ef.

  • Rectangle 1: 0.62 x 0.74 cm, Corner Radius: 0.1 cm
  • Rectangle 2: 0.32 x 0.25.cm, Corner Radius: 0.1 cm

Place them on top of one another to create the sweater body and collar.

use rounded rectangle tool to create sweater collar and body

Step 2

Then Swap Fill & Stroke (Shift-X), and select the Pen Tool (P) and draw 5.5 pt weight stroke arms for the sweater.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join

Take the Direct Selection Tool (A) and select all the 'elbow’ anchor points. This will enable the Live Corners widget to appear next to each corner point. Drag the Live Widgets to round the 'elbow’ edges. 

Then take the Ellipse Tool (L), with white fill, and draw a 0.2 x 0.09 cm ellipse on top of the collar as shown below.

Shift Modes (Shift-D) to Draw Behind from the Tools panel, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves.

Use the Rotate Tool (R) to rotate the top sleeve as shown.

swap fill stroke panel round corners Live corners Live widgets curve Shift D Draw behind Rotate tool to rotate

Step 3

Let’s add a snowflake to the sweater front.

Shift Modes (Shift-D) to Draw Normal from the Tools panel.

Draw a 1 pt, white stroke line in the center of the sweater. Then use the Pen Tool (P) to draw 'V’ tips on the top and bottom.

Select the snowflake shapes with the Selection Tool (V). Command-G to Group. 

Select the Rotate Tool (R). Hold down the Alt key to duplicate and rotate.

Transform Again (Command-D) to repeat the action, and you’ve got a snowflake!

Step 4

Move on to create sweater 2.

Grab the Selection Tool (V), select all the elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater.

Delete the snowflake.

Change the color fill of the sweater collar, arms, and body to #00699e. Color the sweater neck, bottom, and sleeves #10375b.

Then, use the Direct Selection Tool (A) to select the anchor points and the Rotate Tool (R) to alter the direction slightly. 

Put the sleeves in position, and use the Rectangle Tool (R) to create a 0.13 cm square with color fill #20c3ef.

Object > Transform > Rotate, set Rotate Angle to 45°, and click OK

Hold down the ShiftAlt keys to constrain and duplicate the square as seen below, and position the copies on the sweater.

duplicate sweater color fill create rectangle design sweater

Step 5

Moving on to the last sweater design, use the Selection Tool (V) to select all elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater. 

Delete everything but the neck and body part. Change the color of the sweater collar and body to #faa722.

Grab the Pen Tool (P). Swap Fill & Stroke (Shift-X) and draw 5.5 pt weight stroke arms for the sweater.

Then take the Rounded Rectangle Tool and draw a white 0.06 x 0.6 cm center line on the sweater.

Add pockets with the Rectangle Tool (R). Create white rectangles of 0.17 x 0.23 cm, and hold Shift-Alt and drag to duplicate to the other side.

And then use the Direct Selection Tool (A). Select the bottom anchor points of the pockets, and curve them using the Live Widgets, as shown below.

Step 6

To finish off the sweater, Shift Modes (Shift-D) to Draw Behind, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves. Use the Rotate Tool (R) to rotate their axis.

sweater design shift modes use rounded rectangle and rotate tool

Step 7

For the final steps, Group (Command-G) each sweater with its respective parts. Select all sweaters. Hold down the Shift-Alt keys to constrain and scale proportionally.

Vertical Align Bottom from the Align panel.

Apply a Drop Shadow: Effect > Stylize > Drop shadow… with settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.05 cm
  • Y Offset: 0.05 cm
  • Blur: 0 cm
  • Color: #231f20

Congratulations! You’re Ready to Party!

Feel free to adjust the final design, proofread it, add a logo to brand it, and add your own twist. 

You can find some great sources of inspiration at GraphicRiver to enhance the design and help you create something awesome.

I hope you’ve enjoyed following this beautiful tutorial and learned something new you can apply to future projects. Please post your results down below!

Now go parade those embarrassing holiday sweaters or organise an 'Ugly Sweater’ fundraiser event for a charity.

If you enjoyed this tutorial and are looking to learn more about flyer design, I’ve put together this roundup of 'flyer’ tutorials here:

How to Make a Flyer Design for Christmas in Illustrator

Post pobrano z: How to Make a Flyer Design for Christmas in Illustrator

Final product image
What You’ll Be Creating

Learn how to make a flyer in this event flyer tutorial. You’ll learn how to create an effective flyer design just in time for Christmas.

Whether you’ve been 'Naughty or Nice’ or even if you’re really not into the whole celebrating the holidays thing, there is one special holiday in December that will make you spread your cheerful spirit, and that day is 'Ugly Christmas Sweater Day’! Yes, it’s real.

Do you have an ugly sweater lurking in the depths of your closet? Then 'Ugly Christmas Sweater Day’ is the day to flaunt that colourfully hideous knitwear. The holiday, which started in 2011, is celebrated on the third Friday of December. 

To celebrate this festive holiday, today we are going to learn how to create a professional-looking, easy-to-design 'Ugly Sweater Party’ event flyer, using Adobe Illustrator!

If you don’t have time to design a flyer from scratch or lack inspiration, you can source the latest collection of flyer designs and graphics over at Envato Market or Envato Elements

What You Will Need

You will need this set of selected fonts in order to complete this project:

1. How to Set Up a New Project File

Open Adobe Illustrator, and Create New Document (Command-N) with the following settings:

  • Name: Ugly_Sweater_Xmas_Party
  • Number of Artboards: 1
  • Orientation: Portrait
  • Width: 8.27 cm
  • Height: 11.69 cm

From the Advanced tab:

  • Color Mode: CMYK
  • Raster Effects: High (300 ppi)
  • Preview Mode: Default

We need to add bleed lines to the artboard, to define where the graphics area extends for the printer. Bleed lines ensure there are no white edges around the flyer after cutting.

Click More Settings to open the More Settings dialog box.

Set the values for Bleed to 0.2 cm and Create Document. Bleed lines will appear as red lines around the artboard.

set event flyer artboard size setting orientation portrait bleed centimetres
set artboard bleed lines for printing bleed lines in red

2. How to Make an Event Flyer Background

Step 1

Now since this is a „sweater” party, let’s create a cute, simple, red checkered pattern as an event flyer background.

Start by creating the checkered square of the pattern. Grab the Rectangle Tool (M). Click once on the artboard, to open the Rectangle dialog box. Create a 1 x 1 cm square, with color fill #A01D20.

Next, select the Line Segment Tool (\). Draw a line with Width and Height of 1 cm, Angle: 270°, with a black stroke.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 1pt, Gap: 2 pt
use rectangle tool M to create red square and line segment tool dashed line stroke

Step 2

With the dashed line selected, Object > Expand… to open the Expand dialog box. Check Fill and Stroke, and then OK.

Then Copy (Command-C) and Paste in Front (Command-F), to duplicate the dashed line on top of the original.

Object > Transform > Rotate ….and set the Rotate Angle to 90°, and click OK.

Open the Align panel. Select the square and two line segments you just created, and Horizontal & Vertical Align Center, so all elements align equally to one other.

object expand line segment Horizontal  Vertical Align Center from align panel

Step 3

Now let’s duplicate the objects to create a checkered pattern.

Select the dashed lines. Use the Eyedropper Tool (I) to apply the same color fill as the square #A01D20.

Then take the Selection Tool (V), select the three objects, and drag the objects horizontally to the right edge, while holding down the ShiftAlt keys to constrain movement. This will duplicate our objects.

Then Select All (Command-A), hold down the ShiftAlt keys, and drag vertically to the top edge of the squares, as shown.

Let’s alter their color.

Take the Direct Selection Tool (A). Select the second and third square and apply a color fill of #EE2532, and for the fourth square #D12027

use eyedropper tool apply colo and duplicate shortcut hold shift alt kets drag

Step 4

I realised the first square and its strokes are too dark, so let’s change them to a lighter tone.

Select the first square shape. Select > Same > Fill Color, and change the color fill to #BE2126

Select All (Command-A).

Go to Object > Pattern > Make. The Pattern Options dialog box will appear, where you can adjust the pattern settings:

  • Tile Type: Grid 
  • Width: 2 cm
  • Height: 2 cm

The new pattern will appear instantly in the Swatches panel (Window > Swatches). Now you can delete the shapes we used to create our pattern.

object pattern making swatches panel grid type checkered

Step 5

Use the new pattern as a fill. Select the Rectangle Tool (M) and draw a rectangle to cover the artboard within the bleed lines. 

Object > Transform > Rotate.

Make sure only Transform Patterns is selected, set Rotate Angle to 45°, and click OK.

rectangle tool create shape and apply transform pattern option rotate angle 45 degrees

Step 6

Now let’s add a light frame around our event flyer.

Take the Rectangle Tool (M) again and draw a rectangle of 8 x 11.4 cm, with null fill and white Stroke of 1 pt.

Now align the frame to our artboard. Open the Align panel (Window > Align).

Make sure you select Align to: Align to Artboard, then Horizontal & Vertical Align Center.

And our background is ready!

background pattern align set border stroke flyer within border

3. How to Lay Out and Format Type on the Event Flyer

Step 1

Let’s set up our layers in the Layers panel. Open Window > Layers.

Double-click ’Layer 1′ to open the Layer Options dialog box. 

Select Lock and rename it ’Background’ and click OK.

Click the Create New Layer option from the Layers panel, and create three new layers on top of one another, named ’Graphics’, ’Type’, and ’Top Graphics’.

open layers panel set layer options lock and create new layer graphics type top graphics

Step 2

To promote our party event flyer and create an informative and attractive flyer, we need to include five details :

  1. Greeting or Funny Intro: A short piece of text, placed on top of the flyer in a small font size: ’Let’s Get Tacky’ and ’You’re Invited to The’.
  2. Title: The main title is ’Ugly Sweater’ and secondarily ’Christmas Party, Live Music Band’. The title needs to be large, readable type, so that the reader knows what we are promoting, and it should be placed in an eye-catching position, contrasting with the background color. 
  3. Description: Comes under the title and adds relevant info to the event, like date, time, and location. This year, the holiday happens to fall on December 21st, 2018. ’21st, Friday, 8PM, December, $20 Entry, Place-Street Address – Doors Open @ 19:45′.
  4. Call-to-action:RSVP by December 17th – Telephone #.” A call-to-action encourages readers to act now rather than later.
  5. Contact & Address: So the readers can easily contact you. It includes an address, website, telephone number, logo, or social media accounts.

We need to divide our flyer into three sections of visual hierarchy, using Ruler Guides: the top ’Greeting’ section (small section), the middle ’Title’ section (largest), and ’Info’, the bottom section.

View > Rulers > Show Rulers or Command-R. Select the horizontal ruler and drag the guide into the space you want.

add ruler guides drag vertical view rulers show rulers

Step 3

Make sure you are on the ’Type’ layer.

Use the Type Tool (T) to create three text frames, within the designated sections.

Open the Paragraph panel (Window > Type > Paragraph), as well as the Character panel (Window > Type > Character).

Set the Font to Bebas Neue at 14 pt

Place the text, and Align Center from the Paragraph panel. Don’t worry about the font type or size just yet.

add type type T type area box window paragraph character align center font size

Step 4

Now let’s have some font fun.

When it comes to choosing the right font, there is a lot of trial and error involved to find the fonts that work and suit your design. You need to find a font which matches the flyer design, the message of the event, and the target audience.

Luckily for you, I spared you the time-consuming work and hand-picked a selection of fonts to use on the event flyer design.

Let’s start with Section 1:

„Let’s Get Tacky”: 

  • Capitalise all letters. 
  • Set the Font to Montserrat at 11.2 pt
  • Leading: 13.44 pt
  • Tracking: 200 

’You’re Invited To The’

  • Capitalise all letters. 
  • Font: Montserrat at 6.08 pt
  • Leading: 17.3 pt
  • Tracking: 200 
set tracking leading font type size and alignment Montserrat

Step 5

Move on to Section 2:

’Ugly’

  • Font: Great Vibes at 53.11 pt
  • Leading: 63.73 pt

’Sweater’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 35.74 pt
  • Font Style: Black
  • Leading: 42.89 pt
  • Tracking: 50

’Christmas’

  • Capitalise all letters. 
  • Font: ChunkFive at 15.74 pt
  • Font Style: Roman
  • Leading: 18.89 pt
  • Tracking: 200

’Party’

  • Capitalise all letters. 
  • Font: Alfa Slab One at 36.6 pt
  • Leading: 31.72 pt
  • Tracking: 25

’Live Music Band’

  • Capitalise all letters. 
  • Font: Source Sans Pro at 16.73 pt
  • Font Style: Bold
  • Leading: 20.08 pt
  • Tracking: 100
edit type font style tracking leading superscript from character panel bold pt

Step 6

Finally, for Section 3:

’21st  8 PM  $20′

  • Capitalize all letters. 
  • Font: Bebas Neue at 23.7466 pt
  • Font Style: Black
  • Tracking: 50
  • ’st’ use the Superscript option from the Character panel

’Friday December Entry’

  • Capitalise all letters. 
  • Font: Montserrat at 7.98 pt
  • Font Style: Bold
  • Leading: 42.89 pt
  • Tracking: 50

’RSVP by December 17th – Telephone #’

  • Font: Montserrat at 5.92 pt
  • Leading: 9 pt
  • Tracking: 200

’Place – Street Address – Doors Open @19:45′

  • Capitalise all letters. 
  • Font: Bebas Neue at 13.11 pt
  • Font Style: Regular
  • Leading: 18 pt

’website’

  • Capitalise all letters. 
  • Font: Montserrat at 5.92 pt
  • Leading: 10 pt
  • Tracking: 200
edit type font style tracking leading superscript from character panel

Step 7

Let’s remove the horizontal guides: View > Guides > Clear Guides

Then give the middle text box a tilt to make it more eye-catching.

Select and Object > Transform > Shear.

  • Shear Angle: -190º
  • Axis: Vertical
  • OK
object transform shear angle set axis vertical

Step 8

Let’s add color to the type.

Pick the Type Tool (T) and follow these steps:

  • Select individually 'LET’S GET TACKY’ + 'SWEATER’ + 'CHRISTMAS’  + 'ENTRY’ and apply a yellow color fill of #FFC216.
  • Select individually ’21st’ + 'FRIDAY’ and apply a blue fill of #00cfff.
  • For 'PLACE – STREET ADDRESS – DOORS  @19:45′, apply a dark blue fill of #083c63.
type tool selection apply color fill individually

Step 9

Next, let’s apply a drop shadow to the top and bottom text boxes.

Effect > Stylize > Drop Shadow… with the settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
add effects stylize drop shadow mode multiply x offset y blur color

4. How to Design Graphics to Support Your Event Flyer

Step 1

Now we need to create graphics that will grab the attention of your audience and convince them to come to your event. What better way to do this than with a beautifully designed flyer? 

Lock the ’Type’ layer, and move down to the ’Graphics’ layer, and start creating some graphic elements.

Turn on the Smart Guides (Command-U).

Select the Line Segment Tool (\), and draw a 0.8 cm line to the left of YOU’RE INVITED’. Hold down the Shift-Alt keys to duplicate it, and drag it parallel to the other side.

Select both lines and apply a Drop ShadowEffect > Stylize > Drop Shadow… with the settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.03 cm
  • Y Offset: 0.03 cm
  • Blur: 0 cm
  • Color: #000000
create line with line segment tool duplicate shift-alt and apply drop shadow effect

Step 2

Select the Line Segment Tool (\), and draw a 6.4 cm line under 'SWEATER’.

From the Stroke panel, apply:

  • Weight: 4 pt
  • Cap: Round Cap
  • Corner: Round Join
  • Check Dashed Line. Set Dash: 0ptGap: 7 pt
line segment tool create dotted line with dash and gap

Step 3

Next, let’s create an attention-grabbing ribbon banner to highlight the text „CHRISTMAS PARTY’ and 'LIVE MUSIC BAND’.

Use the Smart Guides to guide you.

Take the Rectangle Tool (M) and draw three rectangles with a blue fill of #0a304c in the following order and alignment:

  • Rectangle 1: 6.57 x 2.03 cm (approx)
  • Rectangle 2: 5.91 x 0.82 cm (approx)
  • Rectangle 3: 0.97 x 0.81 cm (approx)
draw rectangles using smart guides to create ribbon banner

Step 4

Select the third rectangle. Object > Path > Add Anchor Points.

Use the Direct Selection Tool (A) to select the middle far right anchor point and drag it slightly to the left, to create the ribbon end.

add anchor point to shape and adjust ribbon end with direct selection tool

Step 5

Now let’s slant the three rectangle boxes. Select all three.

Take the Shear Tool from the Tools panel or choose Object > Transform > Shear.

  • Shear Angle: -190°
  • Angle: -90°
  • OK
shear tool slant banner tools panel object transform shear

Step 6

For the back of the ribbon banner, draw a 6.57 x 2.85 cm (approx) shape, using the Rectangle Tool (M), with a fill of #0d1520.

Then Object > Transform > Shear, and apply a Shear Angle: 341°

With the shape selected, Object > Arrange > Send to Back (Shift-Command-[), and position it correctly.

create rectangle with rectangle tool slant object transform shear and send to back

Step 7

Use the Selection Tool (V) to position the end of the banner slightly below the second.

Then take the Pen Tool (P), and draw a triangle as shown below.

Select all the banner elements, and Group (Command-G) and align behind the text.

use selection tool draw triangle pen tool group together send to back

Step 8

Let’s create the banner behind 'PLACE – STREET ADDRESS – DOORS  @19:45′.

Grab the Rectangle Tool (M) and draw a 7.22 x 0.53 cm (approx) shape, with fill #FFC216.

Object > Path > Add Anchor Points, and move the middle far left and far right anchor points slightly inwards to create the banner edges.

Rectangle tool object path add anchor points for banner edge

Step 9

Let’s create bars to separate ’21st  8 PM  $20′ and 'FRIDAY DECEMBER ENTRY’, so they are easily distinguished.

Use the Rectangle Tool (M) and draw a 0.05 x 0.97 cm (approx) shape, with a fill of #FFC216.

Hold down the ShiftAlt keys and drag horizontally to duplicate.

Then select both bars and apply an Effect > Stylize > Drop Shadow… with settings:

  • Opacity: 78%
  • Mode: Multiply
  • X Offset: 0.01 cm
  • Y Offset: 0.01 cm
  • Blur: 0.01 cm
  • Color: #073b54
create rectangle bars separate text apply drop shadow

Step 10

Let’s add some decorative pointers for 'FRIDAY DECEMBER ENTRY’.

Use the Rectangle Tool (M) and create one long bar of 0.09 x 0.03 cm and a 0.12 cm square.

Select the square. Object > Transform > Rotate at 45°.

Place the square at the tip of the horizontal rectangle, and Vertically Align Center the two shapes.

Give them a white fill, and place them on the left of the text.

Copy (Command-C) and Paste in Front(Command-F), to duplicate the elements.

Finally, use the Reflect Tool (O), click between 'EM” in 'DECEMBER’ to set the point of axis, and flip the objects.

create rectangles vertical align center duplicate copy paste front and use reflect tool to mirror

Step 11

And for the final touch, let’s add a decorative diamond pattern on the base.

Create a 0.14 cm square. Object > Transform > Rotate at 45°.

Hold down the ShiftAlt keys and drag horizontally to duplicate. Give one square a white fill and the other a color fill of #20c3ef.

Then, with the two diamond shapes selected, hold down the ShiftAlt keys to constrain movement and duplicate the selection, and drag horizontally.

Use the Command-D shortcut to Transform Again. Repeat till you reach the edge of the banner.

5. How to Create Illustrations to Complement the Event Flyer

Step 1

I left a small space between 'LIVE MUSIC BAND’ and ’21st 8PM $20′, to add three illustrations of dancing sweaters.

From the Layers panel, Lock the ’Graphics’ layer and move onto ’Top Graphics’.

So let’s create our first little cute dancing sweater.

Grab the Rounded Rectangle Tool, from the Tools panel, and draw two rectangles with a fill of #20c3ef.

  • Rectangle 1: 0.62 x 0.74 cm, Corner Radius: 0.1 cm
  • Rectangle 2: 0.32 x 0.25.cm, Corner Radius: 0.1 cm

Place them on top of one another to create the sweater body and collar.

use rounded rectangle tool to create sweater collar and body

Step 2

Then Swap Fill & Stroke (Shift-X), and select the Pen Tool (P) and draw 5.5 pt weight stroke arms for the sweater.

Open the Stroke panel (Window > Stroke), and set the stroke settings to the following:

  • Cap: Round Cap
  • Corner: Round Join

Take the Direct Selection Tool (A) and select all the 'elbow’ anchor points. This will enable the Live Corners widget to appear next to each corner point. Drag the Live Widgets to round the 'elbow’ edges. 

Then take the Ellipse Tool (L), with white fill, and draw a 0.2 x 0.09 cm ellipse on top of the collar as shown below.

Shift Modes (Shift-D) to Draw Behind from the Tools panel, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves.

Use the Rotate Tool (R) to rotate the top sleeve as shown.

swap fill stroke panel round corners Live corners Live widgets curve Shift D Draw behind Rotate tool to rotate

Step 3

Let’s add a snowflake to the sweater front.

Shift Modes (Shift-D) to Draw Normal from the Tools panel.

Draw a 1 pt, white stroke line in the center of the sweater. Then use the Pen Tool (P) to draw 'V’ tips on the top and bottom.

Select the snowflake shapes with the Selection Tool (V). Command-G to Group. 

Select the Rotate Tool (R). Hold down the Alt key to duplicate and rotate.

Transform Again (Command-D) to repeat the action, and you’ve got a snowflake!

Step 4

Move on to create sweater 2.

Grab the Selection Tool (V), select all the elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater.

Delete the snowflake.

Change the color fill of the sweater collar, arms, and body to #00699e. Color the sweater neck, bottom, and sleeves #10375b.

Then, use the Direct Selection Tool (A) to select the anchor points and the Rotate Tool (R) to alter the direction slightly. 

Put the sleeves in position, and use the Rectangle Tool (R) to create a 0.13 cm square with color fill #20c3ef.

Object > Transform > Rotate, set Rotate Angle to 45°, and click OK

Hold down the ShiftAlt keys to constrain and duplicate the square as seen below, and position the copies on the sweater.

duplicate sweater color fill create rectangle design sweater

Step 5

Moving on to the last sweater design, use the Selection Tool (V) to select all elements of the first sweater, and hold the Shift-Alt keys to drag and duplicate the sweater. 

Delete everything but the neck and body part. Change the color of the sweater collar and body to #faa722.

Grab the Pen Tool (P). Swap Fill & Stroke (Shift-X) and draw 5.5 pt weight stroke arms for the sweater.

Then take the Rounded Rectangle Tool and draw a white 0.06 x 0.6 cm center line on the sweater.

Add pockets with the Rectangle Tool (R). Create white rectangles of 0.17 x 0.23 cm, and hold Shift-Alt and drag to duplicate to the other side.

And then use the Direct Selection Tool (A). Select the bottom anchor points of the pockets, and curve them using the Live Widgets, as shown below.

Step 6

To finish off the sweater, Shift Modes (Shift-D) to Draw Behind, and use the Rounded Rectangle Tool to draw the white sweater bottom and sleeves. Use the Rotate Tool (R) to rotate their axis.

sweater design shift modes use rounded rectangle and rotate tool

Step 7

For the final steps, Group (Command-G) each sweater with its respective parts. Select all sweaters. Hold down the Shift-Alt keys to constrain and scale proportionally.

Vertical Align Bottom from the Align panel.

Apply a Drop Shadow: Effect > Stylize > Drop shadow… with settings:

  • Opacity: 24%
  • Mode: Multiply
  • X Offset: 0.05 cm
  • Y Offset: 0.05 cm
  • Blur: 0 cm
  • Color: #231f20

Congratulations! You’re Ready to Party!

Feel free to adjust the final design, proofread it, add a logo to brand it, and add your own twist. 

You can find some great sources of inspiration at GraphicRiver to enhance the design and help you create something awesome.

I hope you’ve enjoyed following this beautiful tutorial and learned something new you can apply to future projects. Please post your results down below!

Now go parade those embarrassing holiday sweaters or organise an 'Ugly Sweater’ fundraiser event for a charity.

If you enjoyed this tutorial and are looking to learn more about flyer design, I’ve put together this roundup of 'flyer’ tutorials here:

20+ Best Party & Event Flyer (Maker App) Template Designs

Post pobrano z: 20+ Best Party & Event Flyer (Maker App) Template Designs

You’re planning an awesome party or event and want to let the world know about it. How about creating a super cool flyer that will wow your audience?

Flyers are a single unfolded sheet of paper with a beautiful graphic and a very simple message printed on one side. And they’re an affordable way to promote your upcoming party or event.

„That’s great,” I can hear you say, „but I have no idea how to create a flyer.” Well, it’s easier than you think. The first thing you need to know is what goes into that awesome events flyer you want to create.

5 Components of Awesome Event Flyers

5 Components of Awesome Event Flyers

1. What Type of Event and Who’s Coming

Before you start to design your flyer, you should think about the kind of event you’re hosting and who you want to attract to it. These two factors will influence both the design elements and language you use in your flyer. 

2. Make Your Headline the Centre of Attention

Your flyer’s headline needs to be the first thing that people see, so it’s got to catch their attention with its colour, size, and message. At first glance, it should tell everyone what your flyer is about and entice them to keep reading.

3. Useful Graphics, Pretty Graphics

The photos, illustrations, shapes, lines and colours you use in your flyer aren’t just about creating a pretty flyer—they should all tie in with the type of event you’re hosting and the person you want to attract. 

4. Add a ‘Call to Action’

Every flyer needs a ‘call to action’ line. This is a message that makes the reader want to act, like „Join us”, „You’re invited”, etc. A call to action invites your readers to act on what they’ve been reading. 

5. Don’t Forget Your Contact Information

Contact info, be it an email address, a phone number, or address, is critical to include on every event flyer. After all, if you don’t add your contact info, how will people know where to find you to attend the event you’re promoting?

These are the five basic elements every event flyer needs to have, so think through them carefully before you begin to design your flyer. Now, the next thing you need to consider is how to put all these elements together to create a cool design. 

Use a Flyer Maker App

If you’re just starting out or you don’t have a design background, it can be quite challenging to know just how to put all these elements together so they add up to one terrific flyer. 

One way to ensure that you get the design aspect of creating your flyer right is to use a party flyer maker app like this one by Placeit. 

Flyer Maker App

This flyer maker puts hundreds of event flyer design templates at your disposal so that you can easily make awesome event flyers for any occasion. Here’s how you use it. 

How to Use Flyer Maker Templates 

Let’s say you want to create the perfect flyer for your New Year’s Eve Party. All you need to do is follow these five simple steps to have your own special event flyer ready in minutes.

1. Navigate to the Flyer Maker App at Placeit. Sign up for FREE!

Enter „Party Flyers” in the search bar.

party flyer maker app

2. Peruse the Grid of Event Flyer Design Templates Available

party flyer maker app

3. Select a Flyer Design Template 

When you see an event or party flyer design template that you like, double click it. This will open up the online event flyer maker. I chose the Flyer Maker with Green Theme for Birthday Parties.

party flyer maker app

4. Customise Your Banner Template

Starting with the controls on the left and working your way down from the top, you can add your text, change the font style and colour, and change the left number. I changed the date, time, and address. I also changed the colour of the fonts, changed the number from two to three, and changed the colour of the three to black. 

party flyer maker app

Moving to the controls on the right and working from the top, you can change the right number, background colour, and pattern. I changed the number to 0 and changed the background colour and the background pattern.

party flyer maker app

Scrolling down the page, you can try one of the presets on offer if you get stuck while you’re customising your design. They are all different versions of the flyer maker template you choose, and they can help you see how your template would look with different settings applied. 

party flyer maker app

Best of all, as you create your flyer design online, you can make use of Placeit’s state-of-the-art mockup tool at the bottom of the page, which shows your flyer in a range of real-life scenarios.  

party flyer maker app

5. Download Your Banner Design

Once you’re satisfied with your design, hit the download button at the top of the screen and download your design for a small fee. Alternatively, if you regularly need to create flyers, posters, social media banners, etc., then the monthly plan may be the best deal for you.

party flyer maker app

20 Best Flyer Maker Templates

Now that you know how easy it is to use Placeit’s party flyer maker app, these 20 best event flyer design templates will get you even more excited about creating your own flyer. 

1. Party Flyer Template

Party Flyer Template

To create awesome event flyers, look no further than Party Flyer Template. Use the gorgeous background photos provided to show what kind of party you’re having, e.g. a photo of cocktails would suggest a cocktail party and gummy bears and jellybeans a kid’s party. With the photo selected, all you need to do is modify the colour of the text banner to suit the theme, choose your font, and you’ve got the perfect party flyer.

2. Casting Flyer for Dance Auditions

Casting Flyer for Dance Auditions

Casting Flyer for Dance Auditions helps you create the perfect audition flyer for dance, theatre, modelling, and other performance-related roles.  

With this event flyer design template, you have not only the usual choice of font styles and wonderful background photos, but also a terrific selection of colourful banners, all of which can be customised.

3. Online Flyer Maker for a Cookout

Online Flyer Maker for a Cookout

Spread the word about your barbecue and get people excited about attending with this great flyer maker template. The template offers loads of fabulous illustrations and a great selection of backgrounds to suit a wide variety of tastes.

4. Online Flyer Maker for Concert Flyers

Online Flyer Maker for Concert Flyers

Whether you’re creating a flyer for a rock, jazz, pop, or reggae concert, the Online Flyer Maker for Concert Flyers template’s design will make your flyer look fabulous. Just make sure you have a great mood-setting photo to add to the background, or use one of the excellent ones that come with the template. Then all you need to do is fill in the details of the concert and you’ve got a flyer you can be proud of.

5. Online Flyer Maker for a Summer Party

Online Flyer Maker for a Summer Party

Nothing says summer like a great outdoor party at the beach, a park, or an open field. With lots of controls to personalise your photos and a wonderful selection of images to choose from, you’ll have your flyer designed and ready for the printer in no time. 

6. Club Flyer Template for Live Music

Club Flyer Template for Live Music

Whether you’re a DJ, a solo artist, or a band, your fans and potential fans need to know when and where to find you. That has never been easier than with the Club Flyer Template for Live Music template.

7. Contemporary Dance Flyer Maker

Contemporary Dance Flyer Maker

Want to make a fabulous flyer for your next dance recital but don’t know the first thing about how to make a flyer for an event? Don’t worry, Contemporary Dance Flyer Maker will help you create the most beautiful flyer possible. The template provides you with a stunning collection of images, colourful gradient overlays, great fonts, and useful graphics to help you customise the template.

8. Conference Flyer Maker

Conference Flyer Maker

No matter what kind of business you run, you want your events flyers to be a testament to your professionalism and reliability. Conference Flyer Maker won’t let you down. This modern and stylish conference flyer template just needs your company information and message, and it’s ready for distribution.

9. Sports Flyer Maker

Sports Flyer Maker

Create a gorgeous photo to advertise your next sporting event with Sports Flyer Maker. The photos of athletes in motion, the bold text and bright colour accents, and the awesome graphic flourishes that you can choose to overlay each template all work together to make this a great flyer maker template.

10. Fashion Week Online Flyer Maker

Fashion Week Online Flyer Maker

Use Fashion Week Online Flyer Maker to create awesome event flyers that’ll draw the crowd to your next fashion show. Add a sneak peek image from your new collection, add your logo, and customise fonts and colours to put your own unique spin on the wonderful flyer maker template.

11. DJ Beach Parties Flyer

DJ Beach Parties Flyer

It’s spring break, and you’re planning a beach party. Use the DJ Beach Parties Flyer to create the ultimate party flyer and entice all your friends and their friends to join you for the coolest jam of the season.

12. Event Flyer Maker

Event Flyer Maker

Looking for the right flyer template to create a super cool flyer for a special event? Event Flyer Maker is that awesome event flyer template you’ve been looking for. Choose from a crazy number of abstract backgrounds, add one of the iconic fonts on offer, add your text, and you’ve created a flyer that says this is one event you don’t want to miss.

13. Oktoberfest Party Flyer Template

Oktoberfest Party Flyer Template

If you’re planning a party for Oktoberfest and need just the right flyer maker template to capture the spirit, check out the Oktoberfest Party Flyer Template. Discover how easy it is to make a flyer online. The template is a cinch to customise, but if you can’t be bothered, just add your info and use it as is, knowing you’ve got a great flyer.

14. Food Festival Flyer Template

Food Festival Flyer Template

Let your fresh food fans know which farmers’ markets you’re attending with the Food Festival Flyer Template. The flyer maker template communicates colourful, fresh, and seasonal with its array of gorgeous illustrations of fresh produce. Use this great template, and in minutes you’ll have created your design and be ready to head to the printers.

15. Birthday Announcements Flyer Template

Birthday Announcements Flyer Template

Have a big milestone birthday coming up and want to have a blowout party? Create an epic flyer to announce the event with the Birthday Announcements Flyer Template. You really don’t need to do much more than choose one of the great photos and add your party details, but of course you can upload your own images and tweak the template to make it as wild or as tame as you like.

16. Design Halloween Party Flyers

Design Halloween Party Flyers

Next time Halloween comes around, be prepared with the Design Halloween Party Flyers template. The template provides all those wonderfully macabre photos and fonts you need to create a suitable scary party flyer and hint to your guest about what’s in store for them.

17. Youth Drama Club Flyer Maker

Youth Drama Club Flyer Maker

What is all that practice for if no one sees your amazing performance? Use the Youth Drama Club Flyer Maker template to create a stunning flyer and have the crowds standing in line. 

18. Online Flyer Maker for Kids Birthday

Online Flyer Maker for Kids Birthday

The great thing about flyers is that they’re versatile. If you’re having a birthday party for your kid, why not create a cool flyer invitation? The Online Flyer Maker for Kids Birthday template gives you loads of fun illustrations to choose from. Kids and adults alike will love them.

19. Online Flyer Maker for a Housewarming Party

Online Flyer Maker for a Housewarming Party

What better way to announce that you’ve just moved into your dream house than with a housewarming party? Introduce yourself to your new neighbours in style with the Online Flyer Maker for a Housewarming Party flyer. Customise it in any way you want to match your house colours and decor.

20. Pool Party Online Flyer Maker

Pool Party Online Flyer Maker

Planning a pool party? Nothing says cool like this funky event flyer design template. The Pool Party Online Flyer Maker is so eye-catching that it’ll have your friends changing into their bikinis and speedos before you even get the chance to roll out of bed. 

More Terrific Flyer Design Templates

Another great resource for event flyer maker templates is Envato Elements. 

event flyer maker templates is Envato Elements

Here you’ll find hundreds of event flyer design templates that are more suitable for those who have some knowledge of Adobe Photoshop and Illustrator. If that’s you then head on over to Elements and take a look at their offering. Here are just a few to whet your appetite.

Easter Party Flyer

Easter Party Flyer

If you’re planning an Easter Egg Hunt or Easter Garden Party, the Easter Party Flyer template will help you create awesome event flyers. The package contains layered PSD files that can be customised as you like.

Surf Party Flyer

Surf Party Flyer

There’ll be no chance of wipeout with this flyer—you’ll be catching the wave all the way to party success. The template is fully customisable, so you can edit the text and colours and move or remove elements. This clean, vintage design is the perfect surf party invitation for your beach and summer events.

Disco Party Flyer

Disco Party Flyer

Ahhh the era of disco, boom boxes, big hair, and bell bottoms. If you’re planning a disco-themed party, the Disco Party Flyer is just the thing to get people in the mood. The package contains layered PSD and AI files that can be customised extensively to suit your needs. 

These are just a few of the fabulous flyer templates to be found at Envato Elements. One of the things that makes Elements so incredible is that for one affordable price you can download as many of these flyer templates as you like. And not just flyer templates—once you sign up, you also get access to thousands of other creative graphics and templates to use as often as you like.

Take a Flyer Maker Template for a Spin 

So there you have it. Over 20 awesome event flyers templates. Remember there are tons more terrific event flyer maker templates at both Placeit and Envato Elements, so definitely check out both sites and let me know in the comments if you’ve found a new favourite that’s not on my list.