Inkscape/C3/Create-an-A4-Poster/English-timed
From Script | Spoken-Tutorial
Revision as of 15:55, 26 March 2015 by PoojaMoolya (Talk | contribs)
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. |