Difference between revisions of "Tutorials and help"

From Inkscape Wiki
Jump to navigation Jump to search
(Removed most of those links with cool thumbnails that were actually dead)
 
(48 intermediate revisions by 18 users not shown)
Line 1: Line 1:
==Tutorial targets for future releases==
{{Other languages|en=Tutorials and help}}
[http://wiki.inkscape.org/wiki/index.php/TutorialUpdates-0.46 0.46 dev cycle]
 
== Tutorial targets for future releases ==
 
[[TutorialUpdates-0.46|Inkscape 0.46 development cycle]]


== Unofficial tutorials ==
== Unofficial tutorials ==


{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"
{| cellpadding="5" style="width: 100%; border-spacing: 2px; text-align: center;"
| style="width: 33%; background: #f3f3f3;" |
[[Image:Quickguide.png]]
 
'''Name:''' [http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape]<br/>
'''Overview:''' A concise quick guide for getting started with Inkscape.
 
| style="width: 33%; background: #f3f3f3;" |
[[Image:Icons in Inkscape.png]]
 
'''Name:''' [http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)]<br/>
'''Overview:''' A short tutorial demonstrates the design process in creating an SVG icon in Inkscape. The finished product of this tutorial can be found in the [https://openclipart.org Open Clip Art Library].
 
| style="width: 33%; background: #f3f3f3;" |
[[Image:Orb-tutorial-thumb.png]]
 
'''Name:''' [http://www.ryanlerch.org/blog/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in Inkscape]<br/>
'''Overview:''' Demonstrates the use of the blur filter and clipping to create a simple bubble or orb.
 
|-
|-
| width=33% style="border: white 2px solid;"|  
| style="width: 33%; background: #f3f3f3;" |
[[Image:Quickguide.png]] <br/>
[[Image:Inkscape overview tut thumb.png]]
<strong>Name: </strong>[http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape]<br/>
 
<strong>Overview: </strong> This is a great concise quick guide for getting started with Inkscape.
'''Name:''' [http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html Inkscape interface tutorial]<br/>
| width=33% style="border: white 2px solid;"|
'''Overview:''' Describes the Inkscape user interface in detail and explains how they can be used for creating cartoonish art.  
[[Image:Icons_in_Inkscape.png]]<br/>
 
<strong>Name: </strong>[http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] <br/>
| style="width: 33%; background: #f3f3f3;" |  
<strong>Overview: </strong> 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 ]
[[Image:3d-beveltext-thumb.png]]
| width=33% style="border: white 2px solid;"|
 
[[Image:Orb-tutorial-thumb.png]]<br/>
'''Name:''' [http://www.ryanlerch.org/blog/24/ 3D-like text effect in Inkscape]<br/>
<strong>Name: </strong>[http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] <br/>
'''Overview:''' Demonstrates a technique to create text with a beveled edge effect.
<strong>Overview: </strong> A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb.  
 
| style="width: 33%; background: #f3f3f3;" |  
[[Image:Slime tutorial thumnail.png]]
 
'''Name:''' [http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html Slime To Start!]<br/>
'''Overview:''' Shows how to draw a simple cartoonish slime creature using Inkscape and provides great detail on the thought and development process that is used for basic character development.
 
|-
|-
| width=33% style="border: white 2px solid;"|
| style="width: 33%; background: #f3f3f3;" |
[[Image:Inkscape overview tut thumb.png]]<br/>
[[Image:Coloring B&W_images.png|100px]]
<strong>Name: </strong>[http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] <br/>
 
<strong>Overview: </strong> A detailed tutorial that describes the Inkscape user interface in detail and explains how they can be used for creating cartoony art.
'''Name:''' [http://fiestoforo.blogspot.com/2007/11/tutorial-with-inkscape.html Color B&W images]<br/>
| width=33% style="border: white 2px solid;"|
'''Overview:''' Learn how to color a black-and-white image using Inkscape's ''Trace Bitmap...'' feature.
[[Image:3d-beveltext-thumb.png]]<br/>
|}
<strong>Name: </strong>[http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in Inkscape] <br/>
 
<strong>Overview: </strong> A tutorial that demonstrates a technique to create text with a beveled edge effect.
=== English (en) ===
| width=33% style="border: white 2px solid;"|
[[Image:Slime_tutorial_thumnail.png]]<br/>
<strong>Name: </strong>[http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] <br/>
<strong>Overview: </strong> 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]]<br/>
<strong>Name: </strong>[http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] <br/>
<strong>Overview: </strong> 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]]<br/>
<strong>Name: </strong>[http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] <br/>
<strong>Overview: </strong> 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]]<br/>
<strong>Name: </strong>[http://www.wisetome.com/splat/2007/02/01/11-step-tutorial-to-create-eyeball-vector-art 11 Step Tutorial To Create Eyeball Vector Art] <br/>
<strong>Overview: </strong> A tutorial that shows the process to create an eyeball in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:Ball_tut_thumbnail.png]]<br/>
<strong>Name: </strong>[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] <br/>
<strong>Overview: </strong> 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]]<br/>
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=kid Kiddy Font and Tigger Font Tutorial] <br/>
<strong>Overview: </strong> 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]]<br/>
<strong>Name: </strong>[http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] <br/>
<strong>Overview: </strong> a tutorial on how to create accurate line graphs in Inkscape.
|-
| width=33% style="border: white 2px solid;"|
[[Image:spring.png]]<br/>
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=spring It is spring time] <br/>
<strong>Overview: </strong> 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]] <br/>
<strong>Name: </strong>[http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial]<br/>
<strong>Overview: </strong> 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]]<br/>
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=box 3D Box] <br/>
<strong>Overview: </strong> How to make perspective 3D boxes.
|-
| width=33% style="border: white 2px solid;"|
[[Image:tc_bar.png]]<br/>
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=bar How far can a bar go?] <br/>
<strong>Overview: </strong> 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]] <br/>
<strong>Name: </strong>[http://fiestoforo.blogspot.com/2007/11/tutorial-with-inkscape.html Color B&W images]<br/>
<strong>Overview: </strong> 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]] <br/>
<strong>Name:
</strong>[http://troy-sobotka.blogspot.com/2007/11/inkscape-tutorial-1-chrome-effect.html Dynamic Chrome Effect]<br/>
<strong>Overview: </strong> A twelve step tutorial on creating a dynamic chrome effect with explanations.
|-}


=== English ===
* [http://commons.wikimedia.org/wiki/User:Nevit/Brushes-for-inkscape Brushes for Inkscape] (en) by [[User:Nevit|Nevit Dilmen]]
* <strike>[http://70.24.158.31:8080/inktut.php Making Icons]</strike> currently down (2008-06-22) (en)
* [http://www.deviantart.com/view/14703295/ Icon Creation], mini-tutorial on DeviantArt, without text
* <strike>http://programmer-art.org/inkscape</strike> currently down (2008-06-22); video-tutorials planned. (en)
* [http://www.sitepoint.com/article/create-xp-style-icons Create XP-style Icons Using Illustrator or Freehand] (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://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid (en)
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.
* [http://www.twoheadedpuppy.com/news/?p=400 How to create a gherkin in Inkscape] by Two Headed Puppy (en)
* [http://inkscape.teekoo.com/ Inkscape in Six Steps] by Jingshao Chen
* [[Drawing a Floor Plan]] (en)
* [http://choupil.blogspot.com/ Inkscape isometrics and tutorials] by Choupil
* [http://commons.wikimedia.org/wiki/file:Tutorial-cartography_(basic).svg Tutorial-cartography_(basic).svg]&nbsp;— Learn basics of cartography with Inkscape. Download the file, and open in Inkscape. (en)
* [http://www.twoheadedpuppy.com/news/?p=400 How to create a gherkin in Inkscape] by Two Headed Puppy
* [http://libregraphicsworld.org/articles.php?article_id=7 Draw Mac-like Clock in Inkscape]&nbsp;— How to draw Mac like clock in Inkscape. (en)
* [[Drawing a Floor Plan]]
* [http://libregraphicsworld.org/articles.php?article_id=8 Acrylic Photo in Inkscape]&nbsp;— How to create an acrylic-looking picture from a photo using GIMP and Inkscape. (en)
* [http://libregraphicsworld.org/articles.php?article_id=12 Drawing Volumetric Objects in Inkscape]&nbsp;— How to draw 3D objects with all the right reflections and shadows (en)
* [http://verysimpledesigns.com/vectors/inkscape-tutorial-spiro-swirls.html Spiro Swirls]&nbsp;— Create flourishes and swirls in Inkscape using the new Spiro option, by Syllie of verysimpledesigns.com (en)
* [http://screencasters.heathenx.org/ Video tutorial collection from screencasters.heathenx.org] (en)
* [https://roy-torley.github.io/Inkscape_Tutorial/Inkscape_Tutorial_Contents.html Roy Torley's Inkscape Tutorial] (en)


* [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.
=== German (de – Deutsch) ===
* [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)
* [http://www.openplanningtools.org/Inkscape Tutorial zu Kartografie mit Inkscape] (de)


=== de ===
=== Finnish (fi – Suomi) ===
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)
* [http://fi.flossmanuals.net/inkscape/index FLOSS Manualsin suomenkielinen Inkscape-käyttöopas.] (fi)
* [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)


=== fr ===
=== French (fr – Français) ===
* [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://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://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 ===
=== Italian (it – Italiano) ===
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)
*[http://cyberjabba.wordpress.com/2007/04/25/tutorial-inkscape-creare-il-logo-ati-parte-i/ Creare il logo ATI parte 1] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)
*[http://cyberjabba.wordpress.com/2007/05/17/tutorial-inkscape-creare-il-logo-ati-parte-ii// Creare il logo ATI parte 2] (it)
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)
*[http://cyberjabba.wordpress.com/2007/06/18/tutorial-inkscape-creare-il-logo-ati-parte-iii/ Creare il logo ATI parte 3] (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)
*[http://blog.sviluppoweb.eu/2007/09/26/13/ Guida al web design - Tutorial Inkscape] (it)
*[http://www.2shared.com/document/2eUOoNxZ/Creare_dei_dadi_con_Inkscape.html- Dadi con Inkscape-Utilizzo Griglia assonometrica] (it)
*[http://www.2shared.com/document/r0WqL4bj/Come_creare_una_prospettiva_co.html- Creare una prospettiva con Inkscape-Utilizzo delle linee Guida ] (it)
*[http://www.2shared.com/document/gTTk90op/Mandala_con_flourish_e_cloni_i.html Flourish e Cloni in serie- Utilizzo Cloni ] (it)
*[http://vimeo.com/26805704 Videotutorial Inkscape Interfaccia di Inkscape ] (it)
*[http://vimeo.com/26822301 Videotutorial Inkscape Riempimento e contorni degli oggetti ] (it)
*[http://vimeo.com/26822677 Videotutorial Inkscape Tracciati 1 ] (it)
*[http://vimeo.com/26822867 Videotutorial Inkscape Tracciati 2 ] (it)
*[http://vimeo.com/26823024 Videotutorial Inkscape Duplicazione e Clonazione] (it)
*[http://vimeo.com/26823224 Videotutorial Inkscape Allineamento e distribuzione] (it)
*[http://vimeo.com/26840230 Videotutorial Inkscape I livelli] (it)
*[http://vimeo.com/26856406 Videotutorial Inkscape Il testo 1] (it)
*[http://vimeo.com/26856571 Videotutorial Inkscape Il testo 2] (it)
*[http://vimeo.com/26856774 Videotutorial Inkscape Le estensioni 1 ] (it)
*[http://vimeo.com/26857127 Videotutorial Inkscape Le estensioni 2 ] (it)
*[http://vimeo.com/26865785 Videotutorial Inkscape Le estensioni 3 ] (it)
*[http://vimeo.com/33724178 Videotutorial Inkscape Le estensioni 4 ] (it)
*[http://vimeo.com/33796813 Videotutorial Inkscape Tre strumenti di creazione dei tracciati ] (it)
*[http://blinkimp.org/wp-content/uploads/2011/08/filtri.png Tavola filtri Inkscape] (it)


=== pl ===
=== Japanese (ja – 日本語) ===
*[http://o-server.main.jp/inkscape/ Inkscapeの使い方](How To Use Inkscape) (ja)
 
=== Polish (pl – Polski) ===
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (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)
*[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 ===
=== Portuguese (pt – Português) ===
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt_BR)
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt)
*[http://www.colivre.coop.br/CursoInkscape Material do Curso de Inkscape da Colivre] (pt_BR)
*[http://www.colivre.coop.br/CursoInkscape Material do Curso de Inkscape da Colivre] (pt)
*[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.imasters.com.br/artigo/3500/livre/inkscape_brilho_luz_e_vida_aos_logos Brilho, Luz e Vida aos logos] (pt)
*[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=172&tid=6 Criando a logo do Ubuntu] (pt)
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt_BR)
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt)
*[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=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt)
*[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=158&tid=6 Manual do inkscape 0.40] (pt)
*[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.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] (pt)
*[http://www.allanbrito.com/2007/08/06/tutorial-inkscape-interface/ Introdução a interface do Inkscape] (pt_BR)
*[http://www.allanbrito.com/2007/08/06/tutorial-inkscape-interface/ Introdução a interface do Inkscape] (pt)


=== zh_CN ===
=== Serbian (sr – Српски / Srpski)===
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]
*[http://opendesigngroup.blogspot.com/search/label/Inkscape Open Design Group] (sr)
*[http://opendesigngroup.blogspot.com/2011/05/cmyk-i-linux.html CMYK i Linux] (sr)
*[http://opendesigngroup.blogspot.com/2011/03/dtp-i-boje.html DTP i boje] (sr)
*[http://opendesigngroup.blogspot.com/2010/12/inkscape-inkscape-cestitka.html Čestitka] (sr)
*[http://opendesigngroup.blogspot.com/2010/10/inkscape-inkscape-brojevi.html Brojevi] (sr)
*[http://opendesigngroup.blogspot.com/2010/09/inkscape-crtanje-ljubicasti-medved.html Inkscape - crtanje (ljubičasti medved)] (sr)
*[http://opendesigngroup.blogspot.com/2010/04/palete-boja-gimp-i-inkscape.html Palete boja - GIMP i Inkscape] (sr)
*[http://opendesigngroup.blogspot.com/2010/03/inkscape-pattern.html Pattern] (sr)
*[http://opendesigngroup.blogspot.com/2009/12/inkscape-vizitkarta.html Vizitkarta] (sr)
*[http://opendesigngroup.blogspot.com/2009/12/inkscape-color-management-system.html Inkscape - Color Management System] (sr)
*[http://opendesigngroup.blogspot.com/2009/12/inkscape-putanje-i-tekst.html Putanje i tekst] (sr)
*[http://opendesigngroup.blogspot.com/2009/12/inkscape-wallpaper.html Inkscape - Wallpaper] (sr)
*[http://opendesigngroup.blogspot.com/2009/11/inkscape-touch-selection.html Touch Selection] (sr)
*[http://opendesigngroup.blogspot.com/2009/11/inkscape-pseudo-grb.html Pseudo grb] (sr)
*[http://opendesigngroup.blogspot.com/2009/11/inkscape-crtanje-ruzicasti-mis.html Crtanje (ružičasti miš)] (sr)
*[http://opendesigngroup.blogspot.com/2009/11/inkscape-crtanje-plava-ptica.html Crtanje (plava ptica)] (sr)
*[http://opendesigngroup.blogspot.com/2009/11/inkscape-crtanje-zeleni-pas.html Crtanje (zeleni pas)] (sr)
*[http://opendesigngroup.blogspot.com/2009/10/inkscape-stilizacija-teksta-okvirne.html Stilizacija teksta (okvirne linije)] (sr)
*[http://opendesigngroup.blogspot.com/2009/10/inkscape-precice-iz-ilustratora.html Prečice iz Ilustratora] (sr)
*[http://opendesigngroup.blogspot.com/2009/10/inkscape-stilizacija-teksta-polomljeno.html Stilizacija teksta (polomljeno)] (sr)
*[http://opendesigngroup.blogspot.com/2009/10/inkscape-glossy-icons.html Glossy icons] (sr)
*[http://opendesigngroup.blogspot.com/2009/10/inkscape-nalepnice.html Nalepnice] (sr)
*[http://opendesigngroup.blogspot.com/2009/10/inkscape-stilizacija-teksta-svetlost-i.html Stilizacija teksta (svetlost i senka)] (sr)
*[http://opendesigngroup.blogspot.com/2009/10/inkscape-live-halftones.html Halftones] (sr)
*[http://opendesigngroup.blogspot.com/2009/10/inkscape-promena-teme.html Promena teme] (sr)


=== Screen casts ===
=== Turkish (tr – Türkçe)===
* [http://www.hardon.co.il/alma/ Drawing a simple woman face] (video)
*[http://martinamca.blogspot.com/2010/02/yin-yang-simgesi-yapmak.html Yin yang simgesi yapmak] by martinamca (tr)
* [http://www.primfaktor.de/index.php?section=tutorials Farbverläufe (Video)] (de)
*[http://martinamca.blogspot.com/2010/02/inkscape-metin-kutusu-olusturmak.html Internet sayfaları için farklı metin kutuları oluşturmak] by martinamca (tr)
* [http://www.primfaktor.de/index.php?section=tutorials Sterne und Polygone (Video)] (de)
*[http://martinamca.blogspot.com/2010/02/inkscape-baslangc-ve-dugumler.html Başlangıç ve düğümler ile ilgili bir eğitici] by martinamca (tr)
* [http://screencasters.heathenx.org/ A collection of Inkscape video tutorials from screencasters.heathenx.org] (en)
*[http://martinamca.blogspot.com/2010/02/golgelendirilmis-sekiller-olusturmak.html Gölgelendirilmiş şekiller oluşturmak] by martinamca (tr)
*[http://martinamca.blogspot.com/2009/06/metinleri-bir-cerceveye-koymak.html Metinleri çerçeveye koymak] by martinamca (tr)
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-yenmis-yaprak-yapm.html Inkscape'te maskeleme nasıl yapılır?] by martinamca (tr)
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-metinler.html Metinleri güzelleştirmek] by martinamca (tr)
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-alman-bayrag-yapm.html Almanya Bayrağı çizmek] by martinamca (tr)
*[http://martinamca.blogspot.com/2009/06/inkscape-ile-dama-tahta-deseni.html Dama tahtası çizmek] by martinamca (tr)
*[http://martinamca.blogspot.com/2009/06/inkscapete-aradegerleme-efekti.html Aradeğerleme efektini kullanmak] by martinamca (tr)
*[http://martinamca.blogspot.com/2010/03/nokta-ve-virgul-ksayol-tuslar.html Nokta ve virgül kısayol tuşları] by martinamca (tr)


=== Japanese 日本語 ===
=== Chinese (zh – 中文) ===
*[http://o-server.main.jp/inkscape/ Inkscapeの使い方](How To Use Inkscape) (japanese)
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育] (zh)


=== Serbian ===
== Outside tutorials and tips ==
 
*[http://my.opera.com/Lazich/blog Lazich's Opera] (Srb)
 
*[http://my.opera.com/Lazich/blog/2009/12/23/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/2009/11/15/inkscape-crtanje-ruzicasti-mis  How to draw a pink mause] (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)
 
== Outside Tutorials and Tips ==
* <strike> [http://collou.f2o.org/inkspot/ Spotcolors!] </strike> Tutorial to create spotcolor separations using Inkscape
* <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://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
Line 211: Line 202:
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)


== Creating New Tutorials ==
== Creating new tutorials ==
Easy way:   
Easy way:   
# Load up one of the existing tutorials
# Load up one of the existing tutorials
Line 224: Line 215:
# Announce the availability of the new tutorial
# Announce the availability of the new tutorial


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


 
=== Completed tutorials ===
=== 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 [[Default tutorial]].
 
* [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)
* [[ElementsPrinciplesOfDesign]] (rejon)
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]


=== Tutorials in development ===
=== Tutorials in development ===
* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape]&nbsp;— Tutorial by Reinhard Stepanek
* Daniel Pope's Clownfish Tutorial&nbsp;— [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&trade; 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]&nbsp;— 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]&nbsp;— 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.


* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek
=== Planned tutorials ===
* 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.
* Using the Clone Tiler&nbsp;— Clones
* 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
* Text and Typography
* Clippath/Mask/Pattern
* Clippath/Mask/Pattern
* Effects
* Effects
* SVG Filters
* SVG Filters
* XML Editor
* XML Editor


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


A tutorial in progress of writing by John Griessen
=== Other SVG Tutorials ===
* http://www.codeproject.com/books/learnsvgchapter07.asp


This writing is a journal of how a project to recreate a business card originally  
=== A tutorial in progress of writing by John Griessen ===
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is  
This writing is a journal of 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.
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 image of the printed business card:


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. 


It originally was a collection of paths filled with colors and text objects with grouping to
The shell command  '$inkscape --version' tells us this is Inkscape 0.39cvs (July 2, 2004)
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 Adobe 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.<br>[http://home.austin.rr.com/jgriessen/ill2ink-tut1.png http://home.austin.rr.com/jgriessen/ill2ink-tut1.png] [dead link]


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]]
[[Category:Help Wanted]]
=== Other SVG Tutorials ===
* http://www.codeproject.com/books/learnsvgchapter07.asp

Latest revision as of 07:19, 2 August 2016

Other languages: العربية Català Česky Deutsch English Español Français Italiano 日本語 한국어 Polski Português Português do Brasil Русский Slovenčina 中文

Tutorial targets for future releases

Inkscape 0.46 development cycle

Unofficial tutorials

Quickguide.png

Name: Quick Guide to Inkscape
Overview: A concise quick guide for getting started with Inkscape.

Icons in Inkscape.png

Name: Icon Creation (Mini-Tutorial)
Overview: A short tutorial demonstrates the design process in creating an SVG icon in Inkscape. The finished product of this tutorial can be found in the Open Clip Art Library.

Orb-tutorial-thumb.png

Name: Simple Bubble/Orb in Inkscape
Overview: Demonstrates the use of the blur filter and clipping to create a simple bubble or orb.

Inkscape overview tut thumb.png

Name: Inkscape interface tutorial
Overview: Describes the Inkscape user interface in detail and explains how they can be used for creating cartoonish art.

3d-beveltext-thumb.png

Name: 3D-like text effect in Inkscape
Overview: Demonstrates a technique to create text with a beveled edge effect.

Slime tutorial thumnail.png

Name: Slime To Start!
Overview: Shows how to draw a simple cartoonish slime creature using Inkscape and provides great detail on the thought and development process that is used for basic character development.

Coloring B&W images.png

Name: Color B&W images
Overview: Learn how to color a black-and-white image using Inkscape's Trace Bitmap... feature.

English (en)

German (de – Deutsch)

Finnish (fi – Suomi)

French (fr – Français)

Italian (it – Italiano)

Japanese (ja – 日本語)

Polish (pl – Polski)

Portuguese (pt – Português)

Serbian (sr – Српски / Srpski)

Turkish (tr – Türkçe)

Chinese (zh – 中文)

Outside tutorials and tips

Help & helpful articles

Creating new tutorials

Easy way:

  1. Load up one of the existing tutorials
  2. Replace its text and images with your own
  3. Upload it to the Patch Tracker. Make SURE to click the "Upload and Attach a File" checkbox!

Official way:

  1. Create a DocBook XML file like the Basic Tutorial DocBook
  2. Follow directions in the tutorial directory README for formatting and handling of embedded non-SVG images
  3. Create a subdirectory in the doc-docbook module and place the new tutorial docbook file there
  4. Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts
  5. 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

Tutorials in development

Planned tutorials

  • Using the Clone Tiler — 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.

Other SVG Tutorials

A tutorial in progress of writing by John Griessen

This writing is a journal of 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 image 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 (July 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 Adobe 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 [dead link]