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

PoojaMoolya at 05:56, 28 March 2017

2017-03-28T05:56:45Z

Pratik kamble at 10:05, 23 December 2016

2016-12-23T10:05:49Z

Pratik kamble at 10:04, 23 December 2016

2016-12-23T10:04:44Z

Pratik kamble at 10:04, 23 December 2016

2016-12-23T10:04:11Z

Show changes

Pratik kamble at 09:53, 23 December 2016

2016-12-23T09:53:27Z

Sandhya.np14 at 10:01, 11 September 2015

2015-09-11T10:01:10Z

Sandhya.np14 at 12:58, 8 September 2015

2015-09-08T12:58:07Z

Show changes

PoojaMoolya: 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..."

2015-03-26T10:25:43Z

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..."

New page

{| border=1
| 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.

|}

@@ Line 389: / Line 389: @@
 |-
 |  07:14
-|  Now, type the text “Spoken Tutorial”.
+|  Now, type the text '''Spoken Tutorial'''.
 |-
 |  07:18
@@ Line 531: / Line 531: @@
 |-
 |  09:32
-| * Change the '''Document properties'''
+|  Change the '''Document properties'''
 |-
 |  09:34
-| * Design an '''A4 poster'''
+|  Design an '''A4 poster'''
 |-
 |  09:36
-| * Saving the poster in 'pdf'.
+|  Saving the poster in '''pdf'''.
 |-

@@ Line 1: / Line 1: @@
 {| border=1
-| Time
+| '''Time'''
-| Narration
+| '''Narration'''
 |-

@@ Line 560: / Line 560: @@
 |-
-|  10.01
+|  10:01
 |  For more details, please write to us.
 |-
-|  10.04
+|  10:04
 |  Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
 |-
-|  10.10
+|  10:10
 |  More information on this mission is available at this link.
 |-
-|  10.14
+|  10:14
 |  We have come to the end of this tutorial.
 |-
-|  10.16
+|  10:16
 |  This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.
 |}

@@ Line 13: / Line 13: @@
 |-
 |  00.10
-| * Change the '''Document properties'''
+|  Change the '''Document properties'''
 |-
 |  00.12
-| * Design an '''A4 poster''' and
+|  Design an '''A4 poster''' and
 |-
 |  00.14
-| * '''Save''' the poster in 'pdf'.
+|  '''Save''' the poster in 'pdf'.
 |-
@@ Line 27: / Line 27: @@
 |-
 |  00.19
-| * '''Ubuntu Linux''' 12.04 OS
+|  '''Ubuntu Linux''' 12.04 OS
 |-
 |  00.22
-| * '''Inkscape''' version 0.48.4
+|  '''Inkscape''' version 0.48.4
 |-

@@ Line 89: / Line 89: @@
 |-
 |  1.21
-| When we click on it, a new dialog box appears.
+| When we click on it, a new '''dialog box''' appears.
 |-
 |  1.24
-|  Move the '''RGB sliders''' to the left and right.
+|  Move the '''RGB slider'''s to the left and right.
 |-
@@ Line 109: / Line 109: @@
 |-
 |  1.47
-|  Bring the '''alpha slider''' back to the extreme left and close the dialog box.
+|  Bring the '''Alpha''' slider back to the extreme left and close the dialog box.
 |-
@@ Line 216: / Line 216: @@
 |-
 |  4.01
-|  Next click on '''Guides''' tab.
+|  Next, click on '''Guides''' tab.
 |-
@@ Line 228: / Line 228: @@
 |-
 |  4.12
-|  Click on the vertical ruler and drag a guideline.
+|  Click on the vertical '''ruler''' and drag a '''guideline'''.
 |-
@@ Line 240: / Line 240: @@
 |-
 |  4.25
-|  '''Guide color''' is the color of the guideline.
+|  '''Guide color''' is the color of the '''guideline'''.
 |-
@@ Line 268: / Line 268: @@
 |-
 |  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 335: / Line 335: @@
 |-
 |  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 350: / Line 350: @@
 |-
 |  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
@@ Line 361: / Line 361: @@
 |-
 |  6.47
-| Go to '''File menu. '''Click on '''Import.'''
+| Go to '''File''' menu. Click on '''Import.'''
 |-
@@ Line 389: / Line 389: @@
 |-
 |  7.14
-|  Now type the text “'''Spoken Tutorial'''”.
+|  Now, type the text “Spoken Tutorial”.
 |-
 |  7.18
@@ Line 403: / Line 403: @@
 |-
 |  7.27
-|  After this, type the text “'''partner with us...help bridge the digital divide'''”.
+|  After this, type the text “partner with us...help bridge the digital divide”.
 |-
@@ Line 483: / Line 483: @@
 |-
 |  8.47
-|  Next let us learn how to save it in '''pdf''' format.
+|  Next, let us learn how to save it in '''pdf''' format.
 |-
@@ Line 541: / Line 541: @@
 |-
 |  9.38
-|  Here is an assignment for you.
+|  Here is an assignment for you-
 |-
 |  9.40
-| * Create an '''A4 poster''' for '''Spoken Tutorial Project'''.
+|  create an '''A4 poster''' for '''Spoken Tutorial Project'''.
 |-