Create Amazing Flyers As You Learn Graphic Design


Inkscape Happy Father's Day Flyer Tutorial


This tutorial gives the illustrated step by step instructions to create a Happy Father's Day Flyer using the Free Professional Graphic Design Application - Inkscape.

Inkscape Happy Father's Day Flyer
Inkscape Happy Father's Day Flyer

Download Template

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: Create Custom Color
09: Arrange Order
10: Create Duplicate
11: Royalty Free Clip Art
12: Import Image
13: Free Fonts
14: Insert Text
15: Format Text
16: Create Bezier Curve
17: Create A Heart
18: Apply Color & Rotation
19: Save File

Step 01: Document Setup

In the Inkscape program, locate the Menu Bar.
Inkscape Menu Bar
Inkscape 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 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
This Happy Father's Day Flyer, like the Computer Classes Flyer, is very simple and looks like you took some time to create it. The first thing that you will add to this Flyer will be a Rectangle.

Inkscape Toolbox
Inkscape
Toolbox
Go to the Toolbox 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 Draw Rectangle
Inkscape Draw Rectangle
Draw a Rectangle anywhere on the Canvas.

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

The Square Handles allow you to adjust the Rectangle's Width and Height. The Circular Handle allows you to adjust the Roundness of the Rectangle Corners.

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


Step 03: Object Size

Inkscape Object Size Width & Height
Inkscape Object Size Width & Height
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" and set Height to 11".

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

Select the Rectangle and place it so that it touches every corner of the Flyer.

Inkscape Selected Rectangle
Inkscape Selected Rectangle

Note that the selected Rectangle will have 8 Black Scale Handles around it.



Step 04: Edit Fill & Stroke Color

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

With the Rectangle selected, go down to the Color Palette at the bottom of the page.

Inkscape Color Palette
Inkscape Color Palette


Move your cursor over the Gray Colors to the bottom left. Holding the cursor over 1 Color for a second gives you the Color Name. Find the 10% Gray Color and click it.

This will set the Rectangle's Fill from White to Gray.

Inkscape Set Stroke
Inkscape Set Stroke
Then right click over this Color and select Set Stroke from the Menu that appears.

So the Rectangle will now be a Solid 10% Gray.

Inkscape Rectangle with Gray Fill & Stroke
Inkscape Rectangle with Gray Fill & Stroke


Step 05: Convert to Curves

Inkscape Edit Paths by Nodes Tool
Inkscape Edit Paths by Nodes Tool
With the Rectangle selected click on the Edit Paths by Nodes Tool located on the Toolbox.
Inkscape Paths Tool Controls Bar
Inkscape Paths Tool Controls Bar


The Paths Tool Controls Bar becomes visible.

Inkscape Convert Object to Path Icon
Inkscape Convert Object to Path Icon


Click on the Convert Selected Obect to Path Icon.

Six very tiny Nodes become visible around the Rectangle.

Inkscape Rectangle with Nodes
Inkscape Rectangle with Nodes



Step 06: Add Nodes

Inkscape Selected Nodes
Inkscape Selected Nodes
While pressing your left mouse button down, drag your cursor over both Nodes on the right side of the Rectangle, to select these Nodes.

So the selected Nodes change from Gray Squares to Blue Squares.

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.

Inkscape New Nodes Added
Inkscape New Nodes Added
Clicking on it once will add a Node to the middle of this Line Segment.

Click a second time to add 2 more Nodes.

Click on any white area to deselect these Nodes.