Difference between revisions of "Tutorials and help"
(→en: replace illustration by a link to the list of tutorials on my site) |
(Removed most of those links with cool thumbnails that were actually dead) |
||
(119 intermediate revisions by 47 users not shown) | |||
Line 1: | Line 1: | ||
{{Other languages|en=Tutorials and help}} | |||
== Tutorial targets for future releases == | |||
[[TutorialUpdates-0.46|Inkscape 0.46 development cycle]] | |||
== Unofficial tutorials == | == Unofficial tutorials == | ||
=== | {| 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;" | | |||
* [http:// | [[Image:Icons in Inkscape.png]] | ||
* [http:// | |||
* [http:// | '''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. | |||
|- | |||
| style="width: 33%; background: #f3f3f3;" | | |||
[[Image:Inkscape overview tut thumb.png]] | |||
'''Name:''' [http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html Inkscape interface tutorial]<br/> | |||
'''Overview:''' Describes the Inkscape user interface in detail and explains how they can be used for creating cartoonish art. | |||
| style="width: 33%; background: #f3f3f3;" | | |||
[[Image:3d-beveltext-thumb.png]] | |||
'''Name:''' [http://www.ryanlerch.org/blog/24/ 3D-like text effect in Inkscape]<br/> | |||
'''Overview:''' Demonstrates a technique to create text with a beveled edge effect. | |||
| 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. | |||
|- | |||
| style="width: 33%; background: #f3f3f3;" | | |||
[[Image:Coloring B&W_images.png|100px]] | |||
'''Name:''' [http://fiestoforo.blogspot.com/2007/11/tutorial-with-inkscape.html Color B&W images]<br/> | |||
'''Overview:''' Learn how to color a black-and-white image using Inkscape's ''Trace Bitmap...'' feature. | |||
|} | |||
=== English (en) === | |||
* [http://commons.wikimedia.org/wiki/User:Nevit/Brushes-for-inkscape Brushes for Inkscape] (en) by [[User:Nevit|Nevit Dilmen]] | |||
* [http://www.deviantart.com/view/14703295/ Icon Creation], mini-tutorial on DeviantArt, without text | |||
* [http://www.sitepoint.com/article/create-xp-style-icons Create XP-style Icons Using Illustrator or Freehand] (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 (en) | |||
* [http://www.twoheadedpuppy.com/news/?p=400 How to create a gherkin in Inkscape] by Two Headed Puppy (en) | |||
* [[Drawing a Floor Plan]] (en) | |||
* [http://commons.wikimedia.org/wiki/file:Tutorial-cartography_(basic).svg Tutorial-cartography_(basic).svg] — Learn basics of cartography with Inkscape. Download the file, and open in Inkscape. (en) | |||
* [http://libregraphicsworld.org/articles.php?article_id=7 Draw Mac-like Clock in Inkscape] — How to draw Mac like clock in Inkscape. (en) | |||
* [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. (en) | |||
* [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 (en) | |||
* [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 (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) | |||
=== de === | === German (de – Deutsch) === | ||
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.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 | * [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) | |||
=== fr === | === Finnish (fi – Suomi) === | ||
* [http://fi.flossmanuals.net/inkscape/index FLOSS Manualsin suomenkielinen Inkscape-käyttöopas.] (fi) | |||
=== 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://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 | |||
=== it === | === Italian (it – Italiano) === | ||
*[http://inkscape. | *[http://cyberjabba.wordpress.com/2007/04/25/tutorial-inkscape-creare-il-logo-ati-parte-i/ Creare il logo ATI parte 1] (it) | ||
*[http:// | *[http://cyberjabba.wordpress.com/2007/05/17/tutorial-inkscape-creare-il-logo-ati-parte-ii// Creare il logo ATI parte 2] (it) | ||
*[http:// | *[http://cyberjabba.wordpress.com/2007/06/18/tutorial-inkscape-creare-il-logo-ati-parte-iii/ Creare il logo ATI parte 3] (it) | ||
*[http:// | *[http://blog.sviluppoweb.eu/2007/09/26/13/ Guida al web design - Tutorial Inkscape] (it) | ||
*[http:// | *[http://www.2shared.com/document/2eUOoNxZ/Creare_dei_dadi_con_Inkscape.html- Dadi con Inkscape-Utilizzo Griglia assonometrica] (it) | ||
*[http:// | *[http://www.2shared.com/document/r0WqL4bj/Come_creare_una_prospettiva_co.html- Creare una prospettiva con Inkscape-Utilizzo delle linee Guida ] (it) | ||
*[http:// | *[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) | |||
=== | === Portuguese (pt – Português) === | ||
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code= | *[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt) | ||
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code= | *[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) | |||
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code= | *[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt) | ||
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=157&tid=6 Utilização de Imagens SVG em Páginas Web] ( | *[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) | |||
*[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) | |||
*[http://www.allanbrito.com/2007/08/06/tutorial-inkscape-interface/ Introdução a interface do Inkscape] (pt) | |||
=== Serbian (sr – Српски / Srpski)=== | |||
*[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) | |||
=== Turkish (tr – Türkçe)=== | |||
*[http://martinamca.blogspot.com/2010/02/yin-yang-simgesi-yapmak.html Yin yang simgesi yapmak] by martinamca (tr) | |||
*[http://martinamca.blogspot.com/2010/02/inkscape-metin-kutusu-olusturmak.html Internet sayfaları için farklı metin kutuları oluşturmak] by martinamca (tr) | |||
*[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://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) | |||
=== Chinese (zh – 中文) === | |||
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育] (zh) | |||
== 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 == | == Help & helpful articles == | ||
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN | * [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-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://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://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://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de) | ||
Line 60: | 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 | == Creating new tutorials == | ||
Easy way: | Easy way: | ||
# Load up one of the existing tutorials | # Load up one of the existing tutorials | ||
Line 72: | Line 214: | ||
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts | # Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts | ||
# Announce the availability of the new tutorial | # 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 [[Default tutorial]]. | |||
* [[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 === | |||
* 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 === | |||
* http://www.codeproject.com/books/learnsvgchapter07.asp | |||
=== 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.<br>[http://home.austin.rr.com/jgriessen/ill2ink-tut1.png http://home.austin.rr.com/jgriessen/ill2ink-tut1.png] [dead link] | |||
[[Category:Help Wanted]] |
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
Name: Quick Guide to Inkscape |
Name: Icon Creation (Mini-Tutorial) |
Name: Simple Bubble/Orb in Inkscape |
Name: Inkscape interface tutorial |
Name: 3D-like text effect in Inkscape |
Name: Slime To Start! |
Name: Color B&W images |
English (en)
- Brushes for Inkscape (en) by Nevit Dilmen
- Icon Creation, mini-tutorial on DeviantArt, without text
- Create XP-style Icons Using Illustrator or Freehand (en)
- List of tutorials (en)
- Inkscape Adventures by Trapper Zoid (en)
- How to create a gherkin in Inkscape by Two Headed Puppy (en)
- Drawing a Floor Plan (en)
- Tutorial-cartography_(basic).svg — Learn basics of cartography with Inkscape. Download the file, and open in Inkscape. (en)
- Draw Mac-like Clock in Inkscape — How to draw Mac like clock in Inkscape. (en)
- Acrylic Photo in Inkscape — How to create an acrylic-looking picture from a photo using GIMP and Inkscape. (en)
- Drawing Volumetric Objects in Inkscape — How to draw 3D objects with all the right reflections and shadows (en)
- Spiro Swirls — Create flourishes and swirls in Inkscape using the new Spiro option, by Syllie of verysimpledesigns.com (en)
- Video tutorial collection from screencasters.heathenx.org (en)
- Roy Torley's Inkscape Tutorial (en)
German (de – Deutsch)
- Silhouette-tutorial inkscape-forum.de (de)
- Glassbutton-tutorial inkscape-forum.de (de)
- Vektorisieren mit Inkscape shirts.gleichjetzt.de (de)
- Farbverläufe (Video) primfaktor.de (de)
- Sterne und Polygone (Video) primfaktor.de (de)
- Tutorial zu Kartografie mit Inkscape (de)
Finnish (fi – Suomi)
French (fr – Français)
- Comment faire une illustration de A à Z avec inkscape. (fr), same as above
- Liste des didacticiels du blog de Popolon (fr)
Italian (it – Italiano)
- Creare il logo ATI parte 1 (it)
- Creare il logo ATI parte 2 (it)
- Creare il logo ATI parte 3 (it)
- Guida al web design - Tutorial Inkscape (it)
- Dadi con Inkscape-Utilizzo Griglia assonometrica (it)
- Creare una prospettiva con Inkscape-Utilizzo delle linee Guida (it)
- Flourish e Cloni in serie- Utilizzo Cloni (it)
- Videotutorial Inkscape Interfaccia di Inkscape (it)
- Videotutorial Inkscape Riempimento e contorni degli oggetti (it)
- Videotutorial Inkscape Tracciati 1 (it)
- Videotutorial Inkscape Tracciati 2 (it)
- Videotutorial Inkscape Duplicazione e Clonazione (it)
- Videotutorial Inkscape Allineamento e distribuzione (it)
- Videotutorial Inkscape I livelli (it)
- Videotutorial Inkscape Il testo 1 (it)
- Videotutorial Inkscape Il testo 2 (it)
- Videotutorial Inkscape Le estensioni 1 (it)
- Videotutorial Inkscape Le estensioni 2 (it)
- Videotutorial Inkscape Le estensioni 3 (it)
- Videotutorial Inkscape Le estensioni 4 (it)
- Videotutorial Inkscape Tre strumenti di creazione dei tracciati (it)
- Tavola filtri Inkscape (it)
Japanese (ja – 日本語)
- Inkscapeの使い方(How To Use Inkscape) (ja)
Polish (pl – Polski)
- Video tutorials / Filmiki szkoleniowe (pl)
- Inkscape in Practice / Inkscape w praktyce on GNU FDL licence / na licencji GNU FDL (pl)
Portuguese (pt – Português)
- Vários Tutoriais da comunidade Inkscape Brasil (pt)
- Material do Curso de Inkscape da Colivre (pt)
- Brilho, Luz e Vida aos logos (pt)
- Criando a logo do Ubuntu (pt)
- Criando Personagens (pt)
- Manual Desenho Vectorial do Inkscape (pt)
- Manual do inkscape 0.40 (pt)
- Utilização de Imagens SVG em Páginas Web (pt)
- Introdução a interface do Inkscape (pt)
Serbian (sr – Српски / Srpski)
- Open Design Group (sr)
- CMYK i Linux (sr)
- DTP i boje (sr)
- Čestitka (sr)
- Brojevi (sr)
- Inkscape - crtanje (ljubičasti medved) (sr)
- Palete boja - GIMP i Inkscape (sr)
- Pattern (sr)
- Vizitkarta (sr)
- Inkscape - Color Management System (sr)
- Putanje i tekst (sr)
- Inkscape - Wallpaper (sr)
- Touch Selection (sr)
- Pseudo grb (sr)
- Crtanje (ružičasti miš) (sr)
- Crtanje (plava ptica) (sr)
- Crtanje (zeleni pas) (sr)
- Stilizacija teksta (okvirne linije) (sr)
- Prečice iz Ilustratora (sr)
- Stilizacija teksta (polomljeno) (sr)
- Glossy icons (sr)
- Nalepnice (sr)
- Stilizacija teksta (svetlost i senka) (sr)
- Halftones (sr)
- Promena teme (sr)
Turkish (tr – Türkçe)
- Yin yang simgesi yapmak by martinamca (tr)
- Internet sayfaları için farklı metin kutuları oluşturmak by martinamca (tr)
- Başlangıç ve düğümler ile ilgili bir eğitici by martinamca (tr)
- Gölgelendirilmiş şekiller oluşturmak by martinamca (tr)
- Metinleri çerçeveye koymak by martinamca (tr)
- Inkscape'te maskeleme nasıl yapılır? by martinamca (tr)
- Metinleri güzelleştirmek by martinamca (tr)
- Almanya Bayrağı çizmek by martinamca (tr)
- Dama tahtası çizmek by martinamca (tr)
- Aradeğerleme efektini kullanmak by martinamca (tr)
- Nokta ve virgül kısayol tuşları by martinamca (tr)
Chinese (zh – 中文)
- 一些中文Inkscape教育 (zh)
Outside tutorials and tips
Spotcolors!Tutorial to create spotcolor separations using Inkscape- Make business cards easily with Inkscape short tutorial and 85×54mm SVGz templates provided more Inkscape tutorials are available
- A Guide to Inkscape by Tavmjong Bah
- Stopped Clock Blog Has some good Flash tutorials & other Inkscape writings
- Icons in Inkscape - mini-tut by Daj
- Tutorial: A Simple Approach to Drawing Complex Characters With Inkscape
- Unofficial Inkscape Documentation a great work-in-progress by Kevin Charles
- Some Inkscape Know-How, a beginner's guide to creating complex shapes and flowing text into them
- Text following a circle's curve
- Making Icons With Inkscape A beginner's guide to creating nice icons in Inkscape by Ben Powers.
- Using Free Software to Do Inexpensive Digital Paste-Up A guide to using The GIMP and Inkscape to paste up pages for minicomics.
- 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
- Inkscape User manual (en, fr) or get from user_manual branch of SVN
- Inkscape Vector Graphics pdf, by Peter Kreussel (en)
- Inkscape Vector Graphics, by Peter Kreußel (de), same as above
- How to draw an arrow or line with marker with Inkscape 0.45 (en)
- art-weblog with inkscape-category (en)
- Andy's weblog with inkscape-category (de)
- Popolongraphical Blog (fr, en)
- Cours Inkscape, by Cédric GEMY (pygmee) (fr)
- Flashvideo about drawing with the pen-tool and Bezier curves (en)
- Flashvideo about creating gradients (en)
- some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files (en)
- Portugese Inscape Manual zipped svg (0.40)] (pt)
- Inkscape: Vector Graphics For Linux Rob, Reilly (en)
- Bezier Curves And The Different Kinds Of Anchor Points (en)
- article about inkscape, Bruce Byfield (en)
- 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 Patch Tracker. Make SURE to click the "Upload and Attach a File" checkbox!
Official way:
- Create a DocBook XML file like the Basic Tutorial DocBook
- Follow directions in the tutorial directory README for formatting and handling of embedded non-SVG images
- Create a subdirectory in the 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
- Daniel Taylor's Web-Based Inkscape Tutorials - Hopefully he will make SVG tutorials that we can inlude with Inkscape, like our current Default tutorial.
- ElementsPrinciplesOfDesign (rejon)
- Easter Egg Tutorial
Tutorials in development
- How to create meteorological charts with Inkscape — Tutorial by Reinhard Stepanek
- Daniel Pope's Clownfish Tutorial — Part 1 Part 2 - drop me an email at my reCAPTCHA™ Mailhide email address to suggest changes.
- A very small sheet with instructions for doing isometric transformations — if anyone has comments or wants to have a look at the original svg, contact me at my reCAPTCHA Mailhide email address (this is useful for, e.g., icon work, see Bluecurve Icon Guidelines)
- 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
- 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]