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
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
After opening the Step 01: Document Setup Inkscape program, go up to the Menu Bar and select File > Document Properties.
Inkscape File Menu - Document Properties
This will open up the
Document Properties Window.
Inkscape Document Properties Window
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
The first thing that you will add to this Flyer will be a Inkscape Toolbox
Go to the Inkscape Rectangle Tool
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
You'll see that the
Width and Height boxes are grayed out.
Draw a Inkscape Rectangle
Rectangle anywhere on the canvas.
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.
Notice that the Step 03: Object Size 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
Next click on the Inkscape Select Tool
Select Tool from the Toolbox.
Select the Rectangle and drag it to the bottom of the Flyer.
Selected Rectangle will have 8 Black Arrows around it. These are also used for Scaling and Skewing the Shape.
Inkscape Selected Rectangle
Let's now edit the Step 04: Edit Fill & Stroke Color Fill & Stroke Color of this Rectangle.
Rectangle selected, move your cursor over the Maroon Color on the Color Palette below and click to set the Rectangle Fill.
Inkscape Color Palette
Then right click over the same Inkscape Set Stroke Color
Color to reveal a menu. Select Set Stroke.
Rectangle will now be a Solid Maroon Color.
Inkscape Solid Maroon Color Rectangle
Step 05: Convert to Curves
With the Inkscape Edit Paths by Nodes Tool
Rectangle selected, go to the Toolbox and select the Edit Paths by Nodes Tool.
Paths Tool Controls Bar becomes visible.
Inkscape Paths Tool Controls Bar
Click on the Inkscape Convert Object to Path Icon
Convert Selected Object to Path Icon.
Four very tiny
Grey Nodes become visible around the Rectangle.
Inkscape Rectangle with Nodes
While pressing your left mouse button down, drag your cursor over both Step 06: Add Nodes Nodes on the Top Left & Right side of the Rectangle.
Nodes change from Grey Squares to Blue Green.
Inkscape Selected Nodes
On the Inkscape Add Nodes Icon
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
Click a second time to add 2 more
Nodes. Click on any white area to deselect these Nodes.
Inkscape Add New Nodes