Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
April 5, 2023 12:18 pm

How to Create a Trivia Night Flyer


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.


trivia flyer templatetrivia flyer templatetrivia flyer template
Flyer mockup template from Envato Elements


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.


trivia night flyertrivia night flyertrivia night flyer
You can also download this trivia night flyer template from Envato Elements.


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


Step 1


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.


InDesign new documentInDesign new documentInDesign new document

Step 2


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.


indesign layers panelindesign layers panelindesign layers panel

Step 3


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. 


indesign fill colorindesign fill colorindesign fill color

Step 4


Select the Rectangle Tool from the Tools panel. Then, click and drag to draw a rectangle the size of your canvas. 


indesign rectangle toolindesign rectangle toolindesign rectangle tool

Step 5


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.


indesign new layerindesign new layerindesign new layer

Step 6


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.


indesign place imageindesign place imageindesign place image

Step 7


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.


indesign character panelindesign character panelindesign character panel

Step 8


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).


indesign type toolindesign type toolindesign type tool

Step 9


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. 


indesign type colorindesign type colorindesign type color

Step 10


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.


indesign text toolindesign text toolindesign text tool

Step 11


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.


indesign color pickerindesign color pickerindesign color picker

Step 12


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. 


indesign pen toolindesign pen toolindesign pen tool

Step 13 


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.


indesign draw a starindesign draw a starindesign draw a star

Step 14


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.


indesign polygon toolindesign polygon toolindesign polygon tool

Step 15


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". 


indesign type toolindesign type toolindesign type tool

Step 16


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.


indesign font weightindesign font weightindesign font weight

Step 17


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.


indesign type toolindesign type toolindesign type tool

Step 18


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.


indesign fill set to noneindesign fill set to noneindesign fill set to none

Step 19


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.


indesign stroke colorindesign stroke colorindesign stroke color

Step 20


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.


indesign rectangleindesign rectangleindesign rectangle

Step 21


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.


indesign stroke panelindesign stroke panelindesign stroke panel

Step 22


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.


indesign type toolindesign type toolindesign type tool

Step 23


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. 


indesign character panelindesign character panelindesign character panel

Step 24


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. 


indesign textindesign textindesign text

Step 25


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?


indesign fill colorindesign fill colorindesign fill color

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.


trivia night flyertrivia night flyertrivia night flyer
Download this flyer mockup template on Envato Elements


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. (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. (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)


quiz night flyerquiz night flyerquiz night flyer

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. (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. (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+.




Original Link: https://design.tutsplus.com/tutorials/how-to-create-a-trivia-night-flyer--cms-106746

Share this article:    Share on Facebook
View Full Article

TutsPlus - Design

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

More About this Source Visit TutsPlus - Design