Create Amazing Flyers As You Learn Graphic Design


Inkscape Yoga Class Flyer Tutorial


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

Inkscape Yoga Class Flyer
Inkscape Yoga Class Flyer

Download Template
View PDF

Steps


01: Document Setup
02: Create Rectangle
03: Object Size
04: Edit Fill & Stroke Color
05: Convert to Curves
06: Add Nodes
07: Adjust Line Segment
08: Curve Line Segment
09: Create Duplicates
10: Arrange Order
11: Insert Circles
12: Royalty Free Clip Art
13: Import Image
14: Ungroup Images
15: Flip Images Horizontally
16: Free Fonts
17: Insert & Format Text
18: Add Drop Shadow
19: Add & Format Text
20: Save File

Step 01: Document Setup

After opening the Inkscape program, go up to the Menu Bar and 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

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. (I prefer to work with Inches, however you can leave the px for Pixels if that is your preference).

In the Page Size section choose US Letter which gives the dimensions 8.5" x 11".

Orientation will be set to Portrait by Default.

The change will be immediately made to the document.

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 Toolbox
Inkscape Toolbox
The first thing that you will add to this Flyer will be a Rectangle.

Inkscape Rectangle Tool
Inkscape Rectangle Tool
Go to the Toolbox on the left and select the Rectangle Tool.



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

Inkscape Rectangle Tool Controls Bar
Inkscape Rectangle Tool Controls Bar

You'll see that the Width and Height boxes are grayed out.

Inkscape Rectangle
Inkscape Rectangle
Draw a Rectangle anywhere on the canvas.

The Rectangle will have 3 Handles (2 squares, 1 circle) on 3 of its corners.

The Circular Handle allows you to adjust the Roundness of the Rectangle Corners.

The Square Handles allow you to adjust the Rectangle's Width and Height.

However, instead of adjusting the Dimensions by sight, we will use a more precise method.



Step 03: Object Size

Notice that the Width and Height boxes of the Rectangle Tool Controls Bar have changed to allow you to edit the Rectangle's Dimensions directly.

Go up to the Width Box and enter 8.5 Inches and set Heights to 4.5 Inches.

Inkscape Object Size Width & Height
Inkscape Object Size Width & Height

Inkscape Select Tool
Inkscape Select Tool
Next click on the Select Tool from the Toolbox.

Select the Rectangle and drag it to the bottom of the Flyer.

The Selected Rectangle will have 8 Black Arrows around it. These are also used for Scaling and Skewing the Shape.

Inkscape Selected Rectangle
Inkscape Selected Rectangle


Step 04: Edit Fill & Stroke Color

Let's now edit the Fill & Stroke Color of this Rectangle.

With the Rectangle selected, move your cursor over the Maroon Color on the Color Palette below and click to set the Rectangle Fill.

Inkscape Color Palette
Inkscape Color Palette

Inkscape Set Stroke Color
Inkscape Set Stroke Color
Then right click over the same Color to reveal a menu. Select Set Stroke.

So the Rectangle will now be a Solid Maroon Color.

Inkscape Solid Maroon Color Rectangle
Inkscape Solid Maroon Color Rectangle


Step 05: Convert to Curves

Inkscape Edit Paths by Nodes Tool
Inkscape Edit Paths by Nodes Tool
With the Rectangle selected, go to the Toolbox and select the Edit Paths by Nodes Tool.

Notice the Paths Tool Controls Bar becomes visible.

Inkscape Paths Tool Controls Bar
Inkscape Paths Tool Controls Bar

Inkscape Convert Object to Path Icon
Inkscape Convert Object to Path Icon
Click on the Convert Selected Object to Path Icon.

Four very tiny Grey Nodes become visible around the Rectangle.

Inkscape Rectangle with Nodes
Inkscape Rectangle with Nodes



Step 06: Add Nodes

While pressing your left mouse button down, drag your cursor over both Nodes on the Top Left & Right side of the Rectangle.

The selected Nodes change from Grey Squares to Blue Green.

Inkscape Selected Nodes
Inkscape Selected Nodes

Inkscape Add Nodes Icon
Inkscape Add Nodes Icon
On the Controls Bar select the Insert New Nodes Into Selected Segments Icon or as I like to say Add Nodes Icon.

Clicking this Icon once will add a Node to the middle of this Line Segment.

Inkscape Add New Node
Inkscape Add New Node

Click a second time to add 2 more Nodes. Click on any white area to deselect these Nodes.

Inkscape Add New Nodes
Inkscape Add New Nodes