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

From Script | Spoken-Tutorial
Jump to: navigation, search
(Blanked the page)
Line 1: Line 1:
 +
'''Title of script: Create a Tri-fold brochure'''
  
 +
'''Author:''' Arthi. A
 +
 +
'''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-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: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: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: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:0.05pt solid #000000;padding:0.097cm;"| In this tutorial
 +
 +
 +
We will learn about
 +
 +
* Rulers and guidelines
 +
* Settings for a 3 fold brochure
 +
* 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: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:0.05pt solid #000000;padding: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:0.097cm;"| 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;"| 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: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:0.05pt solid #000000;padding:0.097cm;"| The outer side contains 1, 5 and 6.
 +
 +
 +
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:0.097cm;"| 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:0.097cm;"| Let us open '''Inkscape.'''
 +
 +
 +
 +
 +
|-
 +
| 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:0.05pt solid #000000;padding:0.097cm;"| Go to''' Document properties. '''Change the''' Orientation '''to '''Landscape. '''
 +
 +
 +
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: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: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: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:0.05pt solid #000000;padding:0.097cm;"| So we have to divide 297 into 3 parts, which is 99 for each page.
 +
 +
 +
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;"| 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: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: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:0.05pt solid #000000;padding:0.097cm;"| Double click on the '''guideline'''. A dialog box opens up.
 +
 +
 +
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:0.05pt solid #000000;padding:0.097cm;"| In a similar way click on the '''ruler''' and drag it.
 +
 +
 +
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:0.05pt solid #000000;padding:0.097cm;"| Now our '''canvas''' is divided into 3 parts.
 +
 +
 +
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:0.05pt solid #000000;padding:0.097cm;"| Let us save it twice.
 +
 +
 +
One for inner side of the brochure and the other for outer side.
 +
 +
 +
 +
 +
|-
 +
| 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:0.05pt solid #000000;padding:0.097cm;"| Go to''' File. '''Click on''' Save as. '''I will save it on Desktop.''' '''
 +
 +
 +
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:0.05pt solid #000000;padding:0.097cm;"| In a similar way save for outer side of the brochure.
 +
 +
 +
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: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: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:0.05pt solid #000000;padding:0.097cm;"| Using the '''bezier tool''' draw a graphic illustration. Color it blue.
 +
 +
 +
Reduce the '''opacity''' level to 70. Keep it in the middle of the '''canvas.'''
 +
 +
 +
 +
 +
|-
 +
| 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:0.05pt solid #000000;padding:0.097cm;"| Create a circle of 45X45 pixels. Color it blue.
 +
 +
 +
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: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: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:0.05pt solid #000000;padding:0.097cm;"| In a similar way create another 5 circles.
 +
 +
 +
Place them around the graphic illustration.
 +
 +
 +
On the top of these circles we will place images.
 +
 +
 +
 +
 +
|-
 +
| 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:0.05pt solid #000000;padding:0.097cm;"| I have already edited the image to ellipse shape and saved them in my documents folder.
 +
 +
 +
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:0.05pt solid #000000;padding:0.097cm;"| Go to '''File. '''Import '''Image1.'''
 +
 +
 +
Reduce the size and keep it on 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 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 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: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:0.05pt solid #000000;padding:0.097cm;"| Select '''bezier tool''' draw an arrow. Color it gray.
 +
 +
 +
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:0.05pt solid #000000;padding:0.097cm;"| Go to '''Filters menu.''' Select '''Shadows and Glows''' and then on '''Drop Shadow. '''
 +
 +
 +
Now click on '''Apply.'''
 +
 +
 +
 +
 +
|-
 +
| 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:0.05pt solid #000000;padding:0.097cm;"| Duplicate it and create 2 more arrows.
 +
 +
 +
Keep them on 2<sup>nd</sup> and 3<sup>rd</sup> circles respectively.
 +
 +
 +
 +
 +
|-
 +
| 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: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: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:0.05pt solid #000000;padding:0.097cm;"| Now all the graphic elements are done.
 +
 +
 +
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: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: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: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: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: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: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: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: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:0.05pt solid #000000;padding:0.097cm;"| I will copy and paste the texts from a '''LibreOffice Wrier''' file that I have saved already.
 +
 +
 +
<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;"| 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;"| Create a bullet of 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:0.097cm;"| 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: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;"| 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;"| 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: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: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: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:0.05pt solid #000000;padding:0.097cm;"| Go to '''File. '''Click on''' Save as. '''Change the extension to''' PDF. '''
 +
 +
 +
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;"|
 +
| 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: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: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: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: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: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:0.05pt solid #000000;padding:0.097cm;"| Draw a graphic illustration on the top left using the '''Bezier tool. '''
 +
 +
 +
Color it blue.
 +
 +
 +
 +
 +
|-
 +
| 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:0.05pt solid #000000;padding:0.097cm;"| Import''' Spoken Tutorial '''logo.
 +
 +
 +
Place it on the top left corner of the 1<sup>st</sup> page.
 +
 +
 +
 +
 +
|-
 +
| 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: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: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: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: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.
 +
 +
 +
 +
 +
|-
 +
| 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:0.05pt solid #000000;padding:0.097cm;"| Type '''“Inkscape”''' below the logo.
 +
 +
 +
<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: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: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:0.05pt solid #000000;padding:0.097cm;"| I have aligned them 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;"| '''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.'''
 +
 +
 +
 +
 +
|-
 +
| 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: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:none;padding:0.097cm;"| Summary (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;"| Let us summarize.
 +
 +
 +
In this tutorial we learnt to
 +
 +
* Rulers and guidelines
 +
* Settings for a 3 fold brochure
 +
* 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:none;padding:0.097cm;"| 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
 +
 +
 +
* Create a Tri-fold brochure for Spoken Tutorial
 +
 +
 +
 +
|-
 +
| 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: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:none;padding:0.097cm;"| 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:none;padding:0.097cm;"| 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.
 +
 +
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:0.05pt solid #000000;padding:0.097cm;"| Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.
 +
 +
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:0.05pt solid #000000;padding:0.097cm;"| We have come to the end of this tutorial.
 +
 +
This is Arthi from IIT Bombay, signing off. Thanks for joining.
 +
 +
|}

Revision as of 17:41, 31 October 2014

Title of script: Create a Tri-fold brochure

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 Tri-fold brochure” using Inkscape.
Learning Objectives (Slide) In this tutorial


We will learn about

  • Rulers and guidelines
  • Settings for a 3 fold brochure
  • Designing a 3 fold brochure for Inkscape



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.



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


The inner side of the brochure contains 2nd, 3rd and 4th pages.



Open Inkscape Let us open Inkscape.



Document properties >> Orientation >> Landscape Go to Document properties. Change the Orientation to Landscape.


Let us divide the canvas into 3 folds.



Point to the width parameter Observe 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 page.


Close the dialog box.



Click and drag the ruler >> Point to the guideline Click and drag the ruler from side. Now we have the guideline.



Double click on the guideline >> change X value to 99 Double click on the guideline. A dialog box opens up.


Change the X value to 99. Click on OK.



Create another ruler >> change X value to 198 In a similar way click on the ruler and drag it.


Double click on it and change the X value to 198.



Point to the canvas Now our canvas is divided into 3 parts.


These guidelines are the margins to let us know the where each fold starts and ends.


<<PAUSE>>

Point to the canvas Let us save it twice.


One for inner side of the brochure and the other for outer side.



Go to File >> Save as >> Inkscape_IN.svg Go to File. Click on Save as. I will save it on Desktop.


Type Inkscape_IN.svg. Click on Save.



Go to File >> Save as >> Inkscape_OUT.svg In a similar way save for outer side of the brochure.


Go to File. Click on Save as.


Type Inkscape_OUT.svg. Click on Save.


<<PAUSE>>



Point to the canvas Let us first design the inner side of the brochure i.e. the 2nd, 3rd and 4th pages.



Draw graphic illustration >> color it blue >> reduce opacity to 70 Using the bezier tool draw a graphic illustration. Color it blue.


Reduce the opacity level to 70. Keep it in the middle of the canvas.



Draw a circle of 45X45 pixels >> duplicate it >> change it to 43X 43 pixels Create a circle of 45X45 pixels. Color it blue.


Duplicate it and change its size to 43X43 pixels.



Keep it on the top of blue circle >> color it green Keep it on the top of the blue circle. Color it green.



Repeat the same process and create 5 more circles In a similar way create another 5 circles.


Place them around the graphic illustration.


On the top of these circles we will place images.



Show the images I have already edited the image to ellipse shape and saved them in my documents folder.


You can find them in your code files folder.


<<PAUSE>>

Import Inkscape logo Go to File. Import Image1.


Reduce the size and keep it on the first circle.



Repeat the same procedure In a similar way I have done for the other 5 images.



Draw an arrow using bezier tool >> Color it gray Select bezier tool draw an arrow. Color it gray.


Keep it on the top of the first circle.



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


Now click on Apply.



Duplicate and align them Duplicate it and create 2 more arrows.


Keep them on 2nd and 3rd circles respectively.



Point to the ink blots I have drawn ink blots using pencil tool and placed randomly around the canvas.



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


Now we will insert the texts.


<<PAUSE>>

Type “Introduction to Inkscape” Type “Introduction to Inkscape” on the first arrow.
Type “Features of Inkscape” Type “Features of Inkscape” on the second arrow.
Type “Usage of Inkscape” Type “Usage of Inkscape” on the third arrow.



Point to the canvas Now we have to insert the text under each heading.



Copy text from LibreOffice Writer and paste I will copy and paste the texts from a LibreOffice Wrier file that I have saved already.


<<PAUSE>>

Select the ellipse tool >> create a bullet Create a bullet of 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.



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. Click on Save as. Change the extension to PDF.


Click on Save.


<<PAUSE>>



Next let us create the outer part of the brochure.



File >> Open >> Inkscape.OUT.svg Go to File. Click on Open. Select the Inkscape_OUT.svg.



Point to the canvas Now we have to design the 1st, 4th and 5th pages.



Draw graphic illustration >> Color it blue Draw a graphic illustration on the top left using the Bezier tool.


Color it blue.



Import Spoken Tutorial logo >> align it Import Spoken Tutorial logo.


Place it on the top left corner of the 1st page.



Type “Spoken Tutorial” >> Align it Type “Spoken Tutorial” and align to the right of the logo.
Draw a circle >> color it white Draw a circle below the text. Color it white.
Import Inkscape logo Import Inkscape logo and resize it to 120X120 pixels.


Place it on the top of the circle.



Type “Inkscape” Type “Inkscape” below the logo.


<<PAUSE>>



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



Point to the canvas I have aligned them 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 extension to PDF.


Click on Save.



Show the completed brochure This is our completed brochure.
Summary (Slide) Let us summarize.


In this tutorial we learnt to

  • Rulers and guidelines
  • Settings for a 3 fold brochure
  • Designing a 3 fold brochure for Inkscape



Completed assignment Here is an assignment for you


  • Create a Tri-fold brochure for Spoken Tutorial


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 from IIT Bombay, signing off. Thanks for joining.

Contributors and Content Editors

Arthi, Nancyvarkey

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Inkscape/C3/Create-a-3-fold-brochure/English&oldid=17573"