Inkscape Wiki - User contributions [en]

Tips For Python Script Extensions

2012-05-17T01:41:10Z

Jingshaochen: /* Extensions on Mac OSX */

==Adding Translation Capability==

One can add the ability to have Python text mesages included for translation. To provide an error message, rather than using the Python <tt>sys.stderr</tt>, use the provided <tt>errormsg()</tt> function from inkex.py in conjuction with <tt>gettext</tt>.

You must include the following at the beginning of your Python script:
import inkex
import gettext
_ = gettext.gettext

Where you wish to have an error message, write the following:
inkex.errormsg(_("This will be written to Python stderr"))

Of course, you may also change "_" to something else if you wish.

==Extensions on Mac OSX==

On OSX when running extension, it errors out with this error message:

''The fantastic lxml wrapper for libxml2 is required by inkex.py ...''

to fix that, do the following:

sudo easy_install lxml
cd /Applications/Inkscape.app/Contents/Resources/lib
mv libxml2.2.dylib libxml2.2.dylib.old
ln -s /usr/lib/libxml2.dylib

source: http://caih.org/open-source-software/fixing-inkscape-in-mac-os-x/

----

[[Category:Extensions]]

Tips For Python Script Extensions

2012-05-17T01:26:52Z

Jingshaochen: /* Adding Translation Capability */

==Adding Translation Capability==

One can add the ability to have Python text mesages included for translation. To provide an error message, rather than using the Python <tt>sys.stderr</tt>, use the provided <tt>errormsg()</tt> function from inkex.py in conjuction with <tt>gettext</tt>.

You must include the following at the beginning of your Python script:
import inkex
import gettext
_ = gettext.gettext

Where you wish to have an error message, write the following:
inkex.errormsg(_("This will be written to Python stderr"))

Of course, you may also change "_" to something else if you wish.

==Extensions on Mac OSX==

sudo easy_install lxml
cd /Applications/Inkscape.app/Contents/Resources/lib
mv libxml2.2.dylib libxml2.2.dylib.old
ln -s /usr/lib/libxml2.dylib

[[Category:Extensions]]

Tutorials and help

2011-05-20T19:06:31Z

Jingshaochen: /* Unofficial tutorials */

==Tutorial targets for future releases==
[http://wiki.inkscape.org/wiki/index.php/TutorialUpdates-0.46 0.46 dev cycle]

== Unofficial tutorials ==

{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"
|-
| width=33% style="border: white 2px solid;"|
[[Image:Quickguide.png]] 
Name: [http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape] 
Overview: This is a great concise quick guide for getting started with Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Icons_in_Inkscape.png]] 
Name: [http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] 
Overview: A quick little tutorial demonstrating the design process in creating an SVG icon in Inkscape. The finished product of this tutorial is actually in the [http://openclipart.org Open Clip Art Library ]
| width=33% style="border: white 2px solid;"|
[[Image:Orb-tutorial-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] 
Overview: A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Inkscape overview tut thumb.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] 
Overview: A detailed tutorial that describes the Inkscape user interface in detail and explains how they can be used for creating cartoony art.
| width=33% style="border: white 2px solid;"|
[[Image:3d-beveltext-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in Inkscape] 
Overview: A tutorial that demonstrates a technique to create text with a beveled edge effect.
| width=33% style="border: white 2px solid;"|
[[Image:Slime_tutorial_thumnail.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] 
Overview: A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using Inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Starfish_tutorial_thumb.png]] 
Name: [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] 
Overview: a simple tutorial that shows how to make a simple starfish in Inkscape. great for Inkscape "newbies"
| width=33% style="border: white 2px solid;"|
[[Image:Starburst_tut_thumb.jpg]] 
Name: [http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] 
Overview: A tutorial that demonstrates the technique of creating the "starburst" effect using Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Eye_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] 
Overview: A tutorial that shows the process to create an eyeball in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Ball_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2006/12/13/10-step-tutorial-to-create-shiny-ball-vector-art/ 10 step tutorial to create shinyball vector art] 
Overview: a tutorial that shows you how to create a shiny little ball using Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:inkscape_fonts.png]] 
Name: [http://itestu.com/inkscape/index.php?select=kid Kiddy Font and Tigger Font Tutorial] 
Overview: a tutorial on how to create interesting font effects with the help of Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Graph-tut-thumbnail.png]] 
Name: [http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] 
Overview: a tutorial on how to create accurate line graphs in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:spring.png]] 
Name: [http://itestu.com/inkscape/index.php?select=spring It is spring time] 
Overview: a simple tutorial that shows how to make use of
"tiled clone" with tracing.
| width=33% style="border: white 2px solid;"|
[[Image:Furboa_head.png]] 
Name: [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] 
Overview: Learn how to create a cute little cartoony animal in Inkscape. The test subject in this case is a cute little guy named Furboa.
|width=33% style="border: white 2px solid;"|
[[Image:Box.png]] 
Name: [http://itestu.com/inkscape/index.php?select=box 3D Box] 
Overview: How to make perspective 3D boxes.
|-
| width=33% style="border: white 2px solid;"|
[[Image:tc_bar.png]] 
Name: [http://itestu.com/inkscape/index.php?select=bar How far can a bar go?] 
Overview: a tile clone tutorial that shows how to make use of
Rotation, Shift, and Color.
| width=33% style="border: white 2px solid;"|
[[Image:Coloring_B%26W_images.png|100px]] 
Name: [http://fiestoforo.blogspot.com/2007/11/tutorial-with-inkscape.html Color B&W images] 
Overview: Learn how to color a black and white image using Inkscape trace Bitmap feature.
| width=33% style="border: white 2px solid;"|
[[Image:Chrome.png|200px]] 
Name:
[http://troy-sobotka.blogspot.com/2007/11/inkscape-tutorial-1-chrome-effect.html Dynamic Chrome Effect] 
Overview: A twelve step tutorial on creating a dynamic chrome effect with explanations.
|-}

=== English ===
* <strike>[http://70.24.158.31:8080/inktut.php Making Icons]</strike> currently down (2008-06-22) (en)
* <strike>http://programmer-art.org/inkscape</strike> currently down (2008-06-22); video-tutorials planned. (en)
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)
* <strike>[http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]</strike> currently down (2008-06-22)
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi
* <strike>[http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial]</strike> currently down (2008-06-22) (en)
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.
* [http://itestu.com/inkscape/ Inkscape in Six Steps] by Jingshao Chen
* [http://choupil.blogspot.com/ Inkscape isometrics and tutorials] by Choupil
* [http://www.twoheadedpuppy.com/news/?p=400 How to create a gherkin in Inkscape] by Two Headed Puppy
* [[Drawing a Floor Plan]]
* [http://commons.wikimedia.org/wiki/file:Tutorial-cartography_(basic).svg Tutorial-cartography_(basic).svg] - learn basis of cartography with inskape. Download the file, and open in Inkscape.
* [http://libregraphicsworld.org/articles.php?article_id=7 Draw Mac-like Clock in Inkscape] — how to draw Mac like clock in Inkscape.
* [http://libregraphicsworld.org/articles.php?article_id=8 Acrylic Photo in Inkscape] — how to create an acrylic looking picture from a photo using GIMP and Inkscape.
* [http://libregraphicsworld.org/articles.php?article_id=12 Drawing Volumetric Objects in Inkscape] — how to draw 3D objects with all the right reflections and shadows
* [http://verysimpledesigns.com/vectors/inkscape-tutorial-spiro-swirls.html Spiro Swirls] - Create flourishes and swirls in Inkscape using the new Spiro option - by Syllie of verysimpledesigns.com

=== de ===
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)
* [http://shirts.gleichjetzt.de/Vektorisieren_mit_Inkscape Vektorisieren mit Inkscape] shirts.gleichjetzt.de, (de)
* [http://www.primfaktor.de/index.php?section=tutorials Farbverläufe (Video)] primfaktor.de, (de)
* [http://www.primfaktor.de/index.php?section=tutorials Sterne und Polygone (Video)] primfaktor.de, (de)

=== fi ===

* [http://fi.flossmanuals.net/Inkscape/Introduction FLOSS Manualsin suomenkielinen Inkscape-käyttöopas.] (fi)

=== fr ===
* [http://popolon.org/gblog2/comment-faire-une-illustration-de-a-a-z-avec-inkscape Comment faire une illustration de A à Z avec inkscape.] (fr), same as above
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon (fr)
*[http://www.inkscape-fr.org/spip.php?rubrique2 Liste des didacticiels en français du site inkscape-fr] (fr).
*[http://ticeblog.ycombe.net/index.php/2007/07/17/98-calligrammes-avec-inkscapev Caligrammes avec Inkscape] (fr)

=== it ===
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)
*[http://www.inkscapeitalia.org/tutorial/visualizza.php?id=9 Effetto silhouette] (it)
*[http://www.inkscapeitalia.org/tutorial/visualizza.php?id=7 Bottoni in stile web 2.0] (it)
*[http://blog.sviluppoweb.eu/2007/09/26/13/ Guida al web design - Tutorial Inkscape] (it)

=== pl ===
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)
*[http://pl.wikibooks.org/wiki/Inkscape_w_praktyce Inkscape in Practice / Inkscape w praktyce] on GNU FDL licence / na licencji GNU FDL (pl)

=== pt_BR ===
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt_BR)
*[http://www.colivre.coop.br/CursoInkscape Material do Curso de Inkscape da Colivre] (pt_BR)
*[http://www.imasters.com.br/artigo/3500/livre/inkscape_brilho_luz_e_vida_aos_logos Brilho, Luz e Vida aos logos] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt_BR)
*[http://www.allanbrito.com/2007/08/06/tutorial-inkscape-interface/ Introdução a interface do Inkscape] (pt_BR)

=== zh_CN ===
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]

=== Screen casts ===
* [http://www.hardon.co.il/alma/ Drawing a simple woman face] (video)
* [http://www.primfaktor.de/index.php?section=tutorials Farbverläufe (Video)] (de)
* [http://www.primfaktor.de/index.php?section=tutorials Sterne und Polygone (Video)] (de)
* [http://screencasters.heathenx.org/ A collection of Inkscape video tutorials from screencasters.heathenx.org] (en)

=== Japanese 日本語 ===
*[http://o-server.main.jp/inkscape/ Inkscapeの使い方](How To Use Inkscape) (japanese)

=== Serbian ===

*[http://my.opera.com/Lazich/blog Lazich's Opera] (Srb)

*[http://my.opera.com/Lazich/blog/inkscape-cestitka Greeting Card] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-brojevi Nambers] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-crtanje-ljubicasti-medved How to draw a purple bear] (Srb)
*[http://my.opera.com/Lazich/blog/2010/03/10/inkscape-pattern How to make a pattern] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-vizitkarta Visit-card and Prepress] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-color-management-system Inkscape Color Managment System] (Srb)
*[http://my.opera.com/Lazich/blog/2009/12/14/inkscape-putanje-i-tekst How to create a stamp or emblem - Text on path] (Srb)
*[http://my.opera.com/Lazich/blog/2009/12/07/inkscape-wallpaper How to Make a Wallpaper] (Srb)
*[http://my.opera.com/Lazich/blog/2009/11/30/inkscape-touch-selection-u-ovom-tutorijalu-cu-vam-pokazati-kako-da-koristite Drawing with Touch Selection] (Srb)
*[http://my.opera.com/Lazich/blog/2009/11/28/inkscape-pseudo-grb How to draw a dummy coat of arms] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-crtanje-ruzicasti-mis How to draw a pink mouse] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-crtanje-plava-ptica How to draw a blue bird] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-crtanje-zeleni-pas How to draw a green dog] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-nalepnice/ Stickers] (Srb)
*[http://my.opera.com/Lazich/blog/2009/10/17/inkscape-glossy-icons Glossy icons] (Srb)
*[http://my.opera.com/Lazich/blog/2009/10/17/inkscape-glossy-icons Text stylization - frame line] (Srb)

=== Turkish Türkçe ===
*[http://martinamca.blogspot.com/2010/02/yin-yang-simgesi-yapmak.html Yin yang simgesi yapmak] by martinamca
*[http://martinamca.blogspot.com/2010/02/inkscape-metin-kutusu-olusturmak.html Internet sayfaları için farklı metin kutuları oluşturmak] by martinamca
*[http://martinamca.blogspot.com/2010/02/inkscape-baslangc-ve-dugumler.html Başlangıç ve düğümler ile ilgili bir eğitici] by martinamca
*[http://martinamca.blogspot.com/2010/02/golgelendirilmis-sekiller-olusturmak.html Gölgelendirilmiş şekiller oluşturmak] by martinamca
*[http://martinamca.blogspot.com/2009/06/metinleri-bir-cerceveye-koymak.html Metinleri çerçeveye koymak] by martinamca
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-yenmis-yaprak-yapm.html Inkscape'te maskeleme nasıl yapılır?] by martinamca
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-metinler.html Metinleri güzelleştirmek] by martinamca
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-alman-bayrag-yapm.html Almanya Bayrağı çizmek] by martinamca
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-dama-tahta-deseni.html Dama tahtası çizmek] by martinamca
*[http://martinamca.blogspot.com/2009/06/inkscapete-aradegerleme-efekti.html Aradeğerleme efektini kullanmak] by martinamca
*[http://martinamca.blogspot.com/2010/03/nokta-ve-virgul-ksayol-tuslar.html Nokta ve virgül kısayol tuşları] by martinamca

== Outside Tutorials and Tips ==
* <strike> [http://collou.f2o.org/inkspot/ Spotcolors!] </strike> Tutorial to create spotcolor separations using Inkscape
* [http://popolon.org/gblog2/made-business-cards-easily-with-inkscape Make business cards easily with Inkscape] short tutorial and 85×54mm SVGz templates provided [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/didacticiel-inkscape/ more Inkscape tutorials] are available
* [http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php A Guide to Inkscape] by Tavmjong Bah
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php Stopped Clock Blog] Has some good Flash tutorials & other Inkscape writings
* [http://www.deviantart.com/view/14703295/ Icons in Inkscape - mini-tut] by Daj
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Tutorial: A Simple Approach to Drawing Complex Characters With Inkscape]
* [http://www.angelfire.com/mi/kevincharles/inkscape/index.html Unofficial Inkscape Documentation] a great work-in-progress by Kevin Charles
* [http://www.coofercat.com/wiki/InkScape Some Inkscape Know-How], a beginner's guide to creating complex shapes and flowing text into them
* [http://blog.vybiral.info/my_files/helps/tutorial.png Text following a circle's curve]
* [http://www.out-of-order.ca/tutorial/inkscape-tutorial Making Icons With Inkscape] A beginner's guide to creating nice icons in Inkscape by Ben Powers.
* [http://www.coswellproductions.org/digital_minicomic_scanning_pasteup.php Using Free Software to Do Inexpensive Digital Paste-Up] A guide to using The GIMP and Inkscape to paste up pages for minicomics.
* [http://www.coswellproductions.org/wordpress/2007/08/05/practical-inkscape-for-comic-artists-the-right-handed-illustration-keyboard-layout/ The Right-Handed Illustration Keyboard Layout] A guide aimed at tablet users that want to have a keyboard layout that is better tuned to illustration work.

== Help & helpful articles ==
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr)
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)

== Creating New Tutorials ==
Easy way:
# Load up one of the existing tutorials
# Replace its text and images with your own
# Upload it to the [http://sourceforge.net/tracker/?func=add&group_id=93438&atid=604308 Patch Tracker]. Make SURE to click the "Upload and Attach a File" checkbox!

Official way:
# Create a DocBook XML file like the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/basic/tutorial-basic.xml?view=markup Basic Tutorial DocBook]
# Follow directions in the tutorial directory [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/README?view=markup README] for formatting and handling of embedded non-SVG images
# Create a subdirectory in the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/ doc-docbook] module and place the new tutorial docbook file there
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
# Announce the availability of the new tutorial

== Tutorial Ideas ==
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.

=== Completed Tutorials ===

* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]
* [[ElementsPrinciplesOfDesign]] (rejon)
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]

=== Tutorials in development ===

* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at my [http://mailhide.recaptcha.net/d?k=01lDmmgiuH5e1ZA4OjajJ1gA==&c=1BpCYFPqRLyYZxQDyQvfv7oe5mIfomlfsEc_iaE-qPY= reCAPTCHA™ Mailhide email address] to suggest changes.
* A very small sheet with instructions for doing [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at my [http://mailhide.recaptcha.net/d?k=01s2l5O5HC2E7e44t8Hyld6w==&c=pmibPRuFUYLOux5WlLGKYRFjPdJ56uipTF9QUY3wwjE= reCAPTCHA Mailhide email address] (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.

=== Planned Tutorials ===

* [[UsingTheCloneTiler]] - Clones

* Text and Typography

* Clippath/Mask/Pattern

* Effects

* SVG Filters

* XML Editor

=== Tutorial Scratchpad ===

* How to create an icon
* How to build a presentation using Inkview.
* How to build complex shapes using boolean operations.
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.
* etc

A tutorial in progress of writing by John Griessen

This writing is a journal of how a project to recreate a business card originally
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is
much from memory and not to be taken as the last word, but a guide as to how the programs compare.

Attached is a png of the printed business card:

It originally was a collection of paths filled with colors and text objects with grouping to
make replicating some objects easy.

The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .

The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides,
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png

[[Category:Help Wanted]]

=== Other SVG Tutorials ===

* http://www.codeproject.com/books/learnsvgchapter07.asp

Tutorials and help

2011-05-20T19:02:36Z

Jingshaochen: /* Unofficial tutorials */ correct "inkscape in six steps' link

==Tutorial targets for future releases==
[http://wiki.inkscape.org/wiki/index.php/TutorialUpdates-0.46 0.46 dev cycle]

== Unofficial tutorials ==

{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"
|-
| width=33% style="border: white 2px solid;"|
[[Image:Quickguide.png]] 
Name: [http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape] 
Overview: This is a great concise quick guide for getting started with Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Icons_in_Inkscape.png]] 
Name: [http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] 
Overview: A quick little tutorial demonstrating the design process in creating an SVG icon in Inkscape. The finished product of this tutorial is actually in the [http://openclipart.org Open Clip Art Library ]
| width=33% style="border: white 2px solid;"|
[[Image:Orb-tutorial-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] 
Overview: A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Inkscape overview tut thumb.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] 
Overview: A detailed tutorial that describes the Inkscape user interface in detail and explains how they can be used for creating cartoony art.
| width=33% style="border: white 2px solid;"|
[[Image:3d-beveltext-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in Inkscape] 
Overview: A tutorial that demonstrates a technique to create text with a beveled edge effect.
| width=33% style="border: white 2px solid;"|
[[Image:Slime_tutorial_thumnail.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] 
Overview: A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using Inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Starfish_tutorial_thumb.png]] 
Name: [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] 
Overview: a simple tutorial that shows how to make a simple starfish in Inkscape. great for Inkscape "newbies"
| width=33% style="border: white 2px solid;"|
[[Image:Starburst_tut_thumb.jpg]] 
Name: [http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] 
Overview: A tutorial that demonstrates the technique of creating the "starburst" effect using Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Eye_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] 
Overview: A tutorial that shows the process to create an eyeball in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Ball_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2006/12/13/10-step-tutorial-to-create-shiny-ball-vector-art/ 10 step tutorial to create shinyball vector art] 
Overview: a tutorial that shows you how to create a shiny little ball using Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:inkscape_fonts.png]] 
Name: [http://inkscape.teekoo.com/index.php?select=kid Kiddy Font and Tigger Font Tutorial] 
Overview: a tutorial on how to create interesting font effects with the help of Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Graph-tut-thumbnail.png]] 
Name: [http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] 
Overview: a tutorial on how to create accurate line graphs in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:spring.png]] 
Name: [http://inkscape.teekoo.com/index.php?select=spring It is spring time] 
Overview: a simple tutorial that shows how to make use of
"tiled clone" with tracing.
| width=33% style="border: white 2px solid;"|
[[Image:Furboa_head.png]] 
Name: [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] 
Overview: Learn how to create a cute little cartoony animal in Inkscape. The test subject in this case is a cute little guy named Furboa.
|width=33% style="border: white 2px solid;"|
[[Image:Box.png]] 
Name: [http://inkscape.teekoo.com/index.php?select=box 3D Box] 
Overview: How to make perspective 3D boxes.
|-
| width=33% style="border: white 2px solid;"|
[[Image:tc_bar.png]] 
Name: [http://inkscape.teekoo.com/index.php?select=bar How far can a bar go?] 
Overview: a tile clone tutorial that shows how to make use of
Rotation, Shift, and Color.
| width=33% style="border: white 2px solid;"|
[[Image:Coloring_B%26W_images.png|100px]] 
Name: [http://fiestoforo.blogspot.com/2007/11/tutorial-with-inkscape.html Color B&W images] 
Overview: Learn how to color a black and white image using Inkscape trace Bitmap feature.
| width=33% style="border: white 2px solid;"|
[[Image:Chrome.png|200px]] 
Name:
[http://troy-sobotka.blogspot.com/2007/11/inkscape-tutorial-1-chrome-effect.html Dynamic Chrome Effect] 
Overview: A twelve step tutorial on creating a dynamic chrome effect with explanations.
|-}

=== English ===
* <strike>[http://70.24.158.31:8080/inktut.php Making Icons]</strike> currently down (2008-06-22) (en)
* <strike>http://programmer-art.org/inkscape</strike> currently down (2008-06-22); video-tutorials planned. (en)
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)
* <strike>[http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]</strike> currently down (2008-06-22)
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi
* <strike>[http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial]</strike> currently down (2008-06-22) (en)
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.
* [http://itestu.com/inkscape/ Inkscape in Six Steps] by Jingshao Chen
* [http://choupil.blogspot.com/ Inkscape isometrics and tutorials] by Choupil
* [http://www.twoheadedpuppy.com/news/?p=400 How to create a gherkin in Inkscape] by Two Headed Puppy
* [[Drawing a Floor Plan]]
* [http://commons.wikimedia.org/wiki/file:Tutorial-cartography_(basic).svg Tutorial-cartography_(basic).svg] - learn basis of cartography with inskape. Download the file, and open in Inkscape.
* [http://libregraphicsworld.org/articles.php?article_id=7 Draw Mac-like Clock in Inkscape] — how to draw Mac like clock in Inkscape.
* [http://libregraphicsworld.org/articles.php?article_id=8 Acrylic Photo in Inkscape] — how to create an acrylic looking picture from a photo using GIMP and Inkscape.
* [http://libregraphicsworld.org/articles.php?article_id=12 Drawing Volumetric Objects in Inkscape] — how to draw 3D objects with all the right reflections and shadows
* [http://verysimpledesigns.com/vectors/inkscape-tutorial-spiro-swirls.html Spiro Swirls] - Create flourishes and swirls in Inkscape using the new Spiro option - by Syllie of verysimpledesigns.com

=== de ===
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)
* [http://shirts.gleichjetzt.de/Vektorisieren_mit_Inkscape Vektorisieren mit Inkscape] shirts.gleichjetzt.de, (de)
* [http://www.primfaktor.de/index.php?section=tutorials Farbverläufe (Video)] primfaktor.de, (de)
* [http://www.primfaktor.de/index.php?section=tutorials Sterne und Polygone (Video)] primfaktor.de, (de)

=== fi ===

* [http://fi.flossmanuals.net/Inkscape/Introduction FLOSS Manualsin suomenkielinen Inkscape-käyttöopas.] (fi)

=== fr ===
* [http://popolon.org/gblog2/comment-faire-une-illustration-de-a-a-z-avec-inkscape Comment faire une illustration de A à Z avec inkscape.] (fr), same as above
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon (fr)
*[http://www.inkscape-fr.org/spip.php?rubrique2 Liste des didacticiels en français du site inkscape-fr] (fr).
*[http://ticeblog.ycombe.net/index.php/2007/07/17/98-calligrammes-avec-inkscapev Caligrammes avec Inkscape] (fr)

=== it ===
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)
*[http://www.inkscapeitalia.org/tutorial/visualizza.php?id=9 Effetto silhouette] (it)
*[http://www.inkscapeitalia.org/tutorial/visualizza.php?id=7 Bottoni in stile web 2.0] (it)
*[http://blog.sviluppoweb.eu/2007/09/26/13/ Guida al web design - Tutorial Inkscape] (it)

=== pl ===
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)
*[http://pl.wikibooks.org/wiki/Inkscape_w_praktyce Inkscape in Practice / Inkscape w praktyce] on GNU FDL licence / na licencji GNU FDL (pl)

=== pt_BR ===
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt_BR)
*[http://www.colivre.coop.br/CursoInkscape Material do Curso de Inkscape da Colivre] (pt_BR)
*[http://www.imasters.com.br/artigo/3500/livre/inkscape_brilho_luz_e_vida_aos_logos Brilho, Luz e Vida aos logos] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt_BR)
*[http://www.allanbrito.com/2007/08/06/tutorial-inkscape-interface/ Introdução a interface do Inkscape] (pt_BR)

=== zh_CN ===
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]

=== Screen casts ===
* [http://www.hardon.co.il/alma/ Drawing a simple woman face] (video)
* [http://www.primfaktor.de/index.php?section=tutorials Farbverläufe (Video)] (de)
* [http://www.primfaktor.de/index.php?section=tutorials Sterne und Polygone (Video)] (de)
* [http://screencasters.heathenx.org/ A collection of Inkscape video tutorials from screencasters.heathenx.org] (en)

=== Japanese 日本語 ===
*[http://o-server.main.jp/inkscape/ Inkscapeの使い方](How To Use Inkscape) (japanese)

=== Serbian ===

*[http://my.opera.com/Lazich/blog Lazich's Opera] (Srb)

*[http://my.opera.com/Lazich/blog/inkscape-cestitka Greeting Card] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-brojevi Nambers] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-crtanje-ljubicasti-medved How to draw a purple bear] (Srb)
*[http://my.opera.com/Lazich/blog/2010/03/10/inkscape-pattern How to make a pattern] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-vizitkarta Visit-card and Prepress] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-color-management-system Inkscape Color Managment System] (Srb)
*[http://my.opera.com/Lazich/blog/2009/12/14/inkscape-putanje-i-tekst How to create a stamp or emblem - Text on path] (Srb)
*[http://my.opera.com/Lazich/blog/2009/12/07/inkscape-wallpaper How to Make a Wallpaper] (Srb)
*[http://my.opera.com/Lazich/blog/2009/11/30/inkscape-touch-selection-u-ovom-tutorijalu-cu-vam-pokazati-kako-da-koristite Drawing with Touch Selection] (Srb)
*[http://my.opera.com/Lazich/blog/2009/11/28/inkscape-pseudo-grb How to draw a dummy coat of arms] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-crtanje-ruzicasti-mis How to draw a pink mouse] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-crtanje-plava-ptica How to draw a blue bird] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-crtanje-zeleni-pas How to draw a green dog] (Srb)
*[http://my.opera.com/Lazich/blog/inkscape-nalepnice/ Stickers] (Srb)
*[http://my.opera.com/Lazich/blog/2009/10/17/inkscape-glossy-icons Glossy icons] (Srb)
*[http://my.opera.com/Lazich/blog/2009/10/17/inkscape-glossy-icons Text stylization - frame line] (Srb)

=== Turkish Türkçe ===
*[http://martinamca.blogspot.com/2010/02/yin-yang-simgesi-yapmak.html Yin yang simgesi yapmak] by martinamca
*[http://martinamca.blogspot.com/2010/02/inkscape-metin-kutusu-olusturmak.html Internet sayfaları için farklı metin kutuları oluşturmak] by martinamca
*[http://martinamca.blogspot.com/2010/02/inkscape-baslangc-ve-dugumler.html Başlangıç ve düğümler ile ilgili bir eğitici] by martinamca
*[http://martinamca.blogspot.com/2010/02/golgelendirilmis-sekiller-olusturmak.html Gölgelendirilmiş şekiller oluşturmak] by martinamca
*[http://martinamca.blogspot.com/2009/06/metinleri-bir-cerceveye-koymak.html Metinleri çerçeveye koymak] by martinamca
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-yenmis-yaprak-yapm.html Inkscape'te maskeleme nasıl yapılır?] by martinamca
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-metinler.html Metinleri güzelleştirmek] by martinamca
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-alman-bayrag-yapm.html Almanya Bayrağı çizmek] by martinamca
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-dama-tahta-deseni.html Dama tahtası çizmek] by martinamca
*[http://martinamca.blogspot.com/2009/06/inkscapete-aradegerleme-efekti.html Aradeğerleme efektini kullanmak] by martinamca
*[http://martinamca.blogspot.com/2010/03/nokta-ve-virgul-ksayol-tuslar.html Nokta ve virgül kısayol tuşları] by martinamca

== Outside Tutorials and Tips ==
* <strike> [http://collou.f2o.org/inkspot/ Spotcolors!] </strike> Tutorial to create spotcolor separations using Inkscape
* [http://popolon.org/gblog2/made-business-cards-easily-with-inkscape Make business cards easily with Inkscape] short tutorial and 85×54mm SVGz templates provided [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/didacticiel-inkscape/ more Inkscape tutorials] are available
* [http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php A Guide to Inkscape] by Tavmjong Bah
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php Stopped Clock Blog] Has some good Flash tutorials & other Inkscape writings
* [http://www.deviantart.com/view/14703295/ Icons in Inkscape - mini-tut] by Daj
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Tutorial: A Simple Approach to Drawing Complex Characters With Inkscape]
* [http://www.angelfire.com/mi/kevincharles/inkscape/index.html Unofficial Inkscape Documentation] a great work-in-progress by Kevin Charles
* [http://www.coofercat.com/wiki/InkScape Some Inkscape Know-How], a beginner's guide to creating complex shapes and flowing text into them
* [http://blog.vybiral.info/my_files/helps/tutorial.png Text following a circle's curve]
* [http://www.out-of-order.ca/tutorial/inkscape-tutorial Making Icons With Inkscape] A beginner's guide to creating nice icons in Inkscape by Ben Powers.
* [http://www.coswellproductions.org/digital_minicomic_scanning_pasteup.php Using Free Software to Do Inexpensive Digital Paste-Up] A guide to using The GIMP and Inkscape to paste up pages for minicomics.
* [http://www.coswellproductions.org/wordpress/2007/08/05/practical-inkscape-for-comic-artists-the-right-handed-illustration-keyboard-layout/ The Right-Handed Illustration Keyboard Layout] A guide aimed at tablet users that want to have a keyboard layout that is better tuned to illustration work.

== Help & helpful articles ==
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr)
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)

== Creating New Tutorials ==
Easy way:
# Load up one of the existing tutorials
# Replace its text and images with your own
# Upload it to the [http://sourceforge.net/tracker/?func=add&group_id=93438&atid=604308 Patch Tracker]. Make SURE to click the "Upload and Attach a File" checkbox!

Official way:
# Create a DocBook XML file like the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/basic/tutorial-basic.xml?view=markup Basic Tutorial DocBook]
# Follow directions in the tutorial directory [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/README?view=markup README] for formatting and handling of embedded non-SVG images
# Create a subdirectory in the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/ doc-docbook] module and place the new tutorial docbook file there
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
# Announce the availability of the new tutorial

== Tutorial Ideas ==
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.

=== Completed Tutorials ===

* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]
* [[ElementsPrinciplesOfDesign]] (rejon)
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]

=== Tutorials in development ===

* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at my [http://mailhide.recaptcha.net/d?k=01lDmmgiuH5e1ZA4OjajJ1gA==&c=1BpCYFPqRLyYZxQDyQvfv7oe5mIfomlfsEc_iaE-qPY= reCAPTCHA™ Mailhide email address] to suggest changes.
* A very small sheet with instructions for doing [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at my [http://mailhide.recaptcha.net/d?k=01s2l5O5HC2E7e44t8Hyld6w==&c=pmibPRuFUYLOux5WlLGKYRFjPdJ56uipTF9QUY3wwjE= reCAPTCHA Mailhide email address] (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.

=== Planned Tutorials ===

* [[UsingTheCloneTiler]] - Clones

* Text and Typography

* Clippath/Mask/Pattern

* Effects

* SVG Filters

* XML Editor

=== Tutorial Scratchpad ===

* How to create an icon
* How to build a presentation using Inkview.
* How to build complex shapes using boolean operations.
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.
* etc

A tutorial in progress of writing by John Griessen

This writing is a journal of how a project to recreate a business card originally
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is
much from memory and not to be taken as the last word, but a guide as to how the programs compare.

Attached is a png of the printed business card:

It originally was a collection of paths filled with colors and text objects with grouping to
make replicating some objects easy.

The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .

The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides,
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png

[[Category:Help Wanted]]

=== Other SVG Tutorials ===

* http://www.codeproject.com/books/learnsvgchapter07.asp

Tutorials and help

2007-08-02T18:06:59Z

Jingshaochen: /* Unofficial tutorials */

==Tutorial targets for future releases==
[http://wiki.inkscape.org/wiki/index.php/TutorialUpdates-0.46 0.46 dev cycle]

== Unofficial tutorials ==

{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"
|-
| width=33% style="border: white 2px solid;"|
[[Image:Quickguide.png]] 
Name: [http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape] 
Overview: This is a great consise quick guide for getting started with inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Icons_in_Inkscape.png]] 
Name: [http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] 
Overview: A quick little tutorial demonstrating the design process in creating an SVG icon in inkscape. The finished product of this tutorial is actually in the [http://openclipart.org Open Clip Art Library ]
| width=33% style="border: white 2px solid;"|
[[Image:Orb-tutorial-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] 
Overview: A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Inkscape overview tut thumb.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] 
Overview: A detailed tutorial that descibes the inkscape user interface in detail and explains how they can be used for creating cartoony art.
| width=33% style="border: white 2px solid;"|
[[Image:3d-beveltext-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in inkscape] 
Overview: A tutorial that demonstrates a technique to create text with a bevelled edge effect.
| width=33% style="border: white 2px solid;"|
[[Image:Slime_tutorial_thumnail.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] 
Overview: A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Starfish_tutorial_thumb.png]] 
Name: [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] 
Overview: a simple tutorial that shows how to make a simple starfish in inkscape. great for inkscape "newbies"
| width=33% style="border: white 2px solid;"|
[[Image:Starburst_tut_thumb.jpg]] 
Name: [http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] 
Overview: A tutorial that demonstrates the technique of creating the "starburst" effect using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Eye_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] 
Overview: A tutorial that shows the process to create an eyeball in inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Ball_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2006/12/13/10-step-tutorial-to-create-shiny-ball-vector-art/ 10 step tutorial to create shinyball vector art] 
Overview: a tutorial that shows you how to create a shiny little ball using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:inkscape_fonts.png]] 
Name: [http://inkscape.teekoo.com/index.php?select=kid Kiddy Font and Tigger Font Tutorial] 
Overview: a tutorial on how to create interesting font effects with the help of Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Graph-tut-thumbnail.png]] 
Name: [http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] 
Overview: a tutorial on how to create accurate line graphs in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:spring.png]] 
Name: [http://inkscape.teekoo.com/index.php?select=spring It is spring time] 
Overview: a simple tutorial that shows how to make use of
"tiled clone" with tracing.
| width=33% style="border: white 2px solid;"|
[[Image:Furboa_head.png]] 
Name: [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] 
Overview: Learn how to create a cute little cartoony animal in inkscape. The test subject in this case is a cute little guy named Furboa.
|width=33% style="border: white 2px solid;"|
[[Image:Box.png]] 
Name: [http://inkscape.teekoo.com/index.php?select=box 3D Box] 
Overview: How to make perspective 3D boxes.
|-
| width=33% style="border: white 2px solid;"|
[[Image:tc_bar.png]] 
Name: [http://inkscape.teekoo.com/index.php?select=bar How far can a bar go?] 
Overview: a tile clone tutorial that shows how to make use of
Rotation, Shift, and Color.
|}

=== English ===
* [http://70.24.158.31:8080/inktut.php Making Icons] (en)
* http://programmer-art.org/inkscape currently down video-tutorials planned. (en)
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)
* [http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi
* [http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial] (en)
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.
* [http://inkscape.teekoo.com/ Inkscape in Six Steps] by Jingshao Chen
* [http://choupil.blogspot.com/ Inkscape isometrics and tutorials] by Choupil

=== de ===
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)
* [http://shirts.gleichjetzt.de/Vektorisieren_mit_Inkscape Vektorisieren mit Inkscape] shirts.gleichjetzt.de, (de)

=== fr ===
* [http://popolon.org/gblog2/comment-faire-une-illustration-de-a-a-z-avec-inkscape Comment faire une illustration de A à Z avec inkscape.] (fr), same as above
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon
*[http://www.inkscape-fr.org/spip.php?rubrique2 Liste des didacticiels du site inkscape-fr] (fr).

=== it ===
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)

=== pl ===
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)

=== pt_BR ===
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt_BR)
*[http://www.imasters.com.br/artigo/3500/livre/inkscape_brilho_luz_e_vida_aos_logos Brilho, Luz e Vida aos logos] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt_BR)

=== zh_CN ===
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]

== Outside Tutorials and Tips ==
* [http://collou.f2o.org/inkspot/ Spotcolors!] Tutorial to create spotcolor separations using Inkscape
* [http://popolon.org/gblog2/made-business-cards-easily-with-inkscape Make business cards easily with Inkscape] short tutorial and 85×54mm SVGz templates provided [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/didacticiel-inkscape/ more Inkscape tutorials] are available
* [http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php A Guide to Inkscape] by Tavmjong Bah
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php Stopped Clock Blog] Has some good Flash tutorials & other Inkscape writings
* [http://www.deviantart.com/view/14703295/ Icons in Inkscape - mini-tut] by Daj
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Tutorial: A Simple Approach to Drawing Complex Characters With Inkscape]
* [http://www.angelfire.com/mi/kevincharles/inkscape/index.html Unofficial Inkscape Documentation] a great work-in-progress by Kevin Charles
* [http://www.coofercat.com/wiki/InkScape Some Inkscape Know-How], a beginner's guide to creating complex shapes and flowing text into them
* [http://blog.vybiral.info/my_files/helps/tutorial.png Text following a circle's curve]
* [http://www.out-of-order.ca/tutorial/inkscape-tutorial Making Icons With Inkscape] A beginner's guide to creating nice icons in Inkscape by Ben Powers.
* [http://www.coswellproductions.org/digital_minicomic_scanning_pasteup.php Using Free Software to Do Inexpensive Digital Paste-Up] A guide to using The GIMP and Inkscape to paste up pages for minicomics.

== Help & helpful articles ==
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr)
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)

== Creating New Tutorials ==
Easy way:
# Load up one of the existing tutorials
# Replace its text and images with your own
# Upload it to the [http://sourceforge.net/tracker/?func=add&group_id=93438&atid=604308 Patch Tracker]. Make SURE to click the "Upload and Attach a File" checkbox!

Official way:
# Create a DocBook XML file like the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/basic/tutorial-basic.xml?view=markup Basic Tutorial DocBook]
# Follow directions in the tutorial directory [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/README?view=markup README] for formatting and handling of embedded non-SVG images
# Create a subdirectory in the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/ doc-docbook] module and place the new tutorial docbook file there
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
# Announce the availability of the new tutorial

== Tutorial Ideas ==
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.

=== Completed Tutorials ===

* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]
* [[ElementsPrinciplesOfDesign]] (rejon)
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]

=== Tutorials in development ===

* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at mauve@mauveweb.co.uk to suggest changes.
* A very small sheet with instructions for doing [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at daniel dot hornung <at> gmx dot de (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.

=== Planned Tutorials ===

* [[UsingTheCloneTiler]] - Clones

* Text and Typography

* Clippath/Mask/Pattern

* Effects

* SVG Filters

* XML Editor

=== Tutorial Scratchpad ===

* How to create an icon
* How to build a presentation using Inkview.
* How to build complex shapes using boolean operations.
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.
* etc

A tutorial in progress of writing by John Griessen

This writing is a journal of how a project to recreate a business card originally
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is
much from memory and not to be taken as the last word, but a guide as to how the programs compare.

Attached is a png of the printed business card:

It originally was a collection of paths filled with colors and text objects with grouping to
make replicating some objects easy.

The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .

The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides,
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png

[[Category:Help Wanted]]

=== Other SVG Tutorials ===

* http://www.codeproject.com/books/learnsvgchapter07.asp

Tutorials and help

2007-07-17T00:15:36Z

Jingshaochen: /* Unofficial tutorials */

File:Tc bar.png

2007-07-17T00:08:33Z

Jingshaochen:

Tutorials and help

2007-07-03T22:15:28Z

Jingshaochen: /* Unofficial tutorials */

Tutorials and help

2007-07-03T22:13:48Z

Jingshaochen: /* Unofficial tutorials */

Tutorials and help

2007-07-03T22:10:49Z

Jingshaochen: /* Unofficial tutorials */

Tutorials and help

2007-07-03T22:09:51Z

Jingshaochen: /* Unofficial tutorials */

Tutorials and help

2007-07-03T22:05:37Z

Jingshaochen: /* Unofficial tutorials */

Tutorials and help

2007-07-03T22:04:06Z

Jingshaochen: /* en */

==Tutorial targets for future releases==
[http://wiki.inkscape.org/wiki/index.php/TutorialUpdates-0.46 0.46 dev cycle]

== Unofficial tutorials ==

=== en ===

{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"
|-
| width=33% style="border: white 2px solid;"|
[[Image:Quickguide.png]] 
Name: [http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape] 
Overview: This is a great consise quick guide for getting started with inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Icons_in_Inkscape.png]] 
Name: [http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] 
Overview: A quick little tutorial demonstrating the design process in creating an SVG icon in inkscape. The finished product of this tutorial is actually in the [http://openclipart.org Open Clip Art Library ]
| width=33% style="border: white 2px solid;"|
[[Image:Orb-tutorial-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] 
Overview: A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Inkscape overview tut thumb.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] 
Overview: A detailed tutorial that descibes the inkscape user interface in detail and explains how they can be used for creating cartoony art.
| width=33% style="border: white 2px solid;"|
[[Image:3d-beveltext-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in inkscape] 
Overview: A tutorial that demonstrates a technique to create text with a bevelled edge effect.
| width=33% style="border: white 2px solid;"|
[[Image:Slime_tutorial_thumnail.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] 
Overview: A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Starfish_tutorial_thumb.png]] 
Name: [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] 
Overview: a simple tutorial that shows how to make a simple starfish in inkscape. great for inkscape "newbies"
| width=33% style="border: white 2px solid;"|
[[Image:Starburst_tut_thumb.jpg]] 
Name: [http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] 
Overview: A tutorial that demonstrates the technique of creating the "starburst" effect using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Eye_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] 
Overview: A tutorial that shows the process to create an eyeball in inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Ball_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2006/12/13/10-step-tutorial-to-create-shiny-ball-vector-art/ 10 step tutorial to create shinyball vector art] 
Overview: a tutorial that shows you how to create a shiny little ball using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:inkscape_fonts.png]] 
Name: [http://inkscape.teekoo.com Kiddy Font and Tigger Font Tutorial] 
Overview: a tutorial on how to create interesting font effects with the help of Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Graph-tut-thumbnail.png]] 
Name: [http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] 
Overview: a tutorial on how to create accurate line graphs in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:spring.png]] 
Name: [http://inkscape.teekoo.com/#spring It is spring time] 
Overview: a simple tutorial that shows how to make use of
"tiled clone" with tracing.
| width=33% style="border: white 2px solid;"|
[[Image:Furboa_head.png]] 
Name: [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] 
Overview: Learn how to create a cute little cartoony animal in inkscape. The test subject in this case is a cute little guy named Furboa.
|width=33% style="border: white 2px solid;"|
[[Image:Box.png]] 
Name: [http://inkscape.teekoo.com/#box 3D Box] 
Overview: How to make perspective 3D box.
|-}

* [http://70.24.158.31:8080/inktut.php Making Icons] (en)
* http://programmer-art.org/inkscape currently down video-tutorials planned. (en)
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)
* [http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi
* [http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial] (en)
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.
* [http://inkscape.teekoo.com/ Inkscape in Six Steps] by Jingshao Chen
* [http://choupil.blogspot.com/ Inkscape isometrics and tutorials] by Choupil

=== de ===
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)
* [http://shirts.gleichjetzt.de/Vektorisieren_mit_Inkscape Vektorisieren mit Inkscape] shirts.gleichjetzt.de, (de)

=== fr ===
* [http://popolon.org/gblog2/comment-faire-une-illustration-de-a-a-z-avec-inkscape Comment faire une illustration de A à Z avec inkscape.] (fr), same as above
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon
*[http://www.inkscape-fr.org/spip.php?rubrique2 Liste des didacticiels du site inkscape-fr] (fr).

=== it ===
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)

=== pl ===
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)

=== pt_BR ===
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt_BR)
*[http://www.imasters.com.br/artigo/3500/livre/inkscape_brilho_luz_e_vida_aos_logos Brilho, Luz e Vida aos logos] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt_BR)

=== zh_CN ===
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]

== Help & helpful articles ==
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr)
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)

== Creating New Tutorials ==
Easy way:
# Load up one of the existing tutorials
# Replace its text and images with your own
# Upload it to the [http://sourceforge.net/tracker/?func=add&group_id=93438&atid=604308 Patch Tracker]. Make SURE to click the "Upload and Attach a File" checkbox!

Official way:
# Create a DocBook XML file like the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/basic/tutorial-basic.xml?view=markup Basic Tutorial DocBook]
# Follow directions in the tutorial directory [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/README?view=markup README] for formatting and handling of embedded non-SVG images
# Create a subdirectory in the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/ doc-docbook] module and place the new tutorial docbook file there
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
# Announce the availability of the new tutorial

== Tutorial Ideas ==
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.

=== Completed Tutorials ===

* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]
* [[ElementsPrinciplesOfDesign]] (rejon)
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]

=== Tutorials in development ===

* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at mauve@mauveweb.co.uk to suggest changes.
* A very small sheet with instructions for doing [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at daniel dot hornung <at> gmx dot de (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.

=== Planned Tutorials ===

* [[UsingTheCloneTiler]] - Clones

* Text and Typography

* Clippath/Mask/Pattern

* Effects

* SVG Filters

* XML Editor

=== Tutorial Scratchpad ===

* How to create an icon
* How to build a presentation using Inkview.
* How to build complex shapes using boolean operations.
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.
* etc

A tutorial in progress of writing by John Griessen

This writing is a journal of how a project to recreate a business card originally
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is
much from memory and not to be taken as the last word, but a guide as to how the programs compare.

Attached is a png of the printed business card:

It originally was a collection of paths filled with colors and text objects with grouping to
make replicating some objects easy.

The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .

The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides,
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png

[[Category:Help Wanted]]

=== Other SVG Tutorials ===

* http://www.codeproject.com/books/learnsvgchapter07.asp

Tutorials and help

2007-07-03T22:02:43Z

Jingshaochen: /* en */

==Tutorial targets for future releases==
[http://wiki.inkscape.org/wiki/index.php/TutorialUpdates-0.46 0.46 dev cycle]

== Unofficial tutorials ==

=== en ===
{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"
|-
| width=33% style="border: white 2px solid;"|
[[Image:Quickguide.png]] 
Name: [http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape] 
Overview: This is a great consise quick guide for getting started with inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Icons_in_Inkscape.png]] 
Name: [http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] 
Overview: A quick little tutorial demonstrating the design process in creating an SVG icon in inkscape. The finished product of this tutorial is actually in the [http://openclipart.org Open Clip Art Library ]
| width=33% style="border: white 2px solid;"|
[[Image:Orb-tutorial-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] 
Overview: A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Inkscape overview tut thumb.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] 
Overview: A detailed tutorial that descibes the inkscape user interface in detail and explains how they can be used for creating cartoony art.
| width=33% style="border: white 2px solid;"|
[[Image:3d-beveltext-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in inkscape] 
Overview: A tutorial that demonstrates a technique to create text with a bevelled edge effect.
| width=33% style="border: white 2px solid;"|
[[Image:Slime_tutorial_thumnail.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] 
Overview: A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Starfish_tutorial_thumb.png]] 
Name: [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] 
Overview: a simple tutorial that shows how to make a simple starfish in inkscape. great for inkscape "newbies"
| width=33% style="border: white 2px solid;"|
[[Image:Starburst_tut_thumb.jpg]] 
Name: [http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] 
Overview: A tutorial that demonstrates the technique of creating the "starburst" effect using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Eye_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] 
Overview: A tutorial that shows the process to create an eyeball in inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Ball_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2006/12/13/10-step-tutorial-to-create-shiny-ball-vector-art/ 10 step tutorial to create shinyball vector art] 
Overview: a tutorial that shows you how to create a shiny little ball using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:inkscape_fonts.png]] 
Name: [http://inkscape.teekoo.com Kiddy Font and Tigger Font Tutorial] 
Overview: a tutorial on how to create interesting font effects with the help of Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Graph-tut-thumbnail.png]] 
Name: [http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] 
Overview: a tutorial on how to create accurate line graphs in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:spring.png]] 
Name: [http://inkscape.teekoo.com/#spring It is spring time] 
Overview: a simple tutorial that shows how to make use of
"tiled clone" with tracing.
| width=33% style="border: white 2px solid;"|
[[Image:Furboa_head.png]] 
Name: [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] 
Overview: Learn how to create a cute little cartoony animal in inkscape. The test subject in this case is a cute little guy named Furboa.
|width=33% style="border: white 2px solid;"|
[[Image:Box.png]] 
Name: [http://inkscape.teekoo.com/#box 3D Box] 
Overview: How to make perspective 3D box.
|-}

* [http://70.24.158.31:8080/inktut.php Making Icons] (en)
* http://programmer-art.org/inkscape currently down video-tutorials planned. (en)
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)
* [http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi
* [http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial] (en)
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.
* [http://inkscape.teekoo.com/ Inkscape in Six Steps] by Jingshao Chen
* [http://choupil.blogspot.com/ Inkscape isometrics and tutorials] by Choupil

=== de ===
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)
* [http://shirts.gleichjetzt.de/Vektorisieren_mit_Inkscape Vektorisieren mit Inkscape] shirts.gleichjetzt.de, (de)

=== fr ===
* [http://popolon.org/gblog2/comment-faire-une-illustration-de-a-a-z-avec-inkscape Comment faire une illustration de A à Z avec inkscape.] (fr), same as above
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon
*[http://www.inkscape-fr.org/spip.php?rubrique2 Liste des didacticiels du site inkscape-fr] (fr).

=== it ===
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)

=== pl ===
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)

=== pt_BR ===
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt_BR)
*[http://www.imasters.com.br/artigo/3500/livre/inkscape_brilho_luz_e_vida_aos_logos Brilho, Luz e Vida aos logos] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt_BR)

=== zh_CN ===
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]

== Help & helpful articles ==
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr)
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)

== Creating New Tutorials ==
Easy way:
# Load up one of the existing tutorials
# Replace its text and images with your own
# Upload it to the [http://sourceforge.net/tracker/?func=add&group_id=93438&atid=604308 Patch Tracker]. Make SURE to click the "Upload and Attach a File" checkbox!

Official way:
# Create a DocBook XML file like the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/basic/tutorial-basic.xml?view=markup Basic Tutorial DocBook]
# Follow directions in the tutorial directory [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/README?view=markup README] for formatting and handling of embedded non-SVG images
# Create a subdirectory in the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/ doc-docbook] module and place the new tutorial docbook file there
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
# Announce the availability of the new tutorial

== Tutorial Ideas ==
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.

=== Completed Tutorials ===

* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]
* [[ElementsPrinciplesOfDesign]] (rejon)
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]

=== Tutorials in development ===

* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at mauve@mauveweb.co.uk to suggest changes.
* A very small sheet with instructions for doing [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at daniel dot hornung <at> gmx dot de (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.

=== Planned Tutorials ===

* [[UsingTheCloneTiler]] - Clones

* Text and Typography

* Clippath/Mask/Pattern

* Effects

* SVG Filters

* XML Editor

=== Tutorial Scratchpad ===

* How to create an icon
* How to build a presentation using Inkview.
* How to build complex shapes using boolean operations.
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.
* etc

A tutorial in progress of writing by John Griessen

This writing is a journal of how a project to recreate a business card originally
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is
much from memory and not to be taken as the last word, but a guide as to how the programs compare.

Attached is a png of the printed business card:

It originally was a collection of paths filled with colors and text objects with grouping to
make replicating some objects easy.

The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .

The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides,
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png

[[Category:Help Wanted]]

=== Other SVG Tutorials ===

* http://www.codeproject.com/books/learnsvgchapter07.asp

File:Box.png

2007-07-03T22:01:22Z

Jingshaochen: 3d box

3d box

Tutorials and help

2007-07-03T21:57:27Z

Jingshaochen: /* en */

==Tutorial targets for future releases==
[http://wiki.inkscape.org/wiki/index.php/TutorialUpdates-0.46 0.46 dev cycle]

== Unofficial tutorials ==

=== en ===
{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"
|-
| width=33% style="border: white 2px solid;"|
[[Image:Quickguide.png]] 
Name: [http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape] 
Overview: This is a great consise quick guide for getting started with inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Icons_in_Inkscape.png]] 
Name: [http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] 
Overview: A quick little tutorial demonstrating the design process in creating an SVG icon in inkscape. The finished product of this tutorial is actually in the [http://openclipart.org Open Clip Art Library ]
| width=33% style="border: white 2px solid;"|
[[Image:Orb-tutorial-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] 
Overview: A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Inkscape overview tut thumb.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] 
Overview: A detailed tutorial that descibes the inkscape user interface in detail and explains how they can be used for creating cartoony art.
| width=33% style="border: white 2px solid;"|
[[Image:3d-beveltext-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in inkscape] 
Overview: A tutorial that demonstrates a technique to create text with a bevelled edge effect.
| width=33% style="border: white 2px solid;"|
[[Image:Slime_tutorial_thumnail.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] 
Overview: A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Starfish_tutorial_thumb.png]] 
Name: [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] 
Overview: a simple tutorial that shows how to make a simple starfish in inkscape. great for inkscape "newbies"
| width=33% style="border: white 2px solid;"|
[[Image:Starburst_tut_thumb.jpg]] 
Name: [http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] 
Overview: A tutorial that demonstrates the technique of creating the "starburst" effect using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Eye_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] 
Overview: A tutorial that shows the process to create an eyeball in inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Ball_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2006/12/13/10-step-tutorial-to-create-shiny-ball-vector-art/ 10 step tutorial to create shinyball vector art] 
Overview: a tutorial that shows you how to create a shiny little ball using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:inkscape_fonts.png]] 
Name: [http://inkscape.teekoo.com Kiddy Font and Tigger Font Tutorial] 
Overview: a tutorial on how to create interesting font effects with the help of Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Graph-tut-thumbnail.png]] 
Name: [http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] 
Overview: a tutorial on how to create accurate line graphs in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:spring.png]] 
Name: [http://inkscape.teekoo.com/#spring It is spring time] 
Overview: a simple tutorial that shows how to make use of
"tiled clone" with tracing.
| width=33% style="border: white 2px solid;"|
[[Image:Furboa_head.png]] 
Name: [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] 
Overview: Learn how to create a cute little cartoony animal in inkscape. The test subject in this case is a cute little guy named Furboa.
|width=33% style="border: white 2px solid;"|
[[Image:3dbox.png]] 
Name: [http://inkscape.teekoo.com/#box 3D Box] 
Overview: How to make perspective 3D box.
|-}

* [http://70.24.158.31:8080/inktut.php Making Icons] (en)
* http://programmer-art.org/inkscape currently down video-tutorials planned. (en)
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)
* [http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi
* [http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial] (en)
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.
* [http://inkscape.teekoo.com/ Inkscape in Six Steps] by Jingshao Chen
* [http://choupil.blogspot.com/ Inkscape isometrics and tutorials] by Choupil

=== de ===
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)
* [http://shirts.gleichjetzt.de/Vektorisieren_mit_Inkscape Vektorisieren mit Inkscape] shirts.gleichjetzt.de, (de)

=== fr ===
* [http://popolon.org/gblog2/comment-faire-une-illustration-de-a-a-z-avec-inkscape Comment faire une illustration de A à Z avec inkscape.] (fr), same as above
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon
*[http://www.inkscape-fr.org/spip.php?rubrique2 Liste des didacticiels du site inkscape-fr] (fr).

=== it ===
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)

=== pl ===
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)

=== pt_BR ===
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt_BR)
*[http://www.imasters.com.br/artigo/3500/livre/inkscape_brilho_luz_e_vida_aos_logos Brilho, Luz e Vida aos logos] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt_BR)

=== zh_CN ===
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]

== Help & helpful articles ==
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr)
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)

== Creating New Tutorials ==
Easy way:
# Load up one of the existing tutorials
# Replace its text and images with your own
# Upload it to the [http://sourceforge.net/tracker/?func=add&group_id=93438&atid=604308 Patch Tracker]. Make SURE to click the "Upload and Attach a File" checkbox!

Official way:
# Create a DocBook XML file like the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/basic/tutorial-basic.xml?view=markup Basic Tutorial DocBook]
# Follow directions in the tutorial directory [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/README?view=markup README] for formatting and handling of embedded non-SVG images
# Create a subdirectory in the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/ doc-docbook] module and place the new tutorial docbook file there
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
# Announce the availability of the new tutorial

== Tutorial Ideas ==
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.

=== Completed Tutorials ===

* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]
* [[ElementsPrinciplesOfDesign]] (rejon)
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]

=== Tutorials in development ===

* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at mauve@mauveweb.co.uk to suggest changes.
* A very small sheet with instructions for doing [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at daniel dot hornung <at> gmx dot de (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.

=== Planned Tutorials ===

* [[UsingTheCloneTiler]] - Clones

* Text and Typography

* Clippath/Mask/Pattern

* Effects

* SVG Filters

* XML Editor

=== Tutorial Scratchpad ===

* How to create an icon
* How to build a presentation using Inkview.
* How to build complex shapes using boolean operations.
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.
* etc

A tutorial in progress of writing by John Griessen

This writing is a journal of how a project to recreate a business card originally
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is
much from memory and not to be taken as the last word, but a guide as to how the programs compare.

Attached is a png of the printed business card:

It originally was a collection of paths filled with colors and text objects with grouping to
make replicating some objects easy.

The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .

The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides,
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png

[[Category:Help Wanted]]

=== Other SVG Tutorials ===

* http://www.codeproject.com/books/learnsvgchapter07.asp

Talk:Google Summer of Code 2007

2007-03-09T17:18:09Z

Jingshaochen: Question

Don't know if this is the right place to ask.
But how about put objects along a path? Just like put text along a path?

Jingshao

Tutorials and help

2007-03-09T01:23:33Z

Jingshaochen: simple tutorial on tiled clone

== Unofficial tutorials ==

=== en ===
{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"
|-
| width=33% style="border: white 2px solid;"|
[[Image:Furboa_head.png]] 
Name: [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] 
Overview: Learn how to create a cute little cartoony animal in inkscape. The test subject in this case is a cute little guy named Furboa.
| width=33% style="border: white 2px solid;"|
[[Image:Icons_in_Inkscape.png]] 
Name: [http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] 
Overview: A quick little tutorial demonstrating the design process in creating an SVG icon in inkscape. The finished product of this tutorial is actually in the [http://openclipart.org Open Clip Art Library ]
| width=33% style="border: white 2px solid;"|
[[Image:Orb-tutorial-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] 
Overview: A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Inkscape overview tut thumb.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] 
Overview: A detailed tutorial that descibes the inkscape user interface in detail and explains how they can be used for creating cartoony art.
| width=33% style="border: white 2px solid;"|
[[Image:3d-beveltext-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in inkscape] 
Overview: A tutorial that demonstrates a technique to create text with a bevelled edge effect.
| width=33% style="border: white 2px solid;"|
[[Image:Slime_tutorial_thumnail.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] 
Overview: A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Starfish_tutorial_thumb.png]] 
Name: [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] 
Overview: a simple tutorial that shows how to make a simple starfish in inkscape. great for inkscape "newbies"
| width=33% style="border: white 2px solid;"|
[[Image:Starburst_tut_thumb.jpg]] 
Name: [http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] 
Overview: A tutorial that demonstrates the technique of creating the "starburst" effect using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Eye_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] 
Overview: A tutorial that shows the process to create an eyeball in inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Ball_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2006/12/13/10-step-tutorial-to-create-shiny-ball-vector-art/ 10 step tutorial to create shinyball vector art] 
Overview: a tutorial that shows you how to create a shiny little ball using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:inkscape_fonts.png]] 
Name: [http://inkscape.teekoo.com Kiddy Font and Tigger Font Tutorial] 
Overview: a tutorial on how to create interesting font effects with the help of Inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Graph-tut-thumbnail.png]] 
Name: [http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] 
Overview: a tutorial on how to create accurate line graphs in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:spring.png]] 
Name: [http://inkscape.teekoo.com/#spring It is spring time] 
Overview: a simple tutorial that shows how to make use of
"tiled clone" with tracing.

|}

* [http://70.24.158.31:8080/inktut.php Making Icons] (en)
* http://programmer-art.org/inkscape currently down video-tutorials planned. (en)
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)
* [http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi
* [http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial] (en)
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.
* [http://inkscape.teekoo.com/ Inkscape in Six Steps] by Jingshao Chen

=== de ===
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)

=== fr ===
* [http://popolon.org/gblog2/comment-faire-une-illustration-de-a-a-z-avec-inkscape Comment faire une illustration de A à Z avec inkscape.] (fr), same as above
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon

=== it ===
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)

=== pl ===
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)

=== pt_BR ===
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)
*[http://valessio.ul-jb.org/blog/?p=59 Criando raios com inkscape / Usando Blur] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt_BR)

=== zh_CN ===
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]

== Help & helpful articles ==
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr)
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)

== Creating New Tutorials ==
Easy way:
# Load up one of the existing tutorials
# Replace its text and images with your own
# Upload it to the [http://sourceforge.net/tracker/?func=add&group_id=93438&atid=604308 Patch Tracker]. Make SURE to click the "Upload and Attach a File" checkbox!

Official way:
# Create a DocBook XML file like the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/basic/tutorial-basic.xml?view=markup Basic Tutorial DocBook]
# Follow directions in the tutorial directory [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/README?view=markup README] for formatting and handling of embedded non-SVG images
# Create a subdirectory in the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/ doc-docbook] module and place the new tutorial docbook file there
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
# Announce the availability of the new tutorial

== Tutorial Ideas ==
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.

=== Completed Tutorials ===

* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]
* [[ElementsPrinciplesOfDesign]] (rejon)
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]

=== Tutorials in development ===

* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at mauve@mauveweb.co.uk to suggest changes.
* A very small sheet with instructions for doing [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at daniel dot hornung <at> gmx dot de (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.

=== Planned Tutorials ===

* [[UsingTheCloneTiler]] - Clones

* Text and Typography

* Clippath/Mask/Pattern

* Effects

* SVG Filters

* XML Editor

=== Tutorial Scratchpad ===

* How to create an icon
* How to build a presentation using Inkview.
* How to build complex shapes using boolean operations.
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.
* etc

A tutorial in progress of writing by John Griessen

This writing is a journal of how a project to recreate a business card originally
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is
much from memory and not to be taken as the last word, but a guide as to how the programs compare.

Attached is a png of the printed business card:

It originally was a collection of paths filled with colors and text objects with grouping to
make replicating some objects easy.

The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .

The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides,
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png

[[Category:Help Wanted]]

=== Other SVG Tutorials ===

* http://www.codeproject.com/books/learnsvgchapter07.asp

File:Spring.png

2007-03-09T01:02:28Z

Jingshaochen: Thumbnail of the spring tutorial

Thumbnail of the spring tutorial

Talk:Tutorials and help

2007-03-03T05:40:51Z

Jingshaochen: Suggest link to home

We should link this page in the home page of wiki, to replace the TutorialIdea which is merged into this page.

User:Jingshaochen

2007-03-02T19:11:16Z

Jingshaochen: self intro

I like inkscape very much. Here is a link to my inkscape tutorial.
[http://inkscape.teekoo.com inkscape.teekoo.com].

Tutorials and help

2007-03-02T18:34:56Z

Jingshaochen: /* en */ Inkscape tutorial on Kiddy Font and Tigger Font

== Unofficial tutorials ==

=== en ===
{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"
|-
| width=33% style="border: white 2px solid;"|
[[Image:Furboa_head.png]] 
Name: [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] 
Overview: Learn how to create a cute little cartoony animal in inkscape. The test subject in this case is a cute little guy named Furboa.
| width=33% style="border: white 2px solid;"|
[[Image:Icons_in_Inkscape.png]] 
Name: [http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] 
Overview: A quick little tutorial demonstrating the design process in creating an SVG icon in inkscape. The finished product of this tutorial is actually in the [http://openclipart.org Open Clip Art Library ]
| width=33% style="border: white 2px solid;"|
[[Image:Orb-tutorial-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] 
Overview: A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Inkscape overview tut thumb.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] 
Overview: A detailed tutorial that descibes the inkscape user interface in detail and explains how they can be used for creating cartoony art.
| width=33% style="border: white 2px solid;"|
[[Image:3d-beveltext-thumb.png]] 
Name: [http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in inkscape] 
Overview: A tutorial that demonstrates a technique to create text with a bevelled edge effect.
| width=33% style="border: white 2px solid;"|
[[Image:Slime_tutorial_thumnail.png]] 
Name: [http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] 
Overview: A detailed tutorial that shows the reader how to draw a simple cartoony slime creature using inkscape. This tutorial also provides great detail on the thought and development process that is used for basic character development.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Starfish_tutorial_thumb.png]] 
Name: [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] 
Overview: a simple tutorial that shows how to make a simple starfish in inkscape. great for inkscape "newbies"
| width=33% style="border: white 2px solid;"|
[[Image:Starburst_tut_thumb.jpg]] 
Name: [http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] 
Overview: A tutorial that demonstrates the technique of creating the "starburst" effect using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:Eye_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] 
Overview: A tutorial that shows the process to create an eyeball in inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Ball_tut_thumbnail.png]] 
Name: [http://www.wisetome.com/splat/2006/12/13/10-step-tutorial-to-create-shiny-ball-vector-art/ 10 step tutorial to create shinyball vector art] 
Overview: a tutorial that shows you how to create a shiny little ball using inkscape.
| width=33% style="border: white 2px solid;"|
[[Image:inkscape_fonts.png]] 
Name: [http://inkscape.teekoo.com Kiddy Font and Tigger Font Tutorial] 
Overview: a tutorial on how to create interesting font effects with the help of Inkscape.
| width=33% style="border: white 2px solid;"|
|}

* [http://70.24.158.31:8080/inktut.php Making Icons] (en)
* http://programmer-art.org/inkscape currently down video-tutorials planned. (en)
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)
* [http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi
* [http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial] (en)
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.

=== de ===
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)

=== fr ===
* [http://popolon.org/gblog2/comment-faire-une-illustration-de-a-a-z-avec-inkscape Comment faire une illustration de A à Z avec inkscape.] (fr), same as above
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon

=== it ===
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)

=== pl ===
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)

=== pt_BR ===
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)
*[http://valessio.ul-jb.org/blog/?p=59 Criando raios com inkscape / Usando Blur] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt_BR)

=== zh_CN ===
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]

== Help & helpful articles ==
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr)
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)

== Creating New Tutorials ==
Easy way:
# Load up one of the existing tutorials
# Replace its text and images with your own
# Upload it to the [http://sourceforge.net/tracker/?func=add&group_id=93438&atid=604308 Patch Tracker]. Make SURE to click the "Upload and Attach a File" checkbox!

Official way:
# Create a DocBook XML file like the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/basic/tutorial-basic.xml?view=markup Basic Tutorial DocBook]
# Follow directions in the tutorial directory [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/README?view=markup README] for formatting and handling of embedded non-SVG images
# Create a subdirectory in the [http://svn.sourceforge.net/viewvc/inkscape/doc-docbook/trunk/ doc-docbook] module and place the new tutorial docbook file there
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
# Announce the availability of the new tutorial

== Tutorial Ideas ==
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.

=== Completed Tutorials ===

* [http://home.programmer-art.org/?page=inkscape Daniel Taylor's Web-Based Inkscape Tutorials] - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current [[DefaultTutorial]].
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]
* [[ElementsPrinciplesOfDesign]] (rejon)
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]

=== Tutorials in development ===

* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek
* Daniel Pope's Clownfish Tutorial - [http://www.mauveweb.co.uk/misc/tutorials/clownfish.svg Part 1] [http://www.mauveweb.co.uk/misc/tutorials/clownfish2.svg Part 2] - drop me an email at mauve@mauveweb.co.uk to suggest changes.
* A very small sheet with instructions for doing [http://www.gimpforum.de/album/file.php?n=4323&w=o isometric transformations] - if anyone has comments or wants to have a look at the original svg, contact me at daniel dot hornung <at> gmx dot de (this is useful for e.g. icon work, see [http://fedoraproject.org/wiki/Artwork/BluecurveIconGuidelines Bluecurve Icon Guidelines])
* [http://www.coofercat.com/wiki/InkScape Coofer Cat's Inkscape Page] - Some miscellaneous meanderings with Inkscape. There are a few hints and tips that might be of use to the less experienced Inkscape user. There are also a few random bits of clipart too.

=== Planned Tutorials ===

* [[UsingTheCloneTiler]] - Clones

* Text and Typography

* Clippath/Mask/Pattern

* Effects

* SVG Filters

* XML Editor

=== Tutorial Scratchpad ===

* How to create an icon
* How to build a presentation using Inkview.
* How to build complex shapes using boolean operations.
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.
* etc

A tutorial in progress of writing by John Griessen

This writing is a journal of how a project to recreate a business card originally
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is
much from memory and not to be taken as the last word, but a guide as to how the programs compare.

Attached is a png of the printed business card:

It originally was a collection of paths filled with colors and text objects with grouping to
make replicating some objects easy.

The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .

The logo main element is a pseudo sine wave, and I made it before with grid snap and stretching and replicating, so now I set my units to mm and grid spacing and snap to 1 and remember how it would be nice to have major and minor grids instead of just one, so I want to create some vertical guides evenly spaced and cannot remember and start looking in docs. In Illustrator 7, clicking on the ruler bar created a guide if I recall... Once created, it could be moved with grid snap like any object, so getting it on grid or off was easy. As I read around, I find the usage of guides in "Keys and Mouse" "drag off a ruler" is the way... and a guide is on the page, and I can't snap it to easily make the accurate secondary grid I had wanted....Is there a way to? I try duplicate on the guide, but alas, it is not a regular object... it cannot be selected as they are...so I cannot replicate guides to make other grids after all... note for the beginner, to get bezier curves out of the line/bezier tool, you must click-drag. A click-only will give you only connected straight line segments. I'll have to use lines as guides,
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png

[[Category:Help Wanted]]

=== Other SVG Tutorials ===

* http://www.codeproject.com/books/learnsvgchapter07.asp

File:Inkscape fonts.png

2007-03-02T18:33:51Z

Jingshaochen: A thumbnail of Kiddy Font in Inkscape. See http://inkscape.teekoo.com

A thumbnail of Kiddy Font in Inkscape. See http://inkscape.teekoo.com