Create Amazing Flyers As You Learn Graphic Design


OpenOffice Draw Computer Classes Flyer Tutorial


This tutorial gives the illustrated step by step instructions to create a Computer Classes Flyer using the Free Vector Graphics Application - OpenOffice Draw.
OpenOffice Draw 4.0 Computer Classes Flyer
Computer Classes Flyer

Download Template

Steps


01: Page Setup / Format
02: Create Rectangle
03: Position & Size
04: Create Duplicates
05: Set Custom Fill Color
06: Set Custom Line Color
07: Royalty Free Clip Art
08: Insert Picture
09: Rotate Shape
10: Convert to Curve - Edit Points
11: Free Fonts
12: Insert & Format Text
13: Text Fill & Stroke
14: Group Objects
15: Add Remaining Text
16: Save File

Step 01: Page Setup / Format

After opening OpenOffice Draw on your machine, move the mouse over the blank canvas, then right click and select Page > Page Setup from the popup menu.
OpenOffice Draw 4.0 Page Setup
OpenOffice Draw 4.0 Page Setup

The Page Setup Window will appear.

OpenOffice Draw Page Setup Window
OpenOffice Draw Page Setup Window

On the Page Tab, change the Paper Format to Letter by clicking on the down arrow to the right and selecting Letter from the list, and Orientation to Portrait.

Then set Margins to "0.50" each.

Then click OK.



Step 02: Create Rectangle

The Computer Classes Flyer is a very simple flyer that looks like it requires some time to create. The first thing you will add to the flyer is a Rectangle.

On the OpenOffice Draw 4.0 Sidebar, select the Rectangle from the Properties Tab.

OpenOffice Draw 4 Sidebar
OpenOffice Draw 4 Sidebar

The 3 other tabs are Style and Formating, Gallery and Navigator.

Draw a Rectangle on the page.

OpenOffice Draw 4 Rectangle
OpenOffice Draw 4 Rectangle

The Rectangle will have 8 Green Handles around it (used for Resizing Objects). By default, OpenOffice Objects have a Blue Fill and Gray Outline. We will make changes to this soon.

You'll also notice the immediate change to the Properties Tab. It now includes options for Text, Paragraph, Area, Line, and Position and Size.

OpenOffice Draw 4 Properties Sidebar
OpenOffice Draw 4 Properties Sidebar

We can resize the Rectangle using the Resizing Handles around the Rectangle but for precise measurements we can make changes using the Position and Size Section of the Sidebar.



Step 03: Position and Size

With the Rectangle still selected, click on the Position and Size section of the Sidebar.
OpenOffice Draw 4 Properties Sidebar - Position and Size
OpenOffice Draw 4 Properties Sidebar Position and Size

Set Width to 4.15" and Height to 2.6".

Move the Rectangle to the Top Left corner of the page.

OpenOffice Draw 4 Rectangle on Page
OpenOffice Draw 4 Rectangle on Page


Step 04: Create Duplicates

Now we need to create 7 Duplicates of this Rectangle.
OpenOffice Draw 4.0 Standard Toolbar
OpenOffice Draw 4.0 Standard Toolbar

OpenOffice Draw 4.0 Copy Icon
OpenOffice Draw 4.0 Copy Icon
With the Rectangle selected, click on the Copy Icon located on the Standard Toolbar.

OpenOffice Draw 4.0 Paste Icon
OpenOffice Draw 4.0 Paste Icon
Then select the Paste Icon 7 times.

The Duplicates will be placed behind the Original Object.

OpenOffice Draw 4.0 Rectangle Duplicates
OpenOffice Draw 4.0 Rectangle Duplicates

Go ahead and slide each one into its correct position on the Flyer.



Step 05: Set Custom Fill Color

Next we will set the Fill and Line Colors for these Rectangles. Instead of choosing regular Colors, lets create some Custom Colors.

It seems that there is not yet an option for this in the Sidebar or the Line and Filling Toolbar. Don't worry, this is easily remedied.

OpenOffice Draw 4.0 Menu
OpenOffice Draw 4.0 Menu
Select Rectangle 1 and right click over it to reveal a Menu. Select Area.

This opens the Area Window which has Tabs for Area, Shadow, Transparency, Colors, Gradients, Hatching and Bitmaps.

OpenOffice Draw 4.0 Area Window
OpenOffice Draw 4.0 Area Window

Select the Colors Tab.

OpenOffice Draw 4.0 Area Window - Colors Tab
OpenOffice Draw 4.0 Area Window - Colors Tab

You'll see the Blue 9 Color along with its RGB Values. To create a Custom Color simply, change these Values.

So for Rectangle 1 set R to 111, G to 5 and B to 100.

Give your Color a Name. In this case 1, then click Add and OK.

The Color will be applied to the Rectangle.

Below you will see each Color with its corresponding RGB Values. Go ahead and apply each Color where necessary.

OpenOffice Draw 4.0 Purple RGB Values
OpenOffice Draw 4.0 Purple RGB Values
OpenOffice Draw 4.0 Cream RGB Values
OpenOffice Draw 4.0 Cream RGB Values
OpenOffice Draw 4.0 Green RGB Values
OpenOffice Draw 4.0 Green RGB Values
OpenOffice Draw 4.0 Maroon RGB Values
OpenOffice Draw 4.0 Maroon RGB Values

Now that you have changed all the Fill Colors, it's time to set Line Colors.

OpenOffice Draw 4.0 Colored Rectangles
OpenOffice Draw 4.0 Colored Rectangles


Step 06: Set Custom Line Color

Select Rectangle 1.

In the Properties Sidebar you'll notice that the Line Color is set to Gray.

OpenOffice Draw 4.0 Sidebar Line Color
OpenOffice Draw 4.0 Sidebar Line Color

Select the Gray Color. This will open a Color Menu.

OpenOffice Draw 4.0 Set Custom Line Color
OpenOffice Draw 4.0 Set Custom Line Color

The 4 New Colors will be at the bottom of this menu.

Select the Purple Color then move on to each rectangle setting its Line Color the same as its Fill Color.

OpenOffice Draw 4.0 Second Layer Rectangle
OpenOffice Draw 4.0 Second Layer Rectangle

Now I've seen some complaints about this new Sidebar added to the latest version of OpenOffice 4.0 I, however, think that it is quite convenient and helps shave some time off the design process. Some features are missing but hopefully they will add them in later versions.

Draw another Rectangle on the page.

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

Move to the Center of the Flyer.

Set both the Fill and Outline Color to White. Use the Sidebar, it's quicker.

OpenOffice Draw 4.0 Computer Classes Flyer Background
OpenOffice Draw 4.0 Computer Classes Flyer Background

Now the Flyer Background is complete, we can move onto inserting the Image.



Step 07: Royalty Free Clip Art

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

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

Open Clip Art Library - Computer Clip Art
Computer Clip Art

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



Step 08: Insert Picture

To insert the Image go up to the Menu Bar and select Insert > Picture > From File.
OpenOffice Draw 4.0 Insert Menu - From File
OpenOffice Draw 4.0 Insert Menu - From File

OpenOffice Draw 4.0 Insert Menu - Picture
OpenOffice Draw 4.0 Insert Menu - Picture

This opens the Insert Picture Window.

OpenOffice Draw 4.0 Insert Picture Window
OpenOffice Draw 4.0 Insert Picture Window

After you've located the file, click the Open button at the bottom of the window.

Your Image will appear with 8 Squares around it. Let's Resize this Image by using Position and Size from the Sidebar.

Set Width to 4.3" and Height to 3.4".

Move to the desired location on the Flyer.

OpenOffice Draw 4.0 Computer Classes Flyer Background Plus Image
OpenOffice Draw 4.0 Computer Classes Flyer Background Plus Image