Difference between revisions of "Inkscape/C3/Create-an-A4-Poster/English"
Nancyvarkey (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | '''Title of script: Create an A4 Poster''' | + | '''Title of script: Create an A4 Poster ''' |
'''Author:''' Arthi. A | '''Author:''' Arthi. A | ||
Line 21: | Line 21: | ||
* Change the '''Document properties''' | * Change the '''Document properties''' | ||
* Design an '''A4 poster''' and | * Design an '''A4 poster''' and | ||
− | * Save the poster in | + | * Save the poster in '''pdf''' |
+ | |||
+ | |||
|- | |- | ||
Line 29: | Line 31: | ||
* '''Ubuntu Linux''' 12.04 OS | * '''Ubuntu Linux''' 12.04 OS | ||
* '''Inkscape''' version 0.48.4 | * '''Inkscape''' version 0.48.4 | ||
+ | |||
+ | |||
|- | |- | ||
Line 45: | Line 49: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Point to the '''canvas''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Point to the '''canvas''' | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| My '''canvas''' is, by default, in '''A4 size'''. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| My '''canvas''' is, by default, in '''A4 size'''. | ||
− | |||
So I will leave it as it is. If it is not so on your machine, then select '''A4 size'''. | So I will leave it as it is. If it is not so on your machine, then select '''A4 size'''. | ||
Line 52: | Line 55: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Go to '''Document properties''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Go to '''Document properties''' | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Let us now change some settings. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Let us now change some settings. | ||
− | |||
Go to '''File.''' Click on '''Document properties.''' | Go to '''File.''' Click on '''Document properties.''' | ||
Line 68: | Line 70: | ||
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. | ||
− | Let me keep the unit as ''' | + | Let me keep the unit as '''pixels.''' |
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on '''Background''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on '''Background''' | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| '''Background''' option helps to change the transparency and color of the background. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| '''Background''' option helps to change the transparency and color of the background. | ||
− | |||
When we click on it, a new dialog box appears. | When we click on it, a new dialog box appears. | ||
Line 80: | Line 81: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Select green color >> '''Alpha''' to 255 | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Select green color >> '''Alpha''' to 255 | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Move the '''RGB sliders''' to the left and right. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Move the '''RGB sliders''' to the left and right. | ||
+ | |||
+ | |- | ||
+ | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Move '''alpha slider''' | ||
+ | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| To make the background colour visible on the '''canvas''', move the '''alpha slider''' towards the right. | ||
+ | |||
+ | Now the transparency changes to the selected RGB values. | ||
|- | |- | ||
Line 89: | Line 96: | ||
Point to '''canvas''' | Point to '''canvas''' | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| 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 119: | Line 121: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on the '''Units '''drop down list | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on the '''Units '''drop down list | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Click on the '''Units''' drop down list. Here we can change the units according to our requirement. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Click on the '''Units''' drop down list. Here we can change the units according to our requirement. | ||
− | |||
Let us now change the units to '''pixels.''' | Let us now change the units to '''pixels.''' | ||
Line 155: | Line 156: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| The second option sets the border on top of the drawing, so that it is clearly visible. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| The second option sets the border on top of the drawing, so that it is clearly visible. | ||
− | 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'''. |
|- | |- | ||
Line 166: | Line 167: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Uncheck and then check the third option. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Uncheck and then check the third option. | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Uncheck the third option and observe that this shadow disappears. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Uncheck the third option and observe that this shadow disappears. | ||
− | |||
− | |||
|- | |- | ||
Line 186: | Line 185: | ||
'''Guides''' help you align text and graphic objects on the '''canvas'''. You can create ruler guides here. | '''Guides''' help you align text and graphic objects on the '''canvas'''. You can create ruler guides here. | ||
+ | |||
+ | |- | ||
+ | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Drag a guideline | ||
+ | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Click on the vertical ruler and drag a guideline. | ||
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Point to '''Show guides''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Point to '''Show guides''' | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now check and uncheck the first option '''Show Guides''' and observe the guidelines appears and disappears''' '''on the''' canvas'''. |
|- | |- | ||
Line 204: | Line 207: | ||
You can change it as per your preference. | You can change it as per your preference. | ||
− | |||
I will leave the default colors as they are. | I will leave the default colors as they are. | ||
Line 217: | Line 219: | ||
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'''. | ||
− | |||
'''Grids''' are useful to position objects on the '''canvas''' but they do not get printed. | '''Grids''' are useful to position objects on the '''canvas''' but they do not get printed. | ||
Line 246: | Line 247: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Point to the last 3 tabs | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Point to the last 3 tabs |
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| The options in the next 3 tabs will be covered in the advanced level tutorials in this series. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| The options in the next 3 tabs will be covered in the advanced level tutorials in this series. | ||
− | |||
− | |||
<nowiki><<PAUSE>> </nowiki> | <nowiki><<PAUSE>> </nowiki> | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Delete the ellipse. | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Delete the ellipse. |
− | + | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now let us start creating the poster. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now let us start creating the poster. | ||
− | So, first let me delete the '''ellipse'''. | + | So, first let me delete the '''ellipse '''and the''' guideline'''. |
|- | |- | ||
Line 276: | Line 274: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Next, draw a header area on the top and a footer area at the bottom of the '''canvas,''' using the'''Bezier tool.''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Next, draw a header area on the top and a footer area at the bottom of the '''canvas,''' using the'''Bezier tool.''' | ||
− | We will color it | + | We will color it blue. |
|- | |- | ||
Line 284: | Line 282: | ||
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| SLIDE | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| SLIDE | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| * This logo has been provided to you in the '''Code Files''' link. |
− | * This logo has been provided to you in the '''Code Files''' link. | + | |
* 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. | ||
* 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 293: | Line 292: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now come back to our '''Inkscape''' document. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now come back to our '''Inkscape''' document. | ||
− | Go to '''File menu. '''Click on '''Import.''' | + | Go to '''File menu. '''Click on '''Import.''' |
− | + | ||
Go to folder where the '''logo''' is saved. | Go to folder where the '''logo''' is saved. | ||
− | + | Select the '''Spoken Tutorial logo''' and click on '''Open.''' | |
− | Select the '''Spoken Tutorial logo''' and click on '''Open.''' | + | |
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on '''OK''' >> Point to the logo | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on '''OK''' >> Point to the logo | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| A dialog box opens up. Click on '''OK. ''' | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| A new dialog box opens up. Click on '''OK. ''' |
Now the logo is imported on our '''canvas'''. | Now the logo is imported on our '''canvas'''. | ||
Line 309: | Line 306: | ||
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Resize logo to 100x100 pixels | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Resize logo to 100x100 pixels | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Resize it to 100×100 pixels. | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Resize it to 100×100 pixels. |
− | Place it on the top left corner of the header area. | + | Place it on the top left corner of the header area. |
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Type “'''Spoken Tutorial'''” >> change font to 40 | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Type “'''Spoken Tutorial'''” >> change font to 40 | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now type the text “'''Spoken Tutorial'''”. Change the text font size to | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now type the text “'''Spoken Tutorial'''”. Make it '''Bold.''' Change the text font size to 48. |
− | + | Place it to the right of the '''logo'''. | |
− | Place it to the right of the '''logo'''. | + | |
|- | |- | ||
Line 324: | Line 320: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| After this, type the text “'''partner with us...help bridge the digital divide'''”. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| After this, type the text “'''partner with us...help bridge the digital divide'''”. | ||
− | + | Change the font size to 20.<nowiki><<PAUSE>> </nowiki> | |
− | <nowiki><<PAUSE>></nowiki> | + | |
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Copy and paste text from '''LibreOffice Writer''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Copy and paste text from '''LibreOffice Writer''' | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Next let us add some text. I have already saved a sample text in a '''LibreOffice Writer''' document on my machine. | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Next let us add some text. I have already saved a sample text in a '''LibreOffice Writer''' document on my machine. |
+ | This sample text has been provided to you in the '''Code Files'''. Pls use locate it in your saved folder. | ||
− | + | Now, I will copy and paste this text in the empty space on my poster. | |
+ | |- | ||
+ | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Select the text >> Font size to 28 >> Set line spacing >> create bullets | ||
+ | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Change the font size to 28. | ||
− | + | Set the line spacing. | |
+ | |||
+ | Create bullets and place before each sentence. | ||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Import images | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Import images |
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| We will add 2 some images below that. As before Import them one by one. I have saved them in the images folder. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| We will add 2 some images below that. As before Import them one by one. I have saved them in the images folder. | ||
− | These images have been provided to you in the Code Files. | + | These images have been provided to you in the Code Files. Pls locate them in your saved folder. |
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Select all >> resize to 400×400 pixels | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Select all >> resize to 400×400 pixels | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Select the images and resize them to 400×400 pixels. Move them to the bottom area of the '''poster'''. | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Select the images and resize them to 400×400 pixels. Move them to the bottom area of the '''poster'''. |
|- | |- | ||
Line 358: | Line 355: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Let us write the contact details at the footer area. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Let us write the contact details at the footer area. | ||
− | Once again, copy and paste the text from '''LibreOffice Writer '''document. | + | Once again, copy and paste the text from '''LibreOffice Writer '''document. Change the font size to 20. |
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Point to the poster | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Point to the poster | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now, our poster is ready. Next let us learn how to save it in '''pdf''' format. | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now, our poster is ready. Next let us learn how to save it in '''pdf''' format. |
|- | |- | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Go to '''File >>''' '''Save As >> | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Go to '''File >>''' '''Save As >>''' |
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Go to '''File''' and click on '''Save As.''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Go to '''File''' and click on '''Save As.''' | ||
− | |||
A dialog box appears. | A dialog box appears. | ||
− | |||
− | |||
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on '''Desktop''' | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Click on '''Desktop''' | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Choose the folder in which you want to save. | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Choose the folder in which you want to save. |
− | I will choose '''Desktop'''. | + | I will choose '''Desktop'''. |
|- | |- | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Change the format to pdf >> Save | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Change the format to pdf >>''' Spoken Tutorial Poster.pdf''' >> Save |
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Change the format to '''pdf''' by clicking on the drop-down list at the bottom right of the dialog box. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Change the format to '''pdf''' by clicking on the drop-down list at the bottom right of the dialog box. | ||
− | Then click on '''Save''' button. | + | Here, in the '''Name''' field type '''Spoken-Tutorial-Poster.pdf''' |
+ | |||
+ | Then click on '''Save''' button. | ||
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now our poster is saved in the '''Desktop'''. | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Now our poster is saved in the '''Desktop'''. |
|- | |- | ||
− | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Go to desktop >> open pdf | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| Go to desktop >> open pdf | + | |
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Let us go to our '''Desktop''' and check our poster. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Let us go to our '''Desktop''' and check our poster. | ||
− | + | Now we have the poster in '''pdf''' format. | |
− | Now we have the poster in '''pdf''' | + | |
|- | |- | ||
Line 443: | Line 397: | ||
* Change the '''Document properties''' | * Change the '''Document properties''' | ||
* Design an '''A4 poster''' | * Design an '''A4 poster''' | ||
− | * Saving the poster in | + | * Saving the poster in '''pdf''' |
+ | |||
+ | |||
|- | |- | ||
Line 449: | Line 405: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Here is an assignment for you. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| Here is an assignment for you. | ||
− | * Create an '''A4 poster''' for '''Spoken Tutorial Project'''. | + | * Create an '''A4 poster''' for '''Spoken Tutorial Project'''. |
+ | |||
+ | |||
|- | |- | ||
Line 457: | Line 415: | ||
|- | |- | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| About Slide | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| About Slide | ||
− | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| The video available at the following link summarizes the Spoken Tutorial project. Please watch it. | + | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| The video available at the following link summarizes the Spoken Tutorial project. Please watch it. |
|- | |- | ||
Line 475: | Line 433: | ||
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| We have come to the end of this tutorial. | | style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding-top:0cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0.097cm;"| We have come to the end of this tutorial. | ||
− | This is Arthi from IIT Bombay, signing off. Thanks for joining. | + | This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining. |
|} | |} |
Revision as of 17:58, 28 November 2014
Title of script: Create an A4 Poster
Author: Arthi. A
Keywords: Document properties of Inkscape, Design the poster, Saving the poster in png and pdf
|
|
Opening Slide | Welcome to the Spoken Tutorial on “Create an A4 Poster” using Inkscape. |
Learning Objectives (Slide) | In this tutorial we will learn to
|
System requirement (Slide) | To record this tutorial, I am using
|
Open Inkscape | Let us open Inkscape. |
Go to File >> New | Go to File. Click on New. |
Scroll or point to the various options. | These are the default canvas sizes that are available. |
Point to the canvas | My canvas is, by default, in A4 size.
So I will leave it as it is. If it is not so on your machine, then select A4 size. |
Go to Document properties | Let us now change some settings.
Go to File. Click on Document properties. |
Point to Document properties | A dialog box opens up where we can find various tabs and options.
Let us learn about them one by one. |
Click on the units one by one | In the first tab, Page, click on the Default units drop down list.
As I click one-by-one, observe that the unit of the ruler changes. Let me keep the unit as pixels. |
Click on Background | Background option helps to change the transparency and color of the background.
When we click on it, a new dialog box appears. |
Select green color >> Alpha to 255 | Move the RGB sliders to the left and right. |
Move alpha slider | To make the background colour visible on the canvas, move the alpha slider towards the right.
Now the transparency changes to the selected RGB values. |
Point to the background color in the Document Properties box. | Observe that the color on the background option in the Document properties window changes, as I move. |
Change Alpha to 0 >>
Point to canvas |
Bring the alpha slider back to the extreme left and close the dialog box. |
Point to Page size options | Under Page size, we find many options.
We can change the size of the canvas using these options, too. As I click, observe the change in the canvas size. Let us keep the page size as A4. |
Click on Landscape >> Click on Portrait | Orientation can be changed to either Portrait or Landscape.
Click on both the options and observe the change on the canvas. |
Point to Width and Height parameters | We can change the width and height of the canvas using the Width and Height parameters. |
Click on the Units drop down list | Click on the Units drop down list. Here we can change the units according to our requirement.
Let us now change the units to pixels. |
Click on Resize page to content | Click on Resize page to content option. The various available options opens up. |
Point to the margins. | We can set margins for all the sides here.
After setting the margins, one needs to click on the button Resize page to drawing or selection. |
Point to Border option | Next is the Border option. We can see 3 check-box options here. |
Draw a circle in such a way that it is half in and half out of the canvas. | To demonstrate these options, let me first draw an ellipse in this manner. |
Point to first option | The first option makes the page border, that is the border of the canvas, visible. |
Uncheck and then check it once again | Uncheck this option and observe that the borders disappear.
Then again, check the option and observe that the borders re-appear. |
Click on the second option. Uncheck and check 2-3 times. | The second option sets the border on top of the drawing, so that it is clearly visible.
Once again check and uncheck this option and observe what happens on the canvas. |
Point to third option. Point to the right and top borders. | The third option shows a shadow of the canvas on the right and bottom.
Notice here, the border to the right and bottom are thicker than the other two sides. |
Uncheck and then check the third option. | Uncheck the third option and observe that this shadow disappears. |
Point to Border options | We can use all these options according to our requirement and preference. |
Point to Border color | The Border color option allows us to decide the color of the border.
Let us leave the default border color as it is. <<PAUSE>> |
Click on Guides tab | Next click on Guides tab.
Guides help you align text and graphic objects on the canvas. You can create ruler guides here. |
Drag a guideline | Click on the vertical ruler and drag a guideline. |
Point to Show guides | Now check and uncheck the first option Show Guides and observe the guidelines appears and disappears on the canvas. |
Point to Guide color | Guide color is the color of the guideline. |
Point to Highlight color | Highlight color is the color of the guideline when it is being dragged to a certain position. |
Point to | The default colours of the guide and the highlight are shown here.
You can change it as per your preference. I will leave the default colors as they are. |
Point to second option | Snap guides while dragging option helps to snap the objects or bounding box to the nearest guidelines, while dragging. |
Click on the Grids tab | Next, click on the Grids tab.
Using this option, we can set the grid that appears behind the artwork on the canvas. Grids are useful to position objects on the canvas but they do not get printed. |
Click on the drop down list | Click on the drop down list.
Rectangular grid and Axonometric grid are the two types of grids available. |
Select Rectangular grid >> Click on New | Select Rectangular grid and click on the New button.
Immediately, a grid is formed on the canvas background. |
Point to grid properties | We can set the grid properties as per our requirement, using the available options. |
Click on Remove | We can remove the grid by clicking on the Remove button at the bottom. |
Point to Axonometric grid | In a similar way, you can try the options for Axonometric grid, too. |
Point to the last 3 tabs | The options in the next 3 tabs will be covered in the advanced level tutorials in this series.
<<PAUSE>> |
Delete the ellipse. | Now let us start creating the poster.
So, first let me delete the ellipse and the guideline. |
Click on the Rectangle tool >>
Draw a rectangle covering the whole canvas |
For our poster, we will first design a background.
So, click on the Rectangle tool. Draw a large rectangle that covers the whole canvas. Color it with light blue gradient. |
Draw a header illustration | Next, draw a header area on the top and a footer area at the bottom of the canvas, using theBezier tool.
We will color it blue. |
Let us import the Spoken Tutorial logo now. | |
SLIDE | * This logo has been provided to you in the Code Files link.
|
Go to File >> Import >> Open | Now come back to our Inkscape document.
Go to File menu. Click on Import. Go to folder where the logo is saved. Select the Spoken Tutorial logo and click on Open. |
Click on OK >> Point to the logo | A new dialog box opens up. Click on OK.
Now the logo is imported on our canvas. |
Resize logo to 100x100 pixels | Resize it to 100×100 pixels.
Place it on the top left corner of the header area. |
Type “Spoken Tutorial” >> change font to 40 | Now type the text “Spoken Tutorial”. Make it Bold. Change the text font size to 48.
Place it to the right of the logo. |
Type the sentence “partner with us...help bridge the digital divide” | After this, type the text “partner with us...help bridge the digital divide”.
Change the font size to 20.<<PAUSE>> |
Copy and paste text from LibreOffice Writer | Next let us add some text. I have already saved a sample text in a LibreOffice Writer document on my machine.
This sample text has been provided to you in the Code Files. Pls use locate it in your saved folder. Now, I will copy and paste this text in the empty space on my poster. |
Select the text >> Font size to 28 >> Set line spacing >> create bullets | Change the font size to 28.
Set the line spacing. Create bullets and place before each sentence.
|
Import images | We will add 2 some images below that. As before Import them one by one. I have saved them in the images folder.
These images have been provided to you in the Code Files. Pls locate them in your saved folder. |
Select all >> resize to 400×400 pixels | Select the images and resize them to 400×400 pixels. Move them to the bottom area of the poster. |
Copy and paste Contact details from LibreOffice Writer | Let us write the contact details at the footer area.
Once again, copy and paste the text from LibreOffice Writer document. Change the font size to 20. |
Point to the poster | Now, our poster is ready. Next let us learn how to save it in pdf format. |
Go to File >> Save As >> | Go to File and click on Save As.
A dialog box appears. |
Click on Desktop | Choose the folder in which you want to save.
I will choose Desktop. |
Change the format to pdf >> Spoken Tutorial Poster.pdf >> Save | Change the format to pdf by clicking on the drop-down list at the bottom right of the dialog box.
Here, in the Name field type Spoken-Tutorial-Poster.pdf Then click on Save button. |
Now our poster is saved in the Desktop. | |
Go to desktop >> open pdf | Let us go to our Desktop and check our poster.
Now we have the poster in pdf format. |
Summary (Slide) | Let us summarize. In this tutorial we learnt to
|
Completed assignment | Here is an assignment for you.
|
Completed assignment | Your completed assignment should look like this. |
About Slide | The video available at the following link summarizes the Spoken Tutorial project. Please watch it. |
About Slide | The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.
For more details, please write to us. |
About Slide | Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
More information on this Mission is available at this link. |
Acknowledgment | We have come to the end of this tutorial.
This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining. |