Inkscape

Introduction

Inkscape est un logiciel libre de dessin vectoriel sous licence GNU/GPL. Il a pour but de devenir un puissant outil d’édition graphique tout en étant entièrement conforme avec les standards XML, SVG et CSS du W3C¹. Ce logiciel est disponible pour Windows, Mac OSX et GNU/Linux. Son équivalent payant serait Adobe Illustrator.

A consulter:

• (fr) Initiation à Inkscape, Livre ouvert (FLOSS)
• (f) Inkscape, Livre ouvert (FLOSS)
• (fr) tutoriel, site officiel

Voir aussi:

• Utiliser Inkscape pour l'animation web
• Inkscape pour la découpe et la gravure laser
• Inkscape - édition des chemins

Téléchargement, home page

• https://inkscape.org/

Attention: en 2018 Inkscape ne soutient pas encore des écrans à haute résolution ("High DPI"). Lisez les instructions dans l'article Anglais.

Fonctionnalités

Les fonctionnalités de ce programme sont très variées et nombreuses, mais il est principalement possible de créer des objets (main levée ou outil de forme prédéfinie), manipuler des objets (déplacer un objet, redimensionner un objet, grouper des objets), remplissage et contour (définir une couleur de fond à un objet, définir un contour à un objet), opérations sur les chemins de la courbe de Bézier (modifier la position d'un noeud, modifier l'angle d'une courbe), supporter du texte (traitement de texte), formats de données (possibilité d'importer des fichiers, convertir un fichier svg en format image,...)

Formes géométriques

Inkscape permet la création de formes géométriques basiques : Cercles, portions de cercles, pavés en trois dimension et polygones. Grâce à des outils de modification (transformation d'objets et éditions de noeuds) les formes peuvent être modifiées à souhait, afin d'en réaliser quelque chose de plus complexe sans avoir à le dessiner points par points.

Courbes paramétriques, fonctions, L-système

Inkscape Inkscape dispose de fonctionnalités avancées permettant notamment de générer fonctions, des courbes paramétriques ou des fractals grâce à la grammaire des systèmes de Lindenmayer. Pour savoir comment tracer des courbes paramétriques ou des fractals: Inkscape_-_Equations_paramétriques,_L-system_et_chemin

Engrenages

Inkscape permet la création d'engrenages et de crémaillères grâce à la fonctionnalité engrenage. cette option se révèle particulièrement utile pour créer des mécanismes complexes avec la découpeuse laser. Pour savoir comment tracer des engranages avec Inkscape: Inkscape_-_Engrenage

Chemins

Les chemins, au sens SVG du termes, peuvent être réalisés à l'aide de trois outils différents :

• Ligne à main levée, créant beaucoup de point dans le code SVG correspondant.
• Courbes de Bézier et segments de droites, produisant des chemins moins complexes en terme de SVG.
• Tracé calligraphié, sorte de chemin stylisé par des paramètres définis par l'utilisateur.

Pour plus de détails, veuillez consulter cette page (en cours d'édition) : Inkscape - édition des chemins

Calques

Inkscape comprend une fonctionnalité de calques, qui permet de traiter les dessins par couches superposées. Ceci peut permettre de générer un dessin complexe, composé de dessins moins complexes superposés.

Astuces

Créer une flèche

1. Dans le bandeau de gauche, cliquez sur l'icône du porte-mine bleu "Tracer des courbes de Bézier et des segments de droites" (8ème icône, raccourci : 'B').

2. Sur votre dessin, tracez le début et la fin de votre future flèche.

3. Dans le bandeau de gauche, cliquez sur l'icône de la souris "Sélectionner et transformer des objets" (1er icône, raccourci : 'S').

4. Dans la barre de menu, sélectionnez "Objet" > "Fond et contour..." (raccourci Windows : Shift + Control + 'F', Mac : Shift + Cmd + 'F').

5. Dans le panel "Fond et contour" qui vient d'apparaître sur la droite, sélectionnez au troisième menu déroulant de l'option "Marqueurs" une pointe visant à droite.

6. Et voilà votre flèche créée ! Modifiez-là selon vos envies en vous baladant dans le panel "Fond et contour".

Ajuster la taille

• Le problème : comment ajuster la page de dessin proposée par Inkscape à la taille du dessin qu'on crée ?
• Réponse : il faut aller dans Fichier -> Propriétés du document... -> dans l'encadré 'Dimensions personnalisées', cliquez sur le petit "+" à côté de 'Redimensionner la page au contenu...' -> cliquez sur le gros bouton 'Ajuster la page au dessin ou à la sélection'.

Produire du SVG standard pour inclusion dans des pages web

• Si vous travaillez avec Inkscape, vous avez intérêt à sauver le résultat en SVG pur (plain SVG, pas Inkscape SVG). Inkscape ajoute dans son propre namespace des informations utiles pour rééditer (calques, etc.).

Variantes de HTML

• Utilisez HTML5 c'est plus facile. Il suffit de bien réussir l'entête et la déclaration du namespace SVG dans la balise svg.
• Une page XHTML page doit avoir une extension *.xhtml. C'est important, car ces fichiers sont servis par notre serveur en tant que XHTML et non pas en tant que HTML.
• On ne peut pas inclure du code SVG dans du code HTML 4.x.

Plus de détails:

• Utiliser Inkscape pour l'animation web ou en:Using Inkscape for web animation
• Tutoriel SVG avec HTML5 (en:Using SVG with HTML5 tutorial)

Bibliographie

¹ http://fr.wikipedia.org/wiki/Inkscape[ Wikipedia] (6/2014)