Microsoft Word Tutorial : How to create flyer on microsoft word

This tutorial gives the illustrated step by step instructions to create a Computer Classes Flyer using the Business Application – Microsoft Word.

Step 01: Document Setup

Microsoft Word Page Layout Tab - Page Setup Group
MICROSOFT WORD PAGE LAYOUT TAB – PAGE SETUP GROUP

To properly setup your document, go up to the Ribbon and select the Page Layout Tab.

Microsoft Word Size Options - Letter
MICROSOFT WORD SIZE OPTIONS – LETTER

Then in the Page Setup Group, select Size > Letter from the drop down menu.

Click on Margins and select Narrow from the drop down menu.

Microsoft Word Margins Options - Narrow
MICROSOFT WORD MARGIN OPTIONS – NARROW

This sets the TopBottomLeft and Right Margins to 0.5″ each.

Next click Orientation and select Portrait from the drop down menu.

Microsoft Word Orientation Options - Portrait
MICROSOFT WORD ORIENTATION
OPTIONS – PORTRAIT

Now that Document Setup is complete you can start working on the flyer background.

 

Step 02: Create Rectangle

The Computer Classes Flyer is a very simple flyer that looks like you took some time to create it.

The first thing that you will add to the Flyer is a Rectangle. On the Ribbon, select the Insert Tab.

Microsoft Word Illustrations Group - Shapes
MICROSOFT WORD ILLUSTRATIONS GROUP – SHAPES

In the Illustrations Group select Shapes > Rectangle (the 4th shape in Recently Used Shapes or the 1st shape in Rectangles).

Microsoft Word Shapes Rectangle
MICROSOFT WORD SHAPES RECTANGLE

Draw a Rectangle on the page.

Microsoft Word Rectangle
MICROSOFT WORD RECTANGLE

You will notice that the Ribbon has changed to the Format Tab which showcases the Drawing Tools.

8 Blue Resizing Handles appear around the Rectangle. On the far right of the Format Tab is the Size Group.

Set Height to 2.6″ and Width to 4.15″.

Microsoft Word Size Group - Width and Height
MICROSOFT WORD SIZE GROUP – WIDTH & HEIGHT

Select the Rectangle and move it to the top left corner of the page.

Step 03: Create Duplicates

Select the Home Tab and go to the Clipboard Group.

Select Copy.

Microsoft Word Clipboard Group - Copy
MICROSOFT WORD CLIPBOARD
GROUP – COPY

Then select Paste 7 times so that you will get 7 more Rectangles.

Microsoft Word Clipboard Group - Paste
MICROSOFT WORD CLIPBOARD
GROUP – PASTE

Line them up on the page so that they are equally spaced.

Microsoft Word Duplicated Rectangles
MICROSOFT WORD DUPLICATED RECTANGLES

 

Step 04: Fill & Outline Color

Microsoft Word Shape Styles Group - Shape Fill
MICROSOFT WORD SHAPE STYLES GROUP – SHAPE FILL

Select the 1st Rectangle. Click on the Format Tab and in the Shape Styles Group select Shape Fill which opens a drop down Color Menu.

Instead of using the Blue Colors that I used for the Computer Classes Flyer in Inkscape, let’s try variations of Orange.

In the Theme Colors Section select OrangeAccent 6Darker 25%, which is the second to last Orange Color.

Microsoft Word Shape Fill Color Options
MICROSOFT WORD SHAPE FILL COLOR OPTIONS

The Rectangle now has an Orange Fill but still has its Blue Outline.

Microsoft Word Rectangle with Orange Fill, Blue Outline
MICROSOFT WORD RECTANGLE WITH ORANGE FILL, BLUE OUTLINE

To change the Outline Color, select Shape Outline in the Shape Styles Group.

Microsoft Word Shape Styles Group - Shape Outline
MICROSOFT WORD SHAPE STYLES GROUP – SHAPE OUTLINE

Then select the Accent 6 Orange25%.

You will now have a Uniform Fill and Outline.

Microsoft Word Solid Orange Rectangle
MICROSOFT WORD SOLID ORANGE RECTANGLE

Now repeat for the other Rectangles.
Rectangle 2 – Orange, Accent 6, Lighter 40%
Rectangle 3 – Orange, Accent 6, Lighter 80%
Rectangle 4 – Orange, Accent 6
Rectangle 5 – Orange, Accent 6, Darker 50%
Rectangle 6 – Orange, Accent 6, Lighter 60%

For the Last 2 Rectangles, we’ll try a different approach.

Select Rectangle 7.

In the Color Menu, instead of choosing a color from the Theme Colors, select More Fill Colors.

Microsoft Word Shape Fill - More Fill Colors
MICROSOFT WORD SHAPE FILL – MORE FILL COLORS

This opens the Colors Window.

Microsoft Word Colors Window
MICROSOFT WORD COLORS WINDOW

Set Red to 246Green to 130 and Blue to 34, then set Transparency to 20% by moving the slider or typing it in.

Click OK.

Then for the Outline Color, re-enter the RGB Values and Transparency.

Click OK.

For Rectangle 8, under More Fill Colors, set Red to 205Green to 98 and Blueto 9.

Click OK. Repeat for the Outline.

So all the Colored Rectangles should look something like this:

Microsoft Word Colored Rectangles
MICROSOFT WORD COLORED RECTANGLES

Draw another Rectangle on the Page.

Microsoft Word Rectangle Layers
MICROSOFT WORD RECTANGLE LAYERS

This time set its Height to 10″ and Width to 7.5″.

The Default Fill Color will be Blue.

Set both the Fill and Outline to White by choosing this Color from the Theme Colors section.

Microsoft Word Shape Fill - Color Options
MICROSOFT WORD
SHAPE FILL – COLOR OPTIONS

Now the flyer background is complete, we can move onto inserting the Image.

Microsoft Word Computer Classes Flyer Background
MICROSOFT WORD COMPUTER CLASSES FLYER BACKGROUND

Step 05: Royalty Free Clip Art

The Public Domain Vector Clip Art for this Computer Classes Flyer was downloaded from the Open Clip Art Library.

Open Clip Art Library - Computer Clipart
OPEN CLIP ART LIBRARY – COMPUTER CLIPART

The Clip Art is called Cartoon Computer and Desktop by DTRave.

Once the image has been downloaded, you will need to place it into the flyer.

Step 06: Text Group

In Adobe IllustratorOpenOffice DrawInkscapeCorel Draw and Microsoft Publisher, you are able to freely move an Image anywhere on the canvas. This is also possible in Microsoft Word as long as you first place the Image within a Text Box.

To Insert a Text Box, go back to the Ribbon and select the Insert Tab.

Microsoft Word Text Group - Text Box
MICROSOFT WORD TEXT GROUP – TEXT BOX

Then go to the Text Group and select Text Box.

At the bottom of the Built-In Window, select Draw Text Box.

Microsoft Word Built In Window - Draw Text Box
MICROSOFT WORD BUILT IN WINDOW – DRAW TEXT BOX

Your cursor will change to an X.

While holding down your mouse button, drag and draw a Text Box on the Flyer.

The Text Box will have 8 Handles around it for resizing.

Microsoft Word Text Box
MICROSOFT WORD TEXT BOX

Step 07: Insert Picture

Click anywhere inside of the Text Box so that you have a flashing cursor.

Since drawing the Text Box, notice that the Ribbon has changed to the Format Tab.

Go back to the Insert Tab and click on the Picture Icon in the Illustrations Group.

Microsoft Word Illustrations Group - Picture
MICROSOFT WORD ILLUSTRATIONS GROUP – PICTURE

This allows you to Insert a Picture from File.

Microsoft Word Insert Picture Window
MICROSOFT WORD INSERT PICTURE WINDOW

It opens up the Insert Picture Window, where you can select your file and then click Insert.

Be certain that your images are in a format that will be recognized by Microsoft Word.

These images are saved in PNG (Portable Network Graphics) Format.

Once the Image has been inserted, Resize it by selecting one of the Circlesand holding down the Ctrl and Shift Keys together, so that you don’t get a disproportionate Image.

Step 08: Format Shape Outline

The Image will then be placed inside of the Text Box.

Microsoft Word Image Inside Text Box
MICROSOFT WORD IMAGE INSIDE TEXT BOX

Select the Text Box, then right click over it to reveal another menu.

Microsoft Word Format Shape
MICROSOFT WORD FORMAT SHAPE

Select Format Shape.

This opens the Format Shape Window.

Microsoft Word Format Shape Window - Fill
MICROSOFT WORD FORMAT SHAPE WINDOW – FILL

Right below the Fill Tab is Line Color.

Microsoft Word Format Shape Window - Line Color
MICROSOFT WORD FORMAT SHAPE WINDOW – LINE COLOR

Select this to make changes to the Outline/Stroke of the Text Box.

Notice that the Window has also changed.

Microsoft Word Format Shape Window - Line Color No Line
MICROSOFT WORD FORMAT SHAPE WINDOW – NO LINE COLOR

Select No Line, changing the window yet again.

Click Close.

Microsoft Word Selected Text Box Border
MICROSOFT WORD SELECTED TEXT BOX BORDER

The Image now appears with no visible border around it, however, you know that it is still there.

Remember to move this Image, you will have to select its invisible border and not the Image itself.

You can tell if you have the right box selected by its border.

Microsoft Word Selected Image Border
MICROSOFT WORD SELECTED IMAGE BORDER

The Text Box Border has Dashes while the Image Border is a Solid Line.

Step 09: Edit Image

Microsoft Word Rectangle Above Clip Art
MICROSOFT WORD RECTANGLE ABOVE CLIP ART

Draw another small Rectangle and place it over the monitor.

We are going to change the color of the screen from Blue to Orange.

Rotate this Rectangle by moving the cursor over the Green Rotation Circlelocated above the Rectangle.

Microsoft Word Rotate Rectangle Above Clip Art
MICROSOFT WORD ROTATED RECTANGLE
ABOVE CLIP ART

When the cursor changes to a Rotation Arrow, hold down your mouse button and move ever so slightly to the right.

Then click on the Square Resizing Handles to adjust the size of the Rectangle.

With the Rectangle selected, the Format Tab of the Ribbon will be visible.

In the Insert Shapes Group, click on the Edit Shape Icon.

Microsoft Word Insert Shapes Group - Edit Shape
MICROSOFT WORD INSERT SHAPES GROUP – EDIT SHAPE

Select Edit Points from the drop down menu.

Microsoft Word Edit Shape - Edit Points
MICROSOFT WORD EDIT SHAPE – EDIT POINTS

The Handles around the Rectangle will change to 4 Nodes.

Microsoft Word Rectangle with 4 Nodes
MICROSOFT WORD RECTANGLE WITH 4 NODES

Move inward any Node that needs adjusting.

Bear in mind that if you click off of the image, you will have to redo the step to get back to the Edit Points option.

The Fill Color for this Rectangle is set to OrangeAccent 6Lighter 40%.

Microsoft Word Clip Art with Color Change
MICROSOFT WORD CLIP ART WITH COLOR CHANGE

Next we will be able to add Text to the Flyer.

 

Step 10: Free Fonts

Next we can add the Title Text to the flyer.

For the Computer Classes Flyer Title and Subtitles, the Font used is Black Rose by Bright Ideas.

Black Rose Font
BLACK ROSE FONT BY BRIGHT IDEAS

The remaining Text on the Flyer uses the Desyrel Font by Apostrophic Labs. Both Fonts were downloaded from Fontsquirrel.com.

Desyrel Font
DESYREL FONT BY APOSTROPHIC LABS

(Note for a newly downloaded Font to be usable on your machine, you must first install it. Any Font installed while Microsoft Word is open, will not be visible in the Font List. To correct this, you must first restart the Microsoft Word program after Font(s) installation.)

 

Step 11: Insert Text

Repeat Step 06 to draw a Text Box. Type in the Flyer Title – Computer Classes.

Microsoft Word Typed Text
MICROSOFT WORD TYPED TEXT

Select all the Text by holding down your mouse button and dragging over the Text or you can quickly triple click anywhere in the Text.

The Font Group will appear floating above the Text.

Microsoft Word Font Group
MICROSOFT WORD FONT GROUP

Click on the down arrow next to the Font Name and select the Black Rose Font from the Font List.

Microsoft Word Font List
MICROSOFT WORD FONT LIST

The box on the right will be Font Size, which you should set to 72.

You may have to make some adjustments to your Text Box if both words dont fit on the same line.

The Text will appear truncated at the bottom.

Microsoft Word Truncated Text
MICROSOFT WORD TRUNCATED TEXT

Simply lengthen the bottom of the Text Box until all Text is visible.

Microsoft Word Text Box Overlapping Image
MICROSOFT WORD TEXT BOX OVERLAPPING IMAGE

The Text Box is now cutting off a part of the image.

Microsoft Word Visible Text
MICROSOFT WORD VISIBLE TEXT

Let’s remedy this by changing the order of things.

With the Text Box still selected, click on the Format Tab and in the Arrange Group select the Send Backward Icon.

Microsoft Word Arrange Group - Send Backward
MICROSOFT WORD ARRANGE GROUP – SEND BACKWARD

This puts the Text Box behind the Orange Rectangle that covers the monitor.

Microsoft Word Send Backward 1 Layer
MICROSOFT WORD SEND BACKWARD 1 LAYER

Look carefully though, the Text Box is still not completely behind the Image.

Select the Send Backward Icon again.

There appears to be too much Whitespace between the Text and the Top Border.

Microsoft Word Text after Send Backward
MICROSOFT WORD TEXT AFTER SEND BACKWARD

Move the Text Box up so that there will be less distance between the two.

Now you can see that the white background of the Text Box overshadows the Border.

Microsoft Word Text Box Above Border
MICROSOFT WORD TEXT BOX ABOVE BORDER

In the Shape Styles Group of the Format Tab, select the Shape Fill Icon.

Microsoft Word Shape Fill Options - No Fill
MICROSOFT WORD
SHAPE FILL OPTIONS – NO FILL

Select No Fill.

Microsoft Word Text Box with No Fill
MICROSOFT WORD TEXT BOX WITH NO FILL

Next, remove the Outline by setting Shape Outline to No Outline.

Microsoft Word Shape Outline Options - No Outline
MICROSOFT WORD SHAPE OUTLINE OPTIONS – NO OUTLINE

Notice the Text Box Border is no longer visible.

Microsoft Word Text Box with No Outline
MICROSOFT WORD TEXT BOX WITH NO OUTLINE

The flyer will look like this.

Microsoft Word Computer Classes Flyer with Title and Image
MICROSOFT WORD COMPUTER CLASSES FLYER WITH TITLE AND IMAGE

Step 12: Text Fill & Stroke

Reselect the Title Text.

In the Format Tab of the Ribbon, go to the WordArt Styles Group.

Select the down arrow on the right side of the Text Fill Icon and select OrangeAccent 6Darker 25%.

Microsoft Word WordArt Styles Group - Text Fill
MICROSOFT WORD WORDART STYLES GROUP – TEXT FILL

The Title Text will now have an Orange Fill.

Microsoft Word Title Text Orange Fill
MICROSOFT WORD TITLE TEXT ORANGE FILL

Now click on the Text Outline Icon and select White.

Microsoft Word WordArt Styles Group - Text Outline
MICROSOFT WORD WORDART STYLES GROUP – TEXT OUTLINE

You won’t be able to tell that the Text has a White Stroke because of the White Background.

Let’s add a Drop Shadow to the Text to bring out the Stroke.

Step 13: Drop Shadow

Go back into the WordArt Styles Group and select the Text Effects Icon > Shadow.

Microsoft Word WordArt Styles Group - Text Effects
MICROSOFT WORD WORDART STYLES GROUP – TEXT EFFECTS

In the Outer section select the Offset Diagonal Bottom Left Icon (3rd Icon to the right).

Microsoft Word Text Effects Shadow Options
MICROSOFT WORD TEXT EFFECTS SHADOW OPTIONS

The Text should look like this:

Microsoft Word Title with Drop Shadow
MICROSOFT WORD TITLE WITH DROP SHADOW

Step 14: Add Remaining Text

Repeat Step 11 to Insert Text. The remaining Text, except for Subtitles uses the Desyrel Font.

Set the Font Size for the main block of Text to 28pt.

Microsoft Word Text with too much Line Spacing
MICROSOFT WORD TEXT WITH TOO MUCH LINE SPACING

For the other 3 blocks of Text, set Font Size to 20pt with Subtitles at 26pt.

You’ll notice that the space in between the lines is too wide.

To decrease this spacing click on the Line and Paragraph Spacing Icon in the Paragraph Group of the Home Tab.

Microsoft Word Paragraph Group - Line Spacing
MICROSOFT WORD PARAGRAPH GROUP – LINE SPACING

On the drop down menu that appears select Line Spacing Options.

Microsoft Word Line Spacing Options
MICROSOFT WORD LINE SPACING OPTIONS

This opens the Paragraph Window.

Microsoft Word Paragraph Window
MICROSOFT WORD PARAGRAPH WINDOW

In the Spacing section of the Indents and Spacing Tab, set Line Spacing to Exactly (which you choose from a drop down list).

Set At to 22pt.

Then click OK.

Notice the difference.

Microsoft Word Text with Adjusted Line Spacing
MICROSOFT WORD TEXT WITH ADJUSTED LINE SPACING

Remove the White Fill Backgrounds and Black Outlines from all the Text Boxes.

Microsoft Word Center Icon
MICROSOFT
WORD
CENTER
ICON

Center Text by clicking on the Center Icon of the Paragraph Group.

Before you know it, your Computer Classes Flyer is complete.

Microsoft Word Computer Classes Flyer
MICROSOFT WORD COMPUTER CLASSES FLYER

Step 15: Save File

All that’s left to do is Save the file.

Go up to the Ribbon and select the File Tab.

Microsoft Word File Save As
MICROSOFT WORD FILE SAVE AS

Select Save As from the left menu.

This opens the Save As Window.

Microsoft Word Save As Window
MICROSOFT WORD SAVE AS WINDOW

Select the location for your file, give it a File Name and click Save.

If you are new to Microsoft Word, I hope this tutorial shed some lignt on some of the many functions of the Microsoft Word Interface.

Thank you for visiting!

Share this Post!

About the Author : admin

3 Comments

  1. anuskha 1 week ago at 6:54 am - Reply

    very long tutorial 🙂 can we have video tutorial of this

  2. Sukirti 1 week ago at 8:55 am - Reply

    Wow I never knew that we can use word to create flyers

  3. ganesh 1 week ago at 7:22 pm - Reply

    amazing tutorial.. very helpful

Leave a Comment

Your email address will not be published.

error: Content is protected !!