Inkscape/C3/Create-an-A4-Poster/English-timed

From Script | Spoken-Tutorial
Revision as of 15:55, 26 March 2015 by PoojaMoolya (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Time Narration
00.01 Welcome to the Spoken Tutorial on “Create an A4 Poster” using Inkscape.
00.07 In this tutorial we will learn to
00.10 * Change the Document properties
00.12 * Design an A4 poster and
00.14 * Save the poster in pdf
00.17 To record this tutorial, I am using
00.19 * Ubuntu Linux 12.04 OS
00.22 * Inkscape version 0.48.4
00.26 Let us open Inkscape.
00.28 Go to File. Click on New.
00.32 These are the default canvas sizes that are available.
00.37 My canvas is, by default, in A4 size.
00.41 So I will leave it as it is.
00.44 If it is not so on your machine, then select A4 size.
00.49 Let us now change some settings.
00.51 Go to File. Click on Document properties.
00.54 A dialog box opens up where we can find various tabs and options.
00.59 Let us learn about them one by one.
1.03 In the first tab, Page, click on the Default units drop down list.
1.08 As I click one-by-one, observe that the unit of the ruler changes.
1.13 Let me keep the unit as pixels.
1.16 Background option helps to change the transparency and color of the background.
1.21 When we click on it, a new dialog box appears.
1.24 Move the RGB sliders to the left and right.
1.29 To make the background colour visible on the canvas, move the alpha slider towards the right.
1.35 Now the transparency changes to the selected RGB values.
1.40 Observe that the color on the background option in the Document properties window changes, as I move.
1.47 Bring the alpha slider back to the extreme left and close the dialog box.
1.52 Under Page size, we find many options.
1.55 We can change the size of the canvas using these options, too.
2.00 As I click, observe the change in the canvas size.
2.04 Let us keep the page size as A4.
2.08 Orientation can be changed to either Portrait or Landscape.
2.12 Click on both the options and observe the change on the canvas.
2.17 We can change the width and height of the canvas using the Width and Height parameters.
2.23 Click on the Units drop down list. Here we can change the units according to our requirement.
2.31 Let us now change the units to pixels.
2.34 Click on Resize page to content option.
2.37 The various available options opens up.
2.41 We can set margins for all the sides here.
2.45 After setting the margins, one needs to click on the button Resize page to drawing or selection.
2.51 Next is the Border option. We can see 3 check-box options here.
2.57 To demonstrate these options, let me first draw an ellipse in this manner.
3.03 The first option makes the page border, that is the border of the canvas, visible.
3.08 Uncheck this option and observe that the borders disappear.
3.13 Then again, check the option and observe that the borders re-appear.
3.18 The second option sets the border on top of the drawing, so that it is clearly visible.


3.25 Once again check and uncheck this option and observe what happens on the canvas.
3.31 The third option shows a shadow of the canvas on the right and bottom.


3.36 Notice here, the border to the right and bottom are thicker than the other two sides.
3.42 Uncheck the third option and observe that this shadow disappears.
3.47 We can use all these options according to our requirement and preference.
3.52 The Border color option allows us to decide the color of the border.
3.57 Let us leave the default border color as it is.


4.01 Next click on Guides tab.
4.03 Guides help you align text and graphic objects on the canvas.


4.08 You can create ruler guides here.
4.12 Click on the vertical ruler and drag a guideline.
4.15 Now check and uncheck the first option Show Guides


4.19 and observe the guideline appears and disappears on the canvas.
4.25 Guide color is the color of the guideline.
4.28 Highlight color is the color of the guideline when it is being dragged to a certain position.
4.33 The default colours of the guide and the highlight are shown here.
4.37 You can change it as per your preference.
4.41 I will leave the default colors as they are.
4.44 Snap guides while dragging option helps to snap the objects or bounding box to the nearest guidelines, while dragging.
4.52 Next, click on the Grids tab.
4.54 Using this option, we can set the grid that appears behind the artwork on the canvas.


5.00 Grids are helpful to position objects on the canvas but they do not get printed.
5.07 Click on the drop down list.
5.09 Rectangular grid and Axonometric grid are the two types of grids available.
5.16 Select Rectangular grid and click on the New button.
5.20 Immediately, a grid is formed on the canvas background.
5.25 We can set the grid properties as per our requirement, using the available options.
5.31 We can remove the grid by clicking on the Remove button at the bottom.
5.36 In a similar way, you can try the options for Axonometric grid, too.
5.41 The options in the next 3 tabs will be covered in the advanced level tutorials in this series.


5.47 Now let us start creating the poster.
5.50 So, first let me delete the ellipse and the guideline.
5.53 For our poster, we will first design a background.
5.58 Click on the Rectangle tool.
6.00 Draw a large rectangle that covers the whole canvas.
6.06 Color it with light blue gradient.
6.08 Next, *draw a header area on the top
6.16 *and a footer area at the bottom of the canvas, using the Bezier tool.
6.23 We will color it blue.
6.25 Let us import the Spoken Tutorial logo now.
6.28 * This logo has been provided to you in the Code Files link.
6.32 * So, first of all, pause the tutorial, click on Code Files and download the zip file.
6.39 * Now unzip the folder and save it in your preferred location on your machine.
6.45 Now come back to our Inkscape document.
6.47 Go to File menu. Click on Import.
6.51 Go to folder where the logo is saved.
6.54 Select the Spoken Tutorial logo and click on Open.
6.59 A new dialog box opens up. Click on OK.
7.03 Now the logo is imported on our canvas.
7.06 Resize it to 100×100 pixels.
7.09 Place it on the top left corner of the header area.
7.14 Now type the text “Spoken Tutorial”.
7.18 Make it Bold.
7.20 Change the text font size to 48.
7.24 Place it to the right of the logo.
7.27 After this, type the text “partner with us...help bridge the digital divide”.
7.35 Change the font size to 20.
7.39 Next let us add some text.
7.42 I have already saved a sample text in a LibreOffice Writer document on my machine.


7.47 This sample text has been provided to you in the Code Files.
7.51 Pls use locate it in your saved folder.


7.54 Now, I will copy and paste this text in the empty space on my poster.
8.00 Change the font size to 28.
8.04 Set the line spacing.
8.06 Create bullets and place before each sentence.
8.10 We will add 2 images below that.
8.13 As before, import them one by one.
8.17 I have saved them in the images folder.


8.20 These images have been provided to you in the Code Files.
8.24 Pls locate them in your saved folder.
8.27 Select the images and resize them.


8.30 Move them to the bottom area of the poster.
8.33 Let us write the contact details at the footer area.
8.37 Once again, copy and paste the text from LibreOffice Writer document.
8.42 Change the font size to 18.
8.45 Now, our poster is ready.
8.47 Next let us learn how to save it in pdf format.
8.51 Go to File and click on Save As.
8.55 A dialog box appears.
8.58 Choose the folder in which you want to save.
9.00 I will choose Desktop.
9.02 Change the format to pdf by clicking on the drop-down list at the bottom right of the dialog box.


9.09 Here, in the Name field type Spoken-Tutorial-Poster.pdf


9.16 Then click on Save button.
9.18 Our poster is saved in the Desktop.
9.21 Let us go to our Desktop and check our poster.
9.25 So we have the poster in pdf format.
9.28 Let us summarize. In this tutorial we learnt to
9.32 * Change the Document properties
9.34 * Design an A4 poster
9.36 * Saving the poster in pdf
9.38 Here is an assignment for you.
9.40 * Create an A4 poster for Spoken Tutorial Project.
9.44 Your completed assignment should look like this.
9.48 The video available at the following link summarizes the Spoken Tutorial project. Please watch it.
9.54 The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.
10.01 For more details, please write to us.
10.04 Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
10.10 More information on this Mission is available at this link.
10.14 We have come to the end of this tutorial.
10.16 This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.

Contributors and Content Editors

PoojaMoolya, Pratik kamble, Sandhya.np14