Difference between revisions of "Inkscape/C3/Create-an-A4-Poster/English-timed"
From Script | Spoken-Tutorial
Sandhya.np14 (Talk | contribs) |
PoojaMoolya (Talk | contribs) |
||
(4 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
{| border=1 | {| border=1 | ||
− | | Time | + | | '''Time''' |
− | | Narration | + | | '''Narration''' |
|- | |- | ||
− | | 00 | + | | 00:01 |
− | | Welcome to the '''Spoken Tutorial''' on | + | | Welcome to the '''Spoken Tutorial''' on '''Create an A4 Poster''' using '''Inkscape'''. |
|- | |- | ||
− | | 00 | + | | 00:07 |
| In this tutorial, we will learn to: | | In this tutorial, we will learn to: | ||
|- | |- | ||
− | | 00 | + | | 00:10 |
− | | | + | | Change the '''Document properties''' |
|- | |- | ||
− | | 00 | + | | 00:12 |
− | | | + | | Design an '''A4 poster''' and |
|- | |- | ||
− | | 00 | + | | 00:14 |
− | | | + | | '''Save''' the poster in '''pdf'''. |
|- | |- | ||
− | | 00 | + | | 00:17 |
| To record this tutorial, I am using: | | To record this tutorial, I am using: | ||
|- | |- | ||
− | | 00 | + | | 00:19 |
− | | | + | | '''Ubuntu Linux''' 12.04 OS |
|- | |- | ||
− | | 00 | + | | 00:22 |
− | | | + | | '''Inkscape''' version 0.48.4 |
|- | |- | ||
− | | 00 | + | | 00:26 |
| Let us open '''Inkscape.''' | | Let us open '''Inkscape.''' | ||
|- | |- | ||
− | | 00 | + | | 00:28 |
| Go to '''File.''' Click on '''New.''' | | Go to '''File.''' Click on '''New.''' | ||
|- | |- | ||
− | | 00 | + | | 00:32 |
| These are the default '''canvas''' sizes that are available. | | These are the default '''canvas''' sizes that are available. | ||
|- | |- | ||
− | | 00 | + | | 00:37 |
| My '''canvas''' is, by default, in '''A4 size'''. | | My '''canvas''' is, by default, in '''A4 size'''. | ||
|- | |- | ||
− | | 00 | + | | 00:41 |
| So, I will leave it as it is. | | So, I will leave it as it is. | ||
|- | |- | ||
− | | 00 | + | | 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'''. | ||
|- | |- | ||
− | | 00 | + | | 00:49 |
| Let us now change some settings. | | Let us now change some settings. | ||
|- | |- | ||
− | | 00 | + | | 00:51 |
| Go to '''File.''' Click on '''Document properties.''' | | Go to '''File.''' Click on '''Document properties.''' | ||
|- | |- | ||
− | | 00 | + | | 00:54 |
| A dialog box opens up where we can find various tabs and options. | | A dialog box opens up where we can find various tabs and options. | ||
|- | |- | ||
− | | 00 | + | | 00:59 |
| Let us learn about them one by one. | | Let us learn about them one by one. | ||
|- | |- | ||
− | | | + | | 01: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. | ||
|- | |- | ||
− | | | + | | 01:08 |
| As I click one-by-one, observe that the unit of the '''ruler''' changes. | | As I click one-by-one, observe that the unit of the '''ruler''' changes. | ||
|- | |- | ||
− | | | + | | 01:13 |
| Let me keep the unit as '''pixels.''' | | Let me keep the unit as '''pixels.''' | ||
|- | |- | ||
− | | | + | | 01:16 |
| '''Background''' option helps to change the transparency and color of the background. | | '''Background''' option helps to change the transparency and color of the background. | ||
|- | |- | ||
− | | | + | | 01:21 |
| When we click on it, a new '''dialog box''' appears. | | When we click on it, a new '''dialog box''' appears. | ||
|- | |- | ||
− | | | + | | 01:24 |
| Move the '''RGB slider'''s to the left and right. | | Move the '''RGB slider'''s to the left and right. | ||
|- | |- | ||
− | | | + | | 01: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. | ||
|- | |- | ||
− | | | + | | 01:35 |
| Now the transparency changes to the selected 'RGB' values. | | Now the transparency changes to the selected 'RGB' values. | ||
|- | |- | ||
− | | | + | | 01: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. | ||
|- | |- | ||
− | | | + | | 01: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. | ||
|- | |- | ||
− | | | + | | 01:52 |
| Under '''Page size,''' we find many options. | | Under '''Page size,''' we find many options. | ||
|- | |- | ||
− | | | + | | 01: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. | ||
|- | |- | ||
− | | | + | | 02:00 |
| As I click, observe the change in the '''canvas''' size. | | As I click, observe the change in the '''canvas''' size. | ||
|- | |- | ||
− | | | + | | 02:04 |
| Let us keep the page size as '''A4'''. | | Let us keep the page size as '''A4'''. | ||
|- | |- | ||
− | | | + | | 02:08 |
| '''Orientation''' can be changed to either '''Portrait''' or '''Landscape. ''' | | '''Orientation''' can be changed to either '''Portrait''' or '''Landscape. ''' | ||
|- | |- | ||
− | | | + | | 02:12 |
| Click on both the options and observe the change on the '''canvas.''' | | Click on both the options and observe the change on the '''canvas.''' | ||
|- | |- | ||
− | | | + | | 02:17 |
| We can change the width and height of the '''canvas''' using the '''Width''' and '''Height''' parameters. | | We can change the width and height of the '''canvas''' using the '''Width''' and '''Height''' parameters. | ||
|- | |- | ||
− | | | + | | 02: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. | ||
|- | |- | ||
− | | | + | | 02:31 |
| Let us now change the units to '''pixels.''' | | Let us now change the units to '''pixels.''' | ||
|- | |- | ||
− | | | + | | 02:34 |
| Click on '''Resize page to content''' option. | | Click on '''Resize page to content''' option. | ||
|- | |- | ||
− | | | + | | 02:37 |
| The various available options open up. | | The various available options open up. | ||
|- | |- | ||
− | | | + | | 02:41 |
| We can set margins for all the sides here. | | We can set margins for all the sides here. | ||
|- | |- | ||
− | | | + | | 02:45 |
| After setting the margins, one needs to click on the button '''Resize page to drawing or selection'''. | | After setting the margins, one needs to click on the button '''Resize page to drawing or selection'''. | ||
|- | |- | ||
− | | | + | | 02:51 |
| Next is the '''Border''' option. We can see 3 check-box options here. | | Next is the '''Border''' option. We can see 3 check-box options here. | ||
|- | |- | ||
− | | | + | | 02: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. | ||
|- | |- | ||
− | | | + | | 03: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. | ||
|- | |- | ||
− | | | + | | 03:08 |
| Uncheck this option and observe that the borders disappear. | | Uncheck this option and observe that the borders disappear. | ||
|- | |- | ||
− | | | + | | 03:13 |
| Then again, check the option and observe that the borders re-appear. | | Then again, check the option and observe that the borders re-appear. | ||
|- | |- | ||
− | | | + | | 03: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. | ||
|- | |- | ||
− | | | + | | 03:25 |
| Once again check and uncheck this option and observe what happens on the '''canvas'''. | | Once again check and uncheck this option and observe what happens on the '''canvas'''. | ||
|- | |- | ||
− | | | + | | 03: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. | ||
|- | |- | ||
− | | | + | | 03:36 |
| Notice here, the border to the right and bottom are thicker than the other two sides. | | Notice here, the border to the right and bottom are thicker than the other two sides. | ||
|- | |- | ||
− | | | + | | 03:42 |
| Uncheck the third option and observe that this shadow disappears. | | Uncheck the third option and observe that this shadow disappears. | ||
|- | |- | ||
− | | | + | | 03:47 |
| We can use all these options according to our requirement and preference. | | We can use all these options according to our requirement and preference. | ||
|- | |- | ||
− | | | + | | 03:52 |
| The '''Border color''' option allows us to decide the color of the border. | | The '''Border color''' option allows us to decide the color of the border. | ||
|- | |- | ||
− | | | + | | 03:57 |
| Let us leave the default border color as it is. | | Let us leave the default border color as it is. | ||
|- | |- | ||
− | | | + | | 04:01 |
| Next, click on '''Guides''' tab. | | Next, click on '''Guides''' tab. | ||
|- | |- | ||
− | | | + | | 04:03 |
| '''Guides''' help you align text and graphic objects on the '''canvas'''. | | '''Guides''' help you align text and graphic objects on the '''canvas'''. | ||
|- | |- | ||
− | | | + | | 04:08 |
| You can create '''ruler guides''' here. | | You can create '''ruler guides''' here. | ||
|- | |- | ||
− | | | + | | 04:12 |
| Click on the vertical '''ruler''' and drag a '''guideline'''. | | Click on the vertical '''ruler''' and drag a '''guideline'''. | ||
|- | |- | ||
− | | | + | | 04:15 |
| Now check and uncheck the first option '''Show Guides''' | | Now check and uncheck the first option '''Show Guides''' | ||
|- | |- | ||
− | | | + | | 04:19 |
| and observe the guideline appears and disappears on the''' canvas'''. | | and observe the guideline appears and disappears on the''' canvas'''. | ||
|- | |- | ||
− | | | + | | 04:25 |
| '''Guide color''' is the color of the '''guideline'''. | | '''Guide color''' is the color of the '''guideline'''. | ||
|- | |- | ||
− | | | + | | 04:28 |
| '''Highlight color''' is the color of the guideline when it is being dragged to a certain position. | | '''Highlight color''' is the color of the guideline when it is being dragged to a certain position. | ||
|- | |- | ||
− | | | + | | 04:33 |
| The default colours of the '''guide''' and the '''highlight''' are shown here. | | The default colours of the '''guide''' and the '''highlight''' are shown here. | ||
|- | |- | ||
− | | | + | | 04:37 |
| You can change it as per your preference. | | You can change it as per your preference. | ||
|- | |- | ||
− | | | + | | 04:41 |
| I will leave the default colors as they are. | | I will leave the default colors as they are. | ||
|- | |- | ||
− | | | + | | 04: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. | ||
|- | |- | ||
− | | | + | | 04:52 |
| Next, click on the '''Grids''' tab. | | Next, click on the '''Grids''' tab. | ||
|- | |- | ||
− | | | + | | 04: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'''. | ||
|- | |- | ||
− | | | + | | 05:00 |
| '''Grids''' are helpful to position objects on the '''canvas''' but they do not get printed. | | '''Grids''' are helpful to position objects on the '''canvas''' but they do not get printed. | ||
|- | |- | ||
− | | | + | | 05:07 |
| Click on the drop-down list. | | Click on the drop-down list. | ||
|- | |- | ||
− | | | + | | 05:09 |
| '''Rectangular grid''' and '''Axonometric grid''' are the two types of '''grids''' available. | | '''Rectangular grid''' and '''Axonometric grid''' are the two types of '''grids''' available. | ||
|- | |- | ||
− | | | + | | 05:16 |
| Select '''Rectangular grid''' and click on the '''New''' button. | | Select '''Rectangular grid''' and click on the '''New''' button. | ||
|- | |- | ||
− | | | + | | 05:20 |
| Immediately, a '''grid''' is formed on the '''canvas''' background. | | Immediately, a '''grid''' is formed on the '''canvas''' background. | ||
|- | |- | ||
− | | | + | | 05: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. | ||
|- | |- | ||
− | | | + | | 05:31 |
| We can remove the '''grid''' by clicking on the '''Remove''' button at the bottom. | | We can remove the '''grid''' by clicking on the '''Remove''' button at the bottom. | ||
|- | |- | ||
− | | | + | | 05: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. | ||
|- | |- | ||
− | | | + | | 05: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. | ||
|- | |- | ||
− | | | + | | 05:47 |
| Now, let us start creating the poster. | | Now, let us start creating the poster. | ||
|- | |- | ||
− | | | + | | 05:50 |
| So, first let me delete the '''ellipse '''and the''' guideline'''. | | So, first let me delete the '''ellipse '''and the''' guideline'''. | ||
|- | |- | ||
− | | | + | | 05:53 |
| For our poster, we will first design a background. | | For our poster, we will first design a background. | ||
|- | |- | ||
− | | | + | | 05:58 |
| Click on the '''Rectangle tool.''' | | Click on the '''Rectangle tool.''' | ||
|- | |- | ||
− | | | + | | 06:00 |
| Draw a large rectangle that covers the whole '''canvas.''' | | Draw a large rectangle that covers the whole '''canvas.''' | ||
|- | |- | ||
− | | | + | | 06:06 |
| Color it with light blue gradient. | | Color it with light blue gradient. | ||
|- | |- | ||
− | | | + | | 06:08 |
| Next, draw a '''header area''' on the top | | Next, draw a '''header area''' on the top | ||
|- | |- | ||
− | | | + | | 06: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.''' | ||
|- | |- | ||
− | | | + | | 06:23 |
| We will color it blue. | | We will color it blue. | ||
|- | |- | ||
− | | | + | | 06:25 |
| Let us import the '''Spoken Tutorial logo''' now. | | Let us import the '''Spoken Tutorial logo''' now. | ||
|- | |- | ||
− | | | + | | 06: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. | ||
|- | |- | ||
− | | | + | | 06: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'''. | ||
|- | |- | ||
− | | | + | | 06: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. | ||
|- | |- | ||
− | | | + | | 06:45 |
| Now come back to our '''Inkscape''' document. | | Now come back to our '''Inkscape''' document. | ||
|- | |- | ||
− | | | + | | 06:47 |
| Go to '''File''' menu. Click on '''Import.''' | | Go to '''File''' menu. Click on '''Import.''' | ||
|- | |- | ||
− | | | + | | 06:51 |
| Go to folder where the '''logo''' is saved. | | Go to folder where the '''logo''' is saved. | ||
|- | |- | ||
− | | | + | | 06:54 |
| Select the '''Spoken Tutorial logo''' and click on '''Open.''' | | Select the '''Spoken Tutorial logo''' and click on '''Open.''' | ||
|- | |- | ||
− | | | + | | 06:59 |
| A new dialog box opens up. Click on '''OK. ''' | | A new dialog box opens up. Click on '''OK. ''' | ||
|- | |- | ||
− | | | + | | 07:03 |
| Now the logo is imported on our '''canvas'''. | | Now the logo is imported on our '''canvas'''. | ||
|- | |- | ||
− | | | + | | 07:06 |
| '''Resize''' it to '''100×100 pixels'''. | | '''Resize''' it to '''100×100 pixels'''. | ||
|- | |- | ||
− | | | + | | 07:09 |
| Place it on the top left corner of the '''header area'''. | | Place it on the top left corner of the '''header area'''. | ||
|- | |- | ||
− | | | + | | 07:14 |
− | | Now, type the text | + | | Now, type the text '''Spoken Tutorial'''. |
|- | |- | ||
− | | | + | | 07:18 |
| Make it '''Bold.''' | | Make it '''Bold.''' | ||
|- | |- | ||
− | | | + | | 07:20 |
| Change the text font size to 48. | | Change the text font size to 48. | ||
|- | |- | ||
− | | | + | | 07:24 |
| Place it to the right of the '''logo'''. | | Place it to the right of the '''logo'''. | ||
|- | |- | ||
− | | | + | | 07: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”. | ||
|- | |- | ||
− | | | + | | 07:35 |
| Change the font size to 20. | | Change the font size to 20. | ||
|- | |- | ||
− | | | + | | 07:39 |
| Next, let us add some text. | | Next, let us add some text. | ||
|- | |- | ||
− | | | + | | 07: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. | ||
|- | |- | ||
− | | | + | | 07:47 |
| This sample text has been provided to you in the '''Code Files'''. | | This sample text has been provided to you in the '''Code Files'''. | ||
|- | |- | ||
− | | | + | | 07:51 |
| Please locate it in your saved folder. | | Please locate it in your saved folder. | ||
|- | |- | ||
− | | | + | | 07: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. | ||
|- | |- | ||
− | | | + | | 08:00 |
| Change the font size to 28. | | Change the font size to 28. | ||
|- | |- | ||
− | | | + | | 08:04 |
| Set the line spacing. | | Set the line spacing. | ||
|- | |- | ||
− | | | + | | 08:06 |
| Create '''bullet'''s and place before each sentence. | | Create '''bullet'''s and place before each sentence. | ||
|- | |- | ||
− | | | + | | 08:10 |
| We will add 2 images below that. | | We will add 2 images below that. | ||
|- | |- | ||
− | | | + | | 08:13 |
| As before, '''import''' them one by one. | | As before, '''import''' them one by one. | ||
|- | |- | ||
− | | | + | | 08:17 |
| I have saved them in the '''images''' folder. | | I have saved them in the '''images''' folder. | ||
|- | |- | ||
− | | | + | | 08:20 |
| These images have been provided to you in the '''Code Files'''. | | These images have been provided to you in the '''Code Files'''. | ||
|- | |- | ||
− | | | + | | 08:24 |
| Please locate them in your saved folder. | | Please locate them in your saved folder. | ||
|- | |- | ||
− | | | + | | 08:27 |
| Select the images and resize them. | | Select the images and resize them. | ||
|- | |- | ||
− | | | + | | 08:30 |
| Move them to the bottom area of the '''poster'''. | | Move them to the bottom area of the '''poster'''. | ||
|- | |- | ||
− | | | + | | 08:33 |
| Let us write the contact details at the '''footer area'''. | | Let us write the contact details at the '''footer area'''. | ||
|- | |- | ||
− | | | + | | 08:37 |
| Once again, '''copy''' and '''paste''' the text from '''LibreOffice Writer '''document. | | Once again, '''copy''' and '''paste''' the text from '''LibreOffice Writer '''document. | ||
|- | |- | ||
− | | | + | | 08:42 |
| Change the font size to 18. | | Change the font size to 18. | ||
|- | |- | ||
− | | | + | | 08:45 |
| Now, our '''poster''' is ready. | | Now, our '''poster''' is ready. | ||
|- | |- | ||
− | | | + | | 08:47 |
| Next, let us learn how to save it in '''pdf''' format. | | Next, let us learn how to save it in '''pdf''' format. | ||
|- | |- | ||
− | | | + | | 08:51 |
| Go to '''File''' and click on '''Save As.''' | | Go to '''File''' and click on '''Save As.''' | ||
|- | |- | ||
− | | | + | | 08:55 |
| A dialog box appears. | | A dialog box appears. | ||
|- | |- | ||
− | | | + | | 08:58 |
| Choose the folder in which you want to save. | | Choose the folder in which you want to save. | ||
|- | |- | ||
− | | | + | | 09:00 |
| I will choose '''Desktop'''. | | I will choose '''Desktop'''. | ||
|- | |- | ||
− | | | + | | 09: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. | ||
|- | |- | ||
− | | | + | | 09:09 |
| Here, in the '''Name''' field, type: '''Spoken-Tutorial-Poster.pdf'''. | | Here, in the '''Name''' field, type: '''Spoken-Tutorial-Poster.pdf'''. | ||
|- | |- | ||
− | | | + | | 09:16 |
| Then click on '''Save''' button. | | Then click on '''Save''' button. | ||
|- | |- | ||
− | | | + | | 09:18 |
| Our poster is saved in the '''Desktop'''. | | Our poster is saved in the '''Desktop'''. | ||
|- | |- | ||
− | | | + | | 09:21 |
| Let us go to our '''Desktop''' and check our poster. | | Let us go to our '''Desktop''' and check our poster. | ||
|- | |- | ||
− | | | + | | 09:25 |
| So, we have the poster in '''pdf''' format. | | So, we have the poster in '''pdf''' format. | ||
|- | |- | ||
− | | | + | | 09:28 |
| Let us summarize. In this tutorial we learnt to: | | Let us summarize. In this tutorial we learnt to: | ||
|- | |- | ||
− | | | + | | 09:32 |
− | | | + | | Change the '''Document properties''' |
|- | |- | ||
− | | | + | | 09:34 |
− | | | + | | Design an '''A4 poster''' |
|- | |- | ||
− | | | + | | 09:36 |
− | | | + | | Saving the poster in '''pdf'''. |
|- | |- | ||
− | | | + | | 09:38 |
| Here is an assignment for you- | | Here is an assignment for you- | ||
|- | |- | ||
− | | | + | | 09:40 |
| create an '''A4 poster''' for '''Spoken Tutorial Project'''. | | create an '''A4 poster''' for '''Spoken Tutorial Project'''. | ||
|- | |- | ||
− | | | + | | 09:44 |
| Your completed assignment should look like this. | | Your completed assignment should look like this. | ||
|- | |- | ||
− | | | + | | 09:48 |
| The video available at the following link summarizes the Spoken Tutorial project. Please watch it. | | The video available at the following link summarizes the Spoken Tutorial project. Please watch it. | ||
|- | |- | ||
− | | | + | | 09: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. | ||
|- | |- | ||
− | | 10 | + | | 10:01 |
| For more details, please write to us. | | For more details, please write to us. | ||
|- | |- | ||
− | | 10 | + | | 10:04 |
| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India. | | Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India. | ||
|- | |- | ||
− | | 10 | + | | 10:10 |
| More information on this mission is available at this link. | | More information on this mission is available at this link. | ||
|- | |- | ||
− | | 10 | + | | 10:14 |
| We have come to the end of this tutorial. | | We have come to the end of this tutorial. | ||
|- | |- | ||
− | | 10 | + | | 10:16 |
| This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining. | | This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining. | ||
|} | |} |
Latest revision as of 11:26, 28 March 2017
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. |
01:03 | In the first tab Page, click on the Default units drop-down list. |
01:08 | As I click one-by-one, observe that the unit of the ruler changes. |
01:13 | Let me keep the unit as pixels. |
01:16 | Background option helps to change the transparency and color of the background. |
01:21 | When we click on it, a new dialog box appears. |
01:24 | Move the RGB sliders to the left and right. |
01:29 | To make the background colour visible on the canvas, move the alpha slider towards the right. |
01:35 | Now the transparency changes to the selected 'RGB' values. |
01:40 | Observe that the color on the background option, in the Document properties window, changes as I move. |
01:47 | Bring the Alpha slider back to the extreme left and close the dialog box. |
01:52 | Under Page size, we find many options. |
01:55 | We can change the size of the canvas using these options too. |
02:00 | As I click, observe the change in the canvas size. |
02:04 | Let us keep the page size as A4. |
02:08 | Orientation can be changed to either Portrait or Landscape. |
02:12 | Click on both the options and observe the change on the canvas. |
02:17 | We can change the width and height of the canvas using the Width and Height parameters. |
02:23 | Click on the Units drop-down list. Here, we can change the units according to our requirement. |
02:31 | Let us now change the units to pixels. |
02:34 | Click on Resize page to content option. |
02:37 | The various available options open up. |
02:41 | We can set margins for all the sides here. |
02:45 | After setting the margins, one needs to click on the button Resize page to drawing or selection. |
02:51 | Next is the Border option. We can see 3 check-box options here. |
02:57 | To demonstrate these options, let me first draw an ellipse in this manner. |
03:03 | The first option makes the page border, that is, the border of the canvas visible. |
03:08 | Uncheck this option and observe that the borders disappear. |
03:13 | Then again, check the option and observe that the borders re-appear. |
03:18 | The second option sets the border on top of the drawing so that it is clearly visible. |
03:25 | Once again check and uncheck this option and observe what happens on the canvas. |
03:31 | The third option shows a shadow of the canvas on the right and bottom. |
03:36 | Notice here, the border to the right and bottom are thicker than the other two sides. |
03:42 | Uncheck the third option and observe that this shadow disappears. |
03:47 | We can use all these options according to our requirement and preference. |
03:52 | The Border color option allows us to decide the color of the border. |
03:57 | Let us leave the default border color as it is. |
04:01 | Next, click on Guides tab. |
04:03 | Guides help you align text and graphic objects on the canvas. |
04:08 | You can create ruler guides here. |
04:12 | Click on the vertical ruler and drag a guideline. |
04:15 | Now check and uncheck the first option Show Guides |
04:19 | and observe the guideline appears and disappears on the canvas. |
04:25 | Guide color is the color of the guideline. |
04:28 | Highlight color is the color of the guideline when it is being dragged to a certain position. |
04:33 | The default colours of the guide and the highlight are shown here. |
04:37 | You can change it as per your preference. |
04:41 | I will leave the default colors as they are. |
04:44 | Snap guides while dragging option helps to snap the objects or bounding box to the nearest guidelines while dragging. |
04:52 | Next, click on the Grids tab. |
04:54 | Using this option, we can set the grid that appears behind the artwork on the canvas. |
05:00 | Grids are helpful to position objects on the canvas but they do not get printed. |
05:07 | Click on the drop-down list. |
05:09 | Rectangular grid and Axonometric grid are the two types of grids available. |
05:16 | Select Rectangular grid and click on the New button. |
05:20 | Immediately, a grid is formed on the canvas background. |
05:25 | We can set the grid properties as per our requirement using the available options. |
05:31 | We can remove the grid by clicking on the Remove button at the bottom. |
05:36 | In a similar way, you can try the options for Axonometric grid too. |
05:41 | The options in the next 3 tabs will be covered in the advanced level tutorials in this series. |
05:47 | Now, let us start creating the poster. |
05:50 | So, first let me delete the ellipse and the guideline. |
05:53 | For our poster, we will first design a background. |
05:58 | Click on the Rectangle tool. |
06:00 | Draw a large rectangle that covers the whole canvas. |
06:06 | Color it with light blue gradient. |
06:08 | Next, draw a header area on the top |
06:16 | and a footer area at the bottom of the canvas using the Bezier tool. |
06:23 | We will color it blue. |
06:25 | Let us import the Spoken Tutorial logo now. |
06:28 | This logo has been provided to you in the Code Files link. |
06:32 | So, first of all, pause the tutorial. Click on Code Files and download the zip file. |
06:39 | Now unzip the folder and save it in your preferred location on your machine. |
06:45 | Now come back to our Inkscape document. |
06:47 | Go to File menu. Click on Import. |
06:51 | Go to folder where the logo is saved. |
06:54 | Select the Spoken Tutorial logo and click on Open. |
06:59 | A new dialog box opens up. Click on OK. |
07:03 | Now the logo is imported on our canvas. |
07:06 | Resize it to 100×100 pixels. |
07:09 | Place it on the top left corner of the header area. |
07:14 | Now, type the text Spoken Tutorial. |
07:18 | Make it Bold. |
07:20 | Change the text font size to 48. |
07:24 | Place it to the right of the logo. |
07:27 | After this, type the text “partner with us...help bridge the digital divide”. |
07:35 | Change the font size to 20. |
07:39 | Next, let us add some text. |
07:42 | I have already saved a sample text in a LibreOffice Writer document on my machine. |
07:47 | This sample text has been provided to you in the Code Files. |
07:51 | Please locate it in your saved folder. |
07:54 | Now, I will copy and paste this text in the empty space on my poster. |
08:00 | Change the font size to 28. |
08:04 | Set the line spacing. |
08:06 | Create bullets and place before each sentence. |
08:10 | We will add 2 images below that. |
08:13 | As before, import them one by one. |
08:17 | I have saved them in the images folder. |
08:20 | These images have been provided to you in the Code Files. |
08:24 | Please locate them in your saved folder. |
08:27 | Select the images and resize them. |
08:30 | Move them to the bottom area of the poster. |
08:33 | Let us write the contact details at the footer area. |
08:37 | Once again, copy and paste the text from LibreOffice Writer document. |
08:42 | Change the font size to 18. |
08:45 | Now, our poster is ready. |
08:47 | Next, let us learn how to save it in pdf format. |
08:51 | Go to File and click on Save As. |
08:55 | A dialog box appears. |
08:58 | Choose the folder in which you want to save. |
09:00 | I will choose Desktop. |
09:02 | Change the format to pdf by clicking on the drop-down list at the bottom right of the dialog box. |
09:09 | Here, in the Name field, type: Spoken-Tutorial-Poster.pdf. |
09:16 | Then click on Save button. |
09:18 | Our poster is saved in the Desktop. |
09:21 | Let us go to our Desktop and check our poster. |
09:25 | So, we have the poster in pdf format. |
09:28 | Let us summarize. In this tutorial we learnt to: |
09:32 | Change the Document properties |
09:34 | Design an A4 poster |
09:36 | Saving the poster in pdf. |
09:38 | Here is an assignment for you- |
09:40 | create an A4 poster for Spoken Tutorial Project. |
09:44 | Your completed assignment should look like this. |
09:48 | The video available at the following link summarizes the Spoken Tutorial project. Please watch it. |
09: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. |