FlyerTutor.com

Flyer Tutor

Create Amazing Flyers As You Learn Graphic Design

Instagram Logo Facebook Logo YouTube Logo Pinterest Logo Twitter Logo




This tutorial gives the illustrated step by step instructions to create a Fall Fest Flyer using the Free Professional Graphic Design Application - Inkscape.

Inkscape Fall Fest Flyer
Fall Fest Flyer

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.

Inkscape File Menu Document Properties
Inkscape File Menu Document Properties
Select File > Document Properties.
Inkscape Document Properties Window
Inkscape Document Properties Window


This will open up the 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.

Inkscape Black Rectangle
Inkscape Black Rectangle
Note that this gives you a Rectangle without rounded corners.


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.



Inkscape Rounded Rectangle
Inkscape Rounded Rectangle
It should look like this:


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
The Fill Tab will be active. Select the Flat Color Icon
Inkscape Flat Color Icon
Inkscape
Flat Color
Icon

(the second icon in the Fill Tab).

Inkscape Fill Tab Options
Inkscape Fill Tab Options





















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

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.

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


Inkscape Orange Bar on Flyer
Inkscape Orange Bar on Flyer
So that your flyer should look like this:


Step 05: Multicolored Rounded Rectangle Bar

Ok, now using what we've just learned we will now 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
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 Fit Page in Window Icon
Inkscape
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.

Inkscape
Inkscape File Menu New
So that the flyer should look like this: