Create Amazing Flyers As You Learn Graphic Design


Inkscape Florist Flyer Tutorial


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

Inkscape Florist Flyer
Inkscape Florist Flyer

Download Template

Steps


01: Document Setup
02: Colored Background
03: Fill and Stroke
04: Color Palette
05: Draw Other Rectangles
06: Color Rectangle 1
07: Color Other Rectangles
08: Rectangles with No Stroke
09: Rounded Rectangle
10: Rounded Rectangle BG
11: Add Text
12: Edit Font
13: Add New Text
14: Add Images
15: Import Images
16: Resize / Duplicate Image
17: Align Images
18: Filter Effects
19: Rename Filter
20: Add Effects
21: Gaussian Blur Connection
22: Offset Connection
23: Merge Connection
24: Gaussian Blur - S D
25: Offset - Delta X and Y
26: Apply Drop Shadow
27: Save File

Step 01: Document Setup

Inkscape Menu Bar
Inkscape Menu Bar




Inkscape File Menu - Document Properties
Inkscape File Menu - Document Properties
Upon opening Inkscape, locate the Menu Bar.

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: Colored Background

Inkscape Toolbar
Inkscape Toolbar
We will construct the colored background with 3 shapes. Go to the Tool Box.

(Flipped horizontally for the purpose of the Tutorial)

Select the Rectangle Tool
Inkscape Rectangle Tool
Inkscape
Rectangle
Tool
. Draw Rectangle 1 on the page.

Step 03: Fill and Stroke

To the bottom left of the screen is the Fill and Stroke Box. If you double click on it, the Fill and Stroke Window will appear.

Inkscape Fill & Stroke Area
Inkscape Fill & Stroke Areaw
However, if you right click the Fill Color in this Fill and Stroke Box, a menu to edit the Fill will pop up. Vice versa, if you right click the Stroke Color, a menu to edit the Stroke will pop up.


Step 04: Color Palette

On this Edit Fill menu select "White".
Inkscape Edit Fill Menu
Inkscape Edit Fill Menu
Then repeat the step for the Stroke and select "Black".

Just above the Fill and Stroke Box is the Color Palette. It should show the Default Inkscape Colors.

Inkscape Default Color Palette
Inkscape Default Color Palette




To verify, click on the Arrow
Inkscape Arrow
Inkscape
Arrow
to the bottom right of the screen.


Step 05: Draw Other Rectangles

A Color Menu will pop up.
Inkscape Color Menu
Inkscape Color Menu
If you wanted to change the colors that you see, you could select one of the other options on the menu, such as "Gold".

Inkscape Rectangle Template Background
Inkscape Rectangle
Template Background
Draw 3 more Rectangles, setting the Fill to "White" and the Stroke to "Black".

Draw the Rectangles on the page so that they look like this:



Step 06: Color Rectangle 1

Using the Select Tool
Inkscape Select Tool
Inkscape
Select Tool
, select Rectangle 1 in the upper left corner. Open the Fill and Stroke Window by double clicking on the Fill and Stroke Box.

Inkscape Fill & Stroke Window
Inkscape Fill & Stroke Window
Select the Fill Tab, then the Flat Color Button
Flat Color Icon
Inkscape
Flat Color
Icon
.

Select the RGB Tab, then put in these numbers.

R = 170, G = 212, B = 0, A = 255.
Inkscape Green R 170 G 212 B 0
Inkscape Green
R 170 G 212 B 0


At the bottom of the window set the Opacity to "100%". Do this for the other Rectangles as well.


Step 07: Color Other Rectangles

Repeat the steps to do the same thing for the other Rectangles.

Inkscape Green R 218 G 236 B 143
Inkscape Green
R 218 G 236 B 143
Rectangle 2: Set R to "218", G to "236" and B to "143". Click OK.

Inkscape Green R 239 G 255 B 177
Inkscape Green
R 239 G 255 B 177
Rectangle 3: Set R to "239", G to "255" and B to "177". Click OK.

Inkscape Green R 209 G 236 B 99
Inkscape Green
R 209 G 236 B 99
Rectangle 4: Set R to "209", G to "236" and B to "99". Click OK.


Step 08: Rectangles with No Stroke

Make sure that each Rectangle has No Stroke.

Click on the Stroke Paint Tab while each Rectangle is selected.

Inkscape No Stroke Button
Inkscape
No Stroke
Button
Click on the No Stroke Button.

Inkscape Colored Rectangle
Inkscape Colored Rectangle
The result will look like this:



Step 09: Rounded Rectangle

Inkscape Tools Control Bar
Inkscape Tools Control Bar
Select the Rectangle Tool, then go up to the Tools Control Bar and enter "266.761" in the Ry: Box.

Draw the Rectangle on the canvas.


Step 10: Rounded Rectangle Background

Change the Fill Color to "White" and the Stroke to a "Dark Green".

Then place this "White" Rectangle on top of the "Green" Background.

Inkscape White Layer on Colored Background
Inkscape White Layer
on Colored Background
It should look like this:


Step 11: Add Text

Select the Text Tool
Inkscape Text Tool
Inkscape
Text Tool
on the Tool Box and click anywhere on the canvas and start typing your blocks of Text. In this case we will start with the Title which is "Amaya's Flower Garden".

Inkscape Command Bar
Inkscape Command Bar




Go to the Command Bar and select the Text Properties Icon.
Inkscape Text Icon
Inkscape
Text Icon