ÉD

Full Circle
LE MAGAZINE INDÉPENDANT DE LA COMMUNAUTÉ UBUNTU LINUX

ÉDITION SPÉCIALE SÉRIE INKSCAPE

ITI
SÉ ON
RIE SP
INK ÉCI
SC ALE
AP
E

INKSCAPE
Volume Deux Parties 8 à 14
spécialn'est
Full Circle Magazine inkscape
affilié en aucune deux à1Canonical Ltd.
volumemanière
Au sujet du Full Circle Spécial Full Circle Magazine Nos coordonnées

Full Circle
Le Full Circle est un magazine gratuit,
Site Web :
libre et indépendant, consacré à toutes [Link]
les versions d'Ubuntu, qui fait partie
des systèmes d'exploitation Linux. Chaque Forums :
mois, nous publions des tutoriels, que LE MAGAZINE INDÉPENDANT DE LA COMMUNAUTÉ UBUNTU LINUX
[Link]
nous espérons utiles, et des articles pro- [Link]?f=270
posés par des lecteurs. Le Podcast, un BIENVENUE DANS UNE AUTRE « ÉDITION SPÉCIALE »
complément du Full Circle, parle du IRC : #fullcirclemagazine on
magazine même, mais aussi de tout ce Une autre série, une autre compilation d'articles pour plus de commodité. [Link]
qui peut vous intéresser dans ce domaine. Voici une réimpression directe de la série Inkscape, articles 8 à 14 des
numéros 68 à 74. Du propre aveu du non-artiste Mark Crutch : s'il peut Équipe Full Circle
le faire, vous le pouvez aussi !
Veuillez garder à l'esprit la date de publication originale ; les versions Rédacteur en chef : Ronnie Tucker
Clause de non-responsabilité : actuelles du matériel et des logiciels peuvent être différentes de celles (aka: RonnieTucker)
illustrées. Il convient donc de vérifier la version de votre matériel et de ronnie@[Link]
Cette édition spéciale vous est vos logiciels avant d'essayer d'émuler les tutoriels dans ces numéros Webmaster : Rob Kerfia
fournie sans aucune garantie ; les (aka: admin / linuxgeekery)
spéciaux. Il se peut que les logiciels que vous avez installés soient plus
auteurs et le magazine Full Circle admin@[Link]
récents ou qu'il y ait des versions plus récentes disponibles dans les
déclinent toute responsabilité pour dépôts de votre distribution.
des pertes ou dommages éventuels
Amusez-vous ! Tous nos remerciements à Cano-
si des lecteurs choisissent d'en appli-
quer le contenu à leurs ordinateur et nical et aux nombreuses équipes de
matériel ou à ceux des autres. traduction à travers le monde.

Les articles contenus dans ce magazine sont publiés sous la licence Creative Commons Attribution-Share Alike 3.0 Unported license. Cela signifie
que vous pouvez adapter, copier, distribuer et transmettre les articles mais uniquement sous les conditions suivantes : vous devez citer le nom de
l'auteur d'une certaine manière (au moins un nom, une adresse e-mail ou une URL) et le nom du magazine (« Full Circle Magazine ») ainsi que l'URL
[Link] (sans pour autant suggérer qu'ils approuvent votre utilisation de l'œuvre). Si vous modifiez, transformez ou adaptez
cette création, vous devez distribuer la création qui en résulte sous la même licence ou une similaire.

Full Circle Magazine est entièrement indépendant de Canonical, le sponsor des volume
spécial inkscape projets Ubuntu.
deux Vous
2 ne devez en aucun cas présumer que les avis et les
opinions exprimés ici ont reçu l'approbation de Canonical.
 TUTORIEL
Écrit par Mark Crutch
Inkscape - Partie 8

S
i vous suivez cette série de- leure approche consiste à sélectionner vous souhaitez sélectionner unique-
puis le début, vous devez main- toutes les pièces et y effectuer vos ment certains d'entre eux. Dans ces
tenant être tout à fait à l'aise opérations simultanément. cas, vous pouvez utiliser le mode d'Ink-
avec les ellipses, les rectan- scape « touch selection » : il suffit de
La dernière fois vous avez appris à
gles et les étoiles. Vous devez être en maintenir la touche Alt enfoncée
sélectionner deux objets à la fois en
mesure de construire des chemins assez pendant que vous cliquez et faites
maintenant Maj et en cliquant sur le
complexes en utilisant les opérations glisser votre souris, traçant une ligne
second objet. Si vous continuez à main- Malheureusement, il n'y a pas tou-
booléennes, puis de les manipuler avec rouge sur votre chemin. Lorsque vous
tenir Maj tout en cliquant sur d'au- jours de zone vide à proximité. Dans
l'outil Nœud. Vous pouvez donner à relâchez le bouton de la souris, les
tres objets, ils seront chacun ajoutés à le cas de notre chapeau, si c'est in situ objets qui ont été touchés par la ligne
vos objets des couleurs, des dé-
la sélection. Maintenir la touche Maj sur le bonhomme de neige, alors le
gradés et des motifs et appliquer des rouge seront sélectionnés. Si vous
appuyée tout en cliquant sur un objet rectangle de fond vous gênera sans
marqueurs, une épaisseur et des em- souhaitez les ajouter à la sélection
déjà sélectionné le retirera de la sé- doute. Si vous essayez de faire glisser
bouts différents à leurs contours. En existante, maintenez aussi la touche
lection. Cette approche est utile lors- une zone de sélection en commen-
bref, vous avez une boîte à outils Maj enfoncée.
que vous voulez sélectionner seule- çant sur un autre objet, vous allez
suffisante pour créer des dessins très
ment quelques objets, ou s'ils sont juste déplacer celui-ci. La réponse est
complexes, si vous le souhaitez. Dans
largement espacés avec d'autres objets de maintenir Maj dès que vous com-
cet épisode, nous allons examiner des
entre les deux. mencez à faire glisser votre souris, ce
façons de gérer cette complexité.
qui empêchera Inkscape de sélection-
Dans le cas de notre chapeau, ce-
Au fur et à mesure que le nombre ner l'objet sur lequel vous avez com-
pendant, il y a une bien meilleure
d'objets dans un dessin augmente, il mencé. Rappelez-vous, Maj-clic va ajouter
façon de faire. Les objets sont très
devient de moins en moins probable à votre sélection (ou retirer de celle-
regroupés, ce qui rend facile le tra-
que des manipulations objet par objet ci), mais Maj-Glisse empêchera l'objet
çage d'une zone de sélection autour
soient acceptables. Si vous souhaitez cliqué d'être ajouté.
d'eux, comme ceci : cliquez sur une
redimensionner ou faire pivoter le cha- Sur beaucoup de systèmes Linux,
zone vide du fond et maintenez-la,
peau de notre bonhomme de neige, Une limitation à une telle zone de vous allez découvrir rapidement un
puis faites glisser la souris en dia-
par exemple, vous allez rapidement sélection est qu'elle sélectionne uni- petit problème si vous essayez d'uti-
gonale à partir du point de départ.
être frustré si vous devez d'abord quement les objets qui sont entière- liser Alt-Glisser pour le mode de
Vous verrez un rectangle, la boîte de
manipuler le bord, puis le côté, puis le ment enfermés à l'intérieur de la « touch selection » : souvent les ges-
sélection, qui suit le pointeur de la
haut ; et c'est sans tenir compte des boîte. Cela peut être un problème si tionnaires de fenêtres utilisent Alt-
souris. Lorsque vous relâchez le bou-
ombres et des reflets, que nous avons vous êtes en plein zoom, ou si vos glisser comme un moyen de déplacer
ton, tout ce qui est à l'intérieur du
ajoutés la dernière fois. Une bien meil- objets sont trop rapprochés et que la fenêtre sans avoir à faire glisser la
rectangle sera sélectionné.
barre de titre, ce qui empêche Alt-
spécial inkscape volume deux 3
TUTORIEL - INKSCAPE P. 8
glisser de fonctionner dans Inkscape. redimensionner, incliner et tourner tous
Il y a trois façons de contourner cette les objets comme s'ils n'étaient qu'un
limitation : seul élément. Combiner les formes
••Désactivez l'option Alt-glisser dans distinctes qui forment une seule
cette entrée de menu sera légèrement dans le groupe, comme une modifi-
les préférences de votre gestionnaire entité, telle que le chapeau de notre
différente pour chacun d'eux. Une fois cation de la largeur du contour. Mal-
de fenêtre. Ce n'est pas toujours fa- bonhomme de neige, devient facile.
que vous êtes entrés dans un groupe, heureusement, aucun des autres attri-
cile à faire et aura généralement pour Vous pouvez même créer un groupe
vous êtes libre de modifier son con- buts de style de ligne ne peut être
effet secondaire de le désactiver pour qui ne contient qu'un seul objet, mais
tenu individuellement. La barre d'état défini comme celui-ci ; ainsi, si vous
toutes les fenêtres de toutes les ap- généralement le regroupement est
vous montre que vous êtes dans un souhaitez que le contour de tous les
plications, et pas seulement Inkscape. utilisé pour que travailler avec plu-
groupe en plaçant temporairement objets de votre groupe soit en poin-
••Maintenez enfoncée la touche Super sieurs objets qui forment une seule
son ID dans la boite de dialogue des tillés, vous devrez entrer dans le
(c'est comme ça qu'elle est appelée partie de votre image soit plus facile.
couches, à la droite des paramétrages groupe et configurer chacun d'eux
généralement dans le monde Linux,
de remplissage, de contour et d'opa- individuellement.
mais vous la connaissez sans doute Vous voudrez souvent modifier un
cité (ci-dessus).
mieux comme étant la touche Win- objet dans votre groupe. Une manière
Définir une couleur unie pour le
dows), en plus de Alt ou Maj-Alt. de le faire consiste à sélectionner le
Une fois entré dans un groupe, remplissage ou le contour d'un groupe
••Commencez à faire glisser ou Maj- groupe, puis à utiliser Objet > Disso-
tous les objets que vous collerez à fait exactement ce à quoi vous pour-
glisser comme si vous faisiez glisser cier (Ctrl-Maj-G) ou cliquer sur le
partir du presse-papiers seront ajoutés riez vous attendre. Mais essayez de
une zone de sélection, puis appuyez bouton Dissocier de la boîte
au contenu de ce groupe, de même définir un dégradé ou un motif pour
sur Alt pour passer en mode de « touch à outils (illustré à gauche)
que tous les nouveaux objets que vous l'ensemble du groupe et vous pour-
selection » au cours du processus. afin de briser le groupe en
créerez. Il y a plusieurs façons de quit- riez être un peu surpris par les ré-
Vous pouvez appuyer et relâcher Alt ses parties constituantes. Après avoir
ter un groupe, mais la plus commune sultats. Supposons que vous souhai-
aussi souvent que vous le souhaitez modifié votre objet, vous pouvez les
est de sélectionner simplement un tiez appliquer un dégradé du blanc au
pendant ce processus : c'est seule- regrouper à nouveau. Mais il vaut géné-
objet qui est à l'extérieur du groupe. noir à travers un certain nombre
ment lorsque le bouton de la souris ralement mieux éditer un objet sans
Vous pouvez également double- d'objets : vous pourriez être tenté de
est relâché que Inkscape va vérifier l'embrouillamini de dégrouper puis re-
cliquer sur une zone vide du canevas les regrouper, puis d'appliquer le
pour déterminer s'il faut utiliser la grouper plus tard ; Inkscape permet
si vous ne voulez pas choisir quelque dégradé au groupe. En fait voici le
boîte de sélection ou le mode « touch donc d'« entrer » dans un groupe pour
chose d'autre, ou sélectionner « Aller résultat que vous obtiendrez :
selection ». travailler avec son contenu directe-
au parent » dans le menu contextuel.
ment. Le moyen le plus rapide pour
Avec plusieurs objets sélectionnés, il entrer dans un groupe est tout simple-
est temps de les combiner en un En plus de déplacer et transformer
ment de double-cliquer dessus, mais il
« groupe » en utilisant l'icône boîte à un groupe, vous pouvez également
y a une option en bas du menu con-
outils, le raccourci Ctrl-G, ou en sélec- ajuster ses remplissage et contour. Le Comme vous pouvez le voir,
textuel du clic droit pour « Entrez dans
tionnant le menu Objet > Grouper. réglage du remplissage ou du contour même si les points de dégradé
le groupe g#20 ». Inkscape assigne un
Maintenant, vous pouvez déplacer, appliquera ces valeurs à tous les objets couvrent toute la largeur du groupe,
identifiant unique à un groupe, aussi
spécial inkscape volume deux 4
TUTORIEL - INKSCAPE P. 8
Inkscape n'a en fait utilisé qu'une petite cité ou flou appliqué à des objets une seule entité facile à gérer – les mêmes techniques que pour un
partie de celui-ci : la partie couverte individuels, ce qui vous permet de comme dans le cas du chapeau du seul groupe. Pour sortir de vos groupes
par le premier objet. Puis il a répété créer des combinaisons complexes bonhomme de neige au début de cet un niveau à la fois, vous pouvez
cette petite partie pour chaque objet d'effets. Dans cette image, la rangée article. Vous pourriez également créer double-cliquer sur une zone vide de la
dans le groupe. Ainsi, au lieu d'aller du du haut montre deux groupes, l'un un autre groupe pour la tête du toile ou utiliser le menu contextuel et
blanc au noir à travers quatre objets, sans l'opacité sur ses objets et l'autre bonhomme de neige et un troisième « Aller au parent ». Pour passer
on obtient du blanc au gris à travers avec le cercle vert mis à 50 % d'opa- pour son corps et ses bras. Le dé- directement à un niveau particulier, il
un objet, qui est ensuite aussi utilisé cité. La rangée du bas montre ce qui placer sur le dessin est maintenant vous suffit de cliquer sur un autre
pour les trois autres. Le même pro- arrive quand vous appliquez égale- beaucoup plus simple, car il y a seu- objet ou un groupe qui est à ce
blème se pose pour les motifs de rem- ment une opacité de 50 % au groupe lement trois objets à sélectionner et à niveau-là. Autrement, vous pouvez
plissage : chaque objet a une copie du lui-même. déplacer à la place des dizaines que utiliser la boîte des couches sur la
motif appliqué au premier objet, vous deviez gérer précédemment. Mais barre d'état pour passer directement
Plutôt que d'avoir l'opacité appli-
plutôt que d'avoir un motif qui couvre nous pouvons rendre les choses en- à n'importe quel groupe parent ou
quée à chaque objet, comme le serait
l'ensemble du groupe. Il y a une ré- core plus simples en créant un groupe même revenir directement au niveau
la couleur de remplissage, les cercles
ponse à ces deux problèmes par l'inter- qui est composé de nos trois groupes de la page.
conservent leurs opacités individuelles
médiaire des tracés de détourage, existants. Il suffit de les sélectionner
et l'opacité de groupe est ensuite Les groupes imbriqués suivent les
mais c'est un sujet plus complexe qui tous les trois et créer un groupe
appliquée à l'ensemble. Les mêmes mêmes règles que tous les autres
sera pour un autre jour. comme nous l'avons fait plus tôt dans
règles s'appliquent aux flous : les objets groupes quand il s'agit des couleurs
l'article.
individuels sont floutés en premier, de remplissage et de contour, d'opa-
La partie inférieure de la boîte de
puis le flou au niveau du groupe est Avec un seul groupe qui contient cité et de flou. Définissez une couleur
dialogue Remplissage et contour a un
appliqué à l'ensemble complet. toutes les parties de notre bon- de remplissage sur un groupe imbri-
effet qui s'étend au niveau du groupe.
homme de neige, c'est un jeu de le qué et tous les objets, peu importe
Si vous définissez l'opacité ou le flou Que le remplissage et le contour
faire bouger. Si vous avez besoin leur profondeur d'imbrication, seront
pour un groupe, il s'applique à l'en- aient une incidence sur les groupes
d'ajuster la position ou l'angle de son mis à cette couleur, mais l'opacité et
semble du groupe comme un objet d'une part, alors que le flou et l'opa-
chapeau, il suffit d'entrer dans le le flou sont appliqués à chaque objet
unique. Et ceci s'ajoute à toute opa- cité les affectent d'une manière dif-
groupe et vous pouvez alors interagir et groupe séparément.
férente d'autre part, peut paraître
avec chacun des trois groupes à
contre-intuitif. Dans la pratique, vous
l'intérieur. Sélectionnez l'un d'entre
vous y habituerez très vite et les
eux et vous pouvez y entrer à nou-
avantages artistiques d'avoir de mul-
veau pour descendre vers les objets
tiples niveaux d'opacité et de flou
individuels. Inkscape permet d'imbri-
l'emportent facilement sur toute con-
quer vos groupes aussi profondé-
fusion à court terme.
ment que vous le souhaitez.
Les groupes sont précieux pour Pour sortir d'un groupe profon-
recueillir des objets liés ensemble en dément imbriqué, vous pouvez utiliser
spécial inkscape volume deux 5
TUTORIEL - INKSCAPE P. 8
Bien que les groupes soient un Si vous entrez dans un groupe, vous
outil précieux pour la gestion des pouvez réorganiser l'ordre vertical
dessins complexes, ils ont des limites. des objets, mais seulement l'un par
En particulier, un groupe occupe une rapport à l'autre. Le groupe dans son
seule position verticale dans l'ordre de ensemble ne prendra toujours qu'un
la pile : vous ne pouvez pas imbriquer seul emplacement. Dans ce cas, cela
les objets d'un groupe avec ceux d'un signifie que les trois feuilles rouges
autre. Dans cette image, j'ai dessiné sont indivisibles : vous ne pouvez pas
une série de carrés entrelacés sur la déplacer une des feuilles jaunes entre
gauche. L'image de la page précé- elles sans, soit dissocier les feuilles
dente, en bas à droite montre le ré- rouges, soit déplacer la feuille jaune à
sultat du placement des seuls carrés l'intérieur du groupe. Cette limitation
rouges dans un groupe : le groupe va vous empêcher de créer des groupes
complet occupe un seul emplacement qui, autrement, pourraient être utiles :
dans l'ordre vertical – le même empla- une corde qui serpente à la fois autour
cement que l'objet le plus haut dans du recto et du verso d'un autre objet
le groupe. ne peut pas être regroupée comme
un seul objet ; mais dans de nom-
SOLUTION
Si vous imaginez ces objets comme breux cas, des groupes simplifieront
une pile de feuilles de papier, c'est un votre utilisation d'Inkscape de manière
peu plus clair de voir ce qui s'est significative.
passé. L'image suivante montre les
feuilles entrelacées empilées les unes
sur les autres, suivies du réarrange-
ment dans l'ordre vertical une fois que
les feuilles rouges sont regroupées.

Mark travaille sous Linux depuis 1994

et utilise Inkscape pour créer deux
bandes dessinées sur le web : 'The Greys'
et 'Monsters, Inked' que vous trouverez
sur : [Link]

spécial inkscape volume deux 6

 TUTORIEL
Écrit par Mark Crutch
Inkscape - Partie 9
A près avoir parlé de l'utilisation des
groupes dans Inkscape, nous allons
maintenant passer aux « calques » –
des outils d'accès rapide dans la barre
d'état en bas de l'écran. Commençons
par la boîte de dialogue des calques
Il y a plusieurs façons de créer un
nouveau calque, mais la plus évidente
est de cliquer sur le bouton « + » vert
pas être imbriqué, chaque groupe occu-
pant un seul « emplacement » dans le
z-index. C'est la même chose pour les
qui sont comme des groupes, mais que l'on peut ouvrir via le menu Calque en bas de la boîte de dialogue calques : vous pouvez les déplacer les
avec une interface différente pour les > Calques…, en appuyant sur Ctrl- Calques. Vous serez invité à donner uns par rapport aux autres, mais leurs
manipuler. Il y a une bonne raison aux Maj-L, ou en utilisant le bou- un nom au calque et à sélectionner contenus ne peuvent pas se mélanger.
similitudes entre les groupes et les ton Afficher les calques de la une position pour celui-ci. Pour l'ins-
calques : le format SVG n'a pas de notion boîte à outils : tant, nous allons appeler notre nou- Lorsque vous créez un nouveau
de calques et donc Inkscape met effec- veau calque « Calque 2 » et le placer calque, vous pouvez utiliser la pop-up
tivement en œuvre chaque calque La boîte de dialogue des calques au-dessus du calque actuel. Position pour choisir si le nouveau
comme un groupe avec quelques don- est assez clairsemée, composée d'une calque doit être au-dessus ou au-
nées personnalisées supplémentaires. liste de calques en haut et de quel- La boîte de dialogue des calques dessous du calque actuel. Il y a aussi
ques boutons et autres widgets en devrait ressembler à ce que vous atten- une troisième option, qui est d'en
bas. Pour un nouveau fichier, un seul dez, avec deux entrées : « Calque 2 » faire un sous-calque du calque actuel.
calque sera présent, habituellement au sommet de la liste et « Calque 1 » Les sous-calques apparaissent sous
nommé « Calque 1 ». Créez quelques en dessous. L'ordre des calques dans leur calque parent dans la boîte de
objets dans votre dessin et ils feront la boîte de dialogue représente leur dialogue, légèrement en retrait. Le
partie de ce calque. Maintenant, cli- z-index dans le dessin, de sorte que parent gagne une petite icône en
quez sur la petite icône en forme les calques en bas de liste apparaî- forme de triangle qui peut être uti-
d'œil à gauche de « Calque 1 » et vous tront derrière des calques qui sont lisée pour afficher ou masquer la liste
remarquerez que vos objets dispa- situés plus haut dans la liste. Vérifiez des sous-calques. De la même manière
raissent. Cliquez à nouveau et ils réap- que « Calque 2 » est sélectionné et que les groupes peuvent être imbri-
paraissent. Cliquez sur l'icône cade- dessinez d'autres objets en vous as- qués à plusieurs niveaux de profondeur,
nas et vous ne pourrez plus modifier surant que ces nouveaux objets se il est possible d'ajouter des sous-
les objets dans votre calque. Un se- superposent aux objets précédents de calques à des sous-calques – même si
cond clic va déverrouiller le calque. « Calque 1 » et en choisissant une cou- dépasser deux ou trois niveaux de
leur qui contraste. Vous devriez voir profondeur peut embrouiller plutôt
que les nouveaux objets sont tou- qu'aider. Cette image montre notre
jours dessinés par dessus les objets « Calque 1 » avec l'ajout de trois sous-
anciens. En utilisant les flèches en bas calques, dont deux ont également
Il y a trois parties de l'interface de la boîte de dialogue Calques, vous leurs propres sous-calques, dont l'un
Inkscape qui sont utilisées pour la ges- pouvez réordonner vos calques, ce est réduit en utilisant le bouton triangle
tion des calques : le menu Calque, une qui va modifier le z-index des objets (page suivante).
boîte de dialogue Calques dédiée et dans votre dessin. Vous vous souvenez
que le contenu des groupes ne peut
spécial inkscape volume deux 7
TUTORIEL - INKSCAPE P.9
une fois que vous en êtes satisfait.

Regardons un exemple concret (voir

ci-dessous, col. 2 et 3). C'est une bande
dessinée que j'ai réalisée en 2010, avec
la boîte de dialogue Calques corres-
pondante. Vous pouvez télécharger le
fichier source Inkscape à partir de
l'URL à la fin de l'article.

En partant du calque d'en haut,

nous avons d'abord un calque « Fra-
me » (cadre) qui est verrouillé. Il s'agit
cacher rapidement plusieurs parties à utiliser des groupes : la possibilité
d'une bordure noire épaisse qui se
d'une image en même temps. Pour de déplacer le personnage entier est
trouve dans le calque le plus haut
notre bonhomme de neige des arti- généralement plus utile que la capa-
dans la plupart de mes bandes des-
cles précédents, vous pourriez faci- cité de le cacher facilement. Pour le
sinées et masque les extrémités des
lement construire un calque parent fond de l'image – la neige, le ciel et
lignes qui dépassent à l'extérieur de
L'ordre des sous-calques dans la pour y placer le bonhomme de neige les étoiles – j'utiliserais sans doute un
l'image principale, ce qui me permet
boîte de dialogue suit les mêmes dans son ensemble, avec plusieurs sous- calque : il est peu probable que vous
de ne pas devoir être très atten-
règles que pour les calques normaux : calques pour chaque partie de son déplaciez souvent le fond, mais vous
tionné lorsque je dessine des objets
plus un calque est bas dans la boîte corps. Ce qui vous permet de mas- pouvez avoir envie de le cacher lors-
près du bord de la case. Vient ensuite
de dialogue, plus son contenu aura un quer ou verrouiller certaines parties en que vous travaillez sur le bonhomme
le calque de texte, qui contient à la
z-index bas dans le dessin. De cela, il utilisant les icônes à côté de chaque de neige, ou de le verrouiller pour em-
fois la légende de cette bande des-
s'ensuit que le contenu d'un sous- sous-calque, ou de cacher ou verrouil- pêcher une modification accidentelle
calque apparaîtra toujours au-dessous ler rapidement le personnage entier à
du contenu de son calque parent. Bien l'aide des icônes du calque parent.
que cela soit logique, ce n'est souvent
pas ce que vous voulez artistiquement, Vous vous souvenez que l'article
je trouve donc que la meilleure ap- précédent a suggéré de regrouper les
différentes parties du bonhomme de
proche pour utiliser des sous-calques
est de simplement garder le calque neige pour créer un objet unique que
vous pouvez facilement déplacer.
parent vide d'objets et de construire
Alors, qu'est-ce qui est mieux, les
un sous-calque supplémentaire au-des-
groupes ou les calques ? Comme c'est
sous des autres pour y placer le fond.
souvent le cas, la réponse est « ça
Le plus grand avantage des sous- dépend ». Pour quelque chose comme
calques est qu'ils sont un moyen de le bonhomme de neige j'aurais tendance

spécial inkscape volume deux 8

TUTORIEL - INKSCAPE P. 9
l'intérieur de chacun de ces sous-
sinée et la case dans laquelle elle se Lorsque vous dessinez une image primer un calque. Elle est disponible
trouve. Ce calque est également ver- calques, les objets sont groupés, le complexe, vous aurez éventuellement via le menu Calque > Supprimer le
rouillé pour empêcher que je le dé- calque « Towers » contient ainsi trois besoin de déplacer des objets entre calque actuel ou par le bouton « - »
place accidentellement lorsque je mo-groupes, un pour chaque calque. Cela les calques. Vous ne pouvez pas le rouge dans la boîte de dialogue.
m'a permis de déplacer chaque tour
difie d'autres parties de la bande des- faire depuis la boîte de dialogue des Attention, cela supprime le calque et
sinée. individuellement, tout en me donnant calques ; il faut passer par le menu tout ce qu'il contient, y compris les
la possibilité de les cacher toutes d'un Calque ou un raccourci clavier. Sélec- sous-calques, sans aucune confirma-
En dessous se trouve le calque de seul coup. tionnez les objets que vous voulez tion supplémentaire. Si vous suppri-
contenu. Dans beaucoup de mes BD, déplacer et utilisez Calque > Déplacer mez par inadvertance un calque, tout
Le calque de fond (« Background ») la sélection au calque supérieur (MAJ n'est pas perdu, puisque Édition >
contient tout le reste de ce qui est + PagePrécédente) ou Calque > Dépla- Annuler (CTRL-Z) le restaurera.
visible dans la BD, en particulier les cer la sélection au calque inférieur
murs de l'arène et l'horizon vallonné. (MAJ + PageSuivante). Terminons notre tour de la boîte
Le calque « Border », verrouillé à nou- de dialogue des calques avec les com-
veau, contient une bordure commune Une autre option que vous verrez mandes du bas. Le curseur Opacité
à toutes mes BD qui contient des dans le menu Calque est Dupliquer le fonctionne de la même manière que
informations de licence, l'URL de mon calque actuel. Cela ne duplique pas que celui de la boîte de dialogue Rem-
site web et une ombre portée. le calque lui-même, mais aussi tous les plissage et contour, mais s'applique à
objets à l'intérieur de ce calque, y tous les objets du calque sélectionné.
Ces deux derniers calques sont par- compris les sous-calques et leur C'est encore une autre des nom-
ticulièrement intéressants car ils con- contenu. Les objets dupliqués appa- breuses façons que propose Inkscape
tiennent tous les deux des objets très raissant directement par-dessus les pour rendre les objets invisibles.
flous. Les flous sont mis en œuvre en originaux, il n'est pas toujours évident
tant que filtres SVG, qui seront traités que les copies ont été créées, alors Le pop-up Mode de fondu définit
dans un prochain article, mais, à ce faites attention lorsque vous utilisez
la façon dont le calque sélectionné
stade, il est utile de savoir que les cette option. Vous pouvez égalementest dessiné par rapport aux calques
filtres peuvent être mathématique- dupliquer des calques directement inférieurs. Tout comme le curseur
ment intensifs et peuvent ralentir con- dans la boîte de dialogue des calques
Flou dans le dialogue Remplissage et
sidérablement la vitesse de rafraîchis- en utilisant le menu contextuel sur le
contour, c'est en fait un raccourci
sement d'Inkscape. Une des meilleures nom du calque. Le menu contextuel pour ajouter un filtre. Les modes de
il sert comme un calque normal auto- façons d'éviter ce ralentissement est propose aussi une option « Renom- fondu proposés sont Normal, Produit,
nome, contenant tous les person- de cacher le calque qui contient les mer le calque… », mais il est géné-Superposition, Obscurcir et Éclaircir -
nages principaux et leurs accessoires. objets filtrés. Inkscape n'a pas à les ralement plus facile de cliquer sur le
mais il n'y a pas souvent de raison
Dans ce cas, je voulais pouvoir mas- dessiner, il ne fait donc pas les opé- nom d'un calque sélectionné, ce qui le
d'utiliser autre chose que Normal. Je
quer différentes parties du dessin pen- rations mathématiques requises, et il transforme en un champ modifiable. connais un artiste qui met toutes les
dant que je travaillais dessus, de sorte peut afficher votre image beaucoup ombres dans ses images dans un
que le calque de contenu est juste un plus rapidement. Étrangement, il manque dans le calque unique qui est réglé à Produit
support pour divers sous-calques. À menu contextuel l'option pour sup- et j'ai aussi utilisé le mode Produit
spécial inkscape volume deux 9
TUTORIEL - INKSCAPE P. 9
pour fabriquer une image 3D ana-
glyphe de la navette spatiale. Dans
cette image, j'ai utilisé la navette
spatiale anaglyphe pour démontrer
les différences entre les modes de
fondu, mais l'effet réel produit dépend
fortement des couleurs utilisées au
départ.

Il reste un aspect de la gestion des

calques à mentionner : le menu pop-
up dans la barre d'état. Il vous permet
de basculer rapidement entre les
calques et de masquer, afficher, ver-
rouiller ou déverrouiller le calque ac-
tuel à l'aide des boutons situés à
gauche de la fenêtre pop-up.

LIENS
L'article précédent a présenté cette
pop-up dans le cadre de la gestion Les BD utilisées dans ce tutoriel,
des groupes. C'est un effet secon- ainsi que les fichiers sources Inkscape,
daire du fait que les calques ne sont peuvent être téléchargées à partir de :
que des groupes avec un peu de mé-
[Link]
tadonnées supplémentaires. Dans ce calques en arrière en une seule étape. ou de groupes verrouillés que vous ne
cas, le nom du bouton sera en fait le pouvez pas déverrouiller facilement.
numéro interne du groupe et vous Pour cette raison, j'ai tendance à
pouvez utiliser le menu pour quitter utiliser les fonctions Masquer et Ver-
un groupe en passant à un groupe rouiller seulement dans la boîte de
parent, ou directement à un calque Méfiez-vous, toutefois, car l'utilisa- dialogue des calques, ou tout au Mark travaille sous Linux depuis 1994
complètement différent. Cela peut tion des boutons pour masquer ou moins à revérifier que je ne suis pas à et utilise Inkscape pour créer deux
être particulièrement utile si vous verrouiller lorsque vous avez un groupe l'intérieur d'un groupe avant de les bandes dessinées sur le web : 'The Greys'
êtes dans une collection de groupes sélectionné peut être dangereuse, utiliser à partir de la barre d'état. et 'Monsters, Inked' que vous trouverez
très profondément imbriquée car cela entraînant des groupes cachés que sur : [Link]
fournit un moyen de revenir plusieurs vous ne pouvez pas facilement afficher
spécial inkscape volume deux 10
 TUTORIEL Inkscape - Partie 10
L e précédent opus incluait une
bande dessinée fabriquée dans
Inkscape en utilisant des chemins, des
rouillés pour être utilisés seulement
dans Inkscape, mais présente l'incon-
vénient que les développeurs d'Inkscape
fichiers des utilisateurs si le code était
simplement supprimé. Les dévelop-
peurs d'Inkscape ont pris la décision
mencez à taper. Si vous ne voyez rien,
vérifiez via la barre d'état que vos
paramètres d'opacité et de couleur
ellipses et des rectangles avec des ont peu de contrôle direct sur ce qui pragmatique de laisser la fonction de sont logiques. Félicitations, vous ve-
remplissages unis et dégradés – tous entre ou pas dans le cahier des charges. texte encadré en place, même si son nez de créer du texte SVG. Si vous
les éléments qui ont été abordés utilisation crée des fichiers que d'au- revenez à l'outil de sélection en uti-
dans cette série jusqu'à présent. Mais La première version de la spéci- tres applications ne pourront pas bien lisant la palette d'outils ou la touche
elle contenait également un autre type fication SVG est sortie en 2001, suivie comprendre. F1, vous pouvez déplacer, redimen-
d'objet qui est un élément essentiel par la version 1.1 en 2003. Après cela, sionner, incliner et faire pivoter votre
de nombreuses images : du texte. plusieurs années ont été consacrées à En raison de ce problème histo- objet texte de la même façon que
travailler sur la version 1.2, qui devait rique, Inkscape peut créer un texte tout autre élément SVG. Puisque ce
Ce n'est pas difficile de créer des inclure de nombreux ajouts et amé- sous deux formes différentes : de type type d'objet texte est conforme à
objets texte dans Inkscape, mais cela liorations – y compris des ajouts de SVG 1.1, qui ne se répartit pas de lui- SVG 1.1, il peut être affiché ou édité
peut avoir quelques inconvénients support de texte qui irait à la ligne même dans son conteneur (auquel je par diverses autres applications. Com-
qui peuvent facilement dérouter les pour remplir son contenant. Les déve- ferai référence comme texte SVG), et me vous pouvez le voir sur cette
débutants. Certains d'entre eux sont loppeurs d'Inkscape ont passé pas de type SVG 1.2 qui se répartit (texte image, même l'inclinaison et la rota-
communs à tous les programmes gra- mal de temps pour mettre en œuvre encadré), mais qui n'est pas conforme tion de l'objet texte dans Inkscape (ci-
phiques vectoriels, mais le premier que ce format de « texte évoluant », s'atten- à la spécification SVG. Le problème se dessous) n'empêche pas l'affichage
vous risquez de rencontrer est propre dant vraiment à ce qu'il sorte offi- pose parce qu'il est beaucoup trop fa- dans Firefox (en bas) :
à Inkscape et implique une brève leçon ciellement dans la nouvelle norme SVG. cile de créer accidentellement un texte
d'histoire… encadré, surtout si vous avez déjà
Ensuite, SVG 1.2 a périclité et dis- utilisé d'autres applications graphiques.
Le format de fichier natif d'Ink- paru. Ce n'est jamais devenu une
scape est le SVG, un format ouvert norme et à ce jour – 8 ans plus tard ! – Passons à la pratique et
spécifié par le World Wide Web Con- SVG 1.1 est toujours la dernière version créons réellement un texte.
sortium (W3C). En utilisant un format officielle de la spécification SVG. Ce Sélectionnez d'abord l'outil de
ouvert, Inkscape crée des fichiers qui qui a laissé à Inkscape le seul choix de texte en cliquant sur son icône dans la
peuvent être affichés et modifiés, au créer des objets qui ne sont compa- palette d'outils, ou en appuyant sur
moins dans une certaine mesure, tibles qu'avec une spécification avortée, « T » ou F8.
dans un large éventail d'applications. mais comme cette fonctionnalité était
C'est un énorme avantage pour l'utilisa- sortie dans une version du logiciel, Maintenant, cliquez simplement
teur, dont les fichiers ne sont pas ver- cela rompait la compatibilité avec les dans la fenêtre de dessin et com-

spécial inkscape volume deux 11

TUTORIEL - INKSCAPE P. 10
D'autres applications graphiques Si nous chargeons ce fichier SVG dant, cela doit être un objet unique,
nécessitent que vous délimitiez un rec- dans Firefox, le résultat est une page pas un groupe. Vous aurez également
tangle sur le canevas pour contenir blanche. Firefox ignore complètement besoin d'un peu de texte, mais peu
votre texte. Ceci est particulièrement les textes encadrés, et il se passe la importe que vous utilisiez du texte
fréquent dans les programmes de même chose dans presque toutes les SVG ou du texte encadré à ce stade.
PAO comme Scribus, où presque tout autres applications. Rappelez-vous, la Sélectionnez à la fois la forme et le
est défini en dessinant un cadre com- différence entre un texte SVG et un texte, puis utilisez le menu Texte >
me conteneur. Vous pouvez égale- texte encadré est aussi simple que Mettre suivant un chemin pour que la
ment le faire dans Inkscape – il suffit juste cliquer ou cliquer-glisser. Si vous magie opère. Notez que la barre
de sélectionner l'outil Texte puis de souhaitez utiliser vos fichiers SVG d'état décrit maintenant votre objet
cliquer et faire glisser un rectangle dans d'autres applications, vous de- texte comme « Texte le long d'un
sur le canevas avant de taper. Vous vriez presque toujours simplement chemin », et que vous pouvez modi-
venez de créer un objet texte en- cliquer pour créer vos objets texte. Si fier votre forme autant que vous vou-
cadré. Avec l'outil Texte toujours actif vous avez un doute, sélectionnez votre lez, avec le texte qui se modifie pour
et l'objet texte encadré sélectionné, objet texte et vérifiez la barre d'état, s'adapter :
vous devriez voir une petite poignée qui décrit l'objet comme « texte » ou
carrée en bas à gauche du cadre du « texte encadré ».
texte. En déplaçant cette poignée, vous
pouvez modifier la taille et la forme Malgré le ton des quelques para-
de votre cadre, et le texte sera modifié graphes précédents, il y a parfois des
automatiquement. L'image suivante raisons valables pour lesquelles vous
montre le même objet texte encadré voulez utiliser un texte encadré. Si Le véritable avantage du texte
dupliqué plusieurs fois dans Inkscape. vous ne souhaitez pas utiliser vos fi- encadré dans Inkscape est qu'il peut
Les tailles des cadres des copies ont été chiers Inkscape dans une autre appli- se répartir dans des formes autres
modifiées et vous pouvez facilement cation, la présence d'un code SVG non que de simples rectangles. D'abord,
voir que le texte a bougé, et, dans le standard ne vous gênera pas. Même vous aurez besoin d'une forme à
cas du cadre en bas à droite, il a été si vous souhaitez utiliser vos fichiers remplir avec le texte : cela peut être
tronqué automatiquement : SVG ailleurs, il peut parfois être plus l'une des primitives Inkscape simples Comme avec un texte encadré
facile de créer un texte encadré pen- comme des rectangles, ellipses et normal, ce ne sera pas compris par
dant la phase de dessin, puis le con- étoiles, ou bien un élément chemin d'autres applications SVG. Vous pou-
vertir en texte SVG en utilisant le menu qui vous permet de créer des formes vez toujours utiliser Texte > Convertir
Texte > Convertir en texte juste avant complexes à l'aide de toutes les opé- en texte, mais avec des chemins très
d'enregistrer la version finale de votre rations booléennes et des outils d'édi- complexes, vous pouvez constater
fichier. Le chargement du fichier dans tion de nœuds qui ont été décrites que le texte se déplace pas mal du-
Firefox donne exactement le résultat dans les articles précédents. Cepen- rant la conversion. Néanmoins, pour
attendu : des étiquettes et des bulles de BD, la
spécial inkscape volume deux 12
TUTORIEL - INKSCAPE P. 10
le nom de la police. Si une police
portant le même nom n'est pas pré-
sente sur l'ordinateur de destination,
un peu pointilleux sur ses polices, liser d'autres unités. Les deux bou- le logiciel utilisé pour afficher le fichier
donc il se peut que certaines polices tons suivants permettent de basculer la remplacera par une autre, souvent
sur votre système ne soient pas dis- entre les versions en gras ou en avec des effets dramatiques sur l'ap-
ponibles, en particulier celles qui n'ont italique de la police sélectionnée – ou parence de votre image. L'image ci-
pas été créées par un atelier profes- une version gras-italique si les deux dessous montre quelques panneaux
sionnel. Il y a aussi un petit problème sont actifs. d'une de mes bandes dessinées, d'abord
occasionnel qui peut survenir lorsque Enfin, il y a quatre boutons pour le comme ils devraient apparaître en
vous ouvrez ce menu : Inkscape montre réglage de la justification du texte. utilisant des polices commerciales de
une version abrégée de celui-ci, avec Les justifications à gauche, centré et à bandes dessinées, puis comment il
possibilité de modifier vos formes de
seulement quelques polices réperto- droite peuvent être utilisées pour apparaît sur un ordinateur Ubuntu où
conteneurs et d'avoir le texte qui suit
riées. Si cela arrive, il suffit de cliquer n'importe quel texte, mais la justifi- ces polices ne sont pas installées.
peut être un véritable gain de temps.
en dehors du menu pour le fermer, cation complète (où le programme
Maintenant que vous savez comment
puis de le rouvrir. Enfin, vous pouvez tente d'aligner à la fois le début et la Il existe quatre solutions à ce pro-
créer des objets de texte de base
constater que certaines polices refusent fin de chaque ligne) est disponible blème :
dans leurs différentes formes, il est
tout simplement de rester sélection- uniquement pour un texte encadré. • Veillez à ce que les polices néces-
temps de contrôler un peu plus le
nées quand on les choisit dans ce Vous pouvez convertir un texte saires soient présentes également sur
style de vos mots. Le plus souvent,
menu. J'ai souvent ce problème avec encadré pleinement justifié en texte la machine de destination. Cela peut
vous aurez envie de choisir une police
« Arial Black », qu'Inkscape remplace SVG – qui fait un travail étonnamment ne pas être possible si ce n'est pas
appropriée, régler sa taille et peut-
immédiatement avec une version en bon en maintenant la justification, mais votre ordinateur, ou si la licence de la
être changer la justification. Toutes
gras de « Arial ». Dans ce cas, vous qui fait des ravages avec l'édition ulté- police l'interdit.
ces options sont disponibles dans la
pouvez utiliser la boîte de dialogue rieure si vous avez besoin de changer
barre des contrôles d'outils et, même
« Texte et police » dans le menu Texte par la suite le contenu.
si elles peuvent être modifiées à tout
pour sélectionner la police récal-
moment, il est souvent plus simple de
citrante, qui sera utilisée lorsque vous Après avoir créé vos objets texte
les régler avant de cliquer (ou cliquer-
cliquez sur le bouton Appliquer. dans Inkscape, vous pouvez vouloir
glisser) pour placer le curseur de
transférer le fichier SVG sur une autre
votre texte pour éviter que le focus
La liste déroulante des tailles vous machine, ou le mettre en ligne. Dans
soit mal placé lorsque vous com-
permet de choisir parmi quelques ce cas, il y a une bonne chance que vous
mencez à taper.
tailles prédéfinies, toutes en unités rencontriez un problème de polices
« SVG pixels ». Vous pouvez égale- manquantes. Le texte dans les fichiers
Le menu déroulant à gauche de la
ment taper directement dans cette SVG est stocké comme une chaîne de
barre d'outils vous permet de sélec-
case pour spécifier une taille diffé- caractères, accompagnée de certaines
tionner une police. Inkscape peut être
rente, mais il n'y a aucun moyen d'uti- informations de style qui contiennent
spécial inkscape volume deux 13
TUTORIEL - INKSCAPE P. 10
• N'utilisez pas le format SVG pour nant toutes les lettres. Une fois con-
transférer ces fichiers vers d'autres verti en chemins, le texte est simple-
systèmes. Pour mes bandes dessinées, ment une collection de formes dans
j'exporte toujours une version PNG du votre fichier SVG et ne nécessite plus
fichier pour être sûr que mes lecteurs que les polices soient installées.
verront un affichage au pixel près de
l'image. L'exportation vers d'autres Cela peut sembler une solution
formats sera l'objet de la partie 12 de idéale, mais il y a un inconvénient :
cette série. votre « texte » n'est plus un objet texte
• Utilisez uniquement des polices et ne peut donc plus être modifié en
couramment disponibles. Ce n'est pas utilisant l'outil texte dans Inkscape. Si
une solution parfaite, mais peut être vous décidez d'utiliser cette approche,
viable dans certaines circonstances. je vous recommande d'effectuer la
Mes BD « Greys », pour lesquels les conversion en chemins le plus tard
fichiers SVG sont disponibles au télé- possible. Vous devriez également faire
chargement, utilisent la police omni- une copie de l'objet texte avant de le
présente « Arial » pour cette raison. convertir, au cas où vous auriez besoin
Même avec cette précaution, ils s'af- de l'éditer à nouveau à une date ulté-
fichent souvent mal dans un naviga- rieure. L'objet texte devrait ensuite
teur Web et, bien que cette approche être mis sur un calque masqué, ou
rende plus facile l'ouverture des fi- derrière un autre objet, ou encore rendu
chiers dans Inkscape, je produis quand transparent, ou caché de quelque autre
même des versions PNG pour les lec- manière pour qu'il n'interfère pas
teurs occasionnels. avec le rendu du fichier sur la machine
• Convertissez votre texte en che- de destination.
mins avant d'enregistrer le fichier.

Cette dernière solution est aussi

simple que de sélectionner le texte,
puis le menu Chemin > Objet en che-
min. Dans Inkscape 0.48, votre texte
Mark travaille sous Linux depuis 1994
sera remplacé par des chemins par- et utilise Inkscape pour créer deux
faitement ressemblants, un pour cha- bandes dessinées sur le web : 'The Greys'
que lettre, et regroupés. Les versions et 'Monsters, Inked' que vous trouverez
antérieures produisaient simplement sur : [Link]
un chemin composite unique conte-
spécial inkscape volume deux 14
 TUTORIEL
Écrit par Mark Crutch
Inkscape - Partie 11
D ans cet épisode, nous allons conti-
nuer notre enquête sur les outils
de texte d'Inkscape. Précédemment, Pour commencer, vous devez avoir
section appropriée du texte. La souris
sert aussi : cliquez pour placer le curseur
d'édition, ou cliquez et faites glisser pour
vous avez appris à créer un texte SVG un texte à modifier. Si vous êtes en sélectionner une section contiguë du
(conforme à la spécification SVG 1.1, panne d'idées quant à ce qu'il faut taper, texte. Double-cliquez pour sélectionner
et pris en charge dans de nombreuses pourquoi ne pas essayer l'extension un mot, triple-cliquez pour sélectionner
autres applications), et quelques fa- Lorem Ipsum, qui va générer des para- une ligne entière.
çons de créer un texte encadré (non graphes du texte latin habituel utilisé Si une partie du texte est sélec-
compatible avec les spécifications SVG traditionnellement par les typographes tionnée, vous pouvez jouer avec le
officielles, donc pratiquement limité à pour remplir l'espace. Il suffit de sélec- style. Commencez par régler le remplis-
l'utilisation dans Inkscape). Quel que tionner le menu Extensions > Texte > sage à une couleur différente ou peut-
soit le type de texte que vous utilisez, Lorem Ipsum, de choisir des valeurs être par ajouter un contour. Vous
lorsque l'outil Texte est sélectionné, pour les trois champs, puis de cliquer pouvez régler la largeur et le raccord
vous voyez la même barre de con- sur Appliquer. Un objet de texte encadré avec le dialogue Remplissage et con-
trôle de l'outil. La dernière fois, nous est créé sur un nouveau calque, avec tour, mais l'ajout de marqueurs n'aura
avons regardé la moitié gauche de une taille fixée à la taille de la page. souris ou des flèches du clavier). Au-
aucun effet. D'autres parties de la
cette barre d'outils, où vous pouvez Vous pouvez changer la taille de la trement, si l'outil de sélection est actif,
boîte de dialogue modifient le texte
sélectionner une police, la taille, le zone en double-cliquant sur le texte, il vous suffit de double-cliquer dans le
de différentes manières : vous pouvez
style et la justification. puis en déplaçant la petite poignée texte encadré pour positionner le cur-
définir un niveau alpha sur le rem-
en forme de diamant en bas à droite, seur d'édition et passer à l'outil de
Nous avons utilisé ces commandes plissage ou le contour pour lui donner
ou vous pouvez simplement le faire texte d'un seul coup.
pour choisir les paramètres d'un bloc une certaine transparence, mais le
continuer dans un nouvel objet en uti- paramètre d'opacité n'a aucun effet.
entier de texte d'un coup, mais Ink- Une fois le curseur d'édition cli-
lisant le menu Texte > Mettre suivant Si vous essayez d'utiliser le flou, les
scape permet également d'appliquer gnotant joyeusement au milieu de
un chemin que nous avons vu la der- dégradés ou des motifs, vous verrez
la plupart d'entre eux à des mots ou votre texte, vous devriez pouvoir le
nière fois. que l'ensemble de l'objet texte est
des caractères individuels à l'intérieur déplacer à l'aide des touches fléchées,
d'un objet texte. L'utilisation évidente Avec l'outil Texte sélectionné, cli- tout comme dans un traitement de modifié, et pas simplement la section
en est de faire ressortir certains mots quez dans le texte encadré à l'endroit texte. Les touches Début et Fin font sélectionnée. Régler un style de poin-
en gras, en italique, ou les deux à la fois, où vous souhaitez placer le curseur respectivement sauter le curseur d'édi- tillés sur le contour modifiera éga-
mais vous pouvez également changer d'édition (à partir de maintenant, je tion au début ou à la fin de la ligne lement l'ensemble de l'objet texte,
la police, la taille et la couleur de parties vais utiliser le terme « curseur d'édition » courante et, si on maintient enfoncée mais vous ne le verrez pas sur les
de votre texte, en cas de besoin. pour le différencier du curseur de la la touche Maj en effectuant l'un de mots qui n'ont pas de contour.
ces mouvements, on sélectionne la
spécial inkscape volume deux 15
TUTORIEL - INKSCAPE P. 11
Dans la barre de contrôle de texte, rectement – même si votre document
vous pouvez modifier la police de la est configuré pour utiliser les pixels
sélection, modifier sa taille, ou utiliser commandes moins fréquemment uti- pacement affecte l'espacement entre comme unité par défaut – la valeur
les boutons gras et italique. Les bou- lisées qui figurent sur le reste de la les lignes d'un paragraphe de texte. est convertie en quelque chose de
tons de justification fonctionnent seu- barre. La valeur indiquée est multipliée par différent. En pratique, ce n'est pas un
lement pour l'objet texte dans son la taille de la police pour produire l'espa- gros problème, car il est rare d'avoir
Le premier que vous reconnaîtrez cement final. Vous pouvez la réduire
ensemble, pas pour des sélections. besoin de valeurs spécifiques dans ces
peut-être est Exposant et Indice. Bien jusqu'à 0 et, dans ce cas, toutes les
Cela ne signifie cependant pas que, si champs. En général, vous réglez plus
que vous puissiez les appliquer à l'en- lignes se chevaucheront, mais les valeurs
vous voulez aligner un paragraphe à haut ou plus bas pour rendre votre
semble d'un objet texte, ils fonction- négatives sont interdites ; vous ne pou-
gauche et le suivant à droite, vous texte un peu plus ou un peu moins
nent mieux sur une sélection de quel- vez donc pas l'utiliser comme un moyen
aurez à les diviser en objets de texte serré. Ces champs vous permettent
ques caractères à la fois. Ils ont pour d'écrire vos paragraphes de bas en
séparés. Néanmoins, en jouant avec d'entrer des valeurs négatives, si vous
effet de réduire la taille de la police haut. Typiquement, elle vaut 1,25 pour
les polices, les remplissages, les con- avez vraiment envie que votre texte
pour la sélection et de changer le ré- les paragraphes normaux, mais vous
tours, etc., vous pouvez facilement aille vers l'arrière !
glage de la ligne de base de texte pouvez l'adapter pour un affichage
créer des mises en pages de textes
vers le haut ou vers le bas. La taille plus large ou plus serré. Cette image La commande suivante permet de
vraiment horribles.
peut être modifiée par la suite en montre trois paragraphes de notre régler le crénage horizontal sur du
Maintenant que vous avez compris utilisant la barre d'outils, mais ajuster texte Lorem Ipsum, fixés à 0,75, 1,25 texte SVG. Le crénage est le terme
comment positionner le curseur d'édition la position n'est pas aussi simple, si et 2,0 respectivement. utilisé pour décrire l'espacement entre
et sélectionner des parties du texte, il bien que, même si ces boutons sont deux caractères individuels. En ajustant
est temps d'aller voir les icônes et les utiles pour de simples exposants et Les deux commandes suivantes
indices tels que les formules chimiques, sont utilisées pour définir l'espacement
ils ne sont pas très utiles si vous vou- standard entre les lettres, ainsi que
lez positionner finement votre texte.

Le positionnement fin est précisé-

ment ce que les six contrôles suivants
permettent. Les trois premiers fonc-
tionnent à la fois sur du texte SVG et
du texte encadré, tandis que les trois
le crénage, vous pouvez vous arran-
derniers sont désactivés pour les objets
ger pour que les caractères soient
texte encadré. Les premiers traitent
mieux accolés, donnant une appa-
de l'espacement général de votre texte, l'espacement entre les mots. Les
rence plus agréable au texte, avec
tandis que les derniers permettent un infobulles affirment que ces deux
moins d'espaces vides qui peuvent
contrôle précis de caractères individuels. valeurs sont en pixels, mais, dans mon
former des « rivières » de blanc sur une
La première de ces commandes d'es- expérience, en tapant une valeur di- page. Pour utiliser ce champ, il suffit
spécial inkscape volume deux 16
TUTORIEL - INKSCAPE P. 11
de placer le curseur d'édition entre trôle plus fin que celui obtenu à l'aide ment des lignes, des lettres ou des mots. de leur manque de certaines fonction-
les deux lettres que vous souhaitez, des boutons exposant et indice. nalités de mise en page et de l'interna-
puis d'entrer une valeur pour régler Les dernières touches sur la barre tionalisation qui sont disponibles dans
l'écartement. Les valeurs négatives sont Le dernier de ce groupe de contrôles d'outils vous permettent de basculer d'autres formats de polices. Leurs pré-
couramment utilisés, pour que le vous permet de faire pivoter des ca- entre la création d'un texte horizontal occupations sont certainement vala-
deuxième caractère entre dans l'es- ractères individuels, la valeur étant en et celle d'un texte vertical. Dans ce bles pour un format de police à but
pace à l'intérieur de la forme du degrés. Les nombres positifs tournent dernier cas, les caractères individuels général, mais je pense que quelques-
premier, mais vous pouvez également dans le sens horaire, les nombres néga- sont dans le bon sens, mais les mots uns des avantages que les polices
utiliser une valeur positive pour forcer tifs dans le sens antihoraire. Placer le sont tracés verticalement vers le bas SVG peuvent offrir lorsqu'elles sont
deux caractères à être plus espacés. curseur d'édition ne va faire tourner de la page – par opposition à une simple utilisées dans une image SVG, et que
Cette image montre l'effet sur quel- que le caractère suivant. La sélection rotation de l'objet texte, auquel cas nul autre format ne rend possible,
ques caractères sans crénage, puis d'un peu de texte va faire tourner les les caractères sont tournés aussi. sont ainsi absents.
avec un crénage négatif. caractères individuels de la sélection,
Il y a un sujet tabou qui ne peut pas
et non l'ensemble de la sélection en Une plus grande raison de ne pas
Après le contrôle du crénage hor- être passé sous silence lorsqu'on parle
un seul bloc. Il n'est pas possible de utiliser les polices SVG, ironiquement,
izontal, il y a un champ similaire pour sélectionner le centre de rotation, de texte et de fichiers SVG : les polices est Inkscape lui-même. Bien qu'il dis-
régler la position verticale de vos carac- mais en utilisant le crénage horizontal SVG. La spécification SVG comprend un pose d'une interface pour aider à les
tères. Il suffit de placer le curseur d'édi- et les contrôles de décalage vertical format de police où les glyphes indi- créer, il n'a pas de mécanisme pour
tion et alors il déplacera le texte de ce vous pouvez compenser cela si vous viduels sont définis en utilisant des les utiliser une fois qu'elles ont été
objets SVG standards. En théorie, cela
en avez besoin. créées. L'éditeur de police, par consé-
devrait permettre de créer des polices
En pratique, le crénage horizontal, contenant des couleurs et des anima- quent, n'est utile que si vous créez
le décalage vertical et les contrôles tions, qui puissent être modifiées dyna- des polices SVG comme étape inter-
de rotation de caractères sont souvent miquement en utilisant du code Java- médiaire vers la création d'une police
plus précis en utilisant les raccourcis script standard dans un navigateur Web TrueType ou Post-script en utilisant
point à la fin de la ligne vers le haut
clavier. Maintenez ALT tout en uti- – tout en présentant du contenu de texte une application comme FontForge.
ou vers le bas. Sinon, vous pouvez sélec-
tionner des caractères ou des mots lisant les touches fléchées ajuste le compréhensible par les moteurs de re-
spécifiques pour limiter ses effets – crénage et le décalage vertical, alors cherche. Bien qu'Inkscape contienne
bien que, si votre sélection s'étend sur que ALT-] et ALT-[ peuvent être utilisés une interface dédiée à la création de
plus d'une ligne, le comportement puisse pour la rotation de caractères. Le menu polices SVG, via le menu Texte > Éditeur
être un peu inattendu. Les valeurs néga- Texte > Retirer les crénages manuels va de police SVG, il y a quelques raisons
tives dans ce champ déplaceront votre supprimer tout le crénage horizontal, pour lesquelles ce n'est probablement Mark travaille sous Linux depuis 1994
texte vers le haut, les nombres positifs le décalage vertical et les rotations de pas la peine de l'utiliser. La première est et utilise Inkscape pour créer deux
le déplaceront vers le bas. Combiné caractères dans tout l'objet texte, mais que les développeurs de Firefox ont bandes dessinées sur le web : 'The Greys'
ne supprimera pas les modifications expressément rejeté l'idée de prendre et 'Monsters, Inked' que vous trouverez
avec la modification de la taille de la sur : [Link]
police, cela peut vous donner un con- apportées par les contrôles sur l'espace- en charge les polices SVG, en raison

spécial inkscape volume deux 17

 TUTORIEL
Écrit par Mark Crutch
Inkscape - Partie 12
C réer des images, schémas et des-
sins dans Inkscape est bien joli,
mais parfois vous êtes susceptible d'en
contient beaucoup d'informations que sion plus pure du SVG qui peut être
la plupart des autres applications ne plus facile à réutiliser si vous devez par
comprendront pas. la suite modifier le fichier à la main, ou
avoir besoin dans un format autre que si vous voulez l'utiliser sur un site comme
les variations du format SVG d'Inkscape. Si la taille du fichier est votre pré- Wikipedia, où les fichiers SVG simples
Inkscape possède de nombreux formats occupation principale, mais que vous sont préférés aux versions spécifiques à
d'import-export, les choix exacts dépen- voulez toujours conserver les données l'application. Bien que cela puisse sembler
dant également de diverses applications Inkscape spécifiques, alors vous devriez être un format idéal pour servir sur le
externes. Dans cet article, je vais pré- utiliser « SVG Inkscape compressé ». Web, il supprime les éléments <script>,
senter les formats les plus courants et Celui-ci a une extension svgz et, tout en ce qui limite son intérêt pour certains
les plus utiles, généralement proposés étant le même qu'un fichier SVG Ink- contenus Web.
comme formats de fichier de la com- scape normal, utilise l'algorithme de com-
mande Fichier > Enregistrer sous… Com- pression Gzip. Cela peut généralement Si vous voulez vraiment supprimer tous
mençons par un type de fichier très ré- réduire la taille du fichier de cinquante les octets redondants dans vos fichiers,
pandu parmi les utilisateurs d'Inkscape : pour cent ou plus. Les fichiers com- l'option « SVG optimisé » (ci-dessous à
SVG. pressés sont plus sujets à la perte de droite) est celle qui convient. Elle utilise
données si le fichier est corrompu et, un script Python appelé « Scour », éga-
Peut-être n'auriez-vous pas pensé à parfois, ne s'afficheront pas dans les lement disponible en tant qu'application
SVG comme format d'exportation, puis- applications qui sont par ailleurs capables autonome. Il présente une boîte de dia-
que c'est le type de fichier par défaut d'afficher les fichiers SVG. Certains logue pour vous permettre d'affiner les
d'Inkscape. Pourtant, Inkscape propose en navigateurs Web ne sauront pas les optimisations qu'il exécutera et son
fait six variations de SVG dans la fe- afficher lorsqu'ils sont chargés en tant exécution peut prendre un certain temps
nêtre Enregistrer sous…, chacun faisant que fichiers locaux, alors que cela fonc- si le fichier est complexe.
différents compromis entre la taille de tionnera à partir d'un serveur Web.
fichier et le contenu. Le premier, appelé Pour tirer le meilleur parti de Scour, il
simplement « SVG Inkscape », est le La plupart des autres applications ne faut une certaine connaissance de la
format standard d'Inkscape ; c'est celui comprendront pas les données Inkscape structure des fichiers SVG. Il n'y a pas
que vous devriez sans doute utiliser spécifiques dans un fichier SVG, aussi de version compressée du format « SVG
pour stocker les copies maître de vos vous pouvez également enregistrer optimisé » disponible à partir de la boîte
dessins Inkscape. Il conserve toutes les une version qui ne les contient pas. C'est de dialogue Enregistrer sous… d'Ink-
données Inkscape spécifiques, ce qui est l'option « SVG simple », et son homo- scape, mais vous pouvez manuellement
idéal pour une utilisation en tant que logue Gzippé, « SVG simple compressé ». Gzipper le fichier SVG pour obtenir le
format maître, mais implique que la Ceux-ci vous permettront d'économiser même effet.
taille du fichier est importante et qu'il quelques octets et produiront une ver-

spécial inkscape volume deux 18

TUTORIEL - INKSCAPE P. 12
Le dernier format SVG est « SVG filtres. Au lieu de cela, vous devez
Inkscape compressé avec média ». Il Format Snowman Comic utiliser le menu Fichier > Exporter en
crée en fait un fichier zip (pas Gzip) qui Inkscape SVG 172KB 849KB bitmap…, qui ouvrira la boîte de dia-
Plain SVG 154KB 769KB
contient un fichier SVG Inkscape, ainsi Optimised SVG 133KB 504KB logue d'exportation PNG.
que des copies de tous les médias liés. Compressed Inkscape SVG 93KB 274KB
Les médias liés sont généralement des Compressed plain SVG 90KB 261KB Les quatre boutons situés en haut de
images bitmap qui ont été ajoutées à Compressed Optimised SVG 87KB 209KB la boîte de dialogue sont des rac-
un dessin, mais pas incorporées. L'ajout PNG exported at 90dpi 211KB 1400KB courcis pratiques pour choisir quelle
d'une image bitmap est un sujet que partie de l'image vous souhaitez expor-
nous aborderons plus tard dans cette férences deviennent plus importantes le plus courant est probablement PNG. ter : toute la page, un rectangle assez
série. Ce format est utile pour trans- lorsque la complexité et la taille de C'est un format bitmap qui peut être lu grand pour contenir l'ensemble du des-
férer un dessin Inkscape, et tous ses l'image augmentent ; nous parlons, cepen- par presque tous les navigateurs Web sin – qui pourrait être plus grand ou
médias liés, vers une autre machine, dant, d'économies qui sont relativement et les programmes graphiques. C'est le plus petit que la page, un rectangle
mais, et c'est ironique, il ne peut pas petites par ces temps de disques durs seul format bitmap standard vers suffisamment grand pour entourer tous
être ouvert par un exemplaire d'Ink- de plusieurs téraoctets. Enregistrer sous lequel Inkscape peut exporter et, ainsi, les objets que vous avez actuellement
scape sur la machine de réception. Au format simple, optimisé ou compressé si vous voulez convertir votre image en sélectionnés ou un rectangle sur me-
lieu de cela, le fichier zip doit d'abord ne vaut généralement la peine que si format JPEG, TIFF, Windows BMP ou sure dont la taille est fixée par les
être décompressé et le fichier SVG inclus vous avez une raison ou une exigence tout autre type de bitmap, votre coordonnées x0, x1, y0 et y1. Vous
pourra être ouvert ensuite. particulière – comme le désir d'éditer première étape sera de créer une pouvez également spécifier un rectangle
les fichiers à la main ou de les utiliser image PNG puis de la convertir avec personnalisé à l'aide de x0, y0, Largeur
À titre de comparaison entre les sur un site comme Wikipedia. Si vous une autre application. et Hauteur, auquel cas les valeurs x1 et
tailles de ces variantes SVG, j'ai sauvé avez beaucoup d'espace sur votre ser- y1 seront mis à jour automatiquement.
une copie du dessin du bonhomme de veur Web, ce n'est même pas la peine Une erreur très courante – et com-
neige de la neuvième partie de cette de compresser vos fichiers pour une préhensible – commise par les nouveaux Habituellement, tout ce qui est visible
série dans chaque format. J'ai aussi fait utilisation en ligne : assurez-vous plutôt utilisateurs d'Inkscape est d'utiliser à l'écran et qui se trouve dans le
de même pour une de mes plus lon- que votre serveur Web est configuré l'option « Cairo PNG » à partir du menu rectangle spécifié est exporté. Si vous
gues bandes dessinées. Le « SVG opti- pour gzipper les données à la volée. Fichier > Enregistrer sous… Malheureu- voulez que seul l'objet ou le groupe
misé compressé » a été compressé ma- Dans mon cas, j'utilise le format Ink- sement, ce n'est presque jamais le bon sélectionné soit exporté, sans aucun
nuellement à l'aide de « gzip -9 nomdefi- scape compressé pour les fichiers qui moyen de créer des fichiers PNG, car il élément d'arrière-plan, vous pouvez co-
[Link] » pour donner la meilleure peuvent être téléchargés à partir de ne supporte pas la transparence ou les cher la case « Cacher tout sauf la
compression, puis l'extension modifiée mon site – avec plus de 200 bandes
de « [Link] » à « svgz ». Enfin, j'ai aussi dessinées disponibles au télécharge-
exporté les fichiers en format PNG pour ment, cela aide à limiter les coûts de
montrer la différence (ci-après) en taille stockage – mais j'utilise le format non
entre le bitmap et des graphiques vec- compressé Inkscape pour le stockage
toriels. des fichiers en local.

Comme vous pouvez le voir, les dif- Après SVG, le format d'exportation

spécial inkscape volume deux 19

TUTORIEL - INKSCAPE P.12
sélection » au bas de la boîte de dia- raître un sélecteur de fichier. Le hic prend en charge les effets de filtre – y pas fonctionner pour les dessins plus
logue. Si vous avez plus d'un objet ou avec ceci est que le sélecteur de fichier compris le simple flou – offerts par complexes. Mon expérience m'a montré
d'un groupe sélectionné, vous pouvez comporte un bouton « Enregistrer » qui SVG, donc si vous choisissez de ne pas que c'est souvent plus facile d'exporter
utiliser la case « Exporter les objets n'enregistre pas vraiment le fichier. Au « rastériser » ceux-ci, les objets corres- simplement un fichier PNG haute réso-
sélectionnés en un lot » pour enregis- lieu de cela, il met simplement le che- pondants seront simplement omis du lution et laisser l'imprimeur se dé-
trer chacun d'eux dans un fichier séparé. min et le nom du fichier sélectionné fichier. Rastériser veut dire créer une brouiller pour obtenir un format adapté
dans le champ « Nom de fichier », mais version bitmap du contenu filtré ; ainsi, à ses systèmes. L'inconvénient de cette
La partie « Dimensions du bitmap » l'image n'est pas réellement créée sur un peu comme pour la boîte de dia- approche, à part le fait de devoir créer
de la boîte de dialogue vous permet de le disque jusqu'à ce que vous cliquiez logue Exporter en bitmap, il y a un un fichier de taille importante, c'est que
définir la largeur et la hauteur du fi- sur le bouton « Exporter ». L'exporta- vos vecteurs sont rastérisés prématu-
chier PNG qui sera créé. Sinon, vous tion est généralement assez rapide, rément et donc que vous n'obtiendrez
pouvez régler les « points par pouce » mais cela peut prendre un certain temps sans doute pas la sortie la plus lisse
ou « ppp », ce qui changera aussi les pour les grandes valeurs de ppp ou si possible. Pour les petits éléments, ce
champs largeur et hauteur. Augmenter l'image contient des filtres complexes. peut être sans importance, mais si
le ppp va produire un fichier qui est votre objectif est de créer des affiches
plus grand, avec plus de pixels, et ré- Pour en revenir à l'option « Enre- ou des panneaux publicitaires, cela peut
duire le ppp créera un fichier plus petit gistrer sous… » du menu fichier, les faire toute la différence. Les fichiers
avec moins de pixels. 90 ppp est géné- options « Portable Document Format », PNG d'Inkscape sont tous au format
ralement bon pour les graphiques Web, « Postscript » et « Postscript encapsulé » RGB et certains imprimeurs particuliè-
mais vous voudrez peut-être utiliser sont autant de variations d'un même rement difficiles peuvent se plaindre
300 ppp pour un fichier qui va être thème. Elles sont très utiles lors de la paramètre pour le ppp. Une fois de qu'ils veulent des fichiers CMYK. Même
imprimé. Si vous voulez le faire impri- création des fichiers pour un impri- plus, une grande valeur ici va produire s'ils acceptent de travailler avec les
mer deux fois plus grand, utilisez plutôt meur, car, là, ils s'attendent souvent à plus de détails dans le fichier de sortie. fichiers PNG, assurez-vous d'obtenir une
600 ppp, ou 150 ppp pour la moitié de recevoir ces formats « normes de l'indus- Si vous créez un fichier PDF pour affi- première épreuve afin de vérifier que
la taille. La règle ici est la même que trie ». Ils présentent tous un dialogue chage sur un écran d'ordinateur, 90 ppp les couleurs sont celles que vous atten-
celle d'un appareil photo numérique : très similaire dans lequel on peut défi- peuvent suffire, mais si vous voulez une dez.
plus de pixels équivaut à plus de dé- nir quelques options. impression de haute qualité, ou vous
tails, mais un fichier de taille plus attendez à ce que vos lecteurs effec- Il existe une variété d'autres formats
grande. Les options les plus importantes tuent un zoom avant, vous devriez sans d'exportation disponibles via le menu
sont « Convertir les textes en chemins » doute augmenter cette valeur. Enregistrer sous…, correspondant à
La dernière partie de ce dialogue, la et « Rastériser les effets de filtre ». La divers besoins. Chacun a ses propres
rubrique « Nom de fichier », est un peu première vous permet de convertir auto- Une autre façon de créer un fichier limites sur la façon de représenter avec
trompeuse. Vous pouvez taper un che- matiquement vos objets texte en che- PDF pour un imprimeur est d'importer succès les fonctionnalités SVG d'Inkscape.
min et le nom, mais quel que soit le mins au sein du fichier exporté, ce qui votre fichier SVG dans Scribus et de Pour plus de détails au sujet de ces
nom que vous utilisez, Inkscape va tou- évite les problèmes causés par l'utili- l'utiliser pour générer le fichier PDF. nombreux formats, lisez la section Ex-
jours produire un fichier PNG. Alter- sation des polices sur votre machine Malheureusement, Scribus ne supporte portation de fichiers de l'excellent
nativement, vous pouvez cliquer sur le qui ne sont pas présentes sur la pas toutes les fonctionnalités SVG manuel d'Inkscape écrit par Tavmjong
bouton « Parcourir… » pour faire appa- machine cible. Aucun de ces formats ne d'Inkscape, et cette approche peut ne Bah (lien à la fin de l'article). Compte
spécial inkscape volume deux 20
TUTORIEL - INKSCAPE P. 12
tenu du public cible du magazine Full Fichier > Propriétés du document… dans toutefois, vous permet de régler la
Circle, cependant, il y a encore un for- Inkscape) à chaque couche sans excep- taille du bitmap rendu.
mat dont nous devons discuter : « GIMP tion, plutôt que de créer une seule
XCF avec conservation des calques ». couche de fond. En pratique, donc, je L'option « Importer les chemins » va
vous suggère de laisser au moins les créer un chemin GIMP pour chaque
deux dernières options non cochées objet du fichier SVG. Cela peut être
sauf si vous avez une raison particulière utile si vous souhaitez convertir un ou
de faire autrement. plusieurs chemins en une sélection afin
de limiter la portée de vos modi-
Ce format d'exportation n'est dispo- Le chargement du fichier XCF résul- fications GIMP. En règle générale, il
nible que si GIMP est présent dans le tant dans GIMP va produire exactement vaut mieux cocher cette case – vous
chemin système. Pour la plupart des ce que vous attendez : une représen- pouvez simplement ignorer les chemins
systèmes Linux, cela se fera automa- tation bitmap de votre fichier Inkscape si vous n'en avez pas besoin, mais les LIENS :
tiquement si vous installez l'application avec chacun des calques Inkscape pré- avoir à disposition permet de rendre
à l'aide de votre gestionnaire de pa- sents dans un calque GIMP correspon- certaines tâches d'édition beaucoup Scour : [Link]
quets, ou si Gimp est installé dans le dant… ou presque. Malheureusement, plus faciles. L'option « Fusionner les
cadre de l'installation par défaut. Lors- tous les sous-calques sont automati- chemins importés » est moins utile. Elle « Exporting files » (Exportation de
qu'il est disponible, ce choix présentera quement affichés dans le calque pa- crée un chemin pour chaque objet du fichiers) dans le manuel d'Inkscape :
un dialogue avec quelques options pour rent, plutôt que de rester comme des fichier SVG, puis les fusionne tous dans [Link]
l'exportation. calques distincts dans GIMP. Si vous un seul chemin. Étant donné que vous NUAL/html/[Link]
voulez garder vos sous-calques séparés, pouvez combiner plusieurs chemins en
Les options « Enregistrer les guides » vous devez les transformer en calques une seule sélection au sein de GIMP, les
et « Enregistrer la grille » incluront les de niveau supérieur avant d'exporter le laisser séparés vous permet toujours
guides Inkscape, et la première grille fichier. Les images créées par cette de créer un chemin unique si vous en
rectangulaire, en tant que leurs homo- option d'exportation sont fixées à 90 avez besoin.
logues dans GIMP. Nous n'avons pas ppp et, si vous voulez une image de
encore parlé de guides et de grilles taille différente, vous devrez d'abord
dans cette série, mais si vous les avez redimensionner les objets dans Inkscape.
déjà vus par vous-même, ces options
pourraient être utiles. En pratique, les Une alternative pour créer un fichier
guides peuvent être utiles, mais la grille XCF d'Inkscape est de charger un fichier
apparaît beaucoup plus dense dans SVG directement dans GIMP. Cela ne
GIMP que dans le fichier Inkscape ori- conservera pas les calques, mais apla- Mark travaille sous Linux depuis 1994
ginal et peut même être si dense qu'elle tira l'image sur un seul calque. Cer- et utilise Inkscape pour créer deux
obscurcit complètement l'image ! L'op- taines fonctionnalités SVG plus avancées, bandes dessinées sur le web : 'The Greys'
tion « Enregistrer le fond » est aussi ou des ajouts spécifiques à Inkscape, et 'Monsters, Inked' que vous trouverez
problématique car elle applique la cou- peuvent ne pas s'afficher correctement. sur : [Link]
leur de fond du document (définie dans Charger un fichier SVG dans GIMP,
spécial inkscape volume deux 21
 TUTORIEL
Écrit parMark Crutch
Inkscape - Partie 13
U ne chose que vous avez proba-
blement remarquée concernant
Inkscape, tout au long de cette série,
un chemin et en l'appliquant comme
un « chemin de découpe ». Toute partie
de l'objet à l'intérieur du chemin sera
fermée – un rectangle, un ovale, une
étoile ou un polygone. Il peut égale-
ment s'agir d'un chemin complexe qui
découpe (Set Clip) dans le menu con-
textuel du clic droit. Le passage par le
menu Objet > Découpe > Définir a le
est qu'il fonctionne avec une pile d'ob- visible, tandis que les parties qui sontcontient plusieurs sous-chemins (nous même effet. Ici, j'ai créé un ovale sur
jets placés les uns au-dessus des autres, en dehors de ce chemin ne seront pas en dirons plus plus tard). Quelle que le dessus de l'écharpe. Je dessine habi-
le « z-order ». Vous pouvez introduire tracées du tout. soit la forme que vous utilisez, cepen- tuellement mes chemins de décou-
une structure globale en mettant des dant, il doit être un objet unique page avec un trait vert clair et sans
objets en groupes et couches, mais il À titre d'exemple, nous allons res- plutôt qu'un groupe ou une sélection remplissage, de sorte qu'ils soient
n'est tout simplement pas possible de susciter le bonhomme de neige d'un de plusieurs éléments. faciles à repérer sur l'article que je
créer un élément qui passe à la fois peu plus tôt dans cette série et lui suis en train de découper. Ni la couleur
sur et sous un autre objet. donner une écharpe. Nous pourrions Définir un chemin de découpe est ni l'épaisseur du trait n'ont d'impor-
faire cela simplement en dessinant la simple : il suffit de dessiner le tracé ou tance, uniquement la forme du che-
Parce que nous sommes surtout partie avant de l'écharpe sur le bon- une forme que vous voulez, en vous min qui est utilisée pour définir la
intéressés à la création d'un résultat homme de neige, mais, dans ce cas assurant qu'il se trouve plus haut découpe.
artistique, la solution est tout simple- artificiel, notre foulard a déjà une dans l'ordre-z de l'objet ou du groupe
ment de mettre l'objet en haut, puis section arrière que nous devons cou- que vous voulez couper. Maintenant, Malheureusement, le résultat de
de retirer la partie qui serait cachée per sur l'image finale. sélectionnez à la fois le chemin de dé- cette découpe est le contraire de
derrière notre deuxième objet. Un coupe et l'objet que vous souhaitez l'effet que nous recherchons. Au lieu
moyen d'enlever la partie cachée est couper et utilisez l'option Définir une d'enlever le dos de l'écharpe, il ne
d'éditer les chemins qui composent nous reste rien que ce dos !
notre objet problème, peut-être en
utilisant des opérations booléennes
pour découper des sections. Mais que
faire si l'objet est complexe, comme
un groupe de nombreux éléments indi-
viduels qui sont à couper chacun de
manière indépendante ? Une meilleure
option, dans ce cas, serait de dire à
Inkscape qu'il ne devrait dessiner que
certaines zones, et laisser les autres Malgré son nom, un chemin de dé-
transparentes pour que l'objet de fond coupe n'a pas besoin d'être un che-
se voie à travers. Cela se fait en créant min. Il peut être n'importe quelle forme
spécial inkscape volume deux 22
TUTORIEL - INKSCAPE P. 13
Rappelez-vous, découper laisse tou- c'est maintenant un chemin unique et pouvez annuler l'effet à tout moment puis de redécouper. Même avec la der-
jours le contenu à l'intérieur du che- complexe. « Complexe » signifie sim- en sélectionnant un objet découpé nière version, cela reste la seule option
min de découpe visible et cache tout plement qu'il est constitué de sous- puis en choisissant Retirer la découpe si votre chemin de découpe est en fait
ce qui est à l'extérieur. Il n'y a aucun chemins séparés. Le rectangle est un à partir du menu contextuel, ou Objet un rectangle, une étoile, un ovale ou
moyen d'inverser ce comportement sous-chemin et l'ovale est un second > Découpe > Retirer de la barre du autre objet primitif. Heureusement,
pour cacher le contenu du chemin, sous-chemin, mais l'objet entier est menu principal. L'objet retrouvera alors notre opération booléenne a trans-
donc, à la place, vous devez contour- toujours considéré comme un chemin son aspect normal et le chemin de dé- formé notre combinaison d'un ovale
ner le problème en créant un chemin unique et peut donc être utilisé pour coupage deviendra à nouveau visible. et un rectangle en un chemin à part
plus complexe qui fait le travail pour la découpe. Encore une fois, seule la entière, qui, depuis la version 0.48
vous. Il s'agit d'une occasion idéale zone à l'intérieur du chemin restera, Si l'on ajoute l'écharpe au bonhomme d'Inkscape, peut être modifié sans
d'utiliser les opérations booléennes mais dans ce cas « l'intérieur » se com- de neige, vous pouvez voir que nous quitter le mode découpe.
qui ont été présentées dans la partie pose de l'espace entre l'ovale et le sommes proches de l'effet que nous
7 de cette série. Dans ce cas, il vous rectangle ; « l'extérieur » est tout ce recherchons, mais qu'il y a encore des Pour passer en mode édition, vous
suffit de dessiner un rectangle qui qui se trouve au-delà du rectangle ou parties de l'écharpe qui sont dessinées devez sélectionner l'objet découpé
soit assez large pour englober l'ensem- à l'intérieur de l'ovale. Essayez d'utiliser devant la tête du personnage. (comme d'habitude, garder un œil sur
ble de l'écharpe puis, en vous assurant un remplissage si la différence entre la barre d'état où un objet découpé
que l'ovale est sur le dessus, utilisez l'intérieur et l'extérieur n'est pas claire. Le problème est que le chemin de sera décrit comme tel), puis basculer
Chemin > Différence pour « soustraire » Une découpe avec ce chemin com- vers l'outil nœud en utilisant l'icône
l'ovale du rectangle. plexe nous amène beaucoup plus près sur la palette d'outils ou en appuyant
du résultat souhaité. sur « n » ou F2. Vous devriez maintenant
voir votre chemin de découpe s'affi-
cher comme un seul chemin de pixels
verts, indépendamment de la couleur
ou l'épaisseur du chemin initial. La
couleur verte dans ce mode est la raison
pour laquelle je choisis au départ vert
vif lors de l'élaboration de mon che-
min, car elle contribue à renforcer le
lien mental entre les chemins verts et
découpe que nous avons utilisé était le découpage. Si vous ne voyez pas ce
juste une approximation et doit être tracé vert, assurez-vous que le bouton
modifié pour mieux correspondre à la « Afficher les chemins de découpe des
Rappelez-vous, il s'agit d'un effet partie que l'on veut cacher. Dans les objets sélectionnés » (dans la palette
À première vue, cela peut sembler purement visuel. L'écharpe originale versions antérieures d'Inkscape, la seule de contrôle des outils) est actif.
être simplement un rectangle avec un reste la même, c'est juste que certaines façon de le faire était de libérer le che- À partir de là, vous pouvez sim-
ovale par-dessus, mais, en pratique, parties ne sont pas dessinées. Vous min de découpe, ajuster le chemin, plement modifier le chemin en utili-
spécial inkscape volume deux 23
TUTORIEL - INKSCAPE P. 13
sant les outils de nœuds qui ont été Parfois, vous serez en mesure de un chemin et utilisée pour découper Bien que la découpe ait de nom-
décrits dans la partie 6. Vous trou- vous en tirer avec un simple rectangle la version floue. Différents breux usages et soit une technique
verez peut-être plus facile de réduire ou un ovale comme chemin de dé- arrangements de che-min de découpe, avec laquelle il vaille bien la peine de
l'opacité de votre objet découpé pour coupe, mais le plus souvent il vaut flou, texte, couleur de fond et choix de se familiariser, parfois vous aurez be-
pouvoir voir comment votre chemin mieux appuyer sur Ctrl-Maj-C (ou uti- couleur peuvent pro-duire une variété soin d'un peu plus de subtilité que les
de découpage s'applique sur les objets liser le menu Chemin > Objet en che- de résultats. bords durs qu'elle crée. La prochaine
derrière. Les modifications apportées min) avant de définir la découpe, sim- fois, nous verrons le masquage, une
au tracé de découpe seront appli- plement pour pouvoir modifier le chemin technique connexe qui vous permet
quées en direct et vous pouvez donc d'accès sans avoir à retirer puis à ré- d'estomper les objets de façon pro-
voir le résultat que vous élaborez. Une tablir le mode de découpe. gressive, plutôt que de les arrêter net
fois que vous avez terminé les modi- au bord d'un chemin.
fications, redéfinissez l'opacité de votre Parce que la découpe se traduit
objet à 100 % au besoin, et utilisez l'outil toujours par un bord dur, elle peut
de sélection pour cacher le chemin de être utilisée pour créer des effets qui
découpe vert et voir vos résultats. Rap- seraient autrement très difficiles à pro-
pelez-vous que la barre d'espace peut duire. Partout où vous devez arrêter
être utilisée comme un raccourci com- le débordement d'un effet de flou, le
mode pour passer à l'outil de sélec- mode découpe peut fournir une solu- La découpe peut aussi être uti-
tion, puis de nouveau à l'outil nœud, tion. Pensez à quelque chose comme lisée pour contourner la sélection limi-
pendant l'édition, si vous trouvez que un demi-cercle qui ne devrait être flou tée de types de dégradé. Suivant le
les nœuds bloquent la vue. que sur le bord incurvé standard SVG, Inkscape ne supporte
En passant un peu de temps sur la et proposer une coupe que les dégradés linéaires et radiaux,
correction des nœuds, vous devriez nette sur le bord droit. mais d'autres types peuvent souvent
Sans une découpe ce être émulés en se servant avec pru-
serait une image très dence d'objets flous et de chemins de
difficile à créer. découpe. Dans cet exemple (voir co-
lonne précédente), quelques segments
La possibilité de découper des flous et un che-
parties d'un objet flou peut conduire min de découpe
à des effets particulièrement de forme annu-
intéressants lorsqu'elle est utilisée laire (« do-nut-
Mark travaille sous Linux depuis 1994
avec du texte. Pour chacun de ces shaped ») se subs- et utilise Inkscape pour créer deux
être en mesure d'ajuster la découpe exemples, j'ai créé deux copies d'un titue assez bien bandes dessinées sur le web : 'The Greys'
pour qu'elle suive la tête du bon- objet texte. L'une d'elles est floue, à un dégradé co- et 'Monsters, Inked' que vous trouverez
homme de neige et fasse que l'écharpe tandis que l'autre a été convertie en nique dans le sur : [Link]
semble disparaître derrière elle. dessin d'un CD.
spécial inkscape volume deux 24
 TUTORIEL
Écrit par Mark Crutch
Inkscape - Partie 14
L a transparence – ou son contraire,
l'opacité – est un concept si fonda-
mental dans Inkscape qu'il a été l'un
rendent la même partie de l'objet mas-
qué opaque. Les sections noires ren-
dent les parties masquées transpa-
De fait, le masquage pourrait même
être utilisé comme alternative aux che-
mins de découpe qui ont été pré-
de découpe ne contribuent pas à l'ef-
fet final sur l'objet tronqué. Avec les
masques, CEPENDANT, le contraire est
des premiers sujets abordés dans cette rentes. Et les gris entre les deux sentés dans la partie précédente de vrai, la couleur de chaque pixel indi-
série. Dans la troisième partie, la boîte donnent différents niveaux d'opacité. ce tutoriel. Dessinez votre masque viduel est pris en compte dans le
d'incrément de l'opacité sur la barre entièrement en blanc – ou en blanc et calcul de son effet sur l'objet masqué
d'état, qui vous donne la possibilité Regardons un exemple. Dans cette en noir – et toutes les parties de et les remplissages et les contours
de définir un niveau de transparence image (ci-dessous), j'ai placé un cercle l'objet masqué qui se trouvent à l'exté- ont donc une signification.
unique pour un objet entier, ou même rouge solide sur un fond vert. Le vert rieur du masque, ou qui sont de cou-
un groupe d'objets, vous a été pré- est là principalement pour bien mon- Ai-je dit pixel ? Dans un format
leur noire, seront découpées. Habi-
sentée. trer l'effet. Un rectangle avec un dé- vectoriel ? Dans la pratique, rares sont
tuellement, je recommande d'utiliser
gradé blanc-noir-blanc est posé sur le les cas où un fichier SVG est effec-
un chemin de découpe de préférence
Si vous voulez qu'un seul objet ait cercle. L'utilisation de ce rectangle tivement utilisé comme un format
à un masque si vous voulez simple-
une opacité variable – telle que com- comme masque pour le cercle donne purement vectoriel. Si vous souhaitez
ment un bord dur découpé, mais,
plètement transparent à une extré- le résultat d'un cercle coupé qui passe afficher un fichier SVG sur un écran
comme nous le verrons plus tard dans
mité, et opaque à l'autre – vous pouvez d'opaque à transparent, puis redevient d'ordinateur, ou l'imprimer sur une
cet article, il est parfois plus facile
utiliser un dégradé pour le remplis- opaque. d'utiliser un masque. imprimante à jet d'encre ou laser, il
sage et le contour. Mais en est-il de est converti à terme en pixels. Le
même pour un groupe d'objets ? Vous Remarquez que tout ce qui se situe Vous vous rappelez sans doute que masquage a lieu pendant cette étape
pouvez définir des gradients appropriés en dehors du masque est découpé. le remplissage et le contour d'un chemin de sortie finale ; ainsi, bien que le
sur chaque élément dans le groupe sépa- masque puisse être constitué d'objets
rément pour obtenir l'effet désiré, mais, vectoriels, et que l'objet masqué soit
si votre groupe contient beaucoup vectoriel aussi, le résultat final n'est
d'objets, alors l'approche devient pé- vraiment généré qu'au moment où
nible très rapidement. ces vecteurs sont convertis en pixels
individuels pour l'affichage ou l'im-
La solution à ce problème est : le pression.
masquage. Il s'agit d'une technique
qui utilise une image en niveaux de Avec l'utilisation d'un rectangle à
gris comme un moyen de spécifier contour épais et uniquement des pixels
l'opacité d'un autre objet ou groupe. noirs ou blancs, il est facile de voir la
Toutes les parties blanches de l'image différence entre un chemin de dé-
spécial inkscape volume deux 25
TUTORIEL - INKSCAPE P. 14
coupe et l'utilisation d'un masque vraiment surprenant qu'Inkscape les leur nature monochrome les rend par- zone blanche translucide aura le même
pour simuler la découpe. Dans la pre- propose avec la même interface utilisa- faits pour une utilisation en tant que effet qu'une nuance de gris. Il peut
mière paire d'images ci-dessous, j'ai teur. Tout comme avec la découpe, masques. Le motif en damier est un sembler contre-intuitif de couvrir les
utilisé le rectangle comme un chemin l'objet de masquage doit être au- parties de l'objet que vous souhaitez
de découpe et vous pouvez voir que dessus de l'objet à masquer, en terme conserver et d'exposer les parties qui
le résultat est aligné sur le milieu du de z-index. Vous sélectionnez ensuite seront cachées, mais c'est la façon
contour. Les deuxième et troisième les deux éléments et choisissez Définir dont le masquage a été défini dans la
paires d'images montrent le rectangle un masque dans le menu contextuel, spécification SVG et c'est donc comme
utilisé comme un masque, avec unique- ou Objet > Masque > Définir dans le cela dans Inkscape.
ment la conservation des parties blan- menu principal. La libération d'un objet
ches, alors que les parties noires res- masqué est aussi simple que de le Parce que les chemins de découpe
tantes deviennent transparentes. C'est sélectionner (il sera décrit comme « mas- sont définis par une limite et un
particulièrement évident dans la der- qué » dans la barre d'état), puis de concept de ce qui est à l'intérieur et à
nière paire que le contour a un effet. choisir Retirer le masque dans le menu l'extérieur de cette limite, il est pos-
contextuel, ou Objet > Masque > sible d'utiliser un seul chemin ou objet
Retirer dans le menu principal. Tout pour définir une forme de décou-
comme avec les chemins de découpe, page. Les masques, d'autre part, ne
il est possible d'éditer des masques s'intéressent qu'à la couleur des pixels,
en utilisant l'outil de nœud sans les de sorte que le nombre d'objets mas-
libérer au préalable, mais, en général, qués (un seul ou tout un tas d'objets à
il y a peu d'avantages à le faire, étant bon exemple d'une situation où il est l'intérieur d'un groupe) n'a pas vraiment
donné que vous pouvez modifier uni- plus facile d'utiliser un masque qu'un d'importance. Cela vous permet de
quement la forme du contour du che- chemin de découpe. Ce même effet créer des arrangements complexes
min, pas sa couleur. peut être obtenu en découpant avec de couleurs et de motifs qui seraient
un chemin complexe, mais cela ne vaut impossibles à reproduire en utilisant
Comme vous l'avez vu, utiliser un probablement pas l'effort supplé- un seul chemin.
gradient de niveaux de gris comme un mentaire. En regardant le damier de
masque vous donne un certain con- près, vous remarquerez que le rem- Cet exemple utilise un groupe
trôle sur l'opacité de l'objet masqué. plissage n'est pas constitué de carrés composé d'un petit nombre d'objets
Vous vous rappelez également sans noirs et blancs, mais plutôt de carrés aléatoires en tant que masque. Vous
doute qu'Inkscape propose une sélec- blancs et transparents. L'utilisation de pouvez voir que le dégradé radial
tion de modèles noirs et blancs dans blanc et de transparent peut parfois répété du rectangle, composé d'une
son dialogue Remplissage et contour, faciliter la perception des parties d'un transition du blanc au transparent,
Il devrait maintenant être clair que plus quelques motifs de remplissage objet que vous masquez : les zones donne un motif similaire dans le cercle
le découpage et le masquage sont des en bitmap niveaux de gris. Vous auriez blanches restent visibles et les zones rouge masqué. Mais en ajoutant
opérations similaires ; il n'est donc pas pu les trouver plutôt restrictifs, mais transparentes seront découpées. Une d'autres éléments en noir et blanc au
spécial inkscape volume deux 26
TUTORIEL - INKSCAPE P. 14
groupe de masques, vous pouvez « pas- pour qu'il s'estompe petit à petit.
ser outre » le motif avec des zones Dans ce cas, tout ce dont vous avez
explicites de transparence et d'opacité. besoin pour votre masque est une
Mark travaille sous Linux depuis 1994
Une chose à remarquer est l'endroit ellipse blanche fortement floutée, com- et utilise Inkscape pour créer deux
où la ligne noire traverse la blanche : me le montre cette carte de vœux on bandes dessinées sur le web : 'The Greys'
parce que la ligne noire est sur le ne peut plus hors saison. et 'Monsters, Inked' que vous trouverez
dessus, les pixels à cette position sont sur : [Link]
noirs, de sorte que cette partie-là de Tout au long de cet article, j'ai
l'objet masqué est transparente. Peu parlé des masques comme étant des
importe ce qui se passe au sein du images en niveaux de gris. Ce n'est
groupe, ce qui compte c'est la couleur pas tout à fait vrai – un masque peut
des pixels finaux. Ceci n'est sans être n'importe quelle combinaison de
doute pas un chef-d'œuvre de l'art couleurs que vous souhaitez. Cepen-
abstrait, mais il aurait été beaucoup dant, n'importe quelle couleur autre
plus difficile de le faire sans l'aide de que blanc, noir ou gris sera convertie
masques. en image à niveaux de gris avant son
utilisation comme masque. Cela peut
rendre difficile la prédiction de l'effet
exact d'une couleur sur l'opacité qui
en résulte ; ainsi, dans presque tous
les cas, je recommande d'utiliser des
niveaux de gris purs lors de l'élabo-
ration de vos masques.

Bien que vous puissiez utiliser des

masques pour créer des arrangements
complexes de découpage et de trans-
parence, leur utilisation la plus courante
consiste probablement à tout simple-
ment adoucir les bords d'un groupe
spécial inkscape volume deux 27