Create Amazing Flyers As You Learn Graphic Design


Inkscape Fall Fest Flyer Tutorial


This Inkscape Tutorial gives you the illustrated step by step instructions to create a Fall Fest Flyer using the Open Source Vector Graphics Editor - Inkscape.

Inkscape Fall Fest Flyer
Inkscape Fall Fest Flyer

Download Template
View PDF

Steps


01: Document Setup
02: Create Rectangle
03: Set Rounded Corners
04: Rounded Rectangle Color
05: Multicolored Rectangle Bar
06: Align Rounded Rectangles
07: Rectangle Bar Fill Colors
08: Group Multicolored Bar
09: Royalty Free Images
10: Import Images
11: Resize Image
12: Free Fonts
13: Insert Text
14: Edit Text Color
15: Add & Format New Text
16: Save File

Step 01: Document Setup

Inkscape Menu Bar
Inkscape Inkscape Menu Bar


Upon opening Inkscape, locate the Menu Bar.

Select File > Document Properties.

Inkscape File Menu Document Properties
Inkscape File Menu Document Properties

This will open up the Document Properties Window.

Inkscape Document Properties Window
Inkscape Document Properties Window

You will notice tabs for Page, Guides, Grids, Snap, Color Management, and Scripting.

On the Page Tab where the Default Units is set to px, select the Down Arrow and choose in for Inches from the drop down window.

In the Page Size section select US Letter for
8.5" x 11".

Orientation will be set to Portrait by Default.

To close the window, simply click on the x in the upper right hand corner. Now you can move on to creating your document.



Step 02: Create Rectangle

Inkscape Rectangle Tool
Inkscape Rectangle Tool
The first thing that you will add to this Flyer will be a Rectangle. Go to the Tool Bar and select the Rectangle Tool.

Notice that this will change the Tool Properties Bar, which is located above the Flyer/Canvas.

Inkscape Rectangle Tool Properties Bar
Inkscape Rectangle Tool Properties Bar

You'll see that the Width and Height boxes are grayed out. Draw a Rectangle at the bottom of the page. Once this is done, the Width and Height boxes will change to allow you to edit the Rectangle Dimensions.

Inkscape Px Measurement Type
Inkscape Px Measurement Type
On the Tool Properties Bar, the last box allows you to change the measurement type. Here it is set to px for Pixels.

When you select the down arrow a drop down menu will appear that has different measurement types to choose from.

Inkscape Measurement Types
Inkscape Measurement Types
pt for Points
px for Pixels
mm for Millimeters
cm for Centimeters
m for Meters
in for Inches

Choose in for Inches.

Inkscape Inches Measurement Type
Inkscape Inches Measurement Type

Then go over to the Width Box and enter "8.05" in, and set the Height Box to "0.46" in.

Note that this gives you a Rectangle without Rounded Corners.

Inkscape Black Rectangle
Inkscape Black Rectangle



Step 03: Set Rounded Corners

To Round the Corners of the Rectangle go back to the Tool Properties Box and set Ry (which is the Vertical Radius of Rounded Corners) to 0.09 in.

Click on any white area outside of the Flyer to deselect the Rectangle.

It should look like this:

Inkscape Rounded Rectangle
Inkscape Rounded Rectangle


Step 04: Rounded Rectangle Color

Inkscape Select Tool
Inkscape Select Tool
Now we need to change the Rounded Rectangle's Color. To do this, first go to the Toolbar and pick the Select Tool.

Inkscape Fill & Stroke Icon
Inkscape Fill & Stroke Icon
Using this tool, click on the Rounded Rectangle. Proceed to the Tool Bar and select the Fill and Stroke Icon.

This opens the Fill and Stroke Window.

Inkscape Fill & Stroke Fill Tab
Inkscape Fill & Stroke Fill Tab

Inkscape Flat Color Icon
Inkscape Flat Color Icon
The Fill Tab will be active. Select the Flat Color Icon (the 2nd Icon in the Fill Tab).
Inkscape Fill Tab Options
Inkscape Fill Tab Options

This will show the Flat Color Options with Tabs for RGB, HSL, CMYK & Wheel.

Inkscape Fill Tab Flat Color Options
Inkscape Fill Tab Flat Color Options

Under RGB, set R to 255, G to 102, and B to 0 by entering the desired number or using the up and down arrows to change the visible figures.

This changes the Rounded Rectangle's Fill from the previous color to our desired Orange Color.

Inkscape Orange Rectangle
Inkscape Orange Rectangle

So that your flyer should look like this:

Inkscape Orange Bar on Flyer
Inkscape Orange Bar on Flyer



Step 05: Multicolored Rounded Rectangle Bar

Ok, now using what we've just learned we will create a Multicolored Rounded Rectangle Bar. Draw 4 Rectangles and place them side by side. We will use the following Dimensions for each Rectangle:

1st Rectangle's Dimensions: W 2.16, H 0.48, Ry 0.11
2nd Rectangle's Dimensions: W 1.65, H 0.48, Ry 0.11
3rd Rectangle's Dimensions: W 2.16, H 0.48, Ry 0.11
4th Rectangle's Dimensions: W 1.35, H 0.48, Ry 0.11

With the Rectangle Tool still selected, click on the First Rectangle. Set the Dimensions (remember to use the Tool Property Bar).

Repeat steps for the other Rectangles. They will all have the last Fill Color applied which was our Custom Orange.

Before applying the new Colors to the Rectangles, let us Align and Adjust them.



Step 06: Align Rounded Rectangles

Inkscape Ruler
Inkscape
Ruler
Look at the Ruler on the left side of the screen.

Pick a number with which to line up your 4 Rectangles, let's say a random number 6. Using the Select Tool, click on the first Rectangle and drag it over to this number 6 on the ruler.

Then select the Zoom Tool
Inkscape Zoom Tool
Inkscape Zoom Tool
from the Tool Bar, and click to zoom in as far as you would like to go.

Reselect the Rectangle and move it so that it lines up with this 6.

Then do this for every other Rounded Rectangle.

Inkscape Shape Along Side Ruler
Inkscape Shape Along Side Ruler

Inkscape Fit Page in Window Icon
Inkscape Fit Page in Window Icon
Once you have lined up all 4 Rectangles, go up to the Menu Bar and select the Zoom to Fit Page in Window Icon.

Inkscape Space Between Shapes
Inkscape Space Between Shapes

Using the Select Tool, move the Rectangles to the right of each other so that there is a tiny space between each Rectangle.

So that the Flyer should look like this:

Inkscape
Inkscape File Menu New