SlideShare a Scribd company logo
This tutorial will show you the steps to create this simple Fall Fest Flyer using the
                       Professional Graphic Design Application - Inkscape.
        Steps
        01: Document Setup
        02: Create Rectangle
        03: Set Rounded Corners
        04: Rounded Rectangle Color
        05: Multicolored Rectangle Bar
        06: Align Rounded Rectangles
        07: Rectangle Bar Fill Colors
        08: Group Multicolored Bar
        09: Royalty Free Images
        10: Import Images
        11: Resize Image
        12: Free Fonts
        13: Insert Text
        14: Edit Text Color
        15: Add & Format New Text
        16: Save File




                                                 Fall Fest Flyer
                                                 This is an eye-catching, colorful, vibrant flyer
                                                 that utilizes Fall Colors, Images of Fall Foliage,
                                                 and the Flyer Title uses a Font with Foliage to
                                                 further emphasize the Fall Theme.




                     If there is anything that is unclear to you, or you spot any mistakes,
             please send email to feedback@flyertutor.com Suggestions are always welcome.

                                                  Page 1 of 10
Inkscape Tutorial – Fall Fest Flyer                                               www.flyertutor.com
Step 01: Document Setup

Upon opening Inkscape, locate the Menu Bar.
Select File > New > Letter. This will determine
the Page Size. Letter is 8.5 by 11 inches.




Step 02: Create Rectangle

      The first thing that you will add to this Flyer will be a Rectangle. Go to the Tool Bar and select the
      Rectangle Tool.

Notice that this will change the Tool Properties Bar, which is located above the Flyer/Canvas.



You'll see that the Width and Height boxes are grayed out. Draw a Rectangle at the bottom of the page.
Once this is done, the Width and Height boxes will change to allow you to edit the Rectangle
Dimensions.



                                                  Page 2 of 10
Inkscape Tutorial – Fall Fest Flyer                                                www.flyertutor.com
On the Tool Properties Bar, the last box allows you to change the measurement type. Here it is
          set to px for Pixels. When you select the down arrow a drop down menu will appear that has
different measurement types to choose from.

      pt for Points
      px for Pixels
      mm for Millimeters
      cm for Centimeters
      m for Meters
      in for Inches

Choose in for Inches.

Then go over to the Width Box and enter “8.05” in, and set the Height Box to “0.46” in. Note that this
gives you a Rectangle without rounded corners.



Step 03: Set Rounded Corners

To Round the corners of the Rectangle go back to the Tool Properties Box and set Ry (which is the
Vertical Radius of Rounded Corners) to 0.09 in. Click on any white area outside of the Flyer to deselect
the Rectangle.
It should look like this:



Step 04: Rounded Rectangle Color

     Now we need to change the Rounded Rectangle's Color. To do this, first go to the Toolbar and pick
     the Select Tool.

    Using this tool, click on the Rounded Rectangle. Proceed to the Tool
Bar and select the Fill and Stroke Icon. This opens the Fill and Stroke
Window.

The Fill Tab will be active. Select the Flat Color Icon
(the second icon in the Fill Tab).




                                                 Page 3 of 10
Inkscape Tutorial – Fall Fest Flyer                                           www.flyertutor.com
This will show the Flat Color Options with Tabs for RGB, HSL,
                                      CMYK & Wheel.

                                      Under RGB, set R to 255, G to 102, and B to 0 by entering the
                                      desired number or using the up and down arrows to change the
                                      visible figures.

                                      This changes the Rounded Rectangle's Fill from the previous color
                                      to our desired orange color.




                                      So that your flyer should look like this:




Step 05: Multicolored Rounded Rectangle Bar

Ok, now using what we've just learned we will now create a Multicolored Rounded Rectangle Bar. Draw 4
Rectangles and place them side by side. We will use the following dimensions for each Rectangle:

First Rectangle's Dimensions: W 2.16, H 0.48, Ry 0.11
Second Rectangle's Dimensions: W 1.65, H 0.48, Ry 0.11
Third Rectangle's Dimensions: W 2.16, H 0.48, Ry 0.11
Fourth Rectangle's Dimensions: W 1.35, H 0.48, Ry 0.11

With the Rectangle Tool still selected, click on the First Rectangle. Set the Dimensions (remember to
use the Tool Property Bar). Repeat steps for the other Rectangles. They will all have the last Fill Color
applied which was our Custom Orange. Before applying the new Colors to the Rectangles, let us align and
adjust them.




                                                Page 4 of 10
Inkscape Tutorial – Fall Fest Flyer                                               www.flyertutor.com
Step 06: Align Rounded Rectangles

  Look at the Ruler on the left side of the screen.

  Pick a number with which to line up your 4 Rectangles, let's say a random number 6. Using the Select
  Tool, click on the first Rectangle and drag it over to this number 6 on the ruler.

  Then select the Zoom Tool      from the Tool Bar, and click to zoom in as far as you would like to go.
  Reselect the Rectangle and move it so that it lines up with this 6. Then do this for every other Rounded
  Rectangle.
                                Once you have lined up all 4 Rectangles, go up to the Menu Bar and
                                      select the Zoom to Fit Page in Window Icon.

                                                  Using the Select Tool, move the Rectangles to the right
                                                  of each other so that there is a tiny space between each
                                                  Rectangle.



  So that the flyer should look like this:




Step 07: Multicolored Rectangle Bar Fill

Repeating the steps to set Fill Color, set the following:

Rectangle 1 - R 128, G 51, B 0


Rectangle 2 - R 255, G 102, B 0


Rectangle 3 - R 212, G 170, B 0

Rectangle 4 - R 102, G 128, B 0

So that your Flyer will now look like this:




                                                  Page 5 of 10
Inkscape Tutorial – Fall Fest Flyer                                              www.flyertutor.com
Step 08: Group Multicolored Bar

Before moving on, we will group the Multicolored Bar so that none of the Rectangles accidentally get
moved out of line with the others.

To do this, click on the Select Tool       from the Tool Bar, and while holding down the left mouse button
drag the cursor over the 4 Rectangles.


Click on the Group Selected Objects Icon          on the Menu Bar. Movement of the entire Multicolored Bar
will now be much easier.

If for some reason you need to make a change to one or more of your Rounded
Rectangles, simply select the bar, right click the mouse, and select Ungroup from
the popup menu.


     To make this step even simpler, select the Ungroup Selected Objects
Icon located on the Menu Bar.




Step 09: Royalty Free Images

With this done, we can now focus on adding Images to the Flyer. The Royalty Free Images for this Fall
Fest Flyer were downloaded from PublicDomainPictures

                         The Top Image is called Autumn Still Life.

                                          The Bottom Image is called Sweet Conker. Both images were
                                          taken by Petr Kratochvil.

                                          Once your images have been downloaded, you will need to place
                                          them into the Flyer.




                                                  Page 6 of 10
Inkscape Tutorial – Fall Fest Flyer                                             www.flyertutor.com
Step 10: Import Images

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




                                                                 After you've located the file, click the
                                                                 Open button at the bottom right of the
                                                                 window. Your image will appear with 8 arrows
                                                                 around it.



Step 11: Resize Image

                          To resize the image, move your mouse over one of the corner arrows and while
                          holding down the Ctrl key ( to keep proportional image ) drag the mouse to
                          decrease the size of the image, then move into place on the Flyer. Click in any
                          white area on the canvas to deselect the image.

                      Repeat these steps to place the second image, so that
both images on the Flyer should look like this:




                                                  Page 7 of 10
Inkscape Tutorial – Fall Fest Flyer                                               www.flyertutor.com
Step 12: Free Fonts

                                             Next we can start adding text to the Flyer. For the Fall Fest
                                             Title, the Font used is Kingthings Annex by Kevin King, which
was downloaded from FontFreak.com. I picked this Font especially because of all the foliage that comes
with it, going well with the theme of the Flyer - Fall.

If you want to view more of Kevin King's Free Fonts check out his website at
www.KingthingsFonts.co.uk. (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 the Font(s) installation.)

Step 13: Insert Text

To insert the text, go to the Tool Box and select the Text Tool.       Click anywhere on the page and
type "Fall Fest". 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 "144" by clicking on the Next Down Arrow to the
right and selecting "144" or you can just click in the box and type in
that number, whichever is faster for you.

The Font should look like this:

Step 14: Edit Text Color
To change the color of the text, hold down the Left mouse button, drag the mouse to select only the
word "Fall". Once selected, go up to the Menu Bar and click on the Fill and Stroke Icon.
           In the Fill Tab, set R to 68, G to 85, and B to 0.

            Repeat this step for "Fest" and set R to 212, G to170, and B to 0.

Use the Select Tool to move your Text to the Top Center of the Flyer.

The Colored Title will look like this:




And when added to the Flyer, it should look like this:




                                                     Page 8 of 10
Inkscape Tutorial – Fall Fest Flyer                                                    www.flyertutor.com
Step 15: Add & Format New Text

Now to add the remaining text. Originally, when I first did this Fall Fest Flyer (years ago), I downloaded a
Font called Segoe Print from FontFreak.com and it was Freeware at the time. Now it no longer is
available there, seems you have to purchase it for both personal and commercial purposes. Unless you
have Windows Vista or Windows 7 running on your machine or you use Microsoft
Office 2007or Microsoft Office 2010. Seems these fonts are now bundled with these programs. So for
those of you without any of these, you'll have to find a free Font that goes well with this Flyer. Again, check
out FontFreak.com and verify that you can use a Font by checking its License.


Ok, back to the Font. Set the "Saturday" text to "Segoe Print", Size 40, Centered and Bold.
To Center, with text selected, click on the Center Icon which can be found on the right side of the Font
Size Box.


    Set Text to Bold by clicking on the Bold Icon. Move your text into place using the Select Tool.


The "Craft" text is "Segoe Print", Size 48, Aligned Left     and Bold. Again move the text into the
proper position on the Flyer. The "Children" text is "Segoe Print", Size 32 and Centered.

The "Address" text is "Segoe Print", Size 23 and Aligned Left.

Move into position on the Orange Colored Bar making the Bar appear to be the background for the Text.




                                                  Page 9 of 10
Inkscape Tutorial – Fall Fest Flyer                                                www.flyertutor.com
Step 16: Save File

                                 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 eye-catching, vibrant, colorful Fall
                                 Fest Flyer by implementing a very simple step by step process.

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




                                                   Page 10 of 10
Inkscape Tutorial – Fall Fest Flyer                                                www.flyertutor.com

More Related Content

What's hot

Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6
Ila Azmil
 

What's hot (20)

Illustrator's basic shapes part 2 & combining shapes
Illustrator's basic shapes part 2 & combining shapesIllustrator's basic shapes part 2 & combining shapes
Illustrator's basic shapes part 2 & combining shapes
 
Illustrator's basic shapes part 1
Illustrator's basic shapes part 1Illustrator's basic shapes part 1
Illustrator's basic shapes part 1
 
Adobe Illustrator - Creating the Poster
Adobe Illustrator - Creating the PosterAdobe Illustrator - Creating the Poster
Adobe Illustrator - Creating the Poster
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
How to Make a Web 2.0 Play Button in Adobe Illustrator CS6
How to Make a Web 2.0 Play Button in Adobe Illustrator CS6How to Make a Web 2.0 Play Button in Adobe Illustrator CS6
How to Make a Web 2.0 Play Button in Adobe Illustrator CS6
 
Photo Shop
Photo ShopPhoto Shop
Photo Shop
 
Adobe illustrator getting started
Adobe illustrator getting startedAdobe illustrator getting started
Adobe illustrator getting started
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
 
Adobe illustrator 2
Adobe illustrator 2Adobe illustrator 2
Adobe illustrator 2
 
Adobe Illustrator: 6 Essential Tips and Tools
Adobe Illustrator: 6 Essential Tips and ToolsAdobe Illustrator: 6 Essential Tips and Tools
Adobe Illustrator: 6 Essential Tips and Tools
 
Changing eye colour in photoshop
 Changing eye colour in photoshop Changing eye colour in photoshop
Changing eye colour in photoshop
 
Intro to Adobe Photoshop
Intro to Adobe PhotoshopIntro to Adobe Photoshop
Intro to Adobe Photoshop
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6
 
Adobe illustrator 1
Adobe illustrator 1Adobe illustrator 1
Adobe illustrator 1
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Vectors and Pen tool
Vectors and Pen toolVectors and Pen tool
Vectors and Pen tool
 
Smooth and soften skin in a photo with photoshop
Smooth and soften skin in a photo with photoshopSmooth and soften skin in a photo with photoshop
Smooth and soften skin in a photo with photoshop
 
IndesignFlyer
IndesignFlyerIndesignFlyer
IndesignFlyer
 
Hair removal - Photoshop
Hair removal - PhotoshopHair removal - Photoshop
Hair removal - Photoshop
 
Adobe Illustrator Basics
Adobe Illustrator BasicsAdobe Illustrator Basics
Adobe Illustrator Basics
 

Viewers also liked (7)

Adobe Illustrator Tutorials: Easter Egg Hunt Flyer
Adobe Illustrator Tutorials: Easter Egg Hunt FlyerAdobe Illustrator Tutorials: Easter Egg Hunt Flyer
Adobe Illustrator Tutorials: Easter Egg Hunt Flyer
 
WSI Net Power Company Profile
WSI Net Power Company ProfileWSI Net Power Company Profile
WSI Net Power Company Profile
 
Interaktionsdesign och SketchFlow
Interaktionsdesign och SketchFlowInteraktionsdesign och SketchFlow
Interaktionsdesign och SketchFlow
 
Inkscape Tutorials: Bridal Pageant Boutique Flyer
Inkscape Tutorials: Bridal Pageant Boutique FlyerInkscape Tutorials: Bridal Pageant Boutique Flyer
Inkscape Tutorials: Bridal Pageant Boutique Flyer
 
Inkscape Tutorials: Florist Flyer
Inkscape Tutorials: Florist FlyerInkscape Tutorials: Florist Flyer
Inkscape Tutorials: Florist Flyer
 
Speech
SpeechSpeech
Speech
 
Windows 7 för IT proffs
Windows 7 för IT proffsWindows 7 för IT proffs
Windows 7 för IT proffs
 

Similar to Inkscape Fall Fest Flyer Tutorial

Similar to Inkscape Fall Fest Flyer Tutorial (20)

Illustrator Tutorials: Florist Flyer
Illustrator Tutorials: Florist FlyerIllustrator Tutorials: Florist Flyer
Illustrator Tutorials: Florist Flyer
 
Adobe Illustrator Tutorials: Digital Photography Flyer
Adobe Illustrator Tutorials: Digital Photography FlyerAdobe Illustrator Tutorials: Digital Photography Flyer
Adobe Illustrator Tutorials: Digital Photography Flyer
 
Corel Draw Tutorial: Florist Flyer
Corel Draw Tutorial: Florist FlyerCorel Draw Tutorial: Florist Flyer
Corel Draw Tutorial: Florist Flyer
 
OpenOffice Draw Tutorials: Florist Flyer
OpenOffice Draw Tutorials: Florist FlyerOpenOffice Draw Tutorials: Florist Flyer
OpenOffice Draw Tutorials: Florist Flyer
 
OpenOffice Draw Tutorial: Digital Photography Flyer
OpenOffice Draw Tutorial: Digital Photography FlyerOpenOffice Draw Tutorial: Digital Photography Flyer
OpenOffice Draw Tutorial: Digital Photography Flyer
 
Unit 5 Task 4 Tutorial
Unit 5 Task 4 TutorialUnit 5 Task 4 Tutorial
Unit 5 Task 4 Tutorial
 
Unit 5 Task 4 Create an Ad
Unit 5 Task 4 Create an AdUnit 5 Task 4 Create an Ad
Unit 5 Task 4 Create an Ad
 
how to use design by software.pptx
how to use design by software.pptxhow to use design by software.pptx
how to use design by software.pptx
 
Microsoft Publisher 2007 Tutorial: Digital Photography Flyer
Microsoft Publisher 2007 Tutorial: Digital Photography FlyerMicrosoft Publisher 2007 Tutorial: Digital Photography Flyer
Microsoft Publisher 2007 Tutorial: Digital Photography Flyer
 
Microsoft Publisher 2007 Tutorials: Florist Flyer
Microsoft Publisher 2007 Tutorials: Florist FlyerMicrosoft Publisher 2007 Tutorials: Florist Flyer
Microsoft Publisher 2007 Tutorials: Florist Flyer
 
Text and Extrude
Text and ExtrudeText and Extrude
Text and Extrude
 
How To Make a Business Card on Photoshop
How To Make a Business Card on PhotoshopHow To Make a Business Card on Photoshop
How To Make a Business Card on Photoshop
 
Botones
BotonesBotones
Botones
 
Corel Draw Beginner Tutorial: How to Make a New Product Flyer
Corel Draw Beginner Tutorial: How to Make a New Product FlyerCorel Draw Beginner Tutorial: How to Make a New Product Flyer
Corel Draw Beginner Tutorial: How to Make a New Product Flyer
 
Adobe illustrator basics
Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basics
 
Morgan Campbell Advanced Dtp Notes
Morgan Campbell Advanced Dtp NotesMorgan Campbell Advanced Dtp Notes
Morgan Campbell Advanced Dtp Notes
 
Graphics
GraphicsGraphics
Graphics
 
MEMBUAT LOGO THE COFFEE SHOP
MEMBUAT LOGO THE COFFEE SHOPMEMBUAT LOGO THE COFFEE SHOP
MEMBUAT LOGO THE COFFEE SHOP
 
production diary
production diary production diary
production diary
 
Pepsi vector tutorial
Pepsi vector tutorialPepsi vector tutorial
Pepsi vector tutorial
 

More from Flyer Tutor

More from Flyer Tutor (9)

Inkscape Computer Classes Flyer Tutorial
Inkscape Computer Classes Flyer TutorialInkscape Computer Classes Flyer Tutorial
Inkscape Computer Classes Flyer Tutorial
 
Microsoft Word Tutorial: Easter Egg Hunt Flyer
Microsoft Word Tutorial: Easter Egg Hunt FlyerMicrosoft Word Tutorial: Easter Egg Hunt Flyer
Microsoft Word Tutorial: Easter Egg Hunt Flyer
 
Microsoft Word Tutorial: Bridal Pageant Boutique Flyer
Microsoft Word Tutorial: Bridal Pageant Boutique FlyerMicrosoft Word Tutorial: Bridal Pageant Boutique Flyer
Microsoft Word Tutorial: Bridal Pageant Boutique Flyer
 
OpenOffice Draw Tutorials: Easter Egg Hunt Flyer
OpenOffice Draw Tutorials: Easter Egg Hunt FlyerOpenOffice Draw Tutorials: Easter Egg Hunt Flyer
OpenOffice Draw Tutorials: Easter Egg Hunt Flyer
 
Corel Draw Tutorials: Easter Egg Hunt Flyer
Corel Draw Tutorials: Easter Egg Hunt FlyerCorel Draw Tutorials: Easter Egg Hunt Flyer
Corel Draw Tutorials: Easter Egg Hunt Flyer
 
Microsoft Publisher 2007 Tutorial: Easter Egg Hunt Flyer
Microsoft Publisher 2007 Tutorial: Easter Egg Hunt FlyerMicrosoft Publisher 2007 Tutorial: Easter Egg Hunt Flyer
Microsoft Publisher 2007 Tutorial: Easter Egg Hunt Flyer
 
Microsoft Word 2007 Tutorial: Digital Photography Flyer
Microsoft Word 2007 Tutorial: Digital Photography FlyerMicrosoft Word 2007 Tutorial: Digital Photography Flyer
Microsoft Word 2007 Tutorial: Digital Photography Flyer
 
Microsoft Word 2007 Tutorials: Florist Flyer
Microsoft Word 2007 Tutorials: Florist FlyerMicrosoft Word 2007 Tutorials: Florist Flyer
Microsoft Word 2007 Tutorials: Florist Flyer
 
Inkscape Tutorials: Easter Egg Hunt Flyer
Inkscape Tutorials: Easter Egg Hunt FlyerInkscape Tutorials: Easter Egg Hunt Flyer
Inkscape Tutorials: Easter Egg Hunt Flyer
 

Inkscape Fall Fest Flyer Tutorial

  • 1. This tutorial will show you the steps to create this simple Fall Fest Flyer using the Professional Graphic Design Application - Inkscape. Steps 01: Document Setup 02: Create Rectangle 03: Set Rounded Corners 04: Rounded Rectangle Color 05: Multicolored Rectangle Bar 06: Align Rounded Rectangles 07: Rectangle Bar Fill Colors 08: Group Multicolored Bar 09: Royalty Free Images 10: Import Images 11: Resize Image 12: Free Fonts 13: Insert Text 14: Edit Text Color 15: Add & Format New Text 16: Save File Fall Fest Flyer This is an eye-catching, colorful, vibrant flyer that utilizes Fall Colors, Images of Fall Foliage, and the Flyer Title uses a Font with Foliage to further emphasize the Fall Theme. If there is anything that is unclear to you, or you spot any mistakes, please send email to feedback@flyertutor.com Suggestions are always welcome. Page 1 of 10 Inkscape Tutorial – Fall Fest Flyer www.flyertutor.com
  • 2. Step 01: Document Setup Upon opening Inkscape, locate the Menu Bar. Select File > New > Letter. This will determine the Page Size. Letter is 8.5 by 11 inches. Step 02: Create Rectangle The first thing that you will add to this Flyer will be a Rectangle. Go to the Tool Bar and select the Rectangle Tool. Notice that this will change the Tool Properties Bar, which is located above the Flyer/Canvas. You'll see that the Width and Height boxes are grayed out. Draw a Rectangle at the bottom of the page. Once this is done, the Width and Height boxes will change to allow you to edit the Rectangle Dimensions. Page 2 of 10 Inkscape Tutorial – Fall Fest Flyer www.flyertutor.com
  • 3. On the Tool Properties Bar, the last box allows you to change the measurement type. Here it is set to px for Pixels. When you select the down arrow a drop down menu will appear that has different measurement types to choose from. pt for Points px for Pixels mm for Millimeters cm for Centimeters m for Meters in for Inches Choose in for Inches. Then go over to the Width Box and enter “8.05” in, and set the Height Box to “0.46” in. Note that this gives you a Rectangle without rounded corners. Step 03: Set Rounded Corners To Round the corners of the Rectangle go back to the Tool Properties Box and set Ry (which is the Vertical Radius of Rounded Corners) to 0.09 in. Click on any white area outside of the Flyer to deselect the Rectangle. It should look like this: Step 04: Rounded Rectangle Color Now we need to change the Rounded Rectangle's Color. To do this, first go to the Toolbar and pick the Select Tool. Using this tool, click on the Rounded Rectangle. Proceed to the Tool Bar and select the Fill and Stroke Icon. This opens the Fill and Stroke Window. The Fill Tab will be active. Select the Flat Color Icon (the second icon in the Fill Tab). Page 3 of 10 Inkscape Tutorial – Fall Fest Flyer www.flyertutor.com
  • 4. This will show the Flat Color Options with Tabs for RGB, HSL, CMYK & Wheel. Under RGB, set R to 255, G to 102, and B to 0 by entering the desired number or using the up and down arrows to change the visible figures. This changes the Rounded Rectangle's Fill from the previous color to our desired orange color. So that your flyer should look like this: Step 05: Multicolored Rounded Rectangle Bar Ok, now using what we've just learned we will now create a Multicolored Rounded Rectangle Bar. Draw 4 Rectangles and place them side by side. We will use the following dimensions for each Rectangle: First Rectangle's Dimensions: W 2.16, H 0.48, Ry 0.11 Second Rectangle's Dimensions: W 1.65, H 0.48, Ry 0.11 Third Rectangle's Dimensions: W 2.16, H 0.48, Ry 0.11 Fourth Rectangle's Dimensions: W 1.35, H 0.48, Ry 0.11 With the Rectangle Tool still selected, click on the First Rectangle. Set the Dimensions (remember to use the Tool Property Bar). Repeat steps for the other Rectangles. They will all have the last Fill Color applied which was our Custom Orange. Before applying the new Colors to the Rectangles, let us align and adjust them. Page 4 of 10 Inkscape Tutorial – Fall Fest Flyer www.flyertutor.com
  • 5. Step 06: Align Rounded Rectangles Look at the Ruler on the left side of the screen. Pick a number with which to line up your 4 Rectangles, let's say a random number 6. Using the Select Tool, click on the first Rectangle and drag it over to this number 6 on the ruler. Then select the Zoom Tool from the Tool Bar, and click to zoom in as far as you would like to go. Reselect the Rectangle and move it so that it lines up with this 6. Then do this for every other Rounded Rectangle. Once you have lined up all 4 Rectangles, go up to the Menu Bar and select the Zoom to Fit Page in Window Icon. Using the Select Tool, move the Rectangles to the right of each other so that there is a tiny space between each Rectangle. So that the flyer should look like this: Step 07: Multicolored Rectangle Bar Fill Repeating the steps to set Fill Color, set the following: Rectangle 1 - R 128, G 51, B 0 Rectangle 2 - R 255, G 102, B 0 Rectangle 3 - R 212, G 170, B 0 Rectangle 4 - R 102, G 128, B 0 So that your Flyer will now look like this: Page 5 of 10 Inkscape Tutorial – Fall Fest Flyer www.flyertutor.com
  • 6. Step 08: Group Multicolored Bar Before moving on, we will group the Multicolored Bar so that none of the Rectangles accidentally get moved out of line with the others. To do this, click on the Select Tool from the Tool Bar, and while holding down the left mouse button drag the cursor over the 4 Rectangles. Click on the Group Selected Objects Icon on the Menu Bar. Movement of the entire Multicolored Bar will now be much easier. If for some reason you need to make a change to one or more of your Rounded Rectangles, simply select the bar, right click the mouse, and select Ungroup from the popup menu. To make this step even simpler, select the Ungroup Selected Objects Icon located on the Menu Bar. Step 09: Royalty Free Images With this done, we can now focus on adding Images to the Flyer. The Royalty Free Images for this Fall Fest Flyer were downloaded from PublicDomainPictures The Top Image is called Autumn Still Life. The Bottom Image is called Sweet Conker. Both images were taken by Petr Kratochvil. Once your images have been downloaded, you will need to place them into the Flyer. Page 6 of 10 Inkscape Tutorial – Fall Fest Flyer www.flyertutor.com
  • 7. Step 10: Import Images To place the new images, go to File > Import which will open the Select File to Import Window. After you've located the file, click the Open button at the bottom right of the window. Your image will appear with 8 arrows around it. Step 11: Resize Image To resize the image, move your mouse over one of the corner arrows and while holding down the Ctrl key ( to keep proportional image ) drag the mouse to decrease the size of the image, then move into place on the Flyer. Click in any white area on the canvas to deselect the image. Repeat these steps to place the second image, so that both images on the Flyer should look like this: Page 7 of 10 Inkscape Tutorial – Fall Fest Flyer www.flyertutor.com
  • 8. Step 12: Free Fonts Next we can start adding text to the Flyer. For the Fall Fest Title, the Font used is Kingthings Annex by Kevin King, which was downloaded from FontFreak.com. I picked this Font especially because of all the foliage that comes with it, going well with the theme of the Flyer - Fall. If you want to view more of Kevin King's Free Fonts check out his website at www.KingthingsFonts.co.uk. (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 the Font(s) installation.) Step 13: Insert Text To insert the text, go to the Tool Box and select the Text Tool. Click anywhere on the page and type "Fall Fest". 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 "144" by clicking on the Next Down Arrow to the right and selecting "144" or you can just click in the box and type in that number, whichever is faster for you. The Font should look like this: Step 14: Edit Text Color To change the color of the text, hold down the Left mouse button, drag the mouse to select only the word "Fall". Once selected, go up to the Menu Bar and click on the Fill and Stroke Icon. In the Fill Tab, set R to 68, G to 85, and B to 0. Repeat this step for "Fest" and set R to 212, G to170, and B to 0. Use the Select Tool to move your Text to the Top Center of the Flyer. The Colored Title will look like this: And when added to the Flyer, it should look like this: Page 8 of 10 Inkscape Tutorial – Fall Fest Flyer www.flyertutor.com
  • 9. Step 15: Add & Format New Text Now to add the remaining text. Originally, when I first did this Fall Fest Flyer (years ago), I downloaded a Font called Segoe Print from FontFreak.com and it was Freeware at the time. Now it no longer is available there, seems you have to purchase it for both personal and commercial purposes. Unless you have Windows Vista or Windows 7 running on your machine or you use Microsoft Office 2007or Microsoft Office 2010. Seems these fonts are now bundled with these programs. So for those of you without any of these, you'll have to find a free Font that goes well with this Flyer. Again, check out FontFreak.com and verify that you can use a Font by checking its License. Ok, back to the Font. Set the "Saturday" text to "Segoe Print", Size 40, Centered and Bold. To Center, with text selected, click on the Center Icon which can be found on the right side of the Font Size Box. Set Text to Bold by clicking on the Bold Icon. Move your text into place using the Select Tool. The "Craft" text is "Segoe Print", Size 48, Aligned Left and Bold. Again move the text into the proper position on the Flyer. The "Children" text is "Segoe Print", Size 32 and Centered. The "Address" text is "Segoe Print", Size 23 and Aligned Left. Move into position on the Orange Colored Bar making the Bar appear to be the background for the Text. Page 9 of 10 Inkscape Tutorial – Fall Fest Flyer www.flyertutor.com
  • 10. Step 16: Save File 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 eye-catching, vibrant, colorful Fall Fest Flyer by implementing a very simple step by step process. Your completed Fall Fest Flyer using the OpenSource Professional Graphic Design Application - Inkscape should look like this: Page 10 of 10 Inkscape Tutorial – Fall Fest Flyer www.flyertutor.com