Create Amazing Flyers As You Learn Graphic Design


Step 09: Arrange Rectangles

Inkscape Red & Black Rectangles
Inkscape Red
& Black Rectangles
Move the Black Rectangle so that it can be the Layer 1 of the stack.

Next move the Red Rectangle untop of the Black Rectangle. Repeat for the Green Rectangle.
Inkscape Green Rectangle Below Others
Inkscape Green Rectangle
Below Others


Now if there is any trouble like I had for the Green Rectangle you will need to use the Arrange Buttons.

Inkscape Arrange Buttons
Inkscape Arrange Buttons
In my case the Green Rectanlge would only go below the other rectangles. So to correct this, select the Green Rectanlge and go up to the Raise and Lower Buttons in the Tools Control Bar.
Click on the Raise Selection To Top Button.
Inkscape Raise Selection to Top Button
Inkscape
Raise
Selection to
Top Button


Inkscape Green Rectangle Above Others
Inkscape Green
Rectangle Above Others
Now the stack is ready for you to Group.


Step 10: Group Rectangles

Inkscape 3 Ungrouped Rectangles
Inkscape 3 Ungrouped Rectangles
These Rectangles will need to be Grouped so that their order is not accidentally rearranged. To do this drag the mouse over all 3 Rectangles and then move them to make certain all 3 are selected.

Inkscape Group Icon
Inkscape
Group Icon
Go up to the Commands Bar and click on the Group Selected Objects Icon.

Inkscape 3 Grouped Rectangles
Inkscape 3 Grouped Rectangles
Notice that the object now has 1 Solid Border instead of 3. This is how you'll know that your object is Grouped.




Step 12: Import Images

Inkscape File Menu - Import
Inkscape File Menu - Import
To place the new images, go to File > Import which will open the Select File to Import Window.

Inkscape Import Window
Inkscape Import Window


The Woman Image I previously scaled down to 159 x 201.

After you've located the file, click the Open button at the bottom right of the window.



Inkscape Import Image Link or Embed
Inkscape Import Image Link or Embed
An Image Input Window will appear asking if you want to Link or Embed your image.

To Link the image means that information about the location of the original image is saved inside your flyer.

To Embed the image means that a copy of the original image will be placed inside your flyer.

Choose Embed for a smaller file size and click OK.


Inkscape Imported Image
Inkscape Imported Image
Your image will appear with 8 Arrows around it.

Next move the Image on top of the Rectangles.
Inkscape Place Imported Image Above Colored Rectangles
Inkscape Place Imported Image
Above Colored Rectangles


You can also Import 1 each of the other images for the flyer with the following sizes.


91 x 126
px

60 x 104
px

50 x 56
px

90 x 70
px

60 x 47
px


Step 13: Change Image Opacity

Inkscape Opacity Settings
Inkscape Opacity Settings
In the bottom left corner of the screen, on the right side of the Fill and Stroke area you will see an O which stands for Opacity or Image Transparency.

Inkscape Image with 50% Opacity
Inkscape Image with 50% Opacity
Select the Woman image and then change the 100 to 50.

Hit Enter or click anywhere on the page.


Step 14: Duplicate Images

Inkscape Duplicate Icon
Inkscape
Duplicate
Icon
To Duplicate the Yellow Flower, select it and click on the Duplicate Icon on the Command Bar.

Inkscape Duplicated Yellow Flowers
Inkscape Duplicated
Yellow Flowers
Do this 3 times to create 3 Duplicates. The Duplicates will appear directly behind the original.

Inkscape Duplicated Red & Yellow Flowers
Inkscape Duplicated Red & Yellow Flowers
You will have to move each one separately and place in the desired location on the flyer.

Do the same for the Red Flower, creating 4 Duplicates.

Inkscape Butterflies on Flowers
Inkscape Butterflies on Flowers
Then place the last 3 Butterfly Images in the flyer. Using what you've already learned about Rotation set the following for the Butterflies.

Inkscape Rotated Butterflies on Flowers
Inkscape Rotated Butterflies on Flowers
Blue: Rotate 20 Deg Counterclockwise
Green: Rotate -40 Deg Clockwise
White: Rotate 20 Deg CounterClockwise


Step 15: Free Fonts

Kingthings Annex Font
Kingthings Annex Font
For the Mother's Day Title, the Font used is Kingthings Annex by Kevin King, which was downloaded from FontFreak.

I picked this Font especially because of all the foliage that comes with it, going well with the theme of the Flyer - Mother's Day.

If you want to view more of Kevin King's Free Fonts check out his website at KingthingsFonts

(Note for a newly downloaded Font to be usable on your machine, you must first install it. Any Font installed while Inkscape is open, will not be visible in the Font List. To correct this, you must first restart the Inkscape program after Font(s) installation.)


Step 16: Insert Text

To insert the text, go to the Tool Box and select the Text Tool.
Inkscape Text Tool
Inkscape
Text Tool
Click anywhere on the page and type "Mother's Day at the Spa".


Inkscape Text Tool Properties Bar
Inkscape Text Tool Properties Bar
Go to the Tool Properties Bar, click the First Down Arrow and select KingThings Annex from the Font List.

Then set the Font Size to "100" by clicking on the Next Down Arrow to the right and selecting "100" or you can just click in the box and type in that number, whichever is faster for you.

Inkscape Align Center Icon
Inkscape
Align Center
Icon
Center the text by clicking on the Align Center Icon.

Inkscape Mother's Day Flyer Black Title Text
Inkscape Mother's Day Flyer Black Title Text
The Font should look like this:



Step 17: Edit Text Color

To change the color of the text, hold down the Left mouse button, drag the mouse to select only the words "Mother's Day". Once selected, go up to the Menu Bar and click on the Fill and Stroke Icon.

In the Stroke Paint Tab set R to 255, G to 0, and B to 0 for Red.

Select the words "at the" and set R to 255, G to 255, and B to 255 for White.

Select the word "Spa" and set R to 204, G to 255, and B to 0 for Green.

Inkscape Multicolored Title Text
Inkscape Multicolored Title Text
Now you have a Multicolored Title.


Step 18: Add Remaining Text

Inkscape Desyrel Font
Desyrel Font
The rest of the text on the flyer uses the Desyrel Font downloaded from Fontsquirrel and designed by Apostrophic Labs.

Here are the Settings:
Facials Text - Size 40, Align Left, Stroke Paint Black, Stroke Style 1px
Show Mom Text - Size 32, Align Center
The Spa Center Text - Size 22, Align Right, Stroke Paint White, Stroke Style .5px
Mom's Special Text - Size 36, Align Center, Stroke Paint Red, Stroke Style 1px
Mother & Daughter Text - Size 36, Align Center, Stroke Paint Green, Stroke Style 1px


Step 19: Save File

Inkscape File Menu - Save
Inkscape File Menu - Save
To save your file, go to File > Save. It will be saved as a Scalable Vector Graphic (svg) file by default.

There you have it, we have created an eyecatching, vibrant, colorful Mother's Day Spa Flyer by implementing a very simple step by step process.

Your completed Mother's Day Spa Flyer using the OpenSource Professional Graphic Design Application - Inkscape should look like this:

Inkscape Mother's Day Spa Flyer
Inkscape Mother's Day Spa Flyer




























If you liked this Tutorial, please Share! Thank You for visiting!

Want more Inkscape Tutorials?

Bridal Pageant Boutique Flyer | Computer Classes Flyer | Digital Photography Flyer | Easter Egg Hunt Flyer | Fall Fest Flyer | Happy Father's Day Flyer | Florist Flyer | Restaurant Flyer | Yoga Class Flyer