Create Amazing Flyers As You Learn Graphic Design


Microsoft Word Computer Classes Flyer Tutorial


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

Download Template
View Video Tutorial

Steps


01: Document Setup
02: Create Rectangle
03: Create Duplicates
04: Fill & Outline Color
05: Royalty Free Clip Art
06: Text Group
07: Insert Picture
08: Format Shape Outline
09: Edit Image
10: Free Fonts
11: Insert Text
12: Text Fill & Stroke
13: Drop Shadow
14: Add Remaining Text
15: Save File

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 Top, Bottom, Left 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 Orange, Accent 6, Darker 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 Orange, 25%.

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 246, Green 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 205, Green to 98 and Blue to 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 Illustrator, OpenOffice Draw, Inkscape, Corel 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 Circles and 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.