Nancyvarkey at 02:06, 27 September 2014

2014-09-27T02:06:59Z

Nancyvarkey: Nancyvarkey moved page Inkscape/C2/Overview-of-Inkscaoe/English to Inkscape/C2/Overview-of-Inkscape/English without leaving a redirect

2014-09-27T02:01:07Z

Nancyvarkey moved page Inkscape/C2/Overview-of-Inkscaoe/English to Inkscape/C2/Overview-of-Inkscape/English without leaving a redirect

Arthi: Created page with "'''Title of script:''' Overview of Inkscape '''Author:''' Arthi. A '''Keywords:''' Draw and various pre-defined shapes in Inkscape, use the color wheel, Bezier tool, Supersc..."

2014-09-25T10:50:07Z

Created page with "'''Title of script:''' Overview of Inkscape '''Author:''' Arthi. A '''Keywords:''' Draw and various pre-defined shapes in Inkscape, use the color wheel, Bezier tool, Supersc..."

New page

'''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

{| style="border-spacing:0;"
| style="background-color:transparent;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="background-color:transparent;border:0.05pt solid #000000;padding:0.097cm;"| <center>Narration</center>

|-
| 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;"| Opening Slide
| 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;"| Welcome to the series of '''Spoken Tutorials''' on '''Inkscape.'''

|-
| 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;"| Learning Objectives

(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;"| 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 

|-
| 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;"| Learning Objectives

(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 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. 

|-
| 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;"| System requirements

(Slide)
| 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;"| To record this tutorial, I am using

* '''Ubuntu Linux''' 12.04 and '''Windows''' 7 OS
* '''Inkscape''' version 0.48.4 

|-
| 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;"| Introduction to '''Inkscape'''

(Slide)
| 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''' is an

* Open Source vector graphics editor
* Works on '''Linux, Mac OS X '''and '''Windows''' 

|-
| 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;"| Usage of Inkscape

(Toggle between Slide and Images)

Image 11

Image 12

Image 13

Image 14

Image 15

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
* To trace images
* To create web based buttons and icons
* To manipulate images for the web

|-
| 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;"| Installing the Software (Slide)
| 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 installed on '''Ubuntu Linux '''using '''Synaptic Package Manager.'''

For more details on '''Synaptic Package Manager''', refer to the '''Linux''' tutorials on this website.

|-
| 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;"| Go to '''Dash home.''' Type '''Inkscape. '''
| 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;"| Go to '''Dash home.''' Type '''Inkscape. '''

|-
| 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 '''Inkscape logo'''
| 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;"| You can open '''Inkscape''' by double-clicking on the '''logo.'''

<nowiki><<PAUSE>></nowiki>

|-
| 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;"| Installation for Windows OS
| 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;"| Now we will learn to install Inkscape on Windows.

|-
| 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;"| Open browser >> [http://www.inkscape.org/ www.inkscape.org] >> Download
| 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;"| Open your browser. Go to [http://www.inkscape.org/ www.inkscape.org].

Click on '''Download''' button. Select the '''Installer''' option corresponding to '''Windows.'''

|-
| 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 Save >> Open downloads folder
| 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;"| Notice the dialog box appears. Click on '''Save.'''

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'''.

|-
| 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 '''Yes''' >> '''Next >> Next'''
| 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;"| The default language is '''English.''' Click on '''Yes.''' Now click on '''Next.'''

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.'''

|-
| 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 the dialog box
| 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 is installing. This may take few minutes.

|-
| 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 '''Next''' >> '''Finish'''
| 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;"| Click on '''Next.''' Click on '''Finish''' to complete the installation.

Now the Inkscape software opens up automatically.

|-
| 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 the shortcut icon >> Double click on it
| 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;"| If not, notice there is a shortcut icon created on the desktop. Double click to open it.

<nowiki><<PAUSE>></nowiki>

|-
| 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 '''Start menu >> All programs >> Inkscape'''
| 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;"| 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.

|-
| 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;"| Switch back to '''Linux'''
| 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;"| Now I will switch back to '''Linux''' to complete this demonstration.

However the steps shown will work in Inkscape on any OS.

|-
| 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 the '''canvas'''
| 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;"| The main drawing area is called '''canvas'''. This is where we will create all the graphics.

|-
| 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.

|-
| 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;"| Now, let's briefly learn how to use Inkscape.

|-
| 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;"| Go to '''Tool box''' >> Rectangle tool
| 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 create a rectangle shape by selecting the rectangle tool.

|-
| 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;"| Draw a rectangle
| 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;"| To draw the rectangle shape, click on the '''canvas''' and drag.

Here is our rectangle.

|-
| 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;"| Save it as '''drawing_1.svg. '''

Go to '''File.''' Click on '''Save.'''
| 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 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.

<nowiki><<PAUSE>></nowiki>

|-
| 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: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 

|-
| 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. 

|-
| 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;"| About Slide
| 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;"| The video available at the following link summarizes the Spoken Tutorial project. Pls watch it.

|-
| 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;"| About Slide
| 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;"| 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="background-color:transparent;border-top:none;border-bottom:0.05pt solid #000000;border-left:0.05pt solid #000000;border-right:none;padding:0.097cm;"| About Slide
| 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;"| Spoken Tutorial Project is supported by NMEICT, MHRD, Government of India.

More information on this Mission is available at this link.

|-
| 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;"| Acknowledgment
| 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 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

← Older revision	Revision as of 02:01, 27 September 2014
(No difference)

Inkscape/C2/Overview-of-Inkscape/English - Revision history

Nancyvarkey at 02:06, 27 September 2014

Nancyvarkey: Nancyvarkey moved page Inkscape/C2/Overview-of-Inkscaoe/English to Inkscape/C2/Overview-of-Inkscape/English without leaving a redirect

Arthi: Created page with "'''Title of script:''' Overview of Inkscape '''Author:''' Arthi. A '''Keywords:''' Draw and various pre-defined shapes in Inkscape, use the color wheel, Bezier tool, Supersc..."