Need a trivia night flyer or trivia night poster for your upcoming event? In this tutorial, we'll build a trivia night flyer template from scratch. Use it as a quiz night flyer or a trivia night fundraiser flyer—and if you're looking for trivia night flyer examples, we'll look at some of those too.
What You'll Learn
- How to create your own trivia flyer template
- What a trivia night flyer should include
- Benefits of using a trivia night flyer or trivia night poster for your event
What You'll Need
For this tutorial, we'll create our trivia night flyer in Adobe InDesign. Keep in mind that you can use these assets in your trivia night flyer, or you could use other assets of your own. The concepts are the same, regardless of the aesthetic you choose.
1. What to Include in a Trivia Night Flyer
So what is a trivia night flyer, and what should it include?
Trivia nights are popular among bars and pubs, but can also be a fun choice for community groups like libraries or schools and other businesses like restaurants or clubs. They can be a great way to attract customers or new members as you can offer prizes for participants and specials for others who attend. Trivia night is also often referred to as quiz night. "Pub quizzes" have particularly risen in popularity in some parts of the world.
Keep in mind that your trivia or quiz night flyer is designed to advertise your event. Here's some example content to include on a trivia night poster or trivia night flyer:
- Make sure the event's name has a strong, bold presence. This should be a point of emphasis in your design, so there's no mistaking what your event is.
- Draw attention to your event's perks, like prizes or specials. These are aspects that will further convince your audience to attend your event.
- Don't forget to include essential information, like the time and location. If it's not straightforward to figure out the when and the where, you might miss out on potential attendees.
- Consider your business or organization's branding. Consider including things relevant to your brand, like logos or color schemes, so the flyer and event have a visual association with your company, club, or organization.
Remember, your trivia night flyer should be tailored to the needs of your event and your organization. Think about your target audience and the strongest way to connect them with your event and your goal: to get them to attend.
2. How to Create Your Own Trivia Night Flyer
Let's begin with a new document in Adobe InDesign. Go to File > New to create your new document.
In this case, we'll work with a document that is 8.5 inches wide by 11 inches tall. However, you could work at any size you prefer. For example, if you wanted to create a trivia night poster, you might want to try a larger size, like 11 inches wide by 14 inches tall. We'll also add a 0.25 inch margin around all sides, as a general guide.
Once you're happy with your settings, click Create to create your new document.
Before we start placing content, let's open up our Layers panel by going to Window > Layers.
We'll use layers in this design to help organize our content. You can double-click on any layer to change its name, as well as other attributes. Note that this organization is optional, but recommended. I named my initial layer "Background" because it's where I plan to design the background elements in our trivia night flyer.
Next, let's select a background color. Click on the Fill Color at the bottom of the Tools panel to open up the Color Picker. You can input specific color values or click and drag within the colored space to choose a color.
I'll be using dark blue, as seen in the screenshot below. You could choose any other color if you prefer. Once you're happy with your color selection, click OK to continue.
Select the Rectangle Tool from the Tools panel. Then, click and drag to draw a rectangle the size of your canvas.
Next, let's return to our Layers panel. I'm going to temporarily lock my Background layer. By locking a layer, you keep all of its contents intact. You can lock and unlock layers by clicking to the right of the eye (visibility) icon in the Layers panel.
Then, create a new layer by clicking on the Create New Layer icon, at the bottom of the Layers panel. I named my new layer "Artwork". We will follow this same process multiple times in this tutorial when creating a new layer.
Now, let's place some imagery into our composition. I'm going to use this fun party illustration from Envato Elements, for this demonstration.
To place an image, go to File > Place. Then, select the image from your computer's files.
You can then click and drag to place your imported image at an appropriate size. Don't worry if it's not perfectly sized or aligned yet, however. You can further adjust the image with the Move Tool. Use the Move Tool to adjust, rotate, and resize your imagery as you see fit.
Here's a look at how I placed my imagery.
Next, let's place some type. I'm going to use the Disc House Display Font because it's a bold, eye-catching choice. It also has a marquee look that could have a fun association with game shows. I'm specifically going to use this for the phrase "trivia night" because I want this part of the composition to really stand out.
Let's open up the Character panel. Go to Window > Type and Tables > Character to open it up. From here, we can select things like our font, font size, and other attributes for our type.
Select the font of your choice (Disc House Display Font, in my case). I set the font size to 127 pt as I'd like this to be quite large.
Before I place my text, I created another new layer. I called this new layer "Title". This is the layer I plan to place this text on.
Then, let's select the Type Tool. Then, click and drag to draw a text box. Once you've done so, you can begin to type (or insert your copy).
To change the font color, select the text box containing your copy. Then, turn to the Fill Color, at the bottom of your Tools panel. Select the T icon under the Fill Color. This will change over the colors to format your text. The colors, for example, will look like a "T" now, too. Now, when you click on this icon, you'll select a new Fill Color for your text.
For my copy, I chose a bright yellow color that corresponds to my illustration.
Repeat steps 7, 8, and 9 to add additional copy. Then, you can use the Move Tool to reposition and resize your content.
Here's a look at the positioning I decided to work with. I used pink for the rest of my text, so it would have a strong association with the illustration in my design.
Now, let's go back to our Background layer. I unlocked the Background layer and locked up my other layers.
I want to add some variation in color here. First, turn to the Fill Color again. I chose a dark purple to work with.
Then, let's select the Pen Tool from the Tools panel. Click to start placing points—we'll use these points to draw some abstract shapes.
Here's a look at the shapes I came up with.
Let's create another new layer. I called my new layer "Stars"—I'm going to draw some star shapes and use them to draw emphasis to some key points in our design.
Select the Polygon Tool. It is likely nested under the Rectangle Tool—simply click and hold on the Rectangle Tool to reveal the rest of the Shape Tools.
Next, make sure your Fill Color is set to yellow. I used the same yellow that I used in my text, for visual consistency.
Then, click with the Polygon Tool active. You'll be given the following dialog box. We want an eight-sided polygon with a 25% star insert. Click OK, and InDesign will create our star for us.
We can use the Move Tool to resize our newly drawn star. With the Move Tool active, click on the star shape we've drawn. Then, use the resize handles to resize or rotate it in any way you prefer.
Repeat this as many times as you'd like, for as many stars as you'd like in your design. I went with two: one in yellow and one in pink. Again, notice how these color choices visually relate to the rest of my composition.
I'd like to use these stars to draw attention to key parts of this event. So, using the Type Tool, click and drag to create a text box positioned inside one of the stars.
I'm going to use the font George Sans Serif for this. Remember, you can change your font and font size in the Character panel, as we did earlier.
In this first star, I added the text "Free Entry".
I wanted the "Free" part to be bold. To change that, with the Type Tool active, click and drag to select the type you'd like to bold.
Then, we can turn to the Character panel and choose the bold font style, right under the font selection, as highlighted below.
Repeat this process to add text to the other star as well. You could use any copy you prefer that is relevant to your event.
Next, let's experiment with a decorative border. I created a new layer for this content, called "Border". Again, this organization is optional, but recommended.
To begin, let's turn to our Stroke and Fill Colors. For this, we'll need our Fill Color set to None. With the Fill Color active, select Apply None from under the Fill Color. It looks like a white box with a red line drawn through it.
The Stroke Color looks like a box with a hole in the center. To make it active, click on it, and it will appear "in front" of the Fill Color. Then, you can click on it to access the Color Picker, and choose a new Stroke Color.
I chose the same yellow color I used prior in the composition.
Then, select the Rectangle Tool from the Tools panel. With the Rectangle Tool active, click and drag to draw a large rectangle around your composition. You can use the Move Tool to move and resize this rectangle if you'd like to adjust it after it's been drawn.
Next, let's take a look at the Stroke panel. You can open it by going to Window > Stroke.
With the rectangle selected, change the Stroke Weight to 3 pt and change the Stroke Type to Dotted. Here's what the result looks like.
Our design is really coming along now, so let's give it some finishing touches. We haven't added any supplemental content yet about the event—like the place and time—so let's add that next.
Again, I created a new layer for this content. I called my new layer "Event Info".
Turn to the Type Tool again to add type to your layout. This time, I used George Sans Serif in bold for the date of the event.
Repeat this process to add additional supplemental type to your layout. I placed the location under the date and time, in a smaller font with a lighter weight.
But we haven't mentioned the venue itself! So I created another new layer for this content, called "Business Name". This way, when my layout is all done, I can easily jump between my labeled layers to edit my content.
Let's turn to the Type Tool again. However, this time, we'll do something a little different.
For starters, with the Type Tool active, click and drag to draw a text box, just like before. Insert your copy and make it any color you'd like. I placed my copy at the top of the composition.
Next, let's give our text box a Fill Color. We're not changing the Text Color here—the Fill Color, just as we would with a normal, rectangle shape.
By making the Fill Color of my text box match my background, I can place the text on top of my border, and it looks as if there's space there for it now. Cool, right?
Now You Know How to Create a Trivia Night Flyer
We've created our own trivia night flyer template! You could customize this design any way you like—try it with different imagery, different shapes, colors, or fonts.
Check Out These Trivia Night Flyer Examples
Looking for some trivia night flyer examples to inspire you? Check out these awesome trivia flyer template designs from Envato Elements. One low monthly fee gets you access to thousands of design templates, illustrations, fonts, and much more, all with no limits.
1. Trivia Night Flyer (AI, PSD)
Doesn't this trivia night flyer have a fun vibe? Easily download and customize this design template in Adobe Photoshop or Adobe Illustrator.
2. Trivia Flyer Template (PSD)
Here's another fun trivia night poster design. You could work big or small with this one—maybe your event or organization would benefit from having more than one size.
3. Quiz Night Flyer Template (AI, PSD)
This trivia night flyer template would be a perfect fit if your organization focuses on tech. The arcade cabinet look also has some retro gaming appeal.
4. Trivia Night Fundraiser Flyer (PSD)
Why not try out a design like this one, if you're looking for a trivia night fundraiser flyer? Swap the imagery out for anything you prefer. Remember, these designs are completely customizable.
5. Trivia Night Flyer Template (AI, PSD)
Try this trivia night flyer if you're looking for a versatile design that's easy to customize. Try it in different colors. Add your business info and logo, and you've got a finished quiz night flyer in a flash.
Learn More About InDesign & Flyer Design
Looking for more tips on flyer design or working in Adobe InDesign? There are many more free InDesign flyer tutorials right here in Envato Tuts+.
- How to Design a Beach Party FlyerAshlee Harrell14 Mar 2022
- How to Make a Pride Flyer TemplateDaisy Ein21 Apr 2021
- How to Create a Summer Flyer for Clubs in Adobe InDesignGrace Fussell13 Oct 2022
- How to Design a Fall Festival FlyerAshlee Harrell17 Apr 2022
- How to Create a Conference Flyer in InDesignGrace Fussell08 Mar 2022
- How to Design a Welcome Back Flyer TemplateAshlee Harrell04 Mar 2022
- How to Add a QR Code to a FlyerErica Gamet21 Jan 2022
- How to Make a Good Fundraiser FlyerLaura Keung01 Jul 2021