Difference between revisions of "Inkscape/C3/Design-a-visiting-card/English"
Nancyvarkey (Talk | contribs) |
Nancyvarkey (Talk | contribs) |
||
(One intermediate revision by one other user not shown) | |||
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. | + | | 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. | + | | style="border:0.1pt solid #000001;padding:0.0507in;"| Narration |
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. | + | | 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. | + | | 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 | ||
Line 24: | Line 24: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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 | ||
Line 31: | Line 31: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. | + | | 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. | + | | 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 48: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. | + | | 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. | + | |
+ | |||
+ | 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 65: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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.''' |
− | + | Change the color to dark green. | |
Line 72: | Line 78: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | |
Line 80: | Line 85: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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 103: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. |
− | + | Change the '''Interpolation steps''' value to 30. | |
− | |||
− | |||
− | |||
+ | Click on '''Apply''' button and then on '''Close''' button | ||
− | + | |- | |
+ | | 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.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. | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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 124: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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 131: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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 138: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. | + | | 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. | + | | 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 152: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | ||
− | + | |- | |
− | | style="border-top:none;border-bottom:0. | + | | 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. | |
− | + | ||
− | Change the | + | |
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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 >> |
− | Font size to | + | '''Font size''' to '''16''' |
− | | style="border-top:none;border-bottom:0. | + | | 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. |
− | Change the font size to | + | Change the font size to 16 make it bold. |
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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 181: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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 190: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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 200: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | |
− | | style="border-top:none;border-bottom:0. | + | |
And then close the dialog box. | And then close the dialog box. | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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 249: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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;"| Not at all. |
+ | |||
+ | We will have to make the correction only in the original visiting card. | ||
Line 250: | Line 258: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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 268: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. | + | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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 286: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. | + | | 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. | + | | 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 307: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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 | ||
Line 306: | Line 318: | ||
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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 name | + | * your institute/organisation name |
− | *your institute/organisation name | + | * your institute/organisation logo |
− | *your institute/organisation logo | + | * your institute/organisation website address |
− | *your institute/organisation website address | + | |
|- | |- | ||
− | | style="border-top:none;border-bottom:0. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | + | | 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. | ||
|} | |} |
Latest revision as of 12:46, 12 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:
|
System requirement (Slide) | To record this tutorial, I am using
|
Open Inkscape | Let us open Inkscape. |
Go to File >> Document properties >>
|
Go to File. Click on Document properties.
|
Point to the canvas | Let us now start designing the visiting card now. |
Draw a rectangle >>
|
So, draw a rectangle using the Rectangle tool.
|
Change color to dark green | Move it to the top left corner of the canvas.
|
Bezier tool >> Draw straight line >> Object menu >> Fill and Stroke | Select the Bezier tool and draw a wavy line.
|
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 >>
|
Select both the lines. Go to Extensions menu.
|
Change the Interpolation steps value to 30 >> Apply >> Close | Check if the Exponent value is 0.
|
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.
|
Point to the design | Observe the glow effect is applied to the design.
|
Show the Spoken Tutorial logo | Let us import the Spoken Tutorial logo now.
|
Show the Spoken Tutorial logo | The logo has been given to you in the Code files link. |
File >> Import >>
|
Go to File and click on Import.
|
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 >>
|
Select the Spoken Tutorial word.
|
Point to the visiting card | Now our visiting card for Spoken Tutorial is ready.
|
Point to the visiting card | Next, we
will learn to create multiple copies of the visiting card.
|
Press Ctrl + A and
|
For doing that, we should first group all the elements.
|
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 >>
|
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.
|
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?
|
Not at all.
We will have to make the correction only in the original visiting card.
| |
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
|
Press Ctrl + S | Now let us save the 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.
|
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.
Here are the visiting cards that we created. <<PAUSE>> |
Summarize | Let us summarize.
|
Assignment | Here is an assignment for you.
Create a visiting card with
|
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. |