Difference between revisions of "Inkscape/C2/Overview-of-Inkscape/English"

Latest revision as of 07:36, 27 September 2014

Title of script: Overview of Inkscape

Author: Arthi. A

Keywords: Draw and various pre-defined shapes in Inkscape, use the color wheel, Bezier tool, Superscript and subscript in Inkscape, Brochures and posters

Visual cue	Narration
Opening Slide	Welcome to the series of Spoken Tutorials on Inkscape.
Learning Objectives (Toggle between Slide and Images) Clip 1 Image 1 Clip 2 Image 2 Image 3	In this series, we will familiarize ourselves with Inkscape and its features. We will learn to Draw and edit various pre-defined shapes Use the Color Wheel Use the Bezier Tool Use and manipulate Text as per requirement for e.g. Superscript and subscript Superimpose image on Text
Learning Objectives (Toggle between Slide and Images) Image 4 Image 5 Image 6 Image 7 Image 8 Image 9 Image 10	In this series, we will also learn to create a tile pattern using a combination of shapes graphics like a flower brochures and flyers posters and banners CD labels Visiting Cards Logos and many more.
System requirements (Slide)	To record this tutorial, I am using Ubuntu Linux 12.04 and Windows 7 OS Inkscape version 0.48.4
Introduction to Inkscape (Slide)	Inkscape is an Open Source vector graphics editor Works on Linux, Mac OS X and Windows
Usage of Inkscape (Toggle between Slide and Images) Image 11 Image 12 Image 13 Image 14 Image 15 Image 16	Inkscape can be used for all kinds of 2D graphic design. To draw illustrations and figures/cartoons To create colorful patterns/backgrounds To create a web page layout To trace images To create web based buttons and icons To manipulate images for the web
Installing the Software (Slide)	Inkscape can be installed on Ubuntu Linux using Synaptic Package Manager. For more details on Synaptic Package Manager, refer to the Linux tutorials on this website.
Go to Dash home. Type Inkscape.	Go to Dash home. Type Inkscape.
Double click on Inkscape logo	You can open Inkscape by double-clicking on the logo. <<PAUSE>>
Installation for Windows OS	Now we will learn to install Inkscape on Windows.
Open browser >> www.inkscape.org >> Download	Open your browser. Go to www.inkscape.org. Click on Download button. Select the Installer option corresponding to Windows.
Click on Save >> Open downloads folder	Notice the dialog box appears. Click on Save. The installer file will be downloaded on your machine. Click to open the downloads folder.
Double click on exe file >> Yes	Double click on the exe file to install Inkscape. A dialog box appears. Click on Yes.
Click on Yes >> Next >> Next	The default language is English. Click on Yes. Now click on Next. Again click on Next.
Click on Install	Destination folder dialog box appears. By default, Inkscape is saved in Programs files. Now click on Install.
Point to the dialog box	Inkscape is installing. This may take few minutes.
Click on Next >> Finish	Click on Next. Click on Finish to complete the installation. Now the Inkscape software opens up automatically.
Point to the shortcut icon >> Double click on it	If not, notice there is a shortcut icon created on the desktop. Double click to open it. <<PAUSE>>
Click on Start menu >> All programs >> Inkscape	If both these methods to open Inkscape fail, you can click on Start menu, All programs and then on Inkscape. The Inkscape interface will now be opened.
Switch back to Linux	Now I will switch back to Linux to complete this demonstration. However, the steps shown will work in Inkscape on any OS.
Point to the canvas	The main drawing area is called canvas. This is where we will create all the graphics.
Point to Inkscape interface	There are various tool bars and menu bars in Inkscape. We will learn about each one in detail in the series.
	Now, let's briefly learn how to use Inkscape.
Go to Tool box >> Rectangle tool	We will create a rectangle shape by selecting the rectangle tool.
Draw a rectangle	To draw the rectangle shape, click on the canvas and drag. Here is our rectangle.
Save it as drawing_1.svg. Go to File. Click on Save.	Let me save this Inkscape drawing. Go to File menu. Click on Save. I will name it as drawing_1.svg and save it in my documents folder. Here svg denotes the default Inkscape file extension. <<PAUSE>>
	We will learn more about Inkscape and its exciting features in the coming tutorials.
	I have already shown you glimpses from the tutorials in this series earlier.
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 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.

Key to Images and Clips used:

Image 1 – Showing the color wheel

Image 2 – Superscript and subscript

Image 3 – Superimpose image on Text

Image 4 – Tile pattern

Image 5 – Flower Drawing

Image 6 – GchemPaint brochure

Image 7 – Spoken Tutorial creation poster

Image 8 – Spoken Tutorial Urdu launch CD label

Image 9 – Spoken Tutorial Visiting card

Image 10 – Spoken Tutorial Logo

Clip 1 – Converting polygon into a star shape and editing it

Clip 2 – Drawing closed shape and curves using Bezier tool

Contributors and Content Editors

Arthi, Nancyvarkey

Difference between revisions of "Inkscape/C2/Overview-of-Inkscape/English"

Latest revision as of 07:36, 27 September 2014

Key to Images and Clips used:

Contributors and Content Editors

Navigation menu

Personal tools

Namespaces

Variants

Views

Actions

Search

Navigation

Tools

@@ Line 43: / Line 43: @@
 * Superscript and subscript
 * Superimpose image on Text <br/>
 |-
@@ Line 65: / Line 62: @@
 Image 10
 | style="background-color:transparent;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 series, we will also learn to create
@@ Line 79: / Line 74: @@
 * Logos
 * and many more.<br/>
 |-
@@ Line 91: / Line 83: @@
 * '''Ubuntu Linux''' 12.04 and '''Windows''' 7 OS
 * '''Inkscape''' version 0.48.4<br/>
 |-
@@ Line 103: / Line 92: @@
 * Open Source vector graphics editor
 * Works on '''Linux, Mac OS X '''and '''Windows'''<br/>
 |-
@@ Line 125: / Line 111: @@
 Image 16
 | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| '''Inkscape''' can be used for all kinds of 2D graphic design.
 * To draw illustrations and figures/cartoons
 * To create colorful patterns/backgrounds
 * To create a web page layout
@@ Line 134: / Line 118: @@
 * To create web based buttons and icons
 * To manipulate images for the web
 |-
@@ Line 143: / Line 125: @@
 For more details on '''Synaptic Package Manager''', refer to the '''Linux''' tutorials on this website.
 |-
@@ Line 175: / Line 154: @@
 The installer file will be downloaded on your machine. Click to open the downloads folder.
 |-
 | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Double click on exe file >> '''Yes'''
 | style="background-color:transparent;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 exe file to install Inkscape. A dialog box appears. Click on '''Yes'''.
 |-
@@ Line 191: / Line 164: @@
 Again click on '''Next.'''
 |-
 | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Click on '''Install'''
 | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| Destination folder dialog box appears. By default, Inkscape is saved in '''Programs files.''' Now click on '''Install.'''
 |-
@@ Line 212: / Line 179: @@
 Now the Inkscape software opens up automatically.
 |-
@@ Line 235: / Line 199: @@
-However the steps shown will work in Inkscape on any OS.
+However, the steps shown will work in Inkscape on any OS.
 |-
@@ Line 247: / Line 208: @@
 | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Point to '''Inkscape''' interface
 | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:0.05pt solid #000000;padding:0.097cm;"| There are various tool bars and menu bars in '''Inkscape.''' We will learn about each one in detail in the series.
 |-
@@ Line 265: / Line 223: @@
 Here is our rectangle.
 |-
@@ Line 289: / Line 244: @@
 |-
 | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"|
-| style="background-color:transparent;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 will learn more about Inkscape and its exciting features in the coming tutorials.
+| style="background-color:transparent;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 will learn more about '''Inkscape''' and its exciting features in the coming tutorials.
 |-
 | style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"|
 | style="background-color:transparent;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 shown you glimpses from the tutorials in this series earlier.
-|-
-| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Summary
-(Toggle between Slide and Images)
-Clip 1
-Image 1
-Clip 2
-Image 2
-Image 3
-| style="background-color:transparent;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
-We learnt to
-* Draw and edit various pre-defined shapes
-* Use the Color Wheel
-* Use the Bezier Tool
-* Use and manipulate Text as per requirement
-* for e.g.
-* Superscript and subscript
-* Superimpose image on Text <br/>
-|-
-| style="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| Summary
-(Toggle between Slide and Images)
-Image 4
-Image 5
-Image 6
-Image 7
-Image 8
-Image 9
-Image 10
-| style="background-color:transparent;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 series, we also learnt to create-
-* a tile pattern using a combination of shapes
-* graphics like a flower
-* brochures and flyers
-* posters and banners
-* CD labels
-* Visiting Cards
-* Logos
-* and many more.<br/>
 |-
@@ Line 371: / Line 259: @@
 For more details, please write to us.
 |-
@@ Line 380: / Line 265: @@
 More information on this Mission is available at this link.
 |-
@@ Line 395: / Line 277: @@
 |}
-Key to Images and Clips used:
+====Key to Images and Clips used:====
 Image 1 – Showing the color wheel