Difference between revisions of "Inkscape/C3/Design-a-visiting-card/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 1: Line 1:
 
'''Title of script: Design a Visiting card'''
 
'''Title of script: Design a Visiting card'''
  
'''Author:''' Arthi. A  
+
'''Author:''' Arthi. A
  
 
'''Keywords:''' Document settings for a visiting card in Inkscape, Design a visiting card, Settings to print multiple''' '''visiting cards
 
'''Keywords:''' Document settings for a visiting card in Inkscape, Design a visiting card, Settings to print multiple''' '''visiting cards
Line 8: Line 8:
  
 
{| 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.1pt solid #000001;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Visual cue
| style="border:0.05pt solid #000000;padding:0.097cm;"| <center>Narration</center>
+
| style="border:0.1pt solid #000001;padding:0.0507in;"| Narration
  
 
|-
 
|-
| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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 “'''Design a Visiting card'''” using '''Inkscape'''.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Welcome to the Spoken Tutorial on “'''Design a Visiting card'''” 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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:
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| In this tutorial, we will learn:
  
 
* Settings for a visiting card
 
* Settings for a visiting card
 
* Designing a visiting card
 
* Designing a visiting card
 
* Settings to print multiple copies of the visiting card
 
* Settings to print multiple copies of the visiting card
 +
 +
  
 
|-
 
|-
| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| To record this tutorial, I am using
  
 
* '''Ubuntu Linux''' 12.04 OS
 
* '''Ubuntu Linux''' 12.04 OS
 
* '''Inkscape''' version 0.48.4
 
* '''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;"| Open '''Inkscape'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| 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;"| Go to '''File >> Document properties >>'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Go to '''File >> Document properties >>'''
  
  
Change the '''Default units '''to''' Inches''' and ''' Default Orientation '''to''' Landscape.  
+
Change the '''Default units '''to''' Inches''' and '''Default 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:0.097cm;"| Go to''' File. '''Click on''' Document properties.'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Go to''' File. '''Click on''' Document properties.'''
  
  
Change the '''Default units '''to''' Inches''' and the ''' Default Orientation '''to''' Landscape.'''
+
Change the '''Default units '''to''' Inches''' and the '''Default Orientation '''to''' Landscape.'''
  
  
Line 48: Line 52:
  
 
|-
 
|-
| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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 start designing the visiting card now.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Let us now start designing the visiting card now.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Draw a rectangle
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Draw a rectangle >>
| 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, draw a rectangle using the '''Rectangle tool. '''
+
 
 +
 
 +
On the '''Tool controls bar, '''change the '''width to 3.5 '''and '''height '''to '''2.'''
 +
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| So, draw a rectangle using the '''Rectangle tool. '''
 +
 
 +
 
 +
Click on the '''Selector tool.'''
  
  
Line 59: Line 69:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change color to dark green
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Change color to dark 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;"| Change the color to dark green.  
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Move it to the top left corner of the '''canvas.'''
  
  
Move it to the top left corner of the '''canvas.'''
+
Change the color to dark green.
  
  
Line 72: Line 82:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| '''Bezier tool''' >> Draw straight line >> '''Object menu >> Fill and Stroke'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| '''Bezier tool''' >> Draw straight line >> '''Object menu >> Fill and Stroke'''
 
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Select the '''Bezier tool '''and draw a wavy line.
| 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 the '''Bezier tool ''' and draw a wavy line.  
+
  
  
Line 80: Line 89:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change stroke color to yellow.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Change stroke color to yellow.
| 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;"| Change the stroke color to yellow.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Change the stroke color to 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 wavy line
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Draw a wavy line
| 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 draw a straight line below the straight line.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Now draw a straight line below the wavy line.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Select both lines >>
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Select both lines >>
  
  
 
'''Extensions menu >> Generate from path >> Interpolate'''
 
'''Extensions menu >> Generate from path >> Interpolate'''
| 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 both the lines. Go to '''Extensions menu.'''  
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Select both the lines. Go to '''Extensions menu.'''
  
  
Line 98: Line 107:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| click on '''Apply''' >> '''Close'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Change the '''Interpolation steps''' value to 30 >> Apply >> Close
| 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 the default settings and click on '''Apply''' button.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Check if the '''Exponent''' value is 0.  
  
  
Now click on '''Close''' button.
+
Change the '''Interpolation steps''' value to 30.
 +
 
 +
 
 +
Click on '''Apply''' button and then on '''Close''' button
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Move it to the top left
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Point to the design
| 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;"| Notice the '''interpolation''' effect is now applied.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Notice the '''Interpolation''' effect is now applied.
 +
 
  
  
Move it to the left of the visiting card.
 
  
 
|-
 
|-
| 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 >> Glow'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| '''Filters menu >> Shadows and Glows >> Glow'''
| 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 give some glow effect to the '''Interpolate''' design.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Let us give some glow effect to the '''Interpolate''' design.
  
  
Line 119: Line 131:
  
 
|-
 
|-
| 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 design
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Point to the design
| 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 glow effect is applied to the design.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Observe the glow effect is applied to the design.
  
  
Line 126: Line 138:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Show the''' Spoken Tutorial logo'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Show the''' 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:0.097cm;"| Let us import the '''Spoken Tutorial logo''' now.  
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Let us import the '''Spoken Tutorial logo''' now.
  
  
Line 133: Line 145:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Show the''' Spoken Tutorial logo'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Show the''' 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:0.097cm;"| The logo has been given to you in the '''Code files''' link.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| The logo has been given to you in the '''Code files''' link.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| '''File >> Import >> '''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| '''File >> Import >>'''
  
  
 
Resize and keep on left corner
 
Resize and keep on left corner
| 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''' and click on '''Import.'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Go to '''File''' and click on '''Import.'''
  
  
Line 147: Line 159:
  
 
|-
 
|-
| 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 >> '''Make it bold >>
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Copy the visiting card details
 +
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Let me copy the visiting card details from a '''LibreOffice Writer''' file that I had saved already.
  
 +
|-
 +
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Copy the visiting card details
 +
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| This file has been given to you in the '''Codes file''' link.
  
'''Font size''' to '''16 '''
+
|-
| 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''' to the right of the logo.  Make it bold.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"|
 +
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Change the Font size to 12 and the text color to white.
  
 +
|-
 +
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Type''' Spoken Tutorial >> '''Make it bold >>
  
Change the font size to 16.
 
  
|-
+
'''Font size''' to '''16'''
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type contact details >>
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Select the '''Spoken Tutorial''' word.
  
  
Font size to 12
+
Change the font size to 16 make it bold.
| 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 the contact details in the middle area.
+
 
  
  
Change the font size to 12.
 
  
 
|-
 
|-
| 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 visiting card
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Point to the visiting card
| 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 visiting card for '''Spoken Tutorial''' is ready.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Now our visiting card for '''Spoken Tutorial''' is ready.
  
  
Line 174: Line 191:
  
 
|-
 
|-
| 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 visiting card
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Point to the visiting card
| 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, we  
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Next, we
will learn to create multiple copies of the visiting card.  
+
 
 +
will learn to create multiple copies of the visiting card.
  
  
Line 182: Line 200:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Press '''Ctrl + A''' and  
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Press '''Ctrl + A''' and
  
  
 
'''Ctrl + G'''
 
'''Ctrl + G'''
| 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;"| For doing that, we should first group all the elements.  
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| For doing that, we should first group all the elements.
  
  
Line 192: Line 210:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| '''Edit menu >> Clone >> Create Tiled Clones'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| '''Edit menu >> Clone >> Create Tiled Clones'''
| 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, go to the '''Edit menu. '''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Now, go to the '''Edit menu.'''
  
 
Click on '''Clone''' and then on '''Create Tiled Clones.'''
 
Click on '''Clone''' and then on '''Create Tiled Clones.'''
  
 
|-
 
|-
| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"|  
| 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 '''Create Tiled Clone''' dialog box opens.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| The '''Create Tiled Clones''' dialog box opens.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Under '''Symmetry tab >> '''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Under '''Symmetry tab >>'''
  
  
 
change the number of rows to 4 and columns to 3
 
change the number of rows to 4 and columns to 3
| 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;"| Under the '''Symmetry '''tab, change the number of rows to 4 and columns to 3.  
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Under the '''Symmetry '''tab, change the number of rows to 4 and columns to 3.
  
  
|-
 
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Create''' button >> close the dialog box.
 
  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"|Now, click on '''Create''' button.
+
 
 +
|-
 +
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Click on '''Create''' button >> close the dialog box.
 +
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Now, click on '''Create''' button.
  
 
And then close the dialog box.
 
And then 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;"| Point to the visiting cards
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Point to the visiting cards
| 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;"| Notice that multiple copies of the visiting card appears in the draw area.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Notice that multiple copies of the visiting card appears in the draw area.
  
 
|-
 
|-
| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"|  
| 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 way, we can print multiple copies of the visiting card.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| In this way, we can print multiple copies of the visiting card.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on the topmost visiting card >> move it from its position
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Click on the topmost visiting card >> move it from its position
| 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;"|Turn your attention to the visiting card at the top left.  
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Turn your attention to the visiting card at the top left.
  
  
Click on it and move it from its position.
+
Click on it and move it from its position.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Delete it
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Delete 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;"| Now delete this card as it is an extra copy.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Now delete this card as it is an extra copy.
  
 
|-
 
|-
| 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 visiting cards
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Point to the visiting cards
| 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;"| What if there are some changes to be incorporated?
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| What if there are some changes to be incorporated?
  
  
Line 243: Line 262:
  
 
|-
 
|-
| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"|  
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Not at all. We will have to make the correction only in the original visiting card.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Not at all. We will have to make the correction only in the original visiting card.
  
  
Line 250: Line 269:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Move the contact details to the left
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Double click and change the color of the word '''Spoken Tutorial''' to brown on the original card
| 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's try this. Let's move the contact details to the left side on the original card.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Let's try this. Double click and change the color of the word '''Spoken Tutorial''' to brown on the original card
  
  
Line 260: Line 279:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Press '''Ctrl + S'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Press '''Ctrl + S'''
| 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 let us save the file.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Now let us save the file.
  
  
Press '''Ctrl + S''' to save the '''SVG''' file. I will choose '''Desktop''' as the location to save my file.
+
Press '''Ctrl + S''' to save the '''SVG''' file. I will choose '''Desktop''' as the location to save my file.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Type''' ST-visiting-card >> '''Click on '''Save'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Type''' ST-visiting-card >> '''Click on '''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;"| And I will type '''ST-visiting-card''' as the '''Filename''' and click on '''Save. '''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| And I will type '''ST-visiting-card''' as the '''Filename''' and 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'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| '''Go to File >> Save As'''
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| After this, we will save the file in '''PDF''' format.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| After this, we will save the file in '''PDF''' format.
  
  
Line 278: Line 297:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Change the extension to '''PDF''' >> '''Save'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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;"| Change the extension to '''PDF''' and click on '''Save.'''
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Change the extension to '''PDF''' and 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;"| Close '''Inkscape''' >> come to the Desktop >> point to the pdf file >> double-click to open it.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Close '''Inkscape''' >> come to the Desktop >> point to the pdf file >> double-click to open 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;"| Let us close '''Inkscape''' now and come to the Desktop.
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Change the '''resolution''' to 300 and click on '''OK.'''
  
  
Here is the file that we saved - '''ST-visiting-card.pdf'''
+
Let us go to the Desktop.
 +
 
 +
 
 +
Here is the file that we had saved - '''ST-visiting-card.pdf'''
  
  
Line 296: Line 318:
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Summarize
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| Summarize
| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Let us summarize.
  
  
In this tutorial, we learnt about  
+
In this tutorial, we learnt about
 +
 
 
* Settings for a visiting card
 
* Settings for a visiting card
 
* Designing a visiting card
 
* Designing a visiting card
 
* Settings to print multiple copies of the visiting card
 
* Settings to print multiple copies of the visiting card
 +
 +
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Assignment
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| Here is an assignment for you.
 +
 
 +
Create a visiting card with
 +
 
 +
* your name
 +
* your institute/organisation name
 +
* your institute/organisation logo
 +
* your institute/organisation website address
 +
 
  
Create a visiting card with
 
*your name
 
*your institute/organisation name
 
*your institute/organisation logo
 
*your institute/organisation website address
 
  
 
|-
 
|-
| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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. Please watch it.  
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| The video available at the following link summarizes the Spoken Tutorial project. Please watch it.
  
 
|-
 
|-
| style="border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| About Slide  
+
| style="border-top:none;border-bottom:0.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:none;padding:0.0507in;"| 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.1pt solid #000001;border-left:0.1pt solid #000001;border-right:0.1pt solid #000001;padding:0.0507in;"| We have come to the end of this tutorial.
  
 
This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.
 
This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.
  
 
|}
 
|}

Revision as of 17:37, 11 June 2015

Title of script: Design a Visiting card

Author: Arthi. A

Keywords: Document settings for a visiting card in Inkscape, Design a visiting card, Settings to print multiple visiting cards


Visual cue Narration
Opening Slide Welcome to the Spoken Tutorial on “Design a Visiting card” using Inkscape.
Learning Objectives (Slide) In this tutorial, we will learn:
  • Settings for a visiting card
  • Designing a visiting card
  • Settings to print multiple copies of the visiting card


System requirement (Slide) To record this tutorial, I am using
  • Ubuntu Linux 12.04 OS
  • Inkscape version 0.48.4


Open Inkscape Let us open Inkscape.
Go to File >> Document properties >>


Change the Default units to Inches and Default Orientation to Landscape.

Go to File. Click on Document properties.


Change the Default units to Inches and the Default Orientation to Landscape.


<<PAUSE>>

Point to the canvas Let us now start designing the visiting card now.
Draw a rectangle >>


On the Tool controls bar, change the width to 3.5 and height to 2.

So, draw a rectangle using the Rectangle tool.


Click on the Selector tool.


On the Tool controls bar, change the width to 3.5 and height to 2.

Change color to dark green Move it to the top left corner of the canvas.


Change the color to dark green.


Let us design a pattern now.


<<PAUSE>>

Bezier tool >> Draw straight line >> Object menu >> Fill and Stroke Select the Bezier tool and draw a wavy line.


Go to Object menu. Open Fill and Stroke.

Change stroke color to yellow. Change the stroke color to yellow.
Draw a wavy line Now draw a straight line below the wavy line.
Select both lines >>


Extensions menu >> Generate from path >> Interpolate

Select both the lines. Go to Extensions menu.


Click on Generate from path and then on Interpolate.

Change the Interpolation steps value to 30 >> Apply >> Close Check if the Exponent value is 0.


Change the Interpolation steps value to 30.


Click on Apply button and then on Close button

Point to the design Notice the Interpolation effect is now applied.



Filters menu >> Shadows and Glows >> Glow Let us give some glow effect to the Interpolate design.


Go to Filters menu. Click on Shadows and Glows and then on Glow.

Point to the design Observe the glow effect is applied to the design.


<<PAUSE>>

Show the Spoken Tutorial logo Let us import the Spoken Tutorial logo now.


I have saved it in my Documents folder.

Show the Spoken Tutorial logo The logo has been given to you in the Code files link.
File >> Import >>


Resize and keep on left corner

Go to File and click on Import.


Resize the logo and keep it on the top left corner.

Copy the visiting card details Let me copy the visiting card details from a LibreOffice Writer file that I had saved already.
Copy the visiting card details This file has been given to you in the Codes file link.
Change the Font size to 12 and the text color to white.
Type Spoken Tutorial >> Make it bold >>


Font size to 16

Select the Spoken Tutorial word.


Change the font size to 16 make it bold.



Point to the visiting card Now our visiting card for Spoken Tutorial is ready.


<<PAUSE>>

Point to the visiting card Next, we

will learn to create multiple copies of the visiting card.


We can do this by cloning method.

Press Ctrl + A and


Ctrl + G

For doing that, we should first group all the elements.


Press Ctrl + A to select all the elements and Ctrl + G to group them.

Edit menu >> Clone >> Create Tiled Clones Now, go to the Edit menu.

Click on Clone and then on Create Tiled Clones.

The Create Tiled Clones dialog box opens.
Under Symmetry tab >>


change the number of rows to 4 and columns to 3

Under the Symmetry tab, change the number of rows to 4 and columns to 3.



Click on Create button >> close the dialog box. Now, click on Create button.

And then close the dialog box.

Point to the visiting cards Notice that multiple copies of the visiting card appears in the draw area.
In this way, we can print multiple copies of the visiting card.
Click on the topmost visiting card >> move it from its position Turn your attention to the visiting card at the top left.


Click on it and move it from its position.

Delete it Now delete this card as it is an extra copy.
Point to the visiting cards What if there are some changes to be incorporated?


Will we have to change each and every copy of the visiting card?

Not at all. We will have to make the correction only in the original visiting card.


The same will be reflected in the copies.

Double click and change the color of the word Spoken Tutorial to brown on the original card Let's try this. Double click and change the color of the word Spoken Tutorial to brown on the original card


Observe the changes are reflected in all the visiting card copies.


<<PAUSE>>

Press Ctrl + S Now let us save the file.


Press Ctrl + S to save the SVG file. I will choose Desktop as the location to save my file.

Type ST-visiting-card >> Click on Save And I will type ST-visiting-card as the Filename and click on Save.
Go to File >> Save As After this, we will save the file in PDF format.


Once again, go to File and click on Save As.

Change the extension to PDF >> Save Change the extension to PDF and click on Save.
Close Inkscape >> come to the Desktop >> point to the pdf file >> double-click to open it. Change the resolution to 300 and click on OK.


Let us go to the Desktop.


Here is the file that we had saved - ST-visiting-card.pdf


Let's open it.

Here are the visiting cards that we created.

<<PAUSE>>

Summarize Let us summarize.


In this tutorial, we learnt about

  • Settings for a visiting card
  • Designing a visiting card
  • Settings to print multiple copies of the visiting card


Assignment Here is an assignment for you.

Create a visiting card with

  • your name
  • your institute/organisation name
  • your institute/organisation logo
  • your institute/organisation website address


About Slide The video available at the following link summarizes the Spoken Tutorial project. Please watch it.
About Slide The Spoken Tutorial Project Team conducts workshops and gives certificates for those who pass an online test.

For more details, please write to us.

About Slide Spoken Tutorial Project is supported by the NMEICT, MHRD, Government of India.

More information on this Mission is available at this link.

Acknowledgment We have come to the end of this tutorial.

This is Arthi and Saurabh from IIT Bombay, signing off. Thanks for joining.

Contributors and Content Editors

Arthi, Nancyvarkey