Advertisement
  1. Design & Illustration
  2. Adobe InDesign
Design

How to Create a Stylish Office Christmas Party Flyer

by
Difficulty:BeginnerLength:LongLanguages:
Final product image
What You'll Be Creating

In this tutorial we’ll use Adobe InDesign, Photoshop and Illustrator to put together a fun festive flyer with a vintage look. Perfect for promoting office parties or other holiday events, this flyer has a strong typographic design that’s not difficult to create even if you’re a beginner to the software.

On the hunt for something a bit different for your festive event? You can find a huge selection of festive flyer templates over on GraphicRiver

Ready for some festive fun? Fabulous, let’s get started!

What You’ll Need for the Tutorial

To recreate the design, you’ll need to download the following images and font files. Place the images in an easy-to-find folder and install the font. 

1. How to Set Up a Flyer in InDesign

Before we dive into creating graphics and type for our flyer, it’s important to set up the basic design and put together some of the foundation elements of the layout, such as background color and texture. To start, we’ll be using Adobe InDesign, so get the program opened up, and we’ll go from there.

Step 1

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

From the Page Size drop-down menu, choose Flyer 8.5x11, or manually type in the Width as 215.9 mm and Height as 279.4 mm. Reduce the Margins to 10 mm in diameter, and add a Bleed of 3 mm to all edges of the page.

new document

Click OK to create the new document.

new document

Step 2

Expand the Layers panel (Window > Layers) and double-click on the Layer 1 name to open the Layer Options window. Rename the layer Paper and click OK.

Select the Rectangle Frame Tool (F) from the Tools panel on the left side of the workspace, and click and drag onto the page to create a new image frame that extends up to the edge of the bleed.

paper layer

Step 3

Go to File > Place, navigate to the Paper Texture image, and click Open. Click on the Fill Frame Proportionally button on the Controls panel at the top of the workspace to ensure the image fills the frame completely.

paper layer

Step 4

Return to the Layers panel and click on the Create new layer button at the bottom of the panel. Double-click on the layer to rename it Background Color. Click OK, and then lock the Paper layer below.

layer options

Step 5

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

Name the swatch Gold, and set the Type to Process and Mode to CMYK. Set the levels to C=2 M=36 Y=71 K=25, and click OK.

Use the Rectangle Tool (M) to create a new rectangle shape on the page, which also extends up to the bleed edge. From the Swatches panel, set the Fill of the rectangle to Gold.

swatch gold

Step 6

With the rectangle selected, go to Object > Effects > Transparency. From the Mode menu, choose Overlay, and reduce the Opacity to 50%.

overlay
paper backdrop

Step 7

Lock the Background Color layer and create a new layer above it, naming it Gradient. Use the Rectangle Tool (M) to create a new rectangle shape that extends from the top of the page to about three quarters of the way down. 

Create a new CMYK swatch from the Swatches panel. Set the levels to C=72 M=8 Y=10 K=13, and name it Ice Blue. Apply the Ice Blue swatch to the Fill of the rectangle. 

blue swatch

Step 8

Select the rectangle and go to Object > Effects > Gradient Feather. Move the dark, left-hand gradient stop towards the halfway point of the slider, and adjust the gradient’s Angle to 90 degrees

effects gradient

Step 9

Click on the Transparency option at the top of the window’s left-hand menu, and set the Mode to Hard Light. Reduce the Opacity to 78% and click OK.

hard light

Step 10

Go to File > Save As and save your InDesign document with a memorable name, something like ‘Office Party Flyer.indd’, and then minimize the InDesign window. We’ll be coming back to this soon.

final background

2. How to Create a Silhouetted Image 

Now that we have the layout of our flyer sorted out, we’re ready to start thinking about the creative elements of the design. And what could be more festive than a reindeer silhouette?! We’ll use the deer in a forest photo as the basis for creating this, so make sure you have it downloaded. 

Step 1

Open up the deer image in Adobe Photoshop. In the Layers panel (Window > Layers) drag the Background layer down onto the Create a new layer button to duplicate it. Switch off the visibility of the background layer.

background copy

Go to Select > Color Range.

color range

Click onto one of the lightest parts of the deer, either the antlers or ears, and then increase the Fuzziness level to about 145 to pick up the whole deer silhouette more strongly. 

color range

Add a new Levels Adjustment Layer, and move the sliders to increase the whiteness of the selected area of the image.

levels

Step 2

With the contrast in the image now more exaggerated, it will be easier for us to separate the deer silhouette from the background of the photo.

Use the Lasso Tool (L) to trace roughly around the left side of the deer, working around the antler and then sectioning off the left area of the background. 

Click on the Refine Edge button at the top of the workspace, and play around with the sliders to make the selection really tight to the silhouette of the deer. 

refine edge

Click on Smart Radius and add a Smooth value of about 2 to make the edge less sharp.

smart radius

When you’re happy with the selection, click OK, and then hit Delete to get rid of the selected background. 

refine edge

Repeat the process, marking out the next section of background with the Lasso Tool (L) and using the Refine Edge function to make it more accurate. Then hit OK, and Delete the selection.

refine edge

Step 3

Continue to work around the edge of the reindeer silhouette (we only need to be able to trace the head and neck of the deer, so don’t worry about the bottom part of the background), deleting sections as you go.

refine edge

Use the Lasso Tool (L) or Magic Wand Tool (W) to pick out any background sections that might remain around the silhouette and refine and delete them. 

selection
refine edge

Step 4

When you’re happy with the silhouette, click back onto the Levels Adjustment Layer we created earlier.

We’ll be moving this image over into Illustrator for tracing, so it’s important that we make the silhouette as dark and bold as possible to get the best tracing result. Pull the Levels sliders to the opposite direction, making the whole image much darker and almost completely silhouetted.

levels

Then head up to File > Save As and save the image as a PSD file.

Step 5

Minimize Photoshop and open up Adobe Illustrator. Create a new document.

Go to File > Place, choose the PSD image, and click Open. With the image selected, go to Window > Image Trace

Adjust the Mode to Black and White, and then check the Preview box at the bottom of the window to view the tracing effect. Move the sliders around until you’re happy with the result. You want a strong silhouette, but you also want to preserve some of the details of the edge, like fur and antler imperfections, to make the result look interesting. Check the Ignore White box, and then exit the Image Trace window. 

image trace

With the traced image selected, go to Object > Image Trace > Expand.

image trace expand

Step 6

Right-Click (Windows) or Control-Click (Mac) > Ungroup, and then select and delete the background of the traced image so that only the silhouette remains.

ungroup

Select the black silhouette, and then head up to the Brush Definition drop-down menu at the top of the workspace. Click on the Brush Libraries Menu button > Artistic > Artistic_ChalkCharcoalPencil.

Add a black stroke around the edge of the silhouette, setting it in the Pencil brush and increasing the Weight of the stroke to 1.5 pt.

pencil brush

Then go to Object > Path > Outline Stroke

outline stroke

Open the Pathfinder window (Window > Pathfinder) and click on the Unite button to merge the stroke with the bulk of the silhouette, creating one solid vector shape.

pathfinder unite

Step 7

With the silhouette still selected, go to the Swatches panel (Window > Swatches) and adjust the Fill color of the shape from Black to White.

Head up to File > Save As and save the image as an Illustrator file.

black silhouette
white silhouette

Step 8

Return to your InDesign document and lock the Gradient layer. Create a new layer above and name it Reindeer.

Take the Rectangle Frame Tool (F) and drag onto the page to create a large image frame. Go to File > Place, choose the Illustrator image, and hit Open.

Double-click inside the image frame to directly select the image, and resize it using Shift to retain the proportions. Allow the deer to fill up almost the whole of the page, leaving a small amount of space at the top.

reindeer layer

3. How to Incorporate Typography Into a Flyer Design

The typography for this flyer is a bit like a jigsaw puzzle! We’ll be fitting text in the gaps between the antlers to create a dense type effect towards the top of the flyer. 

Step 1

Lock the Reindeer layer and create a new layer above it, naming it Typography 1. Keeping all the different items of text on separate layers will make it easier to tweak individual parts of the design.

Go to the Swatches panel and create a new CMYK swatch, C=73 M=11 Y=10 K=9, and name it Blue.

blue swatch

Take the Type Tool (T) and drag onto the page, creating a small frame between the innermost points of the deer’s antlers. Type in ‘eat’ and, from either the Character window (Window > Type & Tables > Character) or the Formatting Controls panel at the top of the workspace, set the Font to Le Paris, and set the Font Size to about 90 pt. From the Swatches panel, set the Font Color to Blue.

eat text frame

Step 2

Edit > Copy, Edit > Paste the text frame, positioning it below the first. Edit the text to read ‘drink’. Size the text so that it seems to slot in perfectly with the text above. This technique takes a bit of practice, but keep resizing the font and adjusting the position of the text frame to get it just right.

pasted frame

Continue to Copy and Paste text frames, placing each new word or character (e.g. exclamation marks) in its own text frame and adjusting the text to read the phrase ‘eat drink and be very merry!’. Adjust the Font Size and text frame positions to get it all slotting together really well.

text frames
exclamation mark
final header

Step 3

Create a new layer, called Typography 2.

Zoom into the top-left corner of the page and Paste another text frame. Adjust the Font Color to [Paper] and edit the text to read ‘come’. Copy and Paste a second text frame, reading ‘along’. Allow a bit of these frames to sit over the trim edge of the page, onto the bleed.

come along

Continue to build up the text, so that it reads ‘come along and join in the festive fun!’.

white text
white text

Step 4

Create a new layer, called Typography 3. Then create a new CMYK swatch, C=53 M=52 Y=70 K=53, and name it Dark Green.

new swatch

Move over to the right side of the page and Paste a new text frame. Set the Font Color to Dark Green. This is the perfect place to type up the location of the event and a contact address.

location
location and contact

Open the Glyphs panel (Window > Type & Tables > Glyphs) and create a new text frame, double-clicking on the hyphen symbol to insert it in the text frame, before setting it in Le Paris, Dark Green. 

glyphs panel

Go to Type > Create Outlines to transform the hyphen into a vector shape, making it easier to scale and stretch or compress.

create outlines

You can use this shape to fill space and highlight certain parts of the text.

green text

Step 5

Create another new layer, naming it Typography 4. Continue to Paste more text frames onto the layout, setting the text of these in the Gold swatch you created at the start of the tutorial. Position the text frames over on the left side of the flyer. Fill in the text content with info about the entertainment, food, and other features of the event.

gold text

Add more text frames onto the Typography 4 layer, set in Gold, filling up some of the space remaining on the right side of the flyer.

gold text

Fill up any smaller gaps between parts of the antlers with small items of text.

gold text

Step 6

On a new layer, Typography 5, add more text set in Dark Green above the head of the reindeer. Describe the time the event starts.

dark green text

Add in the day and date in Dark Green at the top left of the flyer.

date and day

Step 7

Return to other layers to add even more text, filling all the gaps between the antlers. 

gold text

The important thing to do is to make sure key info, like date, place and time, are set in the bolder Dark Green color.

final text frames

Eventually you’ll have filled the top half of the flyer with typography—fantastic work, it’s very nearly there!

final typography

4. How to Add a Texture Overlay to Your Flyer

Our final task is to add a subtle texture overlay to the layout. Texture will help give the flyer a more vintage, on-trend look and will make the whole design feel more professional. 

Step 1

Minimize the InDesign window for a moment. 

Open up the Brushed Grunge Texture vector file in Illustrator.

texture file

Delete the white background of the image, retaining just the black texture. Set the Fill color of the texture to White.

new swatch

File > Save As the texture as an Illustrator file.

illustrator file

Step 2

Return to your InDesign document and create a new layer, naming it Texture.

Take the Rectangle Frame Tool (F) and create a new image frame that extends across the whole page. Go to File > Place, choose your texture Illustrator file, and click Open.

Arrange the image inside the frame so that it covers the whole page without obscuring any of the text or deer silhouette too much. 

texture layer

With the image frame selected, go to Object > Effects > Transparency. Set the Mode to Overlay and reduce the Opacity to 60%. Click OK.

overlay

And there we have it! Your flyer design is complete, amazing work! All that’s left to do is export it ready for printing or sharing online.

final poster

Step 3

Go to File > Export. Give the file a name, and choose Adobe PDF (Print) from the Format drop-down menu (if you’re going to circulate your flyer online or over email, choose Adobe PDF (Interactive) instead). Click Save.

export pdf

In the Export to Adobe PDF window that opens, choose [Press Quality] from the Preset drop-down menu at the top of the window.

press quality

Click on the Marks and Bleeds option in the window’s left-hand menu. Check All Printer’s Marks and Use Document Bleed Settings. Click OK to create your print-ready PDF. You can send this off to any professional print shop for printing.

marks and bleed

Conclusion: Tips for Creating Great Flyer Designs

Flyers may be small, but they don’t need to lack impact. A well-designed flyer is a cost-effective way of drawing in an enthusiastic crowd to your event. In this tutorial, we’ve created a festive office party flyer using Adobe software, and picked up some useful tips and tricks for creating effective flyers. You now know how to:

  • Set up a flyer layout in Adobe InDesign, and layer up color and gradients for an attractive backdrop.
  • Create a striking silhouette image using Photoshop and Illustrator.
  • Use a lettering typeface to create a dense typographic design.
  • Apply a texture overlay to add a final vintage touch to the flyer.

Whatever your event, this four-step process is a great basis for any flyer design, and will guarantee a high-impact result every time.

Looking for a flyer template for your next event? Check out the range of festive flyer designs on GraphicRiver. You’ll be sure to find something to suit your event!

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