Difference between revisions of "Inkscape/C3/Create-a-3-fold-brochure/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
'''Title of script: Create a Tri-fold brochure'''
+
'''Author:''' Arthi. A
  
'''Author:''' Arthi. A
+
'''Keywords:''' Rulers and guidelines in Inkscape, Settings for a 3 fold brochure, Designing a 3 fold brochure for Inkscape  
 
+
'''Keywords:''' Rulers and guidelines in Inkscape, Settings for a 3 fold brochure, Designing a 3 fold brochure for Inkscape
+
  
  
  
 
{| style="border-spacing:0;"
 
{| style="border-spacing:0;"
| style="border-top:0.05pt solid #000000;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| <center>Visual cue</center>
+
| style="border-top:0.05pt solid #000000;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding-top:0.097cm;padding-bottom:0.097cm;padding-left:0.097cm;padding-right:0cm;"| <center>Visual cue</center>
 
| style="border:0.05pt solid #000000;padding:0.097cm;"| <center>Narration</center>
 
| style="border:0.05pt solid #000000;padding:0.097cm;"| <center>Narration</center>
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Opening 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;"| Opening Slide  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Welcome to the Spoken Tutorial on “'''Create a Tri-fold brochure'''” using '''Inkscape'''.
+
| 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;"| Welcome to the Spoken Tutorial on “'''Create a 3-fold brochure'''” using '''Inkscape'''.  
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Learning Objectives (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;"| Learning Objectives (Slide)  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| In 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;"| In this tutorial we will learn to
  
 +
* Use '''guidelines''' and to set them
 +
* Settings for a 3-fold brochure
 +
* Design a 3-fold brochure.
  
We will learn about
+
We will also learn the importance of using '''layers'''.
  
* Rulers and guidelines
+
|-
* Settings for a 3 fold brochure
+
| 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;"| System requirement (Slide)
* Designing a 3 fold brochure for Inkscape<br/>
+
| 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 record this tutorial, I am using
  
 +
* '''Ubuntu Linux''' 12.04 OS
 +
* '''Inkscape''' version 0.48.4
  
 +
|-
 +
| 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;"| Showing '''Blender brochure '''(Animation)
 +
| 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 is a sample '''3 fold brochure'''. As we open it, we can see the 3 folds.
  
 +
So there are 6 sections in all.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| System requirement (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;"| Showing '''Blender brochure '''(Animation)  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| To record this tutorial, I am using
+
| 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 outer side contains sections 1, 5 and 6.  
 
+
* '''Ubuntu Linux''' 12.04 OS
+
* '''Inkscape''' version 0.48.4
+
  
 +
The inner side of the brochure contains sections 2, 3 and 4.
  
 +
|-
 +
| 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;"| Open '''Inkscape'''
 +
| 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 learn how to create a brochure like this one.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Showing '''Blender brochure '''(Animation)
+
| 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;"| Open '''Inkscape'''>>'''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:0.097cm;"| This is a sample '''3 fold brochure'''. As we open it we can see the 3 folds.
+
| 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;"| Open '''Inkscape.'''  
  
 +
Click on '''File''' and 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;"| Change/click as per narration.
 +
| 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's do some basic setting first.
  
 +
Change:
 +
* '''Default units''' to '''mm'''
 +
* '''Page Size''' to '''A4'''
 +
* '''Orientation '''to '''Landscape'''
 +
* '''Custom Size Units''' to '''mm'''.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Showing '''Blender brochure '''(Animation)
+
| 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:0.097cm;"| The outer side contains 1, 5 and 6.
+
| 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 to divide the '''canvas''' into 3 folds.  
  
 +
|-
 +
| 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 width parameter
 +
| 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;"| For that, observe that the width of the '''canvas '''is 297.
  
The inner side of the brochure contains 2<sup>nd</sup>, 3<sup>rd</sup> and 4<sup>th</sup> pages.
+
|-
 
+
| 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;"| So we have to divide 297 into 3 parts, which is 99 for each of the three sections.  
  
 +
Close the '''Document Properties''' dialog box now.
  
 +
|-
 +
| 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 and drag the '''ruler''' >> Point to the '''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 and drag a '''guideline''' from the left side onto the '''canvas'''.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Open '''Inkscape'''
+
| 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;"| Double click on the '''guideline'''  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let us open '''Inkscape.'''
+
| 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;"| Double click on this '''guideline'''.
  
 +
A dialog box opens up.
  
 +
|-
 +
| 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 value of ''X'' to 99.
 +
| 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 value of ''X'' to 99 and click on '''OK.'''
  
 +
|-
 +
| 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 and drag the '''ruler''' >> Point to the '''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 and drag another '''guideline''' from the left side onto the '''canvas'''.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| '''Document properties >> Orientation >> Landscape'''
+
| 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;"| Double click on the '''guideline'''>> Change X value to 198
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to''' Document properties. '''Change the''' Orientation '''to '''Landscape. '''
+
| 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;"| Double-click on it to open the dialog box.  
  
 +
Here change the value of '''X''' to 198.
  
Let us divide the '''canvas''' into 3 folds.
+
|-
 
+
| 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;"| Now our '''canvas''' is divided into 3 equal sections.  
  
 +
These guidelines tell us where each fold will start and end.
  
 +
<nowiki><<PAUSE>> </nowiki>
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the width parameter
+
| 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:0.097cm;"| Observe the width of the '''canvas '''is 297.
+
| 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 save this file twice:
  
 +
* One for the inner side of the brochure
 +
* and the other for the outer side.
  
 +
|-
 +
| 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 >> Brochure-OUT.svg'''
 +
| 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. '''
  
 +
I will save the file on my '''Desktop''' with the name '''Brochure-OUT.svg. '''
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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;"| Go to '''File >> Save as >> Brochure-IN.svg'''  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| So we have to divide 297 into 3 parts, which is 99 for each page.  
+
| 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;"| Once again go to '''File '''and click on '''Save as.'''
  
 +
This time, I will give the name '''Brochure-IN.svg''' and click on '''Save.'''
  
Close the dialog box.
+
<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;"| Switch to '''Brochure-IN.svg. '''
 +
| 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;"| So, now we have 2 files, one for the inner section and one for the outer section.
  
 +
Let us start with '''Brochure-IN.svg. '''
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click and drag the '''ruler''' >> Point to the '''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;"| Open the Layers panel
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Click and drag the '''ruler''' from side. Now we have the '''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;"| As we go about creating this brochure, it is desirable to use different '''layers''' for different elements.
 
+
  
  
 +
Towards the end of this tutorial, we see the benefits of doing so.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Double click on the '''guideline''' >> change X value to 99
+
| 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:0.097cm;"| Double click on the '''guideline'''. A dialog box opens up.
+
| 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 first design the inner sections of the brochure i.e. sections 2, 3 and 4.  
 
+
 
+
Change the X value to 99. Click on '''OK.'''
+
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Create another '''ruler''' >> change X value to 198
+
| 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;"| Draw graphic illustration >> color it blue >> reduce '''opacity''' to 70
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| In a similar way click on the '''ruler''' and drag 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;"| Using the '''bezier tool''', draw a graphic illustration in the middle of the '''canvas.''' Color it blue.  
 
+
 
+
Double click on it and change the X value to 198.
+
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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;"| Remove the stroke.
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now our '''canvas''' is divided into 3 parts.  
+
| 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;"| Remove the '''stroke'''.
 
+
 
+
These guidelines are the margins to let us know the where each fold starts and ends.
+
 
+
 
+
<nowiki><<PAUSE>></nowiki>
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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;"| Create a layer and name it "circle" >> Draw a circle of 150X150 pixels
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let us save it twice.
+
| 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;"| Create a new '''layer''' and name it as you prefer.  
 
+
 
+
One for inner side of the brochure and the other for outer side.
+
 
+
 
+
  
 +
Create a circle of 150X150 pixels. Color it green.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''File >> Save as >> Inkscape_IN.svg'''
+
| 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;"| Duplicate the circles >> Change the size
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to''' File. '''Click on''' Save as. '''I will save it 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;"| Duplicate the circle and create 5 more circles of different sizes as shown.
 
+
 
+
Type''' Inkscape_IN.svg. '''Click on '''Save.'''
+
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to''' File >> Save as >> Inkscape_OUT.svg'''
+
| 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;"| Place them around the graphic illustration as demonstrated.  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| In a similar way save for outer side of the brochure.
+
| 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;"| Place them around the graphic illustration as demonstrated.  
 
+
 
+
Go to''' File. '''Click on''' Save as.'''
+
 
+
 
+
Type''' Inkscape_OUT.svg. '''Click on '''Save.'''
+
 
+
 
+
<nowiki><</nowiki><nowiki><PAUSE>></nowiki>
+
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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;"| Show the images
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let us first design the inner side of the brochure i.e. the 2<sup>nd</sup>, 3<sup>rd</sup> and 4<sup>th</sup> pages.
+
| 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;"| Inside these circles, we will place some images.  
 
+
  
  
 +
I have already edited the images to a circular shape and saved them in my '''Documents''' folder.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw graphic illustration >> color it blue >> reduce '''opacity''' to 70
+
| 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;"| Show the images
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Using the '''bezier tool''' draw a graphic illustration. Color it blue.  
+
| 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;"| For your convenience, these images have been provided to you in the '''Code files''' link.  
  
  
Reduce the '''opacity''' level to 70. Keep it in the middle of the '''canvas.'''
+
Pause the tutorial, click on the link and save these images to your preferred location.  
 
+
  
 +
After this, resume the tutorial.
  
 +
<nowiki><<PAUSE>> </nowiki>
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw a circle of 45X45 pixels >> duplicate it >> change it to 43X 43 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;"| Import '''Image1. '''
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Create a circle of 45X45 pixels. Color it blue.
+
| 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, click on '''Import and then on '''Image1. '''
 
+
 
+
Duplicate it and change its size to 43X43 pixels.
+
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Keep it on the top of blue circle >> color it green
+
| 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;"| Keep it on top of the first circle.
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Keep it on the top of the blue circle. Color it green.
+
| 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;"| Keep it on top of the first circle.  
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Repeat the same process and create 5 more circles
+
| 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;"| Repeat the same procedure >>
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| In a similar way create another 5 circles.
+
  
  
Place them around the graphic illustration.
+
Align them using '''Align and Distribute'''
 
+
| 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;"| In a similar way, repeat the steps for the other 5 images.  
 
+
On the top of these circles we will place images.
+
 
+
  
  
 +
Align them using '''Align and Distribute '''option.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Show the 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;"| Show the canvas completed upto this point.
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| I have already edited the image to ellipse shape and saved them in my documents 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;"| Now, your '''canvas''' should look like this.  
 
+
 
+
You can find them in your '''code files''' folder.
+
 
+
 
+
<nowiki><<PAUSE>></nowiki>
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Import '''Inkscape 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;"| Draw an arrow using '''bezier tool''' on a new layer >> Color it gray
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''File. '''Import '''Image1.'''
+
| 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 create a new layer.
  
  
Reduce the size and keep it on the first circle.
+
Select the '''bezier tool''' and draw an arrow. Color it gray.  
 
+
  
  
 +
Remove the '''stroke'''.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Repeat the same procedure
+
| 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;"| '''Filters menu >> Shadows and Glows >> Drop Shadow >> Apply'''
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| In a similar way I have done for the other 5 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;"| Go to '''Filters menu.''' Select '''Shadows and Glows''' and then click on '''Drop Shadow. '''
  
 +
Check on''' Preview '''box to notice the effect.
  
  
 +
Now click on '''Apply. '''Close the dialog box.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw an arrow using '''bezier tool''' >> Color it gray
+
| 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;"| Keep it on the top of the first circle
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Select '''bezier tool''' draw an arrow. Color it gray.
+
| 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;"| Keep it on the top of the first circle in an overlapping manner, as shown.
 
+
 
+
Keep it on the top of the first circle.
+
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| '''Filters menu >> Shadows and Glows >> Drop Shadow >> Apply'''
+
| 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;"| Duplicate and align them
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''Filters menu.''' Select '''Shadows and Glows''' and then on '''Drop Shadow. '''
+
| 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;"| Duplicate this arrow twice to create 2 more arrows.  
 
+
 
+
Now click on '''Apply.'''
+
 
+
 
+
  
 +
Keep them on 2nd and 3rd circles respectively, as shown.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Duplicate''' '''and''' '''align''' '''them
+
| 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 graphic elements on 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:0.097cm;"| Duplicate it and create 2 more arrows.
+
| 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 all the graphic elements are done.  
 
+
 
+
Keep them on 2<sup>nd</sup> and 3<sup>rd</sup> circles respectively.
+
 
+
  
 +
We will now insert the relevant texts.
  
 +
<nowiki><<PAUSE>> </nowiki>
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the ink blots
+
| 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 “'''Introduction”''' on a new layer.
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| I have drawn ink blots using '''pencil tool''' and placed randomly around 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;"| On a new layer, type “'''Introduction” '''on the first arrow.  
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to the graphic elements on 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;"| Type “'''Features”'''
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now all the graphic elements are done.
+
| 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;"| Type “'''Features” '''on the second arrow.  
 
+
 
+
Now we will insert the texts.
+
 
+
 
+
<nowiki><<PAUSE>></nowiki>
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type '''“Introduction to Inkscape”'''
+
| 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 '''Usage”'''  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type '''“Introduction to Inkscape” '''on the''' '''first arrow.
+
| 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;"| Type '''Usage” '''on the third arrow.  
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type''' “Features of Inkscape”'''
+
| 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:0.097cm;"| Type''' “Features of Inkscape” '''on the second arrow.
+
| 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 we have to insert the text under each of these sections.  
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type''' “Usage of Inkscape”'''
+
| 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 text from '''LibreOffice Writer '''and paste
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type''' “Usage of Inkscape” '''on the third arrow.
+
| 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;"| I will copy and paste the texts from a '''LibreOffice Writer''' file that I have saved already.  
  
 +
*This file is available to you in your saved folder.
 +
*Pls locate it and copy the text from it.
 +
*Then paste it as shown on a new layer.
  
 +
<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;"|
 +
| 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;"| Reduce the font size to 15 and align them using '''Text and Font''' option.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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;"| Select the '''ellipse tool''' >> create a bullet
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now we have to insert the text under each heading.
+
| 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;"| Create a bullet of light green color using the '''ellipse''' tool.  
 
+
  
 +
Place it to the right of the first 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;"| Repeat the process
 +
| 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;"| Repeat the same process for all the sentences.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Copy text from''' LibreOffice Writer '''and paste
+
| 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:0.097cm;"| I will copy and paste the texts from a '''LibreOffice Wrier''' file that I have saved already.
+
| 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 the inner part of the brochure is ready.  
  
  
<nowiki><<PAUSE>></nowiki>
+
Let's press '''CTRL + S''' to save our '''SVG''' file.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Select the '''ellipse tool''' >> create a bullet
+
| 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 the Hide icon on/off.
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Create a bullet of green color using the ellipse 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;"| Now you can hide or show the '''layers''' that you want in the final brochure.  
 
+
 
+
Place it to the right of the first sentence.
+
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Repeat the process
+
| 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:0.097cm;"| Repeat the same process for all the sentences.
+
| 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 save the same file into '''PDF.'''
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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;"| Go to '''File >> Save as '''Change the extension to '''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:0.097cm;"| Now the inner part of the brochure is ready.  
+
| 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.'''
  
 +
Change the file extension to '''PDF. '''
  
 +
Click on '''Save.'''
  
 +
<nowiki><<PAUSE>> </nowiki>
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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 resolution
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let us now save the same file into '''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;"| A new dialog box appears.
 
+
*For printing purpose, the resolution must be 300.  
 +
*For web, it can be 72.
  
 +
|-
 +
| 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.'''
 +
| 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 me keep it as 300.
  
 +
Now click on '''Ok.'''
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Go to '''File >> Save as '''Change the extension 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;"| Come back to '''Brochure-IN.svg''' file >> Arrows layer >> opacity to 70 >> add ink-blots >> save as svg and pdf
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Go to '''File. '''Click on''' Save as. '''Change the extension to''' 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 now change the opacity of the arrows.  
  
 +
Go to the '''arrows layer''' and change the opacity of the layer to 70.
  
Click on''' Save.'''
 
  
 +
I have also added a new '''layer''' with ink-blots.
  
<nowiki><</nowiki><nowiki><PAUSE>></nowiki>
 
  
 +
Save the file in '''SVG''' and '''PDF''' formats.
  
  
 +
Compare the 2 pdfs to understand the difference.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"|  
+
| 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:0.097cm;"| Next let us create the outer part of the brochure.
+
| 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 create the outer part of the brochure.  
  
 +
|-
 +
| 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;"| '''File >> Open >>''' '''Brochure-OUT.svg'''
 +
| 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. '''Click on '''Open''',
  
 +
Select '''Brochure-OUT.svg.'''
  
 +
|-
 +
| 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;"| Now we have to design the sections 1, 5 and 6.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| '''File >> Open >>''' '''Inkscape.OUT.svg'''
+
| 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:0.097cm;"| Go to''' File. '''Click on''' Open. '''Select the '''Inkscape_OUT.svg.'''
+
| 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;"| Once again, remember to use different '''layers''' for different elements.  
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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;"| Draw graphic illustration >> Color it blue
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Now we have to design the 1<sup>st</sup>, 4<sup>th</sup> and 5<sup>th</sup> pages.
+
| 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;"| Draw a graphic illustration on the top left using the '''Bezier tool '''as shown.  
 
+
 
+
  
 +
Color it blue. Remove the '''stroke'''.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw graphic illustration >> Color it blue
+
| 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 '''Spoken Tutorial '''logo >> align it  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Draw a graphic illustration on the top left 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;"| Import '''Spoken Tutorial '''logo which is in your saved folder.  
 
+
 
+
Color it blue.
+
 
+
 
+
  
 +
Reduce the size and place it on the top left corner of the 1st section.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Import''' Spoken Tutorial '''logo >> align it
+
| 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” '''>> Align it  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Import''' Spoken Tutorial '''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;"| Type “'''Spoken Tutorial”''' and align to the right of the logo.  
 
+
 
+
Place it on the top left corner of the 1<sup>st</sup> page.
+
 
+
  
  
 +
Change the font size to 25.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type '''“Spoken Tutorial” '''>> Align it
+
| 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;"| Draw a circle >> color it white
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Type '''“Spoken Tutorial”''' and align to the right of 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;"| Draw a circle below the text and color it yellow.  
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw a circle >> color it white
+
| 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 Inkscape logo
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Draw a circle below the text. Color it white.
+
| 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;"| Import '''Inkscape logo.'''
  
|-
 
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Import Inkscape logo
 
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Import '''Inkscape logo''' and resize it to 120X120 pixels.
 
 
 
Place it on the top of the circle.
 
  
 +
Place it on the top of the yellow circle.
  
 +
|-
 +
| 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 “'''Inkscape”'''
 +
| 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;"| Type “'''Inkscape”''' below the logo. Change the font size to 45.
  
 +
<nowiki><<PAUSE>> </nowiki>
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type '''“Inkscape”'''
+
| 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:0.097cm;"| Type '''“Inkscape”''' below 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;"| I have added details about '''Spoken Tutorial project''' and inserted the relevant logos.  
 
+
 
+
<nowiki><<PAUSE>></nowiki>
+
 
+
  
  
 +
Pls do so likewise.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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''' >> display the finished outer side.
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| I have added details about Spoken Tutorial and inserted logos.
+
| 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;"| I have aligned all the elements using
 
+
*'''Text and font '''
 +
*and '''Align and Distribute '''options.
  
  
 +
Now the outer side of the brochure is ready.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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;"| '''File''' >> '''Save as''' >> Change the extension to '''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:0.097cm;"| I have aligned them using''' Text and font '''and''' Align and Distribute '''options.
+
| 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. '''
  
 +
Click on '''Save As. '''
  
Now the outer side of the brochure is ready.
+
Change the format''' '''to '''SVG''' and click on '''Save'''
  
  
  
 +
Repeat the same process.
  
|-
+
Change the extension to '''PDF. '''
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| '''File''' >> '''Save as''' >> Change the extension to''' 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:0.097cm;"| Go to '''File. '''Click on''' Save as. '''Change the extension to''' PDF. '''
+
 
+
 
+
Click on''' Save.'''
+
 
+
 
+
  
 +
Click on '''Save.'''
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Show the completed brochure
+
| 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;"| Show the completed brochure  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| This is our completed brochure.
+
| 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 is our completed brochure.  
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Summary (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;"| Show the 2 other colour and opacity options.
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Let us summarize.  
+
| 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;"| If you have used '''layers''' for the various elements, then you can conveniently change the colours and opacity.  
  
  
In this tutorial we learnt to
+
These are 2 other colour schemes that I have created of the same brochure.
  
* Rulers and guidelines
+
|-
* Settings for a 3 fold brochure
+
| 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;"| Summary (Slide)
* Designing a 3 fold brochure for Inkscape<br/>
+
| 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 summarize.
  
 +
In this tutorial we learnt to
  
 +
* Use '''guidelines''' and to set them
 +
* Settings for a 3-fold brochure
 +
* Design a 3-fold brochure.
  
 +
We also learnt
 +
*the importance of using '''layers'''
 +
*and obtaining the same brochure in various colour schemes.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Completed assignment
+
| 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;"| Completed assignment  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding: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 a Tri-fold brochure for Spoken Tutorial
+
 
+
  
 +
* Create a 3-fold brochure for Spoken Tutorial Project
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Completed assignment  
+
| 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;"| Completed assignment  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Your completed assignment should look like this.  
+
| 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;"| Your completed assignment should look like this.  
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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:0.097cm;"| The video available at the following link summarizes the Spoken Tutorial project. Pls 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. Pls watch it.  
 
+
 
+
 
+
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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:0.097cm;"| The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.  
+
| 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 Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.  
  
 
For more details, please write to us.  
 
For more details, please write to us.  
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| 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:0.097cm;"| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.  
+
| 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;"| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.  
  
 
More information on this Mission is available at this link.  
 
More information on this Mission is available at this link.  
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Acknowledgment  
+
| 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;"| Acknowledgment  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding: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.  
  
 
|}
 
|}

Latest revision as of 17:44, 15 December 2015

Author: Arthi. A

Keywords: Rulers and guidelines in Inkscape, Settings for a 3 fold brochure, Designing a 3 fold brochure for Inkscape


Visual cue
Narration
Opening Slide Welcome to the Spoken Tutorial on “Create a 3-fold brochure” using Inkscape.
Learning Objectives (Slide) In this tutorial we will learn to
  • Use guidelines and to set them
  • Settings for a 3-fold brochure
  • Design a 3-fold brochure.

We will also learn the importance of using layers.

System requirement (Slide) To record this tutorial, I am using
  • Ubuntu Linux 12.04 OS
  • Inkscape version 0.48.4
Showing Blender brochure (Animation) This is a sample 3 fold brochure. As we open it, we can see the 3 folds.

So there are 6 sections in all.

Showing Blender brochure (Animation) The outer side contains sections 1, 5 and 6.

The inner side of the brochure contains sections 2, 3 and 4.

Open Inkscape Let us learn how to create a brochure like this one.
Open Inkscape>>Document properties Open Inkscape.

Click on File and go to Document Properties.

Change/click as per narration. Let's do some basic setting first.

Change:

  • Default units to mm
  • Page Size to A4
  • Orientation to Landscape
  • Custom Size Units to mm.
We have to divide the canvas into 3 folds.
Point to the width parameter For that, observe that the width of the canvas is 297.
Point to the canvas So we have to divide 297 into 3 parts, which is 99 for each of the three sections.

Close the Document Properties dialog box now.

Click and drag the ruler >> Point to the guideline Click and drag a guideline from the left side onto the canvas.
Double click on the guideline Double click on this guideline.

A dialog box opens up.

Change the value of X to 99. Change the value of X to 99 and click on OK.
Click and drag the ruler >> Point to the guideline Click and drag another guideline from the left side onto the canvas.
Double click on the guideline>> Change X value to 198 Double-click on it to open the dialog box.

Here change the value of X to 198.

Point to the canvas Now our canvas is divided into 3 equal sections.

These guidelines tell us where each fold will start and end.

<<PAUSE>>

Point to the canvas Let us save this file twice:
  • One for the inner side of the brochure
  • and the other for the outer side.
Go to File >> Save as >> Brochure-OUT.svg Go to File and click on Save as.

I will save the file on my Desktop with the name Brochure-OUT.svg.

Go to File >> Save as >> Brochure-IN.svg Once again go to File and click on Save as.

This time, I will give the name Brochure-IN.svg and click on Save.

<<PAUSE>>

Switch to Brochure-IN.svg. So, now we have 2 files, one for the inner section and one for the outer section.

Let us start with Brochure-IN.svg.

Open the Layers panel As we go about creating this brochure, it is desirable to use different layers for different elements.


Towards the end of this tutorial, we see the benefits of doing so.

Point to the canvas Let us first design the inner sections of the brochure i.e. sections 2, 3 and 4.
Draw graphic illustration >> color it blue >> reduce opacity to 70 Using the bezier tool, draw a graphic illustration in the middle of the canvas. Color it blue.
Remove the stroke. Remove the stroke.
Create a layer and name it "circle" >> Draw a circle of 150X150 pixels Create a new layer and name it as you prefer.

Create a circle of 150X150 pixels. Color it green.

Duplicate the circles >> Change the size Duplicate the circle and create 5 more circles of different sizes as shown.
Place them around the graphic illustration as demonstrated. Place them around the graphic illustration as demonstrated.
Show the images Inside these circles, we will place some images.


I have already edited the images to a circular shape and saved them in my Documents folder.

Show the images For your convenience, these images have been provided to you in the Code files link.


Pause the tutorial, click on the link and save these images to your preferred location.

After this, resume the tutorial.

<<PAUSE>>

Import Image1. Go to File, click on Import and then on Image1.
Keep it on top of the first circle. Keep it on top of the first circle.
Repeat the same procedure >>


Align them using Align and Distribute

In a similar way, repeat the steps for the other 5 images.


Align them using Align and Distribute option.

Show the canvas completed upto this point. Now, your canvas should look like this.
Draw an arrow using bezier tool on a new layer >> Color it gray Next create a new layer.


Select the bezier tool and draw an arrow. Color it gray.


Remove the stroke.

Filters menu >> Shadows and Glows >> Drop Shadow >> Apply Go to Filters menu. Select Shadows and Glows and then click on Drop Shadow.

Check on Preview box to notice the effect.


Now click on Apply. Close the dialog box.

Keep it on the top of the first circle Keep it on the top of the first circle in an overlapping manner, as shown.
Duplicate and align them Duplicate this arrow twice to create 2 more arrows.

Keep them on 2nd and 3rd circles respectively, as shown.

Point to the graphic elements on the canvas Now all the graphic elements are done.

We will now insert the relevant texts.

<<PAUSE>>

Type “Introduction” on a new layer. On a new layer, type “Introduction” on the first arrow.
Type “Features” Type “Features” on the second arrow.
Type “Usage” Type “Usage” on the third arrow.
Point to the canvas Now we have to insert the text under each of these sections.
Copy text from LibreOffice Writer and paste I will copy and paste the texts from a LibreOffice Writer file that I have saved already.
  • This file is available to you in your saved folder.
  • Pls locate it and copy the text from it.
  • Then paste it as shown on a new layer.

<<PAUSE>>

Reduce the font size to 15 and align them using Text and Font option.
Select the ellipse tool >> create a bullet Create a bullet of light green color using the ellipse tool.

Place it to the right of the first sentence.

Repeat the process Repeat the same process for all the sentences.
Point to the canvas Now the inner part of the brochure is ready.


Let's press CTRL + S to save our SVG file.

Click the Hide icon on/off. Now you can hide or show the layers that you want in the final brochure.
Point to the canvas Let us now save the same file into PDF.
Go to File >> Save as Change the extension to PDF >> Save Go to File and click on Save As.

Change the file extension to PDF.

Click on Save.

<<PAUSE>>

Point to the resolution A new dialog box appears.
  • For printing purpose, the resolution must be 300.
  • For web, it can be 72.
Click on Ok. Let me keep it as 300.

Now click on Ok.

Come back to Brochure-IN.svg file >> Arrows layer >> opacity to 70 >> add ink-blots >> save as svg and pdf Let us now change the opacity of the arrows.

Go to the arrows layer and change the opacity of the layer to 70.


I have also added a new layer with ink-blots.


Save the file in SVG and PDF formats.


Compare the 2 pdfs to understand the difference.

Next let us create the outer part of the brochure.
File >> Open >> Brochure-OUT.svg Go to File. Click on Open,

Select Brochure-OUT.svg.

Point to the canvas Now we have to design the sections 1, 5 and 6.
Once again, remember to use different layers for different elements.
Draw graphic illustration >> Color it blue Draw a graphic illustration on the top left using the Bezier tool as shown.

Color it blue. Remove the stroke.

Import Spoken Tutorial logo >> align it Import Spoken Tutorial logo which is in your saved folder.

Reduce the size and place it on the top left corner of the 1st section.

Type “Spoken Tutorial” >> Align it Type “Spoken Tutorial” and align to the right of the logo.


Change the font size to 25.

Draw a circle >> color it white Draw a circle below the text and color it yellow.
Import Inkscape logo Import Inkscape logo.


Place it on the top of the yellow circle.

Type “Inkscape” Type “Inkscape” below the logo. Change the font size to 45.

<<PAUSE>>

Point to the canvas I have added details about Spoken Tutorial project and inserted the relevant logos.


Pls do so likewise.

Point to the canvas >> display the finished outer side. I have aligned all the elements using
  • Text and font
  • and Align and Distribute options.


Now the outer side of the brochure is ready.

File >> Save as >> Change the extension to PDF >> Save Go to File.

Click on Save As.

Change the format to SVG and click on Save


Repeat the same process.

Change the extension to PDF.

Click on Save.

Show the completed brochure This is our completed brochure.
Show the 2 other colour and opacity options. If you have used layers for the various elements, then you can conveniently change the colours and opacity.


These are 2 other colour schemes that I have created of the same brochure.

Summary (Slide) Let us summarize.

In this tutorial we learnt to

  • Use guidelines and to set them
  • Settings for a 3-fold brochure
  • Design a 3-fold brochure.

We also learnt

  • the importance of using layers
  • and obtaining the same brochure in various colour schemes.
Completed assignment Here is an assignment for you.
  • Create a 3-fold brochure for Spoken Tutorial Project
Completed assignment Your completed assignment should look like this.
About Slide The video available at the following link summarizes the Spoken Tutorial project. Pls 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.

Contributors and Content Editors

Arthi, Nancyvarkey