Difference between revisions of "Inkscape/C3/Create-an-A4-Poster/English-timed"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with "{| border=1 | Time | Narration |- | 00.01 | Welcome to the Spoken Tutorial on “'''Create an A4 Poster'''” using '''Inkscape'''. |- | 00.07 | In this tutorial we wil...")
 
Line 5: Line 5:
 
|-
 
|-
 
|  00.01
 
|  00.01
−
|  Welcome to the Spoken Tutorial on “'''Create an A4 Poster'''” using '''Inkscape'''.  
+
|  Welcome to the '''Spoken Tutorial''' on “'''Create an A4 Poster'''” using '''Inkscape'''.  
  
 
|-
 
|-
 
|  00.07
 
|  00.07
−
|  In this tutorial we will learn to  
+
|  In this tutorial, we will learn to:
  
 
|-
 
|-
Line 19: Line 19:
 
|-
 
|-
 
|  00.14
 
|  00.14
−
| * Save the poster in '''pdf'''
+
| * '''Save''' the poster in 'pdf'.
  
 
|-
 
|-
 
|  00.17
 
|  00.17
−
|  To record this tutorial, I am using  
+
|  To record this tutorial, I am using:
  
 
|-
 
|-
Line 50: Line 50:
 
|-
 
|-
 
|  00.41
 
|  00.41
−
| So I will leave it as it is.  
+
| So, I will leave it as it is.  
 
|-
 
|-
 
|  00.44
 
|  00.44
−
| If it is not so on your machine, then select '''A4 size'''.  
+
| If it is not so, on your machine, then select '''A4 size'''.  
  
 
|-
 
|-
Line 73: Line 73:
 
|-
 
|-
 
|  1.03
 
|  1.03
−
|  In the first tab, '''Page''', click on the '''Default units''' drop down list.  
+
|  In the first tab '''Page''', click on the '''Default units''' drop-down list.  
  
 
|-
 
|-
Line 97: Line 97:
 
|-
 
|-
 
|  1.29
 
|  1.29
−
|  To make the background colour visible on the '''canvas''', move the '''alpha slider''' towards the right.  
+
|  To make the '''background colour''' visible on the '''canvas''', move the '''alpha slider''' towards the right.  
  
 
|-
 
|-
 
|  1.35
 
|  1.35
−
| Now the transparency changes to the selected RGB values.  
+
| Now the transparency changes to the selected 'RGB' values.  
  
 
|-
 
|-
 
|  1.40
 
|  1.40
−
|  Observe that the color on the background option in the '''Document properties''' window changes, as I move.  
+
|  Observe that the color on the background option, in the '''Document properties''' window, changes as I move.  
  
 
|-
 
|-
Line 117: Line 117:
 
|-
 
|-
 
|  1.55
 
|  1.55
−
| We can change the size of the '''canvas''' using these options, too.  
+
| We can change the size of the '''canvas''' using these options too.  
  
 
|-
 
|-
Line 141: Line 141:
 
|-
 
|-
 
|  2.23
 
|  2.23
−
|  Click on the '''Units''' drop down list. Here we can change the units according to our requirement.  
+
|  Click on the '''Units''' drop-down list. Here, we can change the units according to our requirement.  
  
 
|-
 
|-
Line 152: Line 152:
 
|-
 
|-
 
| 2.37  
 
| 2.37  
−
| The various available options opens up.  
+
| The various available options open up.  
  
 
|-
 
|-
Line 168: Line 168:
 
|-
 
|-
 
|  2.57
 
|  2.57
−
|  To demonstrate these options, let me first draw an ellipse in this manner.  
+
|  To demonstrate these options, let me first draw an '''ellipse''' in this manner.  
  
 
|-
 
|-
 
|  3.03
 
|  3.03
−
|  The first option makes the page border, that is the border of the '''canvas,''' visible.  
+
|  The first option makes the page border, that is, the border of the '''canvas''' visible.  
  
 
|-
 
|-
Line 184: Line 184:
 
|-
 
|-
 
|  3.18
 
|  3.18
−
|  The second option sets the border on top of the drawing, so that it is clearly visible.  
+
|  The second option sets the border on top of the drawing so that it is clearly visible.  
−
 
+
  
 
|-
 
|-
Line 194: Line 193:
 
|  3.31
 
|  3.31
 
|  The third option shows a shadow of the canvas on the right and bottom.  
 
|  The third option shows a shadow of the canvas on the right and bottom.  
−
 
  
 
|-
 
|-
Line 215: Line 213:
 
|  3.57
 
|  3.57
 
| Let us leave the default border color as it is.  
 
| Let us leave the default border color as it is.  
−
 
−
 
  
 
|-
 
|-
Line 225: Line 221:
 
|  4.03
 
|  4.03
 
| '''Guides''' help you align text and graphic objects on the '''canvas'''.  
 
| '''Guides''' help you align text and graphic objects on the '''canvas'''.  
−
 
  
 
|-
 
|-
 
|  4.08
 
|  4.08
−
| You can create ruler guides here.  
+
| You can create '''ruler guides''' here.  
  
 
|-
 
|-
Line 238: Line 233:
 
|  4.15
 
|  4.15
 
|  Now check and uncheck the first option '''Show Guides'''  
 
|  Now check and uncheck the first option '''Show Guides'''  
−
 
  
 
|-
 
|-
Line 266: Line 260:
 
|-
 
|-
 
|  4.44
 
|  4.44
−
|  '''Snap guides while dragging''' option helps to snap the objects or bounding box to the nearest guidelines, while dragging.  
+
|  '''Snap guides while dragging''' option helps to '''snap''' the objects or bounding box to the nearest guidelines while dragging.  
  
 
|-
 
|-
Line 275: Line 269:
 
|  4.54
 
|  4.54
 
| Using this option, we can set the grid that appears behind the artwork on the '''canvas'''.  
 
| Using this option, we can set the grid that appears behind the artwork on the '''canvas'''.  
−
 
  
 
|-
 
|-
Line 283: Line 276:
 
|-
 
|-
 
|  5.07
 
|  5.07
−
|  Click on the drop down list.  
+
|  Click on the drop-down list.  
  
 
|-
 
|-
Line 299: Line 292:
 
|-
 
|-
 
|  5.25
 
|  5.25
−
|  We can set the '''grid''' properties as per our requirement, using the available options.  
+
|  We can set the '''grid''' properties as per our requirement using the available options.  
  
 
|-
 
|-
Line 307: Line 300:
 
|-
 
|-
 
|  5.36
 
|  5.36
−
|  In a similar way, you can try the options for '''Axonometric grid,''' too.  
+
|  In a similar way, you can try the options for '''Axonometric grid''' too.  
  
 
|-
 
|-
 
|  5.41
 
|  5.41
 
|  The options in the next 3 tabs will be covered in the advanced level tutorials in this series.  
 
|  The options in the next 3 tabs will be covered in the advanced level tutorials in this series.  
−
 
−
 
  
 
|-
 
|-
 
|  5.47
 
|  5.47
−
|  Now let us start creating the poster.  
+
|  Now, let us start creating the poster.  
  
 
|-
 
|-
Line 341: Line 332:
 
|-
 
|-
 
| 6.08
 
| 6.08
−
|  Next, *draw a header area on the top  
+
|  Next, draw a '''header area''' on the top  
 
|-
 
|-
 
|  6.16
 
|  6.16
−
| *and a footer area at the bottom of the '''canvas,''' using the '''Bezier tool.'''  
+
| and a '''footer area''' at the bottom of the '''canvas''' using the '''Bezier tool.'''  
  
 
|-
 
|-
Line 356: Line 347:
 
|-
 
|-
 
|  6.28
 
|  6.28
−
| * This logo has been provided to you in the '''Code Files''' link.  
+
| This logo has been provided to you in the '''Code Files''' link.  
 
|-
 
|-
 
|  6.32
 
|  6.32
−
| * So, first of all, pause the tutorial, click on '''Code Files''' and download the zip file.  
+
| So, first of all, pause the tutorial, click on '''Code Files''' and download the '''zip file'''.  
 
|-
 
|-
 
|  6.39
 
|  6.39
−
| * Now unzip the folder and save it in your preferred location on your machine.  
+
| Now '''unzip''' the folder and '''save''' it in your preferred location on your machine.  
  
 
|-
 
|-
Line 382: Line 373:
 
|-
 
|-
 
|  6.59
 
|  6.59
−
| A new dialog box opens up. Click on '''OK. '''
+
| A new dialog box opens up. Click on '''OK. '''
  
 
|-
 
|-
Line 390: Line 381:
 
|-
 
|-
 
|  7.06
 
|  7.06
−
|  Resize it to 100×100 pixels.
+
|  '''Resize''' it to '''100×100 pixels'''.
  
 
|-
 
|-
 
|  7.09
 
|  7.09
−
| Place it on the top left corner of the header area.
+
| Place it on the top left corner of the '''header area'''.
  
 
|-
 
|-
Line 420: Line 411:
 
|-
 
|-
 
|  7.39
 
|  7.39
−
|  Next let us add some text.  
+
|  Next, let us add some text.  
  
 
|-
 
|-
 
|  7.42
 
|  7.42
 
| I have already saved a sample text in a '''LibreOffice Writer''' document on my machine.  
 
| I have already saved a sample text in a '''LibreOffice Writer''' document on my machine.  
−
 
  
 
|-
 
|-
Line 433: Line 423:
 
|-
 
|-
 
|  7.51
 
|  7.51
−
| Pls use locate it in your saved folder.  
+
| Please locate it in your saved folder.  
−
 
+
  
 
|-
 
|-
 
|  7.54
 
|  7.54
−
| Now, I will copy and paste this text in the empty space on my poster.  
+
| Now, I will '''copy''' and '''paste''' this text in the empty space on my poster.  
  
 
|-
 
|-
Line 448: Line 437:
 
|-
 
|-
 
|  8.06
 
|  8.06
−
|  Create bullets and place before each sentence.
+
|  Create '''bullet'''s and place before each sentence.
  
 
|-
 
|-
Line 456: Line 445:
 
|-
 
|-
 
|  8.13
 
|  8.13
−
|  As before, import them one by one.  
+
|  As before, '''import''' them one by one.  
  
 
|-
 
|-
 
|  8.17
 
|  8.17
−
|  I have saved them in the images folder.  
+
|  I have saved them in the '''images''' folder.  
−
 
+
  
 
|-
 
|-
Line 469: Line 457:
 
|-
 
|-
 
|  8.24
 
|  8.24
−
| Pls locate them in your saved folder.
+
| Please locate them in your saved folder.
  
 
|-
 
|-
 
|  8.27
 
|  8.27
 
|  Select the images and resize them.  
 
|  Select the images and resize them.  
−
 
  
 
|-
 
|-
 
|  8.30
 
|  8.30
 
|  Move them to the bottom area of the '''poster'''.
 
|  Move them to the bottom area of the '''poster'''.
−
 
 
|-
 
|-
 
|  8.33
 
|  8.33
−
|  Let us write the contact details at the footer area.  
+
|  Let us write the contact details at the '''footer area'''.  
  
 
|-
 
|-
 
|  8.37
 
|  8.37
−
|  Once again, copy and paste the text from '''LibreOffice Writer '''document.  
+
|  Once again, '''copy''' and '''paste''' the text from '''LibreOffice Writer '''document.  
  
 
|-
 
|-
Line 494: Line 480:
 
|-
 
|-
 
|  8.45
 
|  8.45
−
|  Now, our poster is ready.  
+
|  Now, our '''poster''' is ready.  
 
|-
 
|-
 
|  8.47  
 
|  8.47  
Line 518: Line 504:
 
|  9.02
 
|  9.02
 
|  Change the format to '''pdf''' by clicking on the drop-down list at the bottom right of the dialog box.  
 
|  Change the format to '''pdf''' by clicking on the drop-down list at the bottom right of the dialog box.  
−
 
  
 
|-
 
|-
 
|  9.09
 
|  9.09
−
| Here, in the '''Name''' field type '''Spoken-Tutorial-Poster.pdf'''  
+
| Here, in the '''Name''' field, type: '''Spoken-Tutorial-Poster.pdf'''.
−
 
+
  
 
|-
 
|-
Line 539: Line 523:
 
|-
 
|-
 
|  9.25
 
|  9.25
−
|  So we have the poster in '''pdf''' format.  
+
|  So, we have the poster in '''pdf''' format.  
  
 
|-
 
|-
 
|  9.28
 
|  9.28
−
|  Let us summarize. In this tutorial we learnt to  
+
|  Let us summarize. In this tutorial we learnt to:
  
 
|-
 
|-
Line 553: Line 537:
 
|-
 
|-
 
|  9.36
 
|  9.36
−
| * Saving the poster in '''pdf'''
+
| * Saving the poster in 'pdf'.
  
 
|-
 
|-
Line 573: Line 557:
 
|-
 
|-
 
|  9.54
 
|  9.54
−
|  The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.  
+
|  The Spoken Tutorial Project team conducts workshops and gives certificates for those who pass an online test.  
  
 
|-
 
|-
Line 585: Line 569:
 
|-
 
|-
 
|  10.10
 
|  10.10
−
|  More information on this Mission is available at this link.  
+
|  More information on this mission is available at this link.  
  
 
|-
 
|-

Revision as of 18:28, 8 September 2015

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 open 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 Please 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 Please 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

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Inkscape/C3/Create-an-A4-Poster/English-timed&oldid=23502"