https://wiki.inkscape.org/wiki/api.php?action=feedcontributions&user=Ahardon&feedformat=atomInkscape Wiki - User contributions [en]2024-03-29T15:21:20ZUser contributionsMediaWiki 1.36.1https://wiki.inkscape.org/wiki/index.php?title=Tutorials_and_help&diff=16261Tutorials and help2007-09-15T00:01:43Z<p>Ahardon: /* Unofficial tutorials */</p>
<hr />
<div>==Tutorial targets for future releases==<br />
[http://wiki.inkscape.org/wiki/index.php/TutorialUpdates-0.46 0.46 dev cycle]<br />
<br />
== Unofficial tutorials ==<br />
<br />
{| class="wikitable" cellspacing="0" cellpadding="5" width=100% style="text-align:center; background-color:#f3f3f3;"<br />
|-<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Quickguide.png]] <br/><br />
<strong>Name: </strong>[http://www.deviantart.com/deviation/53832833/ Quick Guide to Inkscape]<br/><br />
<strong>Overview: </strong> This is a great consise quick guide for getting started with inkscape.<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Icons_in_Inkscape.png]]<br/><br />
<strong>Name: </strong>[http://www.deviantart.com/view/14703295/ Icon Creation (Mini-Tutorial)] <br/><br />
<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 ] <br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Orb-tutorial-thumb.png]]<br/><br />
<strong>Name: </strong>[http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/ Simple Bubble/Orb in inkscape] <br/><br />
<strong>Overview: </strong> A tutorial that demonstrates the use of the blur filter and clipping to create a simple bubble or orb. <br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Inkscape overview tut thumb.png]]<br/><br />
<strong>Name: </strong>[http://members.gamedev.net/trapperzoid/ia/inkscape_introduction.html inkscape interface tutorial] <br/><br />
<strong>Overview: </strong> A detailed tutorial that descibes the inkscape user interface in detail and explains how they can be used for creating cartoony art. <br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:3d-beveltext-thumb.png]]<br/><br />
<strong>Name: </strong>[http://ryanler.wordpress.com/2007/02/06/24/ 3d like text effect in inkscape] <br/><br />
<strong>Overview: </strong> A tutorial that demonstrates a technique to create text with a bevelled edge effect.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Slime_tutorial_thumnail.png]]<br/><br />
<strong>Name: </strong>[http://members.gamedev.net/trapperzoid/ia/tutorial_slime.html slime to start] <br/><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.<br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Starfish_tutorial_thumb.png]]<br/><br />
<strong>Name: </strong>[http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ a starfish with inkscape] <br/><br />
<strong>Overview: </strong> a simple tutorial that shows how to make a simple starfish in inkscape. great for inkscape "newbies" <br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Starburst_tut_thumb.jpg]]<br/><br />
<strong>Name: </strong>[http://foreach.awardspace.com/random/inkscape-two.html Sun background with inkscape] <br/><br />
<strong>Overview: </strong> A tutorial that demonstrates the technique of creating the "starburst" effect using inkscape.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Eye_tut_thumbnail.png]]<br/><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/><br />
<strong>Overview: </strong> A tutorial that shows the process to create an eyeball in inkscape.<br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Ball_tut_thumbnail.png]]<br/><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/><br />
<strong>Overview: </strong> a tutorial that shows you how to create a shiny little ball using inkscape.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:inkscape_fonts.png]]<br/><br />
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=kid Kiddy Font and Tigger Font Tutorial] <br/><br />
<strong>Overview: </strong> a tutorial on how to create interesting font effects with the help of Inkscape.<br />
| width=33% style="border: white 2px solid;"| <br />
[[Image:Graph-tut-thumbnail.png]]<br/><br />
<strong>Name: </strong>[http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/ Graphs in Inkscape] <br/><br />
<strong>Overview: </strong> a tutorial on how to create accurate line graphs in Inkscape.<br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:spring.png]]<br/><br />
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=spring It is spring time] <br/><br />
<strong>Overview: </strong> a simple tutorial that shows how to make use of <br />
"tiled clone" with tracing. <br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:Furboa_head.png]] <br/><br />
<strong>Name: </strong>[http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial]<br/><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.<br />
|width=33% style="border: white 2px solid;"|<br />
[[Image:Box.png]]<br/><br />
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=box 3D Box] <br/><br />
<strong>Overview: </strong> How to make perspective 3D boxes. <br />
|-<br />
| width=33% style="border: white 2px solid;"|<br />
[[Image:tc_bar.png]]<br/><br />
<strong>Name: </strong>[http://inkscape.teekoo.com/index.php?select=bar How far can a bar go?] <br/><br />
<strong>Overview: </strong> a tile clone tutorial that shows how to make use of <br />
Rotation, Shift, and Color. <br />
|}<br />
<br />
=== English ===<br />
* [http://70.24.158.31:8080/inktut.php Making Icons] (en)<br />
* http://programmer-art.org/inkscape currently down video-tutorials planned. (en)<br />
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Furboa-Tutorial] (en)<br />
* [http://www.deviantart.com/view/14703295/ Icon Creation], devianart.com-mini-Tutorial, without text<br />
* [http://www.artcamilla.dk/vaultage/articles/the6502s/articles-gimp/cartoon-effects-1/article.html Cartoon Effekt]] Inkscape and Gimp (en)<br />
* [http://linuxcult.com/?m=show&id=272 Glossy Triangle (sodipodi)]<br />
* [http://www.sitepoint.com/article/create-xp-style-icons article about how to create Icons] (en)<br />
* [http://www.closing-gaps.org/tutorial-ink1.htm Tutorial for product illustration using Inkscape.] (en)<br />
* [http://jimmac.musichall.cz/demos/inkscape/key-status.avi Video about Inkscape], avi<br />
* [http://le-radar.com/?articles/drawinginkscapeEn Beginner tutorial] (en)<br />
* [http://popolon.org/inkscape/?sub=blogtutorial List of tutorials] (en)<br />
* [http://members.gamedev.net/trapperzoid/ia/index.html Inkscape Adventures] by Trapper Zoid<br />
* [http://www.christianmontoya.com/2007/01/11/tutorial-a-starfish-with-inkscape/ A Starfish with Inkscape] (en) in two parts.<br />
* [http://inkscape.teekoo.com/ Inkscape in Six Steps] by Jingshao Chen<br />
* [http://choupil.blogspot.com/ Inkscape isometrics and tutorials] by Choupil<br />
<br />
=== de ===<br />
* [http://inkscape-forum.de/comments.php?DiscussionID=3&page=1#Item_0 Silhouette-tutorial] inkscape-forum.de, (de)<br />
* [http://inkscape-forum.de/comments.php?DiscussionID=6&page=1#Item_0 Glassbutton-tutorial] inkscape-forum.de, (de)<br />
* [http://shirts.gleichjetzt.de/Vektorisieren_mit_Inkscape Vektorisieren mit Inkscape] shirts.gleichjetzt.de, (de)<br />
* [http://www.primfaktor.de/index.php?section=tutorials Farbverläufe (Video)] primfaktor.de, (de)<br />
* [http://www.primfaktor.de/index.php?section=tutorials Sterne und Polygone (Video)] primfaktor.de, (de)<br />
<br />
=== fr ===<br />
* [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<br />
*[http://le-radar.com/?articles/drawinginkscape Pour grands débutants] (fr)<br />
* [http://popolon.org/inkscape/?sub=didacticielblog Liste des didacticiels du blog] de Popolon (fr)<br />
*[http://www.inkscape-fr.org/spip.php?rubrique2 Liste des didacticiels en français du site inkscape-fr] (fr).<br />
*[http://ticeblog.ycombe.net/index.php/2007/07/17/98-calligrammes-avec-inkscapev Caligrammes avec Inkscape] (fr)<br />
<br />
=== it ===<br />
*[http://inkscape.altervista.org/tutorials/colorare/index.htm Simulare l'uso del secchiello] (it)<br />
*[http://inkscape.altervista.org/tutorials/logo_ati_I/index.htm Il logo ATi con Inkscape - Parte I] (it)<br />
*[http://inkscape.altervista.org/tutorials/logo_ati_II/index.htm Il logo ATi con Inkscape - Parte II] (it)<br />
*[http://inkscape.altervista.org/tutorials/logo_ati_III/index.htm Il logo ATi con Inkscape - Parte III] (it)<br />
*[http://inkscape.altervista.org/tutorials/vettorializzare_I/index.htm Vettorializzare un'immagine (es.pratico)] (it)<br />
*[http://inkscape.altervista.org/tutorials/unire_tracciati/index.htm Unire tracciati differenti] (it)<br />
*[http://inkscape.altervista.org/tutorials/creare_ingranaggi/index.htm Come creare semplici ingranaggi] (it)<br />
<br />
=== pl ===<br />
*[http://www.inf.sgsp.edu.pl/lab/filmiki/filmiki.php Video tutorials / Filmiki szkoleniowe] (pl)<br />
<br />
=== pt_BR ===<br />
*[http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/Tutoriais Vários Tutoriais da comunidade Inkscape Brasil] (pt_BR)<br />
*[http://www.imasters.com.br/artigo/3500/livre/inkscape_brilho_luz_e_vida_aos_logos Brilho, Luz e Vida aos logos] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=172&tid=6 Criando a logo do Ubuntu] (pt_BR)<br />
*[http://www.imasters.com.br/artigo/4159/livre/criando_personagens Criando Personagens] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143&tid=6 Manual Desenho Vectorial do Inkscape] (pt_BR)<br />
*[http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=158&tid=6 Manual do inkscape 0.40] (pt_BR)<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)<br />
*[http://www.allanbrito.com/2007/08/06/tutorial-inkscape-interface/ Introdução a interface do Inkscape] (pt_BR)<br />
<br />
=== zh_CN ===<br />
*[http://popolon.org/inkscape/?sub=blogjiaoyu 一些中文Inkscape教育]<br />
<br />
<br />
=== Screen casts ===<br />
* [http://www.hardon.co.il/alma/ Drawing a simple woman face] (video)<br />
<br />
== Outside Tutorials and Tips ==<br />
* [http://collou.f2o.org/inkspot/ Spotcolors!] Tutorial to create spotcolor separations using Inkscape<br />
* [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<br />
* [http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php A Guide to Inkscape] by Tavmjong Bah<br />
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php Stopped Clock Blog] Has some good Flash tutorials & other Inkscape writings<br />
* [http://www.deviantart.com/view/14703295/ Icons in Inkscape - mini-tut] by Daj<br />
* [http://www.glitchnyc.com/cgi-bin/blosxom.cgi/technology/opensource/furboa_tutoria.phblox Tutorial: A Simple Approach to Drawing Complex Characters With Inkscape]<br />
* [http://www.angelfire.com/mi/kevincharles/inkscape/index.html Unofficial Inkscape Documentation] a great work-in-progress by Kevin Charles<br />
* [http://www.coofercat.com/wiki/InkScape Some Inkscape Know-How], a beginner's guide to creating complex shapes and flowing text into them<br />
* [http://blog.vybiral.info/my_files/helps/tutorial.png Text following a circle's curve]<br />
* [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.<br />
* [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.<br />
* [http://www.coswellproductions.org/cartoons/practical_inkscape_for_comic_artists/right-handed_illustration.html 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.<br />
<br />
== Help & helpful articles ==<br />
* [http://le-radar.com/?mm/inkscape Inkscape User manual] (en, fr) or get from user_manual branch of SVN<br />
* [http://www.linux-magazine.com/issue/56/Inkscape_Vector_Graphics.pdf Inkscape Vector Graphics] pdf, by Peter Kreussel (en)<br />
* [http://www.linux-user.de/ausgabe/2005/05/053-inkscape/ Inkscape Vector Graphics], by Peter Kreußel (de), same as above<br />
* [http://ubuntuforums.org/showpost.php?p=2183007&postcount=13 How to draw an arrow or line with marker with Inkscape 0.45] (en)<br />
* [http://jimmac.musichall.cz/weblog.php/Inkscape?flav=php art-weblog with inkscape-category] (en)<br />
* [http://blog.die-scheiss-kiste.de/wordpress/index.php?cat=4 Andy's weblog with inkscape-category] (de)<br />
* [http://popolon.org/gblog2/categorie/didacticiel/didacticiel-graphique/inkscape-tutorial/ Popolongraphical Blog] (fr, en)<br />
* [http://inkscape.le-radar.com Cours Inkscape, by Cédric GEMY (pygmee)] (fr) <br />
* [http://www.archive.org/download/Inkscape_Path_Tutorial/inkscapePaths.swf Flashvideo about drawing with the pen-tool and Bezier curves] (en)<br />
* [http://www.archive.org/download/Inkscape_Gradient_Tutorial/gradient.swf Flashvideo about creating gradients] (en)<br />
* [http://www.coofercat.com/wiki/InkScape some annotations about "Flowing Text, Portable SVG Files & Producing A4-pdf-files] (en)<br />
* [http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?down=158 Portugese Inscape Manual] zipped svg (0.40)] (pt)<br />
* [http://www.linuxplanet.com/linuxplanet/tutorials/5757/5/ Inkscape: Vector Graphics For Linux] Rob, Reilly (en)<br />
* [http://www.sketchpad.net/drawing2.htm Bezier Curves And The Different Kinds Of Anchor Points] (en)<br />
* [http://software.newsforge.com/software/05/09/08/1835253.shtml?tid=131&tid=130&tid=132| article about inkscape], Bruce Byfield (en)<br />
* [http://www.redhat.com/magazine/010aug05/features/inkscape/ Creating vector graphics with Inkscape] by Rosanna Yuen, redhat.com (en)<br />
<br />
== Creating New Tutorials ==<br />
Easy way: <br />
# Load up one of the existing tutorials<br />
# Replace its text and images with your own<br />
# 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!<br />
<br />
Official way:<br />
# 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]<br />
# 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<br />
# 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<br />
# Test tutorial generation using the `make-html`, `make-svg`, and `make-all` scripts<br />
# Announce the availability of the new tutorial<br />
<br />
<br />
== Tutorial Ideas ==<br />
This section will consist of brainstorming and basic development of new tutorials that will be useful for new/old users.<br />
<br />
<br />
=== Completed Tutorials ===<br />
<br />
* [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]].<br />
* making shiny marbles... http://inkscape.org/wiki_uploads/marbles_tut.svg<br />
* also see [http://inkscape.org/cgi-bin/wiki.pl?OtherProjects#outsidetut Outside Tutorials and Tips]<br />
* [[ElementsPrinciplesOfDesign]] (rejon)<br />
* [http://kargs.net/docs/easter_egg_tutorial.svg Easter Egg Tutorial]<br />
<br />
=== Tutorials in development ===<br />
<br />
* [http://homepage.univie.ac.at/reinhard.stepanek/fxos80/metchart.html How to create meteorological charts with Inkscape], Tutorial by Reinhard Stepanek<br />
* 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.<br />
* 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])<br />
* [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.<br />
<br />
=== Planned Tutorials ===<br />
<br />
* [[UsingTheCloneTiler]] - Clones<br />
<br />
* Text and Typography<br />
<br />
* Clippath/Mask/Pattern<br />
<br />
* Effects<br />
<br />
* SVG Filters<br />
<br />
* XML Editor<br />
<br />
=== Tutorial Scratchpad ===<br />
<br />
* How to create an icon<br />
* How to build a presentation using Inkview.<br />
* How to build complex shapes using boolean operations.<br />
* How to use Inkscape to create graphics for LaTeX / ConTeXt documents.<br />
* etc<br />
<br />
A tutorial in progress of writing by John Griessen<br />
<br />
This writing is a journal of how a project to recreate a business card originally <br />
made with Illutrator 7, after losing the original file, so the comparison to Illustrator is <br />
much from memory and not to be taken as the last word, but a guide as to how the programs compare.<br />
<br />
<br />
Attached is a png of the printed business card:<br />
<br />
It originally was a collection of paths filled with colors and text objects with grouping to<br />
make replicating some objects easy. <br />
<br />
The shell command '$inkscape --version' tells us this is Inkscape 0.39cvs (Jul 2 2004) .<br />
<br />
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, <br />
http://home.austin.rr.com/jgriessen/ill2ink-tut1.png<br />
<br />
[[Category:Help Wanted]]<br />
<br />
=== Other SVG Tutorials ===<br />
<br />
* http://www.codeproject.com/books/learnsvgchapter07.asp</div>Ahardon