Nicolas Dufour

Inkscape

Premiers pas
en dessin vectoriel

Avec la contribution d’Elisa de Castro Guerra

Groupe Eyrolles

61, bd Saint-Germain

75240 Paris cedex 05

www.editions-eyrolles.com

Le logo et le nom Inkscape ainsi que le slogan « Draw freely », comme d’autres produits cités dans ce livre, sont des marques déposées.

L’affiche de voyage (chapitre 6) est basée sur le clipart Castle

(http://openclipart.org/media/files/Peileppe/9062), par Peileppe, licence Public Domain.

Le motif Calcyum (chapitre 6) est tiré du Motif set #2 (http://www.calcyum.org/motif-set-2/), réalisé par Thibaut Hofer, licence CC-By.

La photo Morning Glory Pool (Chapitre 6), est proposée par Jon Sullivan

(http://commons.wikimedia.org/wiki/File:Morning_Glory_Pool2.jpg) en licence Public Domain.

Le bus tordu (chapitre 8), disponible dans le set Open Clip Art Library 0.18

(http://openclipart.org/media/viewfile/downloads.xml), a été dessiné par Jarno Vasamaa, licence Public Domain.

Les outils chimiques utilisés dans l’exemple « entrelacement facile » (chapitre 9) sont issus du set Organick Chemistry (http://openclipart.org/media/files/organick/1597), par Organick, licence Public Domain.

Le fond de l’affiche éco-propulsion (chapitre 9) est issu du set Super Crazy Splatter Vectors 2

(http://whirlwindzor.deviantart.com/art/Super-Crazy-Splatter-Vectors-2-81896174), par WhirlwindZOR, libre d’utilisation.

La planète du logo (chapitre 9) est issue du logo Crystal earth recycle

(http://openclipart.org/media/files/kuba/1990), par Jakub Jankiewicz, licence Public Domain.

L’ensemble des autres photos et illustrations ont été réalisées par les auteurs, sous licence Art libre.

Remerciements à Ayo (Alexis Younes -- www.73lab.com) pour l’illustration en couverture.

Le code de la propriété intellectuelle du 1er juillet 1992 interdit en effet expressément la photocopie à usage collectif sans autorisation des ayants droit. Or, cette pratique s’est généralisée notamment dans les établissements d’enseignement, provoquant une baisse brutale des achats de livres, au point que la possibilité même pour les auteurs de créer des œuvres nouvelles et de les faire éditer correctement est aujourd’hui menacée. En application de la loi du 11 mars 1957, il est interdit de reproduire intégralement ou partiellement le présent ouvrage, sur quelque support que ce soit, sans autorisation de l’éditeur ou du Centre Français d’Exploitation du Droit de Copie, 20, rue des Grands-Augustins, 75006 Paris.

ISBN 978-2-212-12444-6

© Groupe Eyrolles

Le...

Table

Couverture

Titre

Licence

Table

Avant-propos

Le dessin vectoriel

Le format SVG

Inkscape dans la chaîne graphique

La vie du projet Inkscape

Petit historique

Inkscape aujourd’hui

Et pour demain ?

Par où commencer ?

Organisation de l’ouvrage

Ressources

Remerciements

chapitre 1 - Installation et découverte de l’espace de travail

Installation

Installation sous Windows

Installation sous Linux

Avec Synaptic

Avec une ligne de commande

Installation sous Mac OS X

Les versions de développement

Compilation

Premier lancement

Prise en main de l’espace de travail

Accéder aux icônes masquées

Les menus

Le menu Fichier

Le menu Édition

Le menu Affichage

Le menu Calque

Le menu Objet

Le menu Chemin

Le menu Texte

Le menu Effets

Le menu Tableau blanc

Le menu Aide

La...

Avant-propos

Inkscape place aujourd’hui le dessin vectoriel à la portée de tous. Ses dernières évolutions l’ont fait passer du statut d’application prometteuse à celui de fer de lance des logiciels libres dans le domaine. Ses nombreuses fonctions, assises sur un standard ouvert, ainsi que sa compatibilité avec de nombreux formats et son ergonomie particulièrement intuitive lui permettent de rivaliser avec les logiciels propriétaires à moindre coût. Multiplate-forme, il se plaît tout autant sous Linux, Windows ou Mac OS X.

À ses outils de dessin simples (rectangle, ellipse, spirale, texte…) ou avancés (main levée, courbes de Bézier, boîte 3D), s’ajoute un panel de fonctionnalités autorisant toutes sortes de combinaisons (masque, découpe ou opérations booléennes) et d’effets (flous, déformations, jeux sur les couleurs), ainsi que de nombreuses aides (calques, guides, et grilles) contribuant à améliorer l’organisation de vos documents.

Mais ce n’est pas tout ! Du fait de sa licence libre, Inkscape est gratuit, autant pour le particulier que pour le professionnel. Vous économiserez ainsi le coût, souvent élevé, d’un logiciel commercial (ou celui, autant moral que légal, d’un éventuel piratage), tout en profitant d’un logiciel performant et du soutien d’une large communauté d’utilisateurs et de développeurs. Si vous avez une question sur un point d’utilisation ou un souhait d’évolution, ils se feront un plaisir de vous répondre.

Par ailleurs, non seulement Inkscape est libre, mais il utilise un format ouvert et standardisé. Ce choix garantit à vos dessins pérennité et accessibilité (même des années après, vous pourrez toujours les lire, sans contrainte légale), et assure l’interopérabilité avec de nombreux autres logiciels vectoriels (dont une part grandissante...

chapitre 1 Installation et

découverte de l’espace

de travail

Inkscape existe pour Windows, Linux et Mac OS X. Dans ce chapitre, nous apprendrons à l’installer sur ces différents systèmes d’exploitation et à en paramétrer les options. Nous terminerons avec une présentation des différents éléments de l’interface utilisateur.

SOMMAIRE

Installation

Premier lancement

Découverte de l’espace de travail

Paramétrage de l’espace de travail

Installation

Installer Inkscape est très facile : un simple navigateur suffit ! Une petite visite sur le site officiel d’Inkscape (http://www.inkscape.org/download) pour télécharger l’installateur (ou les sources, soyons fous !) et le tour est (pratiquement) joué.

CYBERCULTURE - SourceForge

SourceForge est un site d’hébergement de logiciels libres offrant aux développeurs des outils pour la gestion (suivi des bogues, dépôt pour les sources) et la promotion (site web, documentation, forum) de leurs créations. Inkscape, comme d’autres projets célèbres (Scribus, FileZilla, 7-Zip ou Audacity par exemple) fait partie des locataires les plus actifs de SourceForge.

Installation sous Windows

Les utilisateurs de Windows bénéficient d’un fichier d’installation parfaitement adapté à leur système d’exploitation. Sa mise en œuvre est classique :

1 Dans la section Versions officielles, cliquez sur le lien Installeur Windows – .exe.

2 Le téléchargement commence alors automatiquement depuis la page SourceForge du projet, où les fichiers d’installation sont hébergés. La boîte de dialogue suivante apparaît :

FIGURE 1–1 - Téléchargement du fichier d’installation

3 Sélectionnez Enregistrerpour récupérer le fichier dans le dossier qui accueille vos téléchargements par défaut ou dans celui que vous avez spécifié au moment de lancer le téléchargement (en fonction des réglages du navigateur).

4 Lancez l’installateur qui, après un court instant vous propose une sélection de composants additionnels. Par défaut, toutes les traductions sont installées. Il est possible d’économiser un peu d’espace disque (40 Mo environ) en décochant la case Traductionet en ne sélectionnant que la langue française. Notons que l’anglais reste toujours sélectionné en plus de la traduction choisie.

FIGURE 1–2 - Choix des traductions

5 Vous pouvez également choisir les différents raccourcis de lancement (icône sur le bureau, lancement rapide…).

6 La dernière étape de pré-installation consiste à définir l’emplacement par défaut du programme. À moins d’avoir une excellente raison de changer le dossier proposé, il est fortement conseillé de conserver l’emplacement par défaut et de continuer l’installation avec le bouton Installer.

7 L’installation proprement dite commence alors, et ne nécessite pas d’autre intervention que la validation des boîtes de dialogue.

Installation sous Linux

Inkscape est présent dans la plupart des distributions Linux. Vous n’aurez en général pas besoin de télécharger manuellement quoi que ce soit, et profiterez des automatismes et de la puissance des gestionnaires de...

chapitre 2

Prise en main rapide

Si Inkscape est intuitif, prendre tout de suite les bons réflexes nous épargnera par la suite bien des soucis. Avant de nous lancer dans la réalisation de nos premiers dessins, découvrons comment ouvrir un fichier, l’enregistrer, importer une image, sauvegarder nos créations, imprimer ou encore exporter nos œuvres. Ce chapitre abordera également l’outil Sélecteur, indispensable pour naviguer sur le canevas et déplacer les éléments de notre réalisation.

SOMMAIRE

Fichiers et modèles

Déplacement et zoom

Un outil incontournable : le Sélecteur

Imprimer

Exporter

Fichiers et modèles

Avant de commencer à dessiner, vous devez ouvrir un document existant ou en créer un nouveau à partir d’un modèle. Nous allons étudier comment réaliser ces opérations, puis sauvegarder notre travail sur le disque dur, en fonction du format choisi.

Ouvrir un nouveau fichier

Lorsque vous ouvrez un nouveau document, que ce soit au lancement d’Inkscape ou avec le raccourci clavier Crtl + N, le modèle appliqué correspond à une page A4 en portrait. Il possède également une ombre portée, son unité de mesure est le pixel (px) et son canevas est transparent. Il s’agit du modèle par défaut sur lequel le logiciel est réglé.

À SAVOIR - Opacité du canevas

Lors de l’exportation, l’opacité du canevas a son importance. Si le canevas est blanc opaque, l’image exportée aura un fond blanc. Autrement, son fond sera transparent.

Pour ouvrir un autre modèle, utilisez le menu Fichier>Nouveau...Se présente alors une liste des modèles prêts à l’emploi, présentant chacun des propriétés différentes optimisées pour une utilisation spécifique. Le tableau 2-1 liste les modèles disponibles.

TABLEAU 2–1 - Différents modèles disponibles

Utilisation

Modèle

Caractère de fonte

fontforge glyph

Jaquette de CD et DVD

CD cover 300 dpi, DVD cover slim, DVD cover ultra slim, DVD cover regular 300 dpi

Formats vidéo

PAL, HDTV, NTSC

Fonds d’écran

1600 × 1200, 1024 × 768, 800 × 600, 640 × 480

Icônes

64 × 64, 48 × 48, 32 × 32, 16 × 16

TABLEAU 2–1 - Différents modèles disponibles (suite)

Utilisation

Modèle

Formats standards

A4 portrait, A4 paysage, Letter portrait, Letter paysage

Bannières web

468 × 60, 728 × 90

Présentation LaTeX

Classe Beamer

Cartes de visite

85 × 54, 90 × 50

Apparence, calque et unités

Sans bordures, sans calques, en millimètres (mm), en points (pt), canevas blanc opaque, canevas noir opaque

AVANCÉ - Encore plus de modèles

D’autres modèles standards sont disponibles dans l’onglet Pagede la fenêtre Propriétés du document(Maj + Ctrl + D). L’option Format propose une liste de plus de cinquante modèles.

...

chapitre 3

Le dessin

Il est temps de réaliser un premier dessin. Par où commencer ? Quel outil choisir ? Comment faire ? Pas de panique, pour chaque besoin, vous trouverez un outil approprié.

SOMMAIRE

Outils de forme

Outils libres

Gomme

Connecteurs

Dessiner avec les outils de forme

Dans la plupart des cas, il y a fort à parier que vos dessins sont décomposables en sous-objets reposant chacun sur une forme géométrique simple. Imaginons un personnage : un cercle pour la tête, une ellipse pour le corps, des rectangles pour les bras et les jambes, et des spirales pour les yeux (disons qu’il est resté trop longtemps devant son écran…). Certes, cela lui donne un air bizarre et un peu schématique, mais nous verrons plus tard comment retoucher les formes pour les ajuster exactement à nos besoins.

Avec les outils disponibles dans la palette sur le bord gauche du canevas, vous pouvez dessiner très facilement ces différentes formes. Elles partagent plusieurs caractéristiques qu’il est important de connaître :

Lors de l’activation de chaque outil, des options spécifiques apparaissent sur la barre de contrôle située en haut du canevas (la contextualité est l’un des points forts du logiciel). Toute modification des données sur cette barre a un impact instantané sur les objets actifs.

Les paramètres et propriétés d’un objet (barre de contrôle, poignées) sont toujours accessibles lorsque l’outil correspondant est sélectionné, et tant qu’il n’a pas été transformé en chemin.

Rectangles et carrés

Ce premier outil est le compagnon idéal pour tracer aisément des carrés ou des rectangles dont les coins pourront être perpendiculaires ou arrondis. Pour l’utiliser, cliquez sur son icône dans la barre d’outils (ou appuyez sur la touche R), puis cliquez-glissez sur le canevas pour dessiner la forme désirée.

FIGURE 3–1 - L’outil Rectangle

À SAVOIR - Centrer sur le pointeur

Par défaut, la position initiale de la souris définit un des angles de sa boîte englobante. Pour modifier ce comportement et centrer l’objet sur le pointeur, maintenez la touche Majpendant sa création.

À SAVOIR - Un rectangle parfaitement carré

Pour dessiner un rectangle dont la hauteur et la largeur sont parfaitement équivalentes (ce qui donnera alors un carré), maintenez la touche Ctrlpendant son tracé. En fait, il s’agit là d’un cas spécial correspondant à un rapport de 1:1 entre la hauteur et la largeur. Avec la même méthode, mais en étirant le dessin dans une direction, vous pourrez tracer des objets dont les proportions seront contraintes successivement par des rapports de 1,618:1 (le fameux nombre d’or), 2:1, 3:1, 4:1, etc. Ceci vaut également pour obtenir un cercle à partir de l’outil Ellipse.

Au besoin, ajustez ensuite votre forme avec la barre de contrôle juste au-dessus du canevas :

Précisez les dimensions avec les champs L(pour largeur) et H(pour hauteur).

Arrondissez les angles du rectangle en spécifiant la valeur du rayon horizontal et vertical à appliquer avec les champs Rxet Ry.

Pour retrouver un rectangle anguleux, effacez les arrondis avec l’icône Rendre les coins pointus(ce qui revient à positionner les valeurs Rxet Ryà 0).

Modifiez si nécessaire l’unité de mesure de ces quatre paramètres grâce au menu déroulant spécifique.

FIGURE 3–2 - La barre de contrôle de l’outil Rectangle

Il faut bien l’avouer, entrer des données chiffrées pour réaliser un dessin non technique ne favorise pas la créativité ! Heureusement, toutes ces modifications peuvent s’effectuer directement sur le canevas, et ce, sans changer d’outil.

Observez le rectangle que vous venez de tracer. Les poignées carrées contrôlent la largeur et la hauteur du rectangle, même s’il est incliné. Les poignées rondes contrôlent le rayon des arrondis horizontaux et verticaux. Saisissez l’une des poignées avec l’outil Rectangle et cliquez-glissez pour expérimenter à votre guise. En maintenant la touche Ctrlpendant le déplacement des poignées rondes, les deux rayons (vertical et horizontal) seront identiques.

À SAVOIR - Deux...

chapitre 4

Mise en couleur

et attributs

Vos dessins font grise mine ? Vous broyez du noir ? Ce ne sont pourtant pas les couleurs qui manquent : grâce aux palettes et au seau, vous pouvez colorer vos créations. Ainsi vos objets ne manqueront pas de style !

SOMMAIRE

Notions fondamentales sur les couleurs

Remplissage et contour

Remplissage au seau

L’indicateur de style

Les palettes

Notions fondamentales sur les couleurs

Inkscape respecte les recommandations du W3C à l’égard du SVG, et privilégie son espace colorimétrique RVB. Si vous souhaitez imprimer sur votre imprimante personnelle, n’ayez aucune crainte, c’est exactement ce dont elle a besoin !

Avant d’appréhender les différentes méthodes disponibles pour appliquer une couleur à un objet, voyons un peu comment, en théorie, votre ordinateur et ses périphériques d’affichage et d’impression manipulent ces concepts.

Les modèles colorimétriques

Les modèles de couleur sont des méthodes permettant la modélisation des couleurs au travers d’un codage particulier. Nous vous proposons d’examiner quelques-uns des modèles les plus connus : RVB, CMJN et TSL.

RVB

RVB est un modèle de colorimétrie dit additif, dans lequel les couleurs sont définies en additionnant des niveaux de rouge, de vert et de bleu (d’où son nom).

JARGON - RGB

Sur l’Internet et dans les ouvrages techniques, vous rencontrerez fréquemment sa notation anglaise RGB (red, green, blue).

Les écrans LCD ainsi que nos bons vieux CRT et les écrans plasma l’utilisent pour afficher les couleurs ; les scanners, les appareils photo ou encore l’œil humain pour les capter.

EN DÉTAIL - L’œil humain

Notre œil possède trois types de cônes, sensibles chacun à une couleur différente : le rouge, le vert, et le bleu.

Sur l’ordinateur, les trois couleurs sont représentées chacune sur un octet, ce qui donne 256 niveaux pour chaque couleur. Lorsque toutes les valeurs sont fixées à 0, nous obtenons du noir ; à l’inverse, en positionnant 255 partout, nous affichons du blanc. Entre les deux, il ne nous reste que 16 777 216 combinaisons (256³) à essayer !

Détail amusant, en additionnant le rouge, le vert et le bleu deux à deux, nous obtenons :

du cyan (avec vert et bleu) ;

du magenta (avec rouge et bleu) ;

du jaune (avec rouge et vert).

Vous l’avez deviné, nous avons là les couleurs primaires utilisées en peinture et, plus généralement, en modèle soustractif (dont nous allons étudier un spécimen juste après).

CMJN

CMJN (cyan, magenta, jaune, noir), également nommé quadrichromie, est un procédé utilisé en imprimerie pour reproduire, à partir des trois primaires et du noir, un large spectre de couleurs.

JARGON - CMYK

La notation anglaise CMYK – cyan, magenta, yellow, key – est également très courante.

À l’inverse du RVB, nous avons ici un modèle utilisant une synthèse soustractive. L’absence de couleur donnera du blanc, alors que l’addition de ces trois couleurs produira du noir. Entre les deux, comme pour le RVB (mais pas dans le même sens), toutes les couleurs possibles et imaginables.

Vous êtes en droit de vous interroger : pourquoi diable avoir ajouté du noir au modèle alors que celui-ci peut être obtenu par combinaison des trois autres couleurs ? En théorie, vous avez raison, mais en pratique, les équipements utilisés pour l’impression n’étant pas parfaits, le noir n’est jamais vraiment aussi neutre et profond que nous le souhaiterions, pour des raisons de pigments et de superposition. Utiliser un noir à part permet non seulement de réussir le noir parfait (et non un marron sale), mais aussi de réaliser des économies, l’encre noire étant moins coûteuse à fabriquer. De plus, on obtient ainsi un contraste plus élevé et des détails plus nets.

EN DÉTAIL - Séparation des couleurs

En utilisant un noir séparé, vous avez la possibilité d’extraire tout ou partie du niveau de gris contenu dans les composantes CMJ vers la composante N. Imaginons un joli mauve, exprimé en CMJ par 65 % de cyan et de magenta et par 25 % de jaune. La séparation peut être effectuée de deux façons :

reporter l’intégralité du gris vers le noir, ce qui nous donne un équilibre, 53 % de cyan et de magenta, 0 % de jaune, et 25 % de noir ;

ne transférer qu’une partie du gris dans la composante noire, ce qui peut donner, par exemple 60 % de cyan et de magenta, 15 % de jaune, et 12 % de noir.

Grâce à ce système, le mélange peut être adapté aussi finement que possible au périphérique d’impression et au type de papier utilisé.

Sur votre ordinateur, chaque composante reçoit une valeur comprise entre 0 et 100 %. Encore plus troublant, en combinant les couleurs primaires deux à deux, nos obtenons :

du rouge...

chapitre 5

Le texte

Avec Inkscape, la gestion du texte est aussi riche que simple. Mise en page, déformations et effets transforment vos textes en de véritables objets graphiques. Mais après tout, une belle police n’est-elle pas déjà un beau dessin ?

SOMMAIRE

Ajouter et modifier du texte

Interlignage et interlettrage

Manipuler les caractères

Le texte et son environnement

Ajouter et modifier du texte

Objets graphiques et textes ne sont pas incompatibles. Ainsi, dans de nombreux cas, pour remplir l’organigramme hiérarchique d’une association ou d’une entreprise, préciser le nom de composants sur un schéma technique ou encore agrémenter une œuvre d’un poème ou d’une citation, vous aurez besoin d’ajouter du texte à vos dessins.

Quel que soit votre but, vous pourrez, à l’aide de quelques outils et commandes, utiliser Inkscape comme un mini traitement de texte et intégrer vos écrits au cœur même de vos objets.

Travailler avec l’outil Texte

Pour ajouter un texte sur le canevas, vous avez deux possibilités. Vous pouvez dessiner les caractères avec des outils de dessin, mais cette méthode est un peu longue et peu pratique (sauf éventuellement pour un concepteur de polices). La méthode la plus simple et la plus facile est d’utiliser l’outil Texte, surtout que ce dernier offre un large choix de polices et de fonctionnalités dédiées.

ALTERNATIVE - Écrire avec des outils de dessin

Si vous préférez la première méthode, vous gagnerez du temps en passant ce chapitre pour consulter directement le chapitre 7, dédié aux chemins (après avoir bien révisé le chapitre sur le dessin).

Voici comment procéder :

1 Activez le texte à partir de la boîte à outils (ou avec la touche F8 ou T).

FIGURE 5–1 - Sélection de l’outil Texte

2 Choisissez les paramètres de l’outil à l’aide de sa barre de contrôle. Cette barre présente des fonctions classiques, telles que le choix de la police, de sa taille, du type de justification, du style et...

chapitre 6

Manipulation

des objets

Vos objets ont l’air d’être posés en vrac sur le canevas ? Voyons quelques manipulations classiques de multiplication, et comment optimiser le placement de vos objets.

SOMMAIRE

Copier

Cloner

Manipuler les calques

Découper et masquer

Organiser les objets

Copier

Inkscape met à notre disposition une multitude d’outils destinés à la copie d’objets, tous réunis dans le menu Édition. Sortis des plus classiques, nous allons découvrir quelques commandes originales s’appliquant uniquement aux dimensions ou aux attributs des objets.

Copier des objets

Vous connaissez certainement les commandes de copie les plus célèbres, présentes dans la plupart des applications bureautiques : Copier(Ctrl + C), Couper(Ctrl + X) et Coller(Ctrl + V). Elles sont également présentes sous forme d’icônes (elles aussi très classiques) sur la barre de commande, et d’entrées dans le menu contextuel (accessible via un clic droit) du canevas.

À SAVOIR - Copies illimitées

Lorsqu’un objet est copié, vous pouvez le coller en autant d’exemplaires que nécessaire sans avoir besoin de recommencer la copie à chaque fois.

Voilà pour les révisions. Passons maintenant aux choses sérieuses. Lors d’une copie classique, vous remarquez que l’objet collé apparaît à l’endroit où se trouve le pointeur de souris. En général, c’est satisfaisant. Mais lorsqu’il est nécessaire de garder la copie exactement sur l’emplacement de l’objet d’origine, par exemple pour réaliser une ombre, c’est moins précis car la souris bouge forcément un peu durant l’opération (vous faites tout au clavier, vous ?). Pour nous faciliter la tâche, Inkscape a tout prévu, et nous donne le choix :

Si l’objet est déjà copié dans le presse-papier, collez-le sur place avec la commande Édition>Coller sur place(Ctrl + Alt + V).

Si vous partez de zéro, le plus simple est d’utiliser directement la commande Édition>Dupliquer(Ctrl + D, ou le menu contextuel du canevas).

Si le second choix est plus rapide, le premier permet de conserver l’emplacement d’un objet lors d’une copie entre deux documents. Dans les deux cas, la copie est sélectionnée à la fin de l’opération.

Dernière possibilité, la commande Édition>Faire une copie bitmap(Alt + B). Comme son nom l’indique, cette commande copie l’objet au format matriciel (il est alors décrit sous forme de pixels). Dans ce cas, l’image résultante n’est pas sauvegardée avec le reste du document, mais enregistrée dans un fichier à part lors de la copie. Pour conserver cette image dans le fichier SVG, pensez à l’incorporer avec la commande Effets>Images>Incorporer toutes les images…

IDÉE - Coller en déplaçant

Vous pouvez copier-coller rapidement un objet sélectionné en appuyant sur la touche Espace. Ce raccourci est particulièrement pratique pour déposer une sélection avec précision, tout en la déplaçant sur l’emplacement survolé.

Copie sélective

Toujours au chapitre des originalités, Inkscape a prévu la possibilité de ne coller qu’une partie des attributs d’un objet copié. Vous pouvez ainsi limiter la réplication aux styles ou aux dimensions. Dans tous les cas, commencez par copier l’objet d’origine avec la commande habituelle Édition>Copier(Ctrl + C).

Pour ne coller que les styles (ce qui correspond aux paramètres de remplissage et de contour pour les dessins, la taille et le style pour le texte), utilisez le menu Édition>Coller le style(Maj +...

chapitre 7

Manipulation

des chemins

Tous les chemins d’Inkscape, droits ou tortueux, Ouverts comme fermés, sont parsemés de nœuds, Brandissons nos outils, ajustons ces segments, Ces courbes et ces pics, façonnons-les fièrement.

SOMMAIRE

Convertir un objet en chemin

Retoucher un tracé avec l’outil Nœud

Vectoriser une image bitmap

Utilisation avancée des chemins

Appliquer des modifications avec l’outil Ajuster

Convertir un objet en chemin

Au chapitre 3, nous avons vu rapidement ce qu’est un chemin, et nous avons même eu l’occasion d’en utiliser quelques-uns dans les chapitres qui ont suivi. Cependant, les manipulations que nous avons expérimentées n’en avaient que rarement besoin, car les objets réalisés avec les outils de forme (les rectangles ou les ellipses par exemple) ne sont pas composés de chemins. De plus, pour la plupart des modifications que nous leur avons fait subir, nous avons travaillé avec leur outil propre. Mais ces outils, bien que très avantageux pour initialiser une forme, s’avèrent rapidement limités lorsqu’il s’agit de modifications en profondeur.

Prenons un cercle, créé avec l’outil Ellipse. Tant que le cercle conserve sa forme, il reste paramétrable avec l’ensemble des options et des poignées de l’outil. Vous pouvez, par exemple, le transformer en arc ou en camembert. Mais dès que le cercle est converti en chemin, ces options deviennent définitivement inaccessibles. Vous ne pouvez alors plus éditer le cercle en tant que cercle, mais en tant que chemin ayant une forme de cercle. Toutes les opérations du menu Cheminet de l’outil Nœud, auparavant interdites, sont désormais réalisables. Dans l’exemple suivant, nous avons déplacé les deux nœuds latéraux de notre cercle pour lui donner un aspect « patatoïdal », forme qu’il aurait été impossible d’obtenir avec le seul outil Ellipse.

FIGURE 7–1 - Modification du cercle avec les nœuds latéraux

De même, un objet texte accepte naturellement des transformations de style, mais, une fois converti en chemin, il devient totalement malléable.

D’autres objets, dessinés avec les outils Crayon, Stylo ou Plume calligraphique sont définis comme des chemins dès leur création. Vous pouvez donc les utiliser directement comme tels, sans conversion préalable.

À SAVOIR - Reconnaître un chemin

Pour reconnaître un chemin, rien de plus simple : sélectionnez l’objet en double-cliquant dessus et observez le canevas. Si vous distinguez des poignées blanches, en forme de cercle ou de rectangle, et qu’un outil de forme est automatiquement sélectionné, pas de doute, votre objet est une forme encore modifiable avec son outil dédié.

À l’inverse, l’apparition de losanges et de carrés gris indique la présence de nœuds et par conséquent de chemins. Dans ce cas, c’est l’outil Nœud (et non pas un outil de forme) qui est automatiquement sélectionné par l’opération.

FIGURE 7–2 - À gauche des poignées blanches, à droite des nœuds

Les commandes de conversion sont disponibles dans le menu Cheminet dans la barre de contrôle de l’outil Nœud.

ALTERNATIVE - Travailler avec le menu de l’outil ou avec les icônes ?

Dans les explications qui suivent, nous utilisons les commandes du menu, mais rien ne vous empêche de tester également les icônes et de choisir, en fonction de vos goûts ou du contexte, l’une ou l’autre de ces méthodes.

À SAVOIR - chemin ou objet !

Un objet peut être converti en chemin, mais un chemin ne peut être converti en objet. La conversion est définitive, et l’objet ne peut plus être modifié avec l’outil qui lui a donné vie.

Pour convertir un objet en chemin :

1 Sélectionnez le ou les objets à convertir avec l’outil Sélecteur.

2 Activez l’outil Nœud.

3a Lancez enfin la commande Chemin>Objet en chemin(Maj + Ctrl + C) pour effectuer la conversion.

FIGURE 7–3 - Le cercle a été converti en chemin

3b Si vous souhaitez uniquement conserver le contour, préférez alors la seconde commande, Chemin>Contour en chemin(Ctrl + Alt + C), pour convertir uniquement les contours de la sélection en chemin.

Contrairement au premier cas, l’opération s’applique autant aux objets qu’aux chemins, à la seule condition que le remplissage du contour soit défini. Le chemin ou l’objet est...

chapitre 8

Effets et filtres

Sortons des sentiers battus pour découvrir, avec les filtres et les effets, une autre façon d’embellir vos objets, chemins ou images matricielles. Si vous avez l’âme d’un créateur, vous pouvez même en ajouter !

SOMMAIRE

Les filtres

Les effets de chemin

Les extensions

Les filtres

Les filtres ont été implémentés à partir de la version 0.45 d’Inkscape. En combinant des primitives, définissant chacune un type d’effet simple (un flou, un décalage ou un éclairage par exemple), vous pourrez réaliser une multitude de filtres plus ou moins complexes, allant de la simple modification de teinte à la texture sophistiquée. Contrairement aux effets de chemin, que nous verrons un peu plus tard, ils s’appliquent à tout type d’objets, chemins ou formes.

Appliquer un filtre prédéfini

Les effets de filtre sont particulièrement puissants, mais tout autant difficile à mettre en œuvre. Pour nous faciliter la vie, quelques développeurs géniaux ont créé, à partir de cet outil, une multitude de filtres prédéfinis.

VERSION - 0.47 Un nouveau menu Filtres

Les filtres prédéfinis ne sont pas encore disponibles en 0.46, et vous devrez attendre un peu (ou utiliser une version de développement) pour en profiter. L’emplacement de ces filtres n’a pas encore été défini, mais ils devraient, selon toute vraisemblance, faire l’objet d’un nouveau menu Filtres. Par la même occasion, les filtres d’image (Effets>Image Raster) devraient disparaître, les filtres d’effets nouvellement créés s’appliquant aussi bien aux chemins qu’aux bitmaps.

Ces filtres ont fait l’objet de combinaisons de primitives et de pré-paramétrages soignés pour offrir à l’utilisateur des effets prêts à l’emploi. Pour utiliser un filtre, sélectionnez tout simplement votre objet sur le canevas et lancez le filtre choisi. Lors de leur activation, les filtres ne lancent pas de boîte de dialogue et ne peuvent donc pas être paramétrés avant utilisation. Normalement vous ne devriez pas avoir besoin de les paramétrer car ils sont suffisamment nombreux et bien faits pour convenir, tels quels, à la plupart des besoins.

Cependant, vous avez la possibilité de fignoler l’effet, après son application, avec la boîte de dialogue d’édition des filtres (Objet>Effets de filtres), et en sélectionnant l’objet cible. Vous aurez alors sous les yeux toute la liste des primitives utilisées pour la réalisation du filtre, et vous pourrez les modifier à votre convenance. Les filtres étant non-destructifs, il est possible de les annuler, avec cette même boîte de dialogue, pour retrouver l’apparence normale de votre objet.

VERSION - 0.47 Filtres prédéfinis

Dans la pratique, à partir de la version 0.47, vous n’aurez qu’assez rarement besoin de créer vos propres filtres car les plus courants (ainsi qu’une ribambelle de filtres plus originaux) ont été ajoutés directement dans le menu Filtres. Comme les développeurs ne manquent pas d’imagination, il y a fort à parier que chaque version à venir amènera son lot de nouveaux filtres.

Nous ne vous décrivons pas ici l’ensemble des filtres réalisés à ce jour. Étant encore en cours d’expérimentation, nous...

A

Raccourcis

clavier

Raccourcis d’Inkscape

Comme pour tous les logiciels de graphisme, les raccourcis clavier d’Inkscape sont extrêmement nombreux. Sachez que le menu Aide>Référence des raccourcis clavier et sourisrécapitule l’intégralité des raccourcis disponibles. Voici les plus fréquents :

TABLEAU A–1 - Raccourcis de sélection d’outil

Raccourci

Outil

F1 (ou S)

Sélecteur

F2 (ou N)

Nœud

Maj+F2 (ou W)

Ajuster

F3 (ou Z)

Zoom

F4 (ou R)

Rectangle

Maj+F4 (ou X)

Boîte 3D

F5 (ou E)

Ellipse

Maj+F9 (ou *)

Étoile

F9 (ou I)

Spirale

F6 (ou P)

Crayon

Maj+F6 (ou B)

Stylo

Ctrl+F6 (ou C)

Plume calligraphique

TABLEAU A–1 - Raccourcis de sélection d’outil (suite)

Raccourci

Outil

Maj+E

Gomme

Maj+F7 (ou U)

Remplissage au seau

F8 (ou T)

Texte

Ctrl+F2 (ou O)

Connecteur

Ctrl+F1 (ou G)

Dégradé

F7 (ou D)

Pipette

Espace

Bascule entre l’outil en cours d’utilisation et le sélecteur, et inversement. Ceci ne fonctionne pas avec l’outil Texte, où il produit, logiquement, un caractère espace.

TABLEAU A–2 - Raccourcis d’ouverture des boîtes de dialogue

Raccourci

Boîte de dialogue

Maj+Ctrl+F

Remplissage et contour

Maj+Ctrl+W

Palettes

Maj+Ctrl+T

Texte et police

Maj+Ctrl+M

Transformer

Maj+Ctrl+L

Calques

Maj+Ctrl+A

Aligner et distribuer

Maj+Ctrl+D

Préférences du document

Maj+Ctrl+P

Préférences d’Inkscape

Maj+Ctrl+E

Exporter en PNG

Maj+Ctrl+B

Vectoriser un bitmap

Maj+Ctrl+O

Propriétés de l’objet

Maj+Ctrl+X

Éditeur XML

Maj+Ctrl+7

Effets de chemin

Ctrl+F

Rechercher

F12

Afficher ou cacher les boîtes de dialogue

TABLEAU A–3 - Raccourcis relatifs au canevas et à la fenêtre

Raccourci

Action

+ (ou =)

Zoom avant

–

Zoom arrière

Ctrl+molette de souris

Zoom avant ou arrière

1

Niveau de zoom 1:1

2

Niveau de zoom 1:2

3

Zoom sur la sélection

4

Zoom sur le dessin

5

Zoom sur la page

6 (ou Ctrl+E)

Zoom sur la largeur de page

Bouton central de la souris

Déplace le canevas

Ctrl+5 (clavier numérique)

Change de mode d’affichage (normal, contour ou sans filtre)

Clic droit (ou Maj+F10)

Menu contextuel

F11

Bascule en mode plein écran

TABLEAU A–4 - Raccourcis relatifs aux fichiers

Raccourci

Action

Ctrl+N

Crée un nouveau document

Ctrl+O

Ouvre un document

Maj+Ctrl+E

Exporte le document en PNG

Ctrl+I

Importe une image dans le document courant

Ctrl+P

Imprime le document

Ctrl+S

Enregistre le document

Ctrl+Q

Quitte l’application

TABLEAU A–5 - Raccourcis relatifs aux objets et chemins

Raccourci

Action

Ctrl+Z

Annule l’action précédente

Ctrl+Y

Recommence l’action annulée

Ctrl+C

Copie la sélection

Ctrl+X

Coupe la sélection

Ctrl+V

Colle le contenu du presse-papier

Ctrl+Alt+V

Colle le contenu du presse-papier sur place

Ctrl+D

Duplique la sélection

Maj+Ctrl+V

Colle le style

Ctrl+7

Colle l’effet de chemin

Alt+D

Clone un objet

Maj+Alt+D

Délie un clone

Maj+D

Sélectionne l’original du clone sélectionné

Ctrl+G

Groupe la sélection

Ctrl+U

Dégroupe la sélection

Début

Monte la sélection à l’avant-plan

Fin

Descend la sélection vers l’arrière-plan

PageHaut

Monte la sélection d’un cran

PageBas

Descend la sélection d’un cran

Maj+Ctrl+C

Conversion de la sélection en chemin

Ctrl+Alt+C

Conversion du contour en chemin

Ctrl+L

Simplifie le chemin

Caractères Unicode

Le tableau suivant liste les caractères Unicode les plus utiles en langue française, qui ne sont pas toujours accessibles directement avec un clavier classique.

Pour saisir le caractère dans un texte en cours d’édition, tapez la combinaison Ctrl + Usuivie de son code.

TABLEAU A–6 - Caractères Unicode

Symbole

Caractère

Sous-ensemble

Code

Espace insécable

Supplément latin-1

00A0

«

Guillemet gauche

Supplément latin-1

00AB

»

Guillemet droit

Supplément latin-1

00BB

À

Majuscule latine A accent grave

Supplément latin-1

00C0

Ç

Majuscule latine C cédille

Supplément latin-1

00C7

È

Majuscule latine E accent grave

Supplément latin-1

00C8

É

Majuscule latine E accent aigu

Supplément latin-1

00C9

Ê

Majuscule latine E accent circonflexe

Supplément latin-1

00CA

×

Symbole multiplication

Supplément latin-1

00D7

Œ

Ligature OE

Latin étendu-A

0152

œ

Ligature oe

Latin étendu-A

0153

–

Tiret demi-cadratin

Ponctuation générale

2013

—

Tiret cadratin

Ponctuation générale

2014

’

Guillemet apostrophe

Ponctuation générale

2019

…

Points de suspension

Ponctuation...

C

Explorer

les fichiers SVG

Le format SVG étant basé sur XML, il s’affiche tout à fait correctement dans tout éditeur de texte, éditeur dédié au XML, ou encore, beaucoup mieux, avec l’éditeur XML interne d’Inkscape.

RAPPEL - XML

XML (eXtensible Markup Language) est un langage de balisage générique utilisé comme syntaxe de base du SVG. Ces deux formats sont plus amplement détaillés dans l’avant-propos.

Hormis l’intérêt primordial que procure la lecture d’un code pour la compréhension d’un langage, les possibilités pratiques sont nombreuses. Vous pouvez, par exemple, réorganiser rapidement et avec précision l’agencement des objets dans les plans et les calques, ajouter un objet dans un groupe (ou l’en extraire), ou encore modifier directement l’intégralité des paramètres du dessin.

Dans certains cas, vous pouvez même outrepasser certaines limites d’Inkscape, pour éviter des...

Index

Numériques

3D 62

A

Adobe Illustrator 348

affiche 319

ajuster 201

éditer le style du chemin 205

modifier le chemin 204

réorganiser les chemins 203

aligner 164, 267, 297, 323, 333

et distribuer 164

alpha 92

annuler un tracé 71

apartés (liste) XII

aperçu d’icône 12, 276

arc 56

axonométrie 21

B

barre

d’état et d’information 16

de commande 14

de contrôle 16

de contrôle du magnétisme 22

de défilement 19

masquer 24

Bézier

courbe 68

Pierre 69

bitmap 348

boîte

3D 62

à outils 15

englobante 39

boîte de dialogue 22

aligner et distribuer 164

calques 155

créer un pavage avec des clones 150

effets de chemin 216

lignes et colonnes 170

...