Create Amazing Flyers As You Learn Graphic Design


Step 09: Set Rectangle Stroke & Size

To change the size of the Rectangle's Stroke, select the Fill & Stroke Icon and click on the Stroke Style Tab (the 3rd Tab in the Fill & Stroke Window).

Set Width to 0.011 in.
Inkscape Stroke Width
Inkscape Stroke Width


Step 10: Set Rectangle Fill

Inkscape Fill & Stroke Window Light Orange
Inkscape Fill & Stroke Window Light Orange
With the Rectangle still selected, click on the Fill Tab in the Fill & Stroke Window.

Set R to 255, G to 246 & B to 213.


Step 11: Set Rectangle Opacity

Inkscape Opacity 50%
Inkscape Opacity 50%
At the bottom of the Fill Tab you will see Opacity, %. Set this to 50.


Inkscape Opacity 50
Inkscape Opacity 50
This could also be achieved by changing the Opacity Value at the bottom left of the screen.

Notice the slight difference:

Inkscape Shapes Before Opacity Applied
Inkscape Shapes
Before Opacity Applied
Opacity 100% Before

Inkscape Shapes After Opacity Applied
Inkscape Shapes
After Opacity Applied
Opacity 50% After


Step 12: Public Domain Vector Clipart

Cutlery Clip Art
Cutlery Clip Art
Now we can add an Image to the Flyer. The Public Domain Vector Clipart for this Restaurant Flyer was downloaded from Clker.

The Clipart is called Moself Cutlery by Lyo.

Once the image has been downloaded, you will need to place it into the Flyer.


Step 13: Import Image

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 Select File to Import Window
Inkscape Select File to Import Window















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

A window will appear asking you to Link or Embed your image.



Inkscape Embed or Link Image Window
Inkscape Embed or Link Image Window
Select Embed > OK.
Inkscape Embedded Image
Inkscape Embedded Image

Your image will appear with 8 Arrows around it.



Step 14: Resize Image

To Resize the Image, set the Width Box to 2 in and the Height Box to 3 in. Then hit Enter or click anywhere on the Flyer.

Place the Resized image in the center of the Rectangle. Set its Opacity to 50% as well. Hit the Enter Key or click somewhere on the Flyer.


Step 15: Order Objects

Inkscape Lower to Bottom Icon
Inkscape
Lower to
Bottom Icon
With the Image still selected, click on the Lower to Bottom Icon on the Tools Control Bar so that the Image will now be placed behind the Rectangle.

Inkscape Restaurant Background To Front
Inkscape Restaurant
Background To Front
Image on Top of Rectangle

Inkscape Restaurant Background To Back
Inkscape Restaurant
Background To Back
Image Behind Rectangle


Step 16: Free Fonts

NotMaryKate Font
NotMaryKate Font
Next we can start adding text to the Flyer. For the Restaurant Flyer Title, SubTitles and Telephone, the Font used is Not Mary Kate by Nick's Fonts, which was downloaded from FontSpace.

If you want to view more of Nick's Fonts check out his website at Nicksfonts.
Monoglyceride Font
Monoglyceride Font


For the remaining text I used a Font called Monoglyceride. It can be downloaded from FontFreak and is designed by Tepid Monkey Fonts.

(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 will have to restart the Inkscape program after Font(s) installation.)


Step 17: 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 "Aly's Restaurant".

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

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

Inkscape Restaurant Title
Inkscape Restaurant Title
Select the title and move it into the desired location on the flyer.

Repeat for Subtitles setting the Font Size to 40 and Telephone Info setting Font Size to 28.

For the Authentic Text and the Menu Items, repeat the steps to select Monoglyceride from the Font List, setting Font Sizes to 36 and 20 respectively.
Center the Authentic Text by clicking on the Align Center Icon.
Inkscape Align Center Icon
Inkscape
Align Center
Icon

Set the Alignment for the Menu Items to Left.

Since all 4 Menu Titles will have the same Color we will be making the change to all 4 of them at the same time. To do this, hold down the Shift Key while selecting each Menu Title.
Inkscape Select Titles Black
Inkscape Select Titles Black


Once selected, go up to the Menu Bar and click on the Fill and Stroke Icon.

In the Fill Tab select the Flat Color Icon then set R to 255, G to 102, and B to 0 for Orange.

Then go to the Stroke Paint Tab and select the No Paint Icon.

Inkscape Orange Text with No Stroke
Inkscape Orange Text with No Stroke
The Font should look like this:



Step 18: 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, colorful Restaurant Flyer by implementing a very simple step by step process.

Inkscape Restaurant Flyer
Inkscape Restaurant Flyer
Your completed Restaurant Flyer using the OpenSource Professional Graphic Design Application - Inkscape should look like this:

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 | Mother's Day Flyer | Yoga Class Flyer