This tutorial will show you the steps to create this simple Flyer using Inkscape.
           Steps
           01: Document...
Step 01: Document Setup
                                                              Upon
       opening Inkscape, locate...
Step 04: Fill and Stroke
       To the bottom left of the screen is the Fill and Stroke Box.                              ...
Step 06: Fill Both Rectangles
                             Using the Select Tool    click on the 1st Rectangle and set bot...
Step 09: Change Text Color
                  Using the Select Tool, select the Text then go down to the Color Palette and ...
Step 12: Change Star's Color
                                          Use the Select Tool to select it then go down to th...
Step 14: Filter Effects
                                         Next we will add the Drop Shadow.

                      ...
Step 16: Add Effects
                                                                           Then move over to the Add
...
Step 20: Gaussian Blur - Standard Deviation
                                                               Then select the...
Step 22: Apply Drop Shadow
                            Click on the Select Tool, click on the Star, then go back to the Fi...
Step 25: Give Image Border
       Next Group the Image and the Rectangle. Select both by holding down the Shift Key and us...
Page 12 of 12
Inkscape Tutorial – Digital Photography Flyer                   www.flyertutor.com
Upcoming SlideShare
Loading in …5
×

Inkscape Tutorials: Digital Photography Flyer

2,854 views
2,747 views

Published on

Learn how to create a Digital Photography Flyer from beginnng to end using Inkscape.

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,854
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
53
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Inkscape Tutorials: Digital Photography Flyer

  1. 1. This tutorial will show you the steps to create this simple Flyer using Inkscape. Steps 01: Document Setup 02: Colored Background 03: Rectangle Setup 04: Fill and Stroke 05: Color Palette 06: Fill Both Rectangles 07: Add Text 08: Text and Font Window 09: Change Text Color 10: Add New Text 11: Create Star 12: Change Star's Color 13: Change Star's Opacity 14: Filter Effects 15: Rename Filter 16: Add Effects 17: Gaussian Blur Connection 18: Offset Connection 19: Merge Connection 20: Gaussian Blur - S D 21: Offset - Delta X and Y 22: Apply Drop Shadow 23: Royalty Free Images 24: Import Images 25: Give Image Border 26: Arrange Images 27: Save File For a larger image click the link below Photo Flyer (400px by 566px) 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 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  2. 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: Colored Background Now we will make 2 Rectangles that go side by side. Select the Rectangle Tool from the Tool Box. (Flipped horizontally for the purpose of the Tutorial) Step 03: Rectangle Setup Then go up to the Tools Control Bar. Set the Width to "4.24", Height to "11", Rx to "0", Ry to "0" and then change the last box to "in" for inches. Then draw the Rectangles on the canvas. Page 2 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  3. 3. Step 04: 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. 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 05: Color Palette Just above the Fill and Stroke Box is the Color Palette. It should show the Default Inkscape Colors. To verify, click on the Arrow to the bottom right of the screen. A Color Menu will pop up. If you wanted to change the colors that you see, you could select one of the other options on the menu. Page 3 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  4. 4. Step 06: Fill Both Rectangles Using the Select Tool click on the 1st Rectangle and set both its Fill and Stroke to "Black" and the Fill and Stroke of the 2nd Rectangle to "Maroon". It should look like this: Step 07: Add Text Select the 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 "Aiden's Digital Photography". Go to the Command Bar and select the Text Properties Icon Step 08: Text and Font Window This will open the Text and Font Window. Here you can change the Font Family, Style, Size, Layout and Line Spacing. You will also be able to see a Preview of your modifications. In this case the Font Family is "Disko" which is a free Font that was downloaded at www.FontFreak.com. The Font Size is "56", Style is Italic and Layout is Centered. Click Apply then Close. Page 4 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  5. 5. Step 09: Change Text Color Using the Select Tool, select the Text then go down to the Color Palette and right click on the Color "White" and select Set Fill, this will change the Text to White. Then drag the Text to the desired spot on the flyer. It should look like this: Step 10: Add New Text Next we can add the remaining Text to the document. The Font used is "Segoe Print" which you can also get at www.FontFreak.com. Be sure to also make this Text White by setting the Fill to "White". Step 11: Create Star Next we will create a Star with a Drop Shadow. To do this, click on the Star Tool on the Tool Box. Then go up to the Tool Control Bar. Select the Star Icon, set Corners to "5" and Spoke Ratio to "0.550". Then draw the Star anywhere on the canvas. Page 5 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  6. 6. Step 12: Change Star's Color Use the Select Tool to select it then go down to the Color Palette and right click on the color "White" and select Set Fill, this will change the Star to White . Repeat these steps and set the Stroke to "White" as well. Then drag the Star to the appropriate place on the document. It should look like this: Step 13: Change Star's Opacity 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. While the Star is still selected, set its Opacity to "33.5" instead of "100". Page 6 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  7. 7. Step 14: Filter Effects Next we will add the Drop Shadow. To do this, go to the Objects Menu > Filter Effects. This will open the Filter Effects Window. Step 15: Rename Filter To create the Fill Effect, click on New. In the Filter Column, you will see Filter1. To change this Text to Drop Shadow, right click on Filter1 and select Rename. Type in "Drop Shadow". Page 7 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  8. 8. Step 16: Add Effects Then move over to the Add Effect Button, select the Down Arrow and select 3 Effects, Gaussian Blur, Offset and Merge, clicking Add Effect after each one. Step 17: Gaussian Blur Connection Click on the Little Gray Triangle on the right side of Gaussian Blur, while holding the left mouse button down, drag a line to Source Alpha. Step 18 : Offset Connection Click on the Offset Triangle and drag to Gaussian Blur if this one is not already done for you. Step 19: Merge Connection Connect the 1st Merge Triangle to Offset and the 2nd Triangle to Source Graphic. Page 8 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  9. 9. Step 20: Gaussian Blur - Standard Deviation Then select the Gaussian Blur Effect and set the Standard Deviation to "10.5" in the Effect Parameters Tab. Step 21: Offset - Delta X and Y Then select the Offset Effect and set Delta X to "6.0" and Delta Y to "6.0". Page 9 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  10. 10. Step 22: Apply Drop Shadow Click on the Select Tool, click on the Star, then go back to the Filter Effects Window and select the Check Box for Drop Shadow in the Filter Column. The result should look like this: Step 23: Royalty Free Images Next we can finish up the document by adding Images to it. I downloaded photos from these 3 sites that have Royalty Free Photos to use without any hassel. www.ImageAfter.com www.Public-Domain-Image.com Graphic-Bank.com Step 24: Import Images To add Images go to File > Import. You can then select the file location and click Open. Using the Select Tool, Resize the Images as needed. Next create a White Border for each Image. To do this, select the Rectangle Tool. Draw a Rectangle around the Image. Set the Stroke of this Rectangle to "White" and the Fill to "No Fill". In the Fill and Stroke Window, select the Stroke Style Tab. Change the Width to "0.04" inches. Page 10 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  11. 11. Step 25: Give Image Border Next Group the Image and the Rectangle. Select both by holding down the Shift Key and using the Select Tool. Then go up to the Command Bar and select the Group Button . While still selected, go to theFilter Effects Window and select Drop Shadow. Repeat these steps for every Image, then place on the document in the desired location. Step 26: Arrange Images Be sure to make use of these Buttons on the Tool Control Bar. They are "Lower to Bottom", "Lower one Level", "Raise one Level", and "Raise to Top". Use them to Lower or Raise your Images where necessary. Step 27: Save File This is what the finished document will look like. Go to File > Save. It will be saved as a Scalable Vector Graphic (svg) file by default. Page 11 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com
  12. 12. Page 12 of 12 Inkscape Tutorial – Digital Photography Flyer www.flyertutor.com

×