Full Circle Numéro spécial Inkscape, Vol.1

spécial inkscape volume un 1Full Circle Magazine n'est affilié en aucune manière à Canonical Ltd.

IINNKKSSCCAAPPEEVVoolluummee UUnn PPaarrttiieess 11 àà 77

Full CircleLE MAGAZINE INDÉPENDANT DE LA COMMUNAUTÉ UBUNTU LINUX

ÉDITION SPÉCIALE SÉRIE INKSCAPE

ÉÉDDIITTIIOONN SSPPÉÉCCIIAALLEE

SSÉÉRRIIEE IINNKKSSCCAAPPEE

spécial inkscape volume un 2

Les articles contenus dans ce magazine sont publiés sous la licence Creative Commons Attribution-Share Alike 3.0 Unported License. Cela signifieque vous pouvez adapter, copier, distribuer et transmettre les articles mais uniquement sous les conditions suivantes : vous devez citer le nom del'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'URLwww.fullcirclemagazine.org (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 projets Ubuntu. Vous ne devez en aucun cas présumer que les avis et lesopinions exprimés ici ont reçu l'approbation de Canonical.

Full CircleLE MAGAZINE INDÉPENDANT DE LA COMMUNAUTÉ UBUNTU LINUX

Spécial Full Circle MagazineAu sujet du Full Circle

Le Full Circle est un magazine gratuit,libre et indépendant, consacré à toutesles versions d'Ubuntu, qui fait partiedes systèmes d'exploitation Linux. Chaquemois, nous publions des tutoriels, quenous espérons utiles, et des articles pro-posés par des lecteurs. Le Podcast, uncomplément du Full Circle, parle dumagazine même, mais aussi de tout cequi peut vous intéresser dans ce domaine.

Clause de non-responsabilité :

Cette édition spéciale vous estfournie sans aucune garantie ; lesauteurs et le magazine Full Circledéclinent toute responsabilité pourdes pertes ou dommages éventuelssi des lecteurs choisissent d'en appli-quer le contenu à leurs ordinateur etmatériel ou à ceux des autres.

BIENVENUE DANS UN AUTRE « SUJET SPÉCIAL »

Une autre série, une autre compilation d'articles pour votre commodité.

Voici une réimpression directe de la série Inkscape, articles 1 à 7 desnuméros 60 à 67 du magazine Full Circle. Du propre aveu du non-artisteMark Crutch : s'il peut le faire, vous le pouvez aussi !

Veuillez garder à l'esprit la date de publication originale ; les versionsactuelles du matériel et des logiciels peuvent être différentes de cellesillustrées. Il convient donc de vérifier la version de votre matériel et devos logiciels avant d'essayer d'émuler les tutoriels dans ces numérosspéciaux. Il se peut que les logiciels que vous avez installés soient plusrécents ou qu'il y ait des versions plus récentes disponibles dans lesdépôts de votre distribution.

Amusez-vous !

Nos coordonnées

Site Web :http://www.fullcirclemagazine.org/

Forums :http://ubuntuforums.org/

IRC :#fullcirclemagazine surchat.freenode.net

Équipe Full Circle

Rédacteur en chef : Ronnie Tucker(aka: RonnieTucker)[email protected] : Rob Kerfia(aka: admin / [email protected]

Tous nos remerciements à Cano-nical et aux nombreuses équipes detraduction à travers le monde.

http://creativecommons.org/licenses/by-sa/3.0/

http://www.fullcirclemagazine.org/

http://ubuntuforums.org/ forumdisplay.php?f=270

mailto:[email protected]

mailto:[email protected]

www.fullcirclemagazine.org


Imaginez-vous donnant des instruc-tions à quelqu'un afin qu'il des-sine une maison. Il y a des chancespour que vous décriviez des formes

géométriques et leurs positions rela-tives. « Dessine un gros rectangle rougede la moitié de la largeur de la page, àpeu près au milieu et un peu plus largequ'il n'est haut. Maintenant, mets untriangle gris sur le dessus, un peu pluslarge afin qu'il dépasse sur lesbords… » Ces mêmes instructions de-vraient fonctionner pour n'importe quelletaille de canevas, du timbre jusqu'aupanneau d'affichage.

Vous venez d'imaginer le mondedu dessin vectoriel.

Lorsque vous prenez une photo ouque vous créez une image dans GIMP,vous travaillez avec des images raster– parfois appelées bitmaps (atten-tion, ce n'est pas la même chose quele format de fichier .bmp – même s'ils'agit d'un exemple d'image bitmap).Une image raster (ou bitmap) est com-posée essentiellement d'une liste depixels de couleur, qui dit à l'ordi-nateur de colorer un pixel en rouge,puis un en bleu, un autre en vert … etainsi de suite, pixel par pixel, ligne par

ligne, jusqu'à ce que le dernier pixelsoit atteint.

En revanche, le dessin vectoriel con-siste en une série d'instructions. « Des-sinez un cercle rouge de 10 unités derayon, centré sur les coordonnées X,Y.Maintenant, dessinez une ligne bleuedepuis le coin supérieur gauche de lapage vers le coin inférieur droit. » Cecercle rouge pourrait avoir un rayonde 10 pouces ou 10 miles, autrementdit, contrairement aux images raster,les images vectorielles peuvent être

mises à n'importe quelle échelle sansperte de qualité.

Un petit cercle mis à l'échellecomme image bitmap (ci-dessus àgauche) et comme image vectorielle(ci-dessus à droite).

Il y a beaucoup de formats raster -JPEG, GIF, PNG, BMP pour en nom-

mer quelques-uns ; de la même façon,il y a beaucoup de formats vectoriels.La plupart d'entre eux nous sont venusd'applications propriétaires, tels quele DWG d'AutoCAD ou le AI d'AdobeIllustrator, mais il y en a notammentun dont le format est Open, défini parle W3C (ou World Wide Web Con-sortium) – le même organisme denormalisation qui a créé le formatHTML, le moteur même du Web. Lesgraphiques vectoriels sont, de parleur nature, adaptables, mais, commeles membres de l'organisme voulaient

que vous sachiez sans aucun doute ceque vous obtenez avec leur format, ilsl'ont appelé « Scalable Vector Graphics »(«graphiquevectorieladaptable»)ouSVG.

Les fichiers SVG sont des fichierstexte contenant des collections imbri-quées de « tags », similaires aux fi-chiers HTML. Il existe un tag <circle>(pour le cercle), un tag <line> (pour laligne) et ainsi de suite. Ils peuventêtre modifiés en utilisant un éditeurde texte. Toutefois, lorsqu'une imagedevient de plus en plus complexe, il

TTUUTTOORRIIEELLÉcrit par Mark Crutch

IInnkkssccaappee -- LLee ffoorrmmaatt ddee ffiicchhiieerr SSVVGG


peut s'avérer bien plus facile d'avoirrecours à un programme de dessin.Probablement le plus connu des pro-grammes pour cela est Inkscape(www.inkscape.org), que vous pouveztrouver dans les dépôts de la plupartdes distributions Linux, y compris Ubun-tu et qui est également disponiblepour Windows et MacOS. Inkscapeutilise le format SVG par défaut, cequi en fait un formidable outil pourcréer ou modifier des fichiers SVG,mais, par la même occasion, limite lespossibilités du programme. Un travailsérieux étant actuellement en courssur la définition du format SVG version2.0, Inkscape devrait, espérons-le, êtreen mesure de prendre de l'avance surses concurrents propriétaires dans lesannées à venir.

La structure à la sauce HTML desfichiers SVG et leur origine dans leW3C ont fait d'eux le standard officielpour les images vectorielles dans lemonde du Web. Cela a pris beaucoupde temps, mais la plupart des navi-gateurs supportent les fichiers SVGnativement et il est possible de lesinsérer dans des fichiers HTML, ce quiest idéal pour des graphiques ou descartes en ligne. Il est possible de mo-difier la structure hiérarchisée destags avec Javascript de la même manièreque du contenu HTML, permettant àquiconque ayant quelques compétences

en développement Web de créer desgraphiques interactifs. Comme c'estsouvent le cas, malheureusement, lesupport spécifique varie d'un naviga-teur à l'autre et certaines des fonc-tionnalités avancées du format SVGpourront ne pas s'afficher de lamême manière dans tous.

Ainsi, le SVG est super pour lesdiagrammes, les graphiques interactifset même pour les œuvres artistiques,mais il a un autre atout dans son sacqui l'élève au-delà de la douceur et dela simplicité inhérentes aux puresimages vectorielles : il supporte lesimages raster. Au plus simple niveau,il est possible d'inclure une imageraster dans un fichier SVG, puis dedessiner des lignes et des cercles surcette image ou de la rogner dans uneforme bizarre utilisant un chemin SVG.Mais les images raster peuvent éga-lement être utilisées comme motifsde remplissage dans les fichiers SVG :Inkscape embarque par défaut quelquesmotifs, et j'ai personnellement utiliséla texture « sable » (qui ressemble aubruit ou à la neige sur une télévisionnon réglée) pour la simulation d'unepierre, de la cendre, des briques etmême d'un champ de blé !

En allant encore plus loin, le SVG aun concept de filtres, des opérationsmathématiques qui peuvent être com-

binées et appliquées aux pixels raste-risés dans votre image finale. L'imageest toujours composée de vecteurs,mais une fois ces vecteurs dessinés,les filtres créent toutes sortes d'effetsgrunges, qui requièrent normalementdes programmes tels que GIMP ouPhotoshop. Regardez simplement com-ment un petit filtrage peut transfor-mer des tâches vectorisées semi-aléa-toires en boules de feu explosives :

De simples tâches vectorisées…

…prennent vie avec des filtres SVG

Si vous souhaitez dessiner des icônespour une application en utilisant Ink-scape, des graphiques pour un siteWeb en utilisant du Javascript ou bienfaire de l'art abstrait en utilisant unéditeur de texte, le SVG est un formatpuissant et flexible qui promet encoredavantage pour les années à venir.Récupérez donc Inkscape avec votregestionnaire de paquets et dessinez !

Liens utiles :Inkscape : http://www.inkscape.orgForum des utilisateurs d'Inkscape :http://www.inkscapeforum.comIcônes SVG de la collection Tango :http://tango.freedesktop.org/Le groupe de travail SVG du W3C :http://www.w3.org/Graphics/SVG/

Le mois prochain, nous aurons no-tre premier contact avec Inkscape.Restez branché !

TUTORIEL - INKSCAPE

Mark travaille sous Linux depuis 1994et utilise Inkscape pour créer deuxbandes dessinées sur le Web : 'The Greys'et 'Monsters, Inked' que vous trouverezsur : http://www.peppertop.com/.

http://www.peppertop.com/

www.inkscape.org

http://www.inkscape.org

http://www.inkscapeforum.com

http://tango.freedesktop.org/

http://www.w3.org/Graphics/SVG/


Avant de passer votre cheminen vous disant que ce tuto-riel n'est pas pour vous, je vaisvous révéler un petit secret :

je ne sais pas dessiner. Si vous me don-nez un crayon et du papier, ou que vousme mettez devant GIMP avec une ta-blette graphique super chère, eh bien,un enfant de quatre ans peut faire bienmieux que moi. Et pourtant, d'une ma-nière ou d'une autre, je suis l'un desartistes d'un webcomic régulier. Alors,comment un peintre de grotte aux grosdoigts comme moi fait-il pour produirecestravauxgraphiques?J'utiliseInkscape.

Inkscape ne remplace pas l’œil artis-tique, ni 3 ans de beaux-arts, mais, si votreproblème tient plus de la coordinationentre la main et l’œil, alors il peut vousoffrir quelque chose que des pinceauxet GIMP ne peuvent pas. Il vous donnela possibilité d'ajuster et de modifierchaque ligne ou forme que vous dessi-nez, jusqu'à ce que vous soyez satisfaitdu résultat. Si vos lignes à main levéesont à peu près ça, mais pas tout à faitce que vous auriez imaginé, Inkscapevous donne le temps et les outils pourles modifier, plutôt que de les sup-primer et recommencer. Aussi, avant derejeter ce tutoriel parce que vous n'êtes

pas naturellement artiste, pourquoi nepas faire un essai quand même ? Vouspourriez vous surprendre vous-même.Si vous êtes naturellement porté surl'art, alors vous avez d'ores et déjà un bondépart, mais, heureusement, vous appren-drez des trucs et astuces spécifiques àInkscape tout au long du chemin.

Commençons par récupérer une co-pie de Inkscape. Il se trouve dans lesdépôts de la plupart des distributions

Linux, aussi utilisez votre installeur depaquets habituel. Ces tutoriels sont baséssur la série 0.48 d'Inkscape, qui, depuisun moment, est la version stable.

Au premier lancement d'Inkscape, unezone blanche de travail entourée deplusieurs barres d'outils diverses et variéesest mise à votre disposition, ainsi qu'unebarre de menu en haut de la fenêtre (oubien en haut de l'écran si vous utilisezUnity sur une version récente d'Ubuntu).

La disposition de ces barres d'outils peutêtre modifiée jusqu'à un certain point :vous pouvez les montrer ou les cacheren utilisant le menu Affichage > Affi-cher/cacher. Vous pouvez choisir entre 3vues prédéfinies (Défaut, Personnalisée,Large) en bas de ce menu. Pour ces tuto-riels, j'utiliserai une vue personnalisée (cequi est d'ailleurs une fausse appellationpuisqu'il n'est pas possible de la person-naliser), avec toutes les barres d'outilsvisibles, donnant une fenêtre principalequi ressemble à ce qui est montré àgauche.

À présent, dessinons quelque chose.Depuis la boîte à outils (se trouvant surla gauche quelle que soit la vue choisie),cliquez sur « Créer des cercles, des ellipseset des arcs (F5) ».

Déplacez votre curseur ànouveau vers la zone de travailet vous noterez que le poin-

teur change d'aspect pour vous indiquerque vous utilisez l'outil « Cercle ». Dansla zone de travail, un rectangle repré-sente votre page – bien que Inkscapesoit content de vous laisser dessiner au-delà de ces limites – vous procurant unelarge surface pour du travail grossier,référencer des images ou tout autre


IInnkkssccaappee -- PPaarrttiiee 11


TUTORIEL - INKSCAPE P.1chose ne devant pas figurer sur la pageimprimée ou l'image exportée. Cliquezdans la page, glissez vers la droite etvers le bas afin de créer une ellipse,relâchez le bouton gauche de la sourislorsque la forme et les dimensions vousconviennent. Votre ellipse a sans douteune couleur différente, mais cela seraréglé bientôt.

Votre ellipse doit avoir une ligne enpointillés autour d'elle, indiquant qu'elleest sélectionnée. Beaucoup d'opérationsdans Inkscape ne fonctionnent que siles objets sont sélectionnés. La plusrapide manière de tout désélectionnerest de cliquer sur une partie vide de lasurface de travail, loin d'un quelconque

objet que vous aurez dessiné. Pour re-sélectionner votre ellipse, cliquez simple-ment dessus, l'outil « Créer des cercles,des ellipses et des arcs (F5) » étant tou-jours actif.

En plus de la ligne en pointillés, vouspouvez remarquer deux petits carrés etun petit cercle au bord de votre ellipse.Ils peuvent être assimilés à des « poi-gnées », permettant de modifier graphi-quement quelques propriétés de vos

objets. Essayez de déplacer une despoignées carrées en la faisant glisseravec la souris : cela modifie le rayon del'ellipse dans une direction. La secondepoignée carrée modifie l'autre rayon.

La poignée en forme de cercle estun peu différente – c'est en fait unepaire de cercles l'un sur l'autre. Ils vouspermettent de transformer votre ellipseen segment ou en arc. Essayer de faireglisser l'une de ces poignées autour del'ellipse. Maintenant déplacez l'autre.Inkscape essaie de deviner si vous souhai-tez un segment ou un arc de cercle, doncalterne entre les deux modes lorsquevous déplacez les poignées. Vous pouvezchoisir manuellement ces modes en utili-sant les boutons situés sur la « barre decontrôle de l'outil », située juste au-dessus de la zone de travail. En cliquantsur le troisième bouton, les poignéesrondes se remettent l'une sur l'autre,redessinant l'ellipse complète.

Colorons votre ellipse. Sélectionnez-la et regardez en bas à gauche de lafenêtre Inkscape. Vous y trouverez unepaire d'échantillons étiquetés « Rem-plissage » et « Contour ». « Remplis-sage » vous indique la couleur utilisée àl'intérieur de votre ellipse, tandis que« Contour » vous montre la couleur utiliséepour son contour. Si vous pensez quevotre contour est trop épais ou trop fin,vous pouvez faire un clic droit sur le

nombre indiqué à côté de l'échantillon« Contour », afin de choisir l'épaisseur ducontour parmi différentes possibilités.

Au-dessus de ces deux échantillons,vous en trouverez tout un tas d'autres,prenant toute la largeur de la fenêtre. Ils'agit de la palette de couleurs. Cliquezsur un échantillon pour définir la cou-leur de remplissage de l'objet sélec-tionné et utilisez la combinaison Shift-clic pour définir la couleur du contour.

Complètement à gauche de la palettede couleurs se trouve un échantillonbarré d'une croix, permettant de définirla couleur du remplissage ou du contourà transparent. Essayez de mettre le rem-plissage à transparent, et de donner unecouleur au contour. Maintenant, jouezavec les poignées circulaires et les bou-tons « Segments » et « Arc », dont lesnoms doivent être plus explicites àprésent.

À présent, déplaçons l'ellipse dans lapage. Pour cela, vous devez cliquer sur

l'outil « Sélection », qui setrouve être le premier dela boîte à outils et quiressemble à une flèche (cf.à gauche).

Cet outil étant actif, vous pouvezdéplacer un objet simplement en cli-quant dessus et en le faisant glisser.Quand un objet est sélectionné avec cetoutil, vous voyez une ligne en pointillésautour de lui et plutôt que de petitespoignées rondes et carrées comme pourl'outil « Créer des cercles, des ellipses etdes arcs (F5) », vous voyez des poignéesen forme de flèche disposées autour decette ligne pointillée.

Faire glisser ces flèches vous per-met de modifier la largeur et la hauteurde l'ellipse. Bien qu'il semble qu'ellesaient le même effet que les poignées


carrées utilisées précédemment, elles sontpourtant subtilement différentes. Es-sayez de cliquer une seconde fois sur

l'ellipse, comme si vous tentiez de lasélectionner à nouveau. Les poignéesse transforment en une autre collectionde flèches et une petite croix apparaîtau centre de l'objet.

En faisant glisser les flèches descoins, vous pouvez effectuer une rotationde votre objet. Les poignées des côtéspermettent de l'incliner. Essayez dejouer avec toutes ces poignées afin debien appréhender leur fonctionnement.Vous pouvez également faire glisser lapetite croix afin de déplacer le centrede rotation ; la combinaison Shift-clic sur

la croix la remet au milieu de l'objet. Unsimple clic sur l'ellipse permet de bas-culer entre les modes « redimensionne-ment » et « rotation ».

Un double-clic vous fait basculervers l'outil « Créer des cercles, des ellipses

et des arcs (F5) », vous permettant à nou-veau l'accès aux poignées rondes etcarrées. Essayez de faire une rotation del'ellipse en utilisant l'outil de « Sélection »,puis double-cliquez dessus pour accéderaux poignées carrées et ainsi modifierl'ellipse. Revenez à l'outil de « Sélection »,et modifiez la largeur et la hauteur enutilisant les flèches. Je vous avais biendit que c'était différent !

Si vous dessinez d'autres cercles etellipses et que vous les déplacez, vousvous rendrez bientôt compte qu'ils peu-vent se superposer ou se masquer lesuns les autres comme si ils étaient em-pilés. Lorsque vous sélectionnez un objetavec l'outil « Sélection », vous trouverez

un groupe de quatre icônes vous per-mettant de déplacer les objets vers lehaut ou vers le bas afin qu'ils appa-raissent devant ou derrière d'autresobjets. Le premier et le dernier boutonamèneront votre objet d'un coup audevant de la pile ou au bout, alors queles deuxième et troisième vous per-mettent de déplacer l'objet vers le hautou vers le bas, une position à la fois.

Parfois, vous pouvez avoir besoind'une vue plus rapprochée des objets

que vous créez – ou, au contraire, d'unzoom arrière pour une vue globale.Nous verrons cela en détail dans unprochain article, mais, pour le moment,vous pouvez simplement utiliser les tou-ches (+) et (-) de votre clavier pourzoomer en avant et en arrière, ainsi queles barres de défilement pour déplacervotre vue.

À présent, vous savez comment créerdes ellipses, des segments et des arcs,modifier leurs couleurs et ajuster l'épais-seur de leur contour. Vous pouvez lesdéplacer dans la page, les monter et lesdescendre dans la pile d'objets quevous avez créés. Vous pouvez zoomeren avant et en arrière et vous déplacerdans la fenêtre de travail. La prochainefois, nous introduirons d'autres formes,mais rien qu'avec des ellipses, des seg-ments et des arcs, vous pouvez com-mencer à créer de simples images : bienque ce ne soit pas la saison, pourquoi nepas dessiner un bonhomme de neige ?

À la fin, n'oubliez pas de sauve-garder votre travail en utilisant le menuFichier > Enregistrer (ou Enregistrersous…). Une fenêtre de dialogue appa-raît vous permettant de choisir parmidifférents formats. Pour le moment,choisissez simplement SVG Inkscape, lepremier choix de la liste - je parlerai dequelques-unes des autres options dansun prochain épisode.

TUTORIEL - INKSCAPE P. 1




Le mois dernier, nous avonsappris à dessiner des ellipsesà l'aide de l'outil Cercle. Maisvous avez sans doute remar-

qué que nous n'avons pas réellementtracé des cercles, malgré le nom del'outil. Vous avez peut-être obtenuquelque chose de proche en ajustantune ellipse à l’œil nu, mais ce n'estpas tout à fait la même chose que dedessiner un cercle parfait. Le secretpour dessiner un cercle parfait est enfait le secret pour faire le meilleurusage de Inkscape en général : vousdevez utiliser le clavier.

Inkscape possède un grand nom-bre de raccourcis clavier et de modi-ficateurs. Le mois dernier, j'ai men-tionné l'utilisation des touches Plus etMoins pour effectuer un zoom avantet arrière. Cependant, il y en a descentaines d'autres figurant dans « Ink-scape Keys and Mouse Reference »(l'URL est à la fin de cet article), maisvous pouvez également y accéderdirectement via le menu Aide dansInkscape. Ce grand nombre de rac-courcis peut être déboussolant et jevais donc juste vous en présenterquelques-uns à la fois, en commen-çant par les touches CTRL et MAJ.

Ces touches ont différentes fonc-tions selon ce que vous faites dansInkscape au moment où vous ap-puyez dessus, mais, dans un senslarge, elles ont généralement leseffets suivants : CTRL : permet deverrouiller ou déverrouiller un aspectquelconque de l'opération. MAJ :détermine le centre ou point dedépart d'une opération.

Une « opération » dans ce cas seréfère à dessiner, faire tourner, in-cliner, ou bien manipuler un objet.Examinons chacun de ces modifi-cateurs clavier lorsqu'ils sont utilisésavec notre outil Cercles et Ellipses.

Sélectionnez l'outil Cercle en cli-quant sur son icône ou en appuyantsur la touche « e » (pour ellipse) ou surla touche F5. Maintenant, maintenezla touche CTRL enfoncée pendantque vous dessinez une ellipse sur la

page. Vous verrez que vous nepouvez plus ajuster facilement lalargeur et la hauteur de l'ellipse, maismaintenant il se restreint à des tauxfixes de 1:1, 1:2, 3:1 et ainsi de suite.Ainsi, la réponse à la question desavoir comment tracer un cercle estde maintenir simplement la toucheCTRL tout en dessinant une ellipse.

De la même manière que le blo-cage du ratio lorsque vous dessinezun objet pour la première fois, latouche CTRL peut également êtreutilisée pour forcer les modificationssuivantes à prendre des valeurs défi-

nies. Essayez de sélectionner votreellipse avec l'outil Cercle actif, puisdéplacez les petites poignées circu-laires de contrôle (pour transformervotre ellipse en un segment ou unarc) tout en maintenant la toucheCTRL enfoncée. Vous verrez que lespoignées se collent sur des anglesparticuliers, par défaut à 15°. Vouspouvez modifier cette valeur via laboîte de dialogue Fichier > Préfé-rences d'Inkscape > Incréments, où vouspourrez choisir parmi une sélectiond'autres angles via une liste dérou-lante, même si le défaut est un bonchoix pour la plupart des utilisations.

TTUUTTOORRIIEELL IInnkkssccaappee -- PPaarrttiiee 22


TUTORIEL - INKSCAPE P. 2Maintenant, essayez de sélectionner

une ellipse à l'aide de l'outil Select(icône de pointeur), puis de cliquer unedeuxième fois pour activer les poi-gnées de rotation et d'inclinaison. Main-tenez la touche CTRL enfoncée lors-que vous faites pivoter votre objet etvous verrez que la même action d'ac-crochage se produit. Ça marche aussipour l'inclinaison, mais c'est un peumoins évident avec une ellipse, nousreviendrons donc à celui-là un peuplus tard.

Cliquez encore sur l'ellipse pourrevenir aux poignées de déplacementet d'échelle. Si vous essayez de faireglisser votre ellipse, vous verrez quela touche CTRL vous enferme dansdes mouvements horizontaux ou ver-ticaux. Maintenant, essayez de redi-mensionner avec les poignées flècheset vous découvrirez que la toucheCTRL verrouille les proportions devotre ellipse – vous pouvez la faireplus grande et plus petite, mais ellegardera le même rapport entre lalargeur et la hauteur.

Si vous utilisez une souris à mo-lette, alors la touche CTRL a une autrefonction : maintenez-la enfoncée lors-que vous faites rouler la molette de lasouris pour zoomer rapidement danset hors de votre document. Pendantque vous jouez avec la molette, es-

sayez de l'utiliser pour cliquer et faireglisser la page, une manière beau-coup plus rapide pour vous déplacerdans votre dessin qu'avec les ascen-seurs.

Sélectionnez une ellipse à l'aide del'outil Select, puis maintenez MAJ lors-que vous la redimensionnez avec lespoignées flèches. Remarquez commentle point de référence de vos actionsest devenu le centre de l'ellipse. Es-sayez de maintenir et de relâcherMAJ pendant que vous êtes au milieudu redimensionnement de l'ellipse pourrendre ceci plus clair. Vous n'avez pasbesoin d'appuyer sur ces modificateursdès le début d'une opération, vouspouvez appuyer dessus et les libérerà tout moment. La seule chose quiimporte est de savoir si elles sontenfoncées lorsque vous relâchez lebouton de la souris.

Cliquez sur l'ellipse pour passer enmode rotation et maintenez MAJ pen-dant que vous la faites pivoter ous'incliner à l'aide des poignées. Vousdevriez voir la petite croix qui indiquele centre de rotation sauter au coinou au côté opposé de la poignée quevous bougez et votre ellipse pivoteraou s'inclinera autour de ce point deréférence.

Vous pouvez également combinerles touches CTRL et MAJ. Appuyez

sur les deux lorsque vous dessinezavec l'outil Cercle dans le but de créerun cercle parfait dessiné à partir deson point central, ou pendant quevous tournez votre ellipse pour lafaire pivoter de 15° autour du coinopposé de la poignée de rotation.

Finissons ce mois-ci avec une nou-velle forme : il y a des limites à ce quevous pouvez dessiner avec des cercleset des ellipses et nous allons donccréer des rectangles et des carrés à laplace.

Pour cela, nous allons uti-liser l'outil Rectangle (mon-tré à gauche. Appuyez surF4 ou « r »). Commencezpar cliquer sur le bouton

dans la boîte à outils, puis faites glisservotre forme sur la zone de dessin,comme vous l'avez fait avec lesellipses. Vous devriez maintenant avoirun joli rectangle :

Notez que votre rectangle a despetites poignées carrées et circulaires,

comme celles sur les ellipses. Les deuxpoignées carrées sont utilisées pourajuster la largeur et la hauteur.Maintenez MAJ lorsque vous les dé-placez pour limiter vos modificationsà un sens ou à l'autre. La poignéecirculaire, comme sur une ellipse, esten fait une paire de poignées l'unesur l'autre. Déplacez simplement l'uned'elle (ou maintenez CTRL tout endéplaçant l'une d'elle) et vous obtien-drez de jolis coins symétriquementarrondis sur votre rectangle, commeun quart de cercle. Déplacez-lestoutes les deux et vous obtiendrez uncoin elliptique à la place. Si vousvoulez revenir à des angles parfaits à90°, il suffit de cliquer avec MAJ surl'une des poignées circulaires oud'utiliser le bouton à la fin de la barred'outils (juste au-dessus de la zone dedessin).


TUTORIEL - INKSCAPE P. 2Les touches CTRL et MAJ fonc-

tionnent d'une manière très semblablepour l'outil Rectangle à ce qu'elles fontavec l'outil Cercle : maintenez la tou-che CTRL enfoncée pendant que vousdessinez votre rectangle pour le con-traindre à des ratios fixes si vousvoulez créer un carré parfait, ou main-tenez la touche MAJ si vous voulezdessiner du centre vers l'extérieurplutôt que d'un coin à l'autre.

Bien sûr, vous pouvez changer lacouleur de fond et de contour pourvos rectangles, comme nous l'avonsfait avec les ellipses le mois dernier.Vous pouvez également utiliser l'outilSelect pour les déplacer, redimensionner,faire pivoter et incliner et si vous main-tenez la touche CTRL enfoncée touten inclinant un rectangle, ce qui sepasse est beaucoup plus clair qu'avecune ellipse.

Maintenant que vous pouvez créerdes rectangles et des carrés, pourquoine pas améliorer le bonhomme deneige que vous avez dessiné le moisdernier en ajoutant un chapeau etune pipe ?

Liens utiles :Référence pour les touches et lasouris :http://inkscape.org/doc/keys048.html

MMOOTTSS CCOODDÉÉSS

Les solutions sont sur l'avant-dernière page.

Chaque numéro dans la grille des mots de code est un « code » pourune lettre de l'alphabet. À la fin, vous devriez avoir une lettredifférente dans chaque case numérotée et un mot en anglais danschacune des cases horizontales et verticales sur la grille de mots decode.

Jeux aimablement fournis par The Puzzle Club, qui en possède lesdroits d'auteur - www.thepuzzleclub.com


http://podcast.ubuntu-uk.org/

http://www.thepuzzleclub.com


http://inkscape.org/doc/keys048.html



IInnkkssccaappee -- PPaarrttiiee 33Voici une devinette : quand est-ce

qu'un cercle n'est pas un cercle ? Plusprécisément, lequel de ces deux cerclesest un cercle et lequel n'en est pas un ?

On dirait les mêmes, mais ce n'estpas le cas. Si vous double-cliquez surchacun d'eux pour faire apparaître leurspoignées d'édition, vous commencerezà voir une différence.

Celui de gauche est le vrai cercle,créé en maintenant la touche CTRLenfoncée tout en dessinant une ellipse.L'autre est un carré, créé en maintenantCTRL enfoncée tout en dessinant unrectangle, qui a eu ses coins arrondis enutilisant les petites poignées circulaires.

Souvent, il est assez évident de voiravec quel type d'objet vous travaillezdans Inkscape, mais au fur et à mesureque vos dessins deviennent plus com-plexes et que vous commencez à uti-liser de plus en plus d'outils, il est faciled'en perdre la trace. Certaines fonction-nalités ne peuvent s'utiliser qu'aveccertains types d'objets ; il est donc utiled'être capable de dire au premier coupd'œil exactement ce qui est sélection-né. Inkscape révèle cette information– et beaucoup d'autres – dans la barred'état en bas de la fenêtre. Voici lapartie pertinente de la barre d'étatlorsque chacun de ces « cercles » estsélectionné avec l'outil de sélection :

Avec ces informations, il est bienévident que les deux cercles sont dif-férents. Mais j'ai modifié légèrementcette image ; le texte était en fait « Ellipsedans calque Calque 1. Cliquer sur la sélec-tion pour alterner entre poignées de redi-mensionnement et de rotation. » Laligne d'état vous indique qu'en cliquantsur l'objet sélectionné, vous basculerez

entre les poignées d'échelle et lespoignéesderotationetd'inclinaison.

En fait, une grande partie de ce qui aété décrit très en détail dans les deuxarticles précédents se retrouve en beau-coup plus succinct dans la ligne d'étatd'Inkscape. Avec l'outil Cercle sélec-tionné, on vous indique de « Cliquer-dé-placer pour créer une ellipse. Déplacerles poignées pour faire des arcs ou descamemberts. Cliquer pour sélection-ner. » Dans ce cas « déplacer les con-trôles » est la terminologie d'Inkscapepour déplacer les poignées en formede carré ou de cercle. Une ligne simi-laire lorsque l'outil Rectangle est sélec-tionné suggère que vous pouvez« Déplacer les poignées pour arrondirles coins. »

Placer le pointeur de la souris au-dessus des différentes poignées fournitégalement des informations précieusessur la ligne d'état, y compris ce bijoulorsque vous utilisez les poignées circu-laires sur une ellipse : « …déplacer versl'intérieur de l'ellipse pour un arc, versl'extérieur pour un camembert. ». Ainsi

si vous vous interrogiez sur la commuta-tion apparemment aléatoire d'Inkscapeentre les segments et les arcs, elles'avère ne pas être aléatoire du tout.Laissez le pointeur à l'intérieur del'ellipse si vous voulez créer un arc età l'extérieur si vous voulez créer un seg-ment, mais vous pouvez toujours pas-ser de l'un à l'autre à l'aide des boutonsde la barre d'outils si vous vous retrou-vez avec le mauvais type d'objet.

En plus de ces conseils pratiques,la barre d'état contient également d'au-tres éléments encore avec lesquelsvous devrez vous familiariser si vousvoulez profiter au maximum de votretemps avec Inkscape. À l'extrême gauchese trouvent les échantillons de trait etde remplissage qui ont déjà été pré-sentés dans la première partie de cettesérie. En théorie, vous pouvez cliquer etfaire glisser la souris sur eux pourchanger leurs couleurs, mais j'ai tou-jours trouvé que c'était une approcheimprécise et difficile. Le mois prochain,nous examinerons la boîte de dialogueRemplissage et contour qui est unebien meilleure façon de choisir des


TUTORIEL - INKSCAPE P. 3couleurs qui ne sont pas présentesdans votre palette.

L'épaisseur du trait propose unefonctionnalité toute aussi inutile decliquer/glisser pour modifier sa valeur.Pour la plupart des changements ra-pides un clic droit sur le numéro pourfaire apparaître le menu contextuelest une bien meilleure option.

La boîte d'incrément avec un « O : »énigmatique vous permet de réglerl'opacité des objets sélectionnés. Ellese présente sous forme de pourcen-tage, 100 est donc la valeur pour unecouleur complètement opaque tandisque 0 donnera un rendu complètementtransparent à vos objets. Inkscape abeaucoup de façons de rendre vosobjets transparents, ce qui peut êtreun réel problème pour les nouveauxutilisateurs. Vous pouvez définir unevaleur dans cette zone en la tapantdirectement, en utilisant les boutonshaut et bas sur le côté, ou par un clicdroit pour faire apparaître un menucontextuel plutôt grossier en cinqétapes. J'ai l'habitude d'utiliser le menucontextuel, au moins comme point dedépart, car il fournit à lui seul unmoyen rapide pour revenir à uneopacité de 100 % lorsque vous êtesen danger de perdre vos objets trans-parents.

Les icônes en forme d'œil et de

cadenas et le menu surgissant qui lessuit, sont tous liés aux couches. Jeparlerai des couches dans un articleultérieur, mais il y a trois choses inté-ressantes à savoir à ce stade :

• Si vous connaissez les calquesdans GIMP ou un autre programmegraphique, les couches dans Inkscapefonctionnent d'une manière similaire.

• Cliquer sur le bouton œil est unedes nombreuses façons de faire dispa-raître vos objets de l'écran – dans cecas, en masquant la couche sur la-quelle ils se trouvent. L'icône se trans-forme en un œil fermé et, dans ce cas,il vous suffit de cliquer dessus pourafficher la couche à nouveau.

• Si l'icône de verrouillage ressembleà un cadenas fermé, alors la coucheest verrouillée et vous ne pourrez riendessiner dessus. Cliquez sur l'icône ànouveau pour la déverrouiller.

À droite du texte d'état se trou-vent deux champs qui indiquent lescoordonnées X et Y du pointeur devotre souris, par rapport au coin infé-rieur gauche de la limite de page.Vous ne pouvez pas les modifier àpart en déplaçant votre souris, car ils

sont juste là pour information. Atten-tion, cependant, le choix d'Inkscapede prendre pour origine le coin inférieurgauche de la page est différent de laspécification SVG qui utilise le coinsupérieur gauche comme origine. Cettedifférence n'affectera pas la plupartdes gens, mais si vous êtes un pro-grammeur qui veut éditer le fichierSVG directement, ces valeurs sontpresque inutiles pour vous.

Le dernier widget spécifique àInkscape dans la barre d'état est unchamp de zoom qui vous montre leniveau de zoom actuel, vous permetde définir une valeur spécifique en lasaisissant ou en utilisant les toucheshaut et bas, ou en choisissant parmiquelques exemples via un menu con-textuel. Il y a tellement d'autres outilsde zoom, y compris l'appui sur CTRLet la molette de défilement ou lestouches +/- que j'ai décrits précé-demment, que je doute que vousaurez jamais à utiliser ce widget.Enfin, il y a une poignée pour redimen-sionner la fenêtre.

Terminons ce mois-ci en introdui-sant un nouvel outil de dessin à votrearsenal : l'outil Étoiles et polygones. Ila une icône dans la boîte à outils et

peut également être activé à l'aide dela touche étoile (facile à retenir, carelle ressemble un peu à une étoile) ouMAJ-F9. Faire allonger une forme surle canevas produira un polygone con-

vexe ou concave, en forme d'étoile.Vous pouvez basculer entre les deuxmodes en utilisant les deux premiersboutons de la barre de contrôle del'outil.

Selon le mode que vous utilisez,vous verrez une ou deux petites poi-gnées en forme de losange. Celles-civous permettent d'ajuster la taille, larotation et, pour les polygones con-caves, le rapport des rayons. En main-tenant enfoncées les différentes touchesde modification lorsque vous les dé-placez, vous pouvez également réglerplusieurs autres paramètres (regardezla barre d'état pour les détails), mêmesi je préfère les changer en utilisantles boîtes d'incrément dans la barrede contrôle de l'outil.


Mark travaille sous Linux depuis 1994 et utilise Inkscape pour créer deux bandesdessinées sur le Web : 'The Greys' et 'Monsters, Inked' que vous trouverez sur :http://www.peppertop.com/.


Le seul paramètre qui ne peut pasêtre modifié à l'aide des poignées enlosange est le nombre de sommets survotre polygone, mais l'autre avantaged'utiliser les boîtes d'incrément estque, comme celles qui se trouvent surla barre d'état, elles ont chacune unmenu contextuel auquel vous accédezd'un simple clic droit. Ces menus con-textuels sont adaptés à chaque boîteséparément, avec des titres descrip-tifs pour vous offrir un petit aperçude l'effet qu'ils auront.

La meilleure façon d'avoir une idéede l'outil Étoile est simplement de joueravec. Essayez différentes combinaisonsde valeurs dans les boîtes d'incré-ment. Si vos objets commencent àêtre un peu hors contrôle, il suffit decliquer sur le bouton à droite de labarre de contrôle de l'outil – celui quiressemble à un petit balai – afin de« nettoyer » les paramètres en remet-tant des valeurs par défaut raison-nables. Pour vous donner une idée dece que vous pouvez réaliser sim-plement en ajustant les paramètresde l'outil Étoile, cette image contientsix polygones identiques qui ne dif-fèrent que par les paramètres de leursboites d'incrément (ci-après, en haut).

Pour revenir à la question dudébut de cet article, vous avez main-

tenant une troisième façon de créerun « cercle » : dessiner un polygoneconvexe avec un grand nombre desommets. Ce n'est pas un moyen par-ticulièrement bon pour dessiner uncercle et ce n'est certainement pasefficace, mais cela renforce le fait queles objets dans Inkscape ne sont pastoujours ce qu'ils semblent être. Gar-dez un œil sur la barre d'état.

Pourquoi ne pas utiliser ce nouvel ou-til pour ajouter des étoiles à l'arrière-plan de votre image du bonhomme deneige des articles précédents ? Le mêmeoutil vous permettra également deremplacer ces cercles que nous avonsutilisés pour les yeux et la bouche parquelques polygones convexes un peu

aléatoires, bien mieuxpour des morceauxde charbon authen-tiques.

MMOOTTSS CCOODDÉÉSS

Les

solu

tio

nsso

ntsu

rl'a

vant

-der

nièr

ep

age.

Chaque numéro dans la grille des mots de code est « code » pour unelettre de l'alphabet. À la fin, vous devriez avoir une lettre différentedans chaque case numérotée et un mot en anglais dans chacune descases horizontales et verticales sur la grille de mots de code.

Jeux aimablement fournis par The Puzzle Club, qui enpossède les droits d'auteur - www.thepuzzleclub.com

http://www.thepuzzleclub.com





Ce mois-ci, nous allons nouspencher sur la colorisationde nos objets. Jusqu'ici, nousavons appliqué des couleurs

de remplissage au contour de nos objetsen cliquant et MAJ-cliquant sur lapalette au bas de l'écran. Vous pouvezégalement les définir en transparent àl'aide du bouton le plus à gauche de lapalette (celui avec une croix). Vousavez sans doute déjà remarqué la barrede défilement qui se place habituelle-ment entre la palette et la barred'état, et qui permet de faire défilerl'intégralité des couleurs de la palette,mais avez-vous remarqué le petit bou-ton à droite de la zone de la palette(celui qui ressemble à un petit carac-tère « < ») ? Cliquer dessus vous afficheun menu déroulant des options de lapalette (tout à droite).

Une grande partie de ce menu estoccupée par une liste de palettes quevous pouvez utiliser. Essayez de cliquersur quelques-unes d'entre elles pourvoir à quoi elles ressemblent. Ensuite,jouez avec les sous-menus de la tailleet la largeur pour trouver une taillede nuancier avec laquelle vous êtes àl'aise. Enfin, essayez la case à cocher« Wrap » (Retour à la ligne) pour voir

si vous préférez voir l'ensemble devotre palette en une fois (même si celaprend plus de place verticale), ou si celavous convient d'utiliser la barre de défile-ment lorsque vous avez besoin d'accéderà des couleurs plus éloignées.

Si vous souhaitez utiliser votre pro-pre palette, peut-être pour l'adapterà un jeu de couleurs d'entreprise oul'intégrer avec d'autres icônes dans uneapplication, vous pouvez déposer unfichier palette GIMP (.gpl) dans votredossier .inkscape ou dans /usr/sha-re/inkscape/palettes si vous voulezqu'elle soit accessible à tous les utili-sateurs de votre ordinateur.

La palette est génialepour choisir rapidementune couleur pour le remplis-sage ou le contour, mais

que faire si vous voulez une couleurqui n'est pas présente dans la palette ?C'est là qu'entre en jeu la boîte dedialogue « Remplissage et contour ».Il y a plusieurs façons d'ouvrir la boîtede dialogue, y compris cliquer sur lebouton de la barre d'outils Comman-des, activer un objet puis choisir « Rem-plissage et contour » dans le menucontextuel du clic droit, appuyer sur

CTRL-MAJ-F, ou tout simplement encliquant sur le nuancier actuel en basà gauche de la fenêtre. Vous pouvezancrer la boîte de dialogue sur le côtédroit de la fenêtre d'Inkscape, ou ladéplacer dans une fenêtre qui lui estpropre, en la faisant glisser à l'aide dela barre de titre grise du haut.

En haut de la boîte de dialogue il y atrois onglets pour régler le fond, lacouleur du contour et le style de ce-lui-ci. Les deux premiers offrent des op-tions presque identiques, nous allonsdonc discuter de l'onglet Fond et vous


TUTORIEL - INKSCAPE P. 4pourrez extrapoler à partir de là.

Immédiatement en dessous de l'on-glet se trouve une rangée de boutonsqui servent à déterminer quel type depeinture est utilisé pour le remplis-sage ou le contour. Sur la gauche setrouve un bouton pour « Aucun rem-plissage » qui ressemble à une croixet a le même effet que l'utilisation dela croix à gauche de la palette dans lafenêtre de dessin principale. Si à lafois le fond et le contour sont définisà « Aucun remplissage », votre objetsera totalement invisible.

Le deuxième bouton vous permetde choisir une couleur unique pour lefond et le contour. De ce point de vue,c'est la même chose que la sélectiondans la palette, sauf que vous avez uncontrôle beaucoup plus fin sur la cou-leur. Choisir ce bouton, vous montredes onglets qui offrent quelques mé-thodes différentes pour sélectionnervotre couleur. Ne soyez pas dupe cepen-dant : Inkscape utilise des valeurs RVB(Rouge, Vert, Bleu) dans ses fichiersmême si vous sélectionnez une cou-leur via les onglets TSL ou CMJN. Ceciest un des exemples démontrant qu'Ink-scape est limité par les possibilités duformat SVG. L'onglet CMS n'est à uti-liser que si vous avez mis en place unsystème de gestion des couleurs devotre ordinateur, ce qui n'est pas

couvert dans cette série d'articles.

Quel que soit le sélecteur de cou-leurs que vous choisirez, vous trouve-rez un curseur en bas étiqueté d'un « A ».C'est le « canal alpha », qui est simple-ment un autre terme pour l'opacité. Sice curseur est déplacé complètementvers la gauche, alors votre remplis-sage ou votre contour sera complè-tement transparent. À l'extrême droite,c'est complètement opaque. N'importeoù entre les deux les rendra partielle-ment transparents. Cette image montreles deux mêmes objets avec le contourtotalement opaque, avec l'alpha duremplissage de l'objet du haut fixéaux niveaux 0, 128 et 255 (ci-dessus).

Comme avec l'option Aucun remplis-sage, régler le canal alpha à zéro à lafois pour le fond et le contour rendravotre objet totalement invisible. Si leremplissage ou le contour est partiel-lement transparent, les palettes decouleur dans le coin inférieur gauchede la barre d'état dans la fenêtre prin-cipale afficheront une disposition endeux parties : la moitié gauche montre

la couleur avec l'alpha appliqué sur uneffet de damier, tandis que la moitiédroite représente une version opaquede la même couleur. Vous pouvez faci-lement faire un remplissage translucideou un contour totalement opaque viale menu contextuel sur la palette.

Les troisième et quatrième boutonsvous permettent d'utiliser un dégradépour le fond ou le contour. Lesdégradés feront l'objet de l'article dumois prochain ; n'oubliez donc pas queces boutons existent, mais je n'en par-lerai pas pour l'instant.

Le bouton suivant vous permet depeindre le fond ou le contour en uti-lisant un motif. Inkscape inclut une va-riété de rayures et de pois qui sontdisponibles via un menu déroulant lors-que vous sélectionnez cette option.La plupart des motifs sont en noir etblanc, avec un seul modèle de couleur(camouflage) et trois images en niveauxde gris qui peuvent être utiliséescomme motifs, juste au bas de la liste.Il est possible de créer vos propresmotifs et d'ajuster la taille et l'échelle

des motifs intégrés, mais ce sont dessujets pour un autre jour.

Également repoussés à des articlesultérieurs, le bouton Remplissage indé-fini qui ressemble à un point d'inter-rogation et les deux taches informesà droite de l'onglet Remplissage.

Le troisième onglet principal de laboîte de dialogue Remplissage et con-tour s'appelle Style du contour. Alorsque l'onglet Contour est utilisé pourdéfinir la couleur, le dégradé ou unmotif pour celui-ci, cet onglet vous per-met d'en gérer tous les autres para-mètres. La plupart de ces paramètresne peuvent être réglés qu'en utilisantcette boîte de dialogue et il vaut donc



mieux se familiariser avec elle.

Au sommet se trouvent une boîtede saisie pour régler l'épaisseur du con-tour et un menu déroulant associé pourchoisir l'unité de mesure. Cela dupliqueles fonctionnalités disponibles dans lemenu clic-droit sur la barre d'état, maispropose un plus grand choix d'unités etun contrôle plus fin de l'épaisseur dutrait. Actuellement SVG permet auxtraits de seulement chevaucher le con-tour de l'objet à moitié à l'intérieur età moitié à l'extérieur. Vous pouvez levoir clairement en réduisant le canalalpha sur un trait épais : notez que leremplissage va jusqu'à la moitié inté-rieure du trait. Il faut s'en rappeler,car les débutants sur Inkscape medemandent souvent pourquoi augmen-ter le trait réduit aussi la zone à l'inté-rieurdeleursformes.

Ensuite, il y a trois boutons appelésRaccord. Ils déterminent comment lescoins de vos objets sont dessinés :soit pointus (coins carrés), soit arron-dis, soit biseautés. La différence peutêtre facilement vue en dessinant uneétoile (en haut à gauche).

Quand un coin pointu est particu-lièrement aigu, la pointe du raccord peuts'étendre assez loin. Dans ce cas Ink-scape va changer et dessiner un rac-cord biseauté à la place. La longueurjusqu'à laquelle le point est autorisé àpasser, avant que ce changement nese produise, est définie par la boîtede saisie Limite du raccord.

Les boutons Terminaison affectentles extrémités de vos lignes. La plu-part des objets que nous avons des-sinés à ce jour sont des boucles fer-mées, de sorte que les extrémités nesont pas vraiment définies, mais si vousutilisez les poignées du cercle pourchanger une ellipse en un arc, alors vousaurez un objet avec des extrémitésévidentes. L'option du milieu, Terminai-son arrondie, termine vos lignes avecune douce extension en demi cercle.Les deux autres options, Terminaison

sur le nœud et Terminaison carrée, don-nent toutes les deux une fin carrée àvotre ligne et ne diffèrent que si lecarré se prolonge au-delà de la fin dela ligne nominale (Terminaison carrée),ou s'arrête précisément à ce moment-là (Terminaison sur le nœud).

Le trait ne doit pas obligatoirementêtre une simple ligne continue, il peutconsister en un motif de tirets qui serépètent, appelés Pointillés. N'importequi ayant passé du temps sur desdessins techniques sera familier avecle « tiret-point-tiret » d'une ligne cen-trale, et une série de tirets peut êtreutilisée de manière à donner un effet« cousu » à des fins artistiques. Le menudéroulant associé aux tirets vous per-met de choisir parmi une variété demotifs de tirets fournis avec Inkscape etla boîte de saisie adjacente vous laisseajuster la position relative de départ

de votre motif. Les boutons de « Termi-naison », correspondant au style destirets, jouent aussi un grand rôle quandil s'agit de motifs à tirets : cette imagemontre notre étoile avec un trait entirets épais utilisant chacun des troisparamètres pour le style de terminaisondes tirets (au-dessus à droite).

Les trois menus déroulants pour lesmarqueurs initiaux, intermédiaires etterminaux vous permettent de sé-lectionner des flèches, des cercles, descarrés et d'autres formes qui serontpositionnées sur votre trait. Une foisencore, les options des marqueurs ini-tiaux et terminaux prennent leur impor-tance pour une ligne non fermée,comme un arc de cercle. Sur une lignefermée, vous voudrez probablementutiliser seulement l'une ou l'autre. Lesmarqueurs intermédiaires apparaissentchaque fois qu'il y a un coin ou unetransition vers un segment différentde la ligne, ce qui inclut la transitiondes segments rectilignes aux segmentscourbés sur un rectangle arrondi. Cetteimage montre juste trois exemplesd'utilisation de marqueurs et de motifsde tirets (en bas).

http://podcast.ubuntu-uk.org/


Faites bien attention avec les mar-queurs, car ils apparaissent en noir,quelle que soit la couleur de votrecrayon. Heureusement, Inkscape estlivré avec une extension qui ajustepour vous la mécanique interne néces-saire à SVG, rendant ainsi la corres-pondance des couleurs aussi simpleque de sélectionner votre objet char-gé de marqueurs et de regarder versla barre de menu pour choisir Ex-tensions > Modifier le chemin > Colo-rer les marqueurs pour les assortir aucontour. Même en utilisant cetteextension, cependant, les marqueurssont toujours opaques, quel que soitle paramètre alpha de votre trait.

La dernière partie à expliquer de laboîte de dialogue Remplissage etcontour est la paire de curseurs enbas, pour régler le flou et l'opacité. Lepremier est un raccourci pratiquepour ajouter le filtre flou gaussien àun objet. Les filtres SVG forment pareux-mêmes un sujet important quenous verrons dans un article ultérieur,mais, pour l'instant, il suffit de savoirque l'augmentation de ce curseur ren-dra votre objet plus flou. Plus vousl'augmenterez, plus flou sera votreobjet. N'exagérez pas : généralementune faible valeur vous donnera unbon effet, tandis que des valeurs plusélevées vont dissiper votre objet dansle brouillard. Soyez conscient que

l'utilisation de filtres va ralentir la vi-tesse à laquelle Inkscape redessinel'écran, surtout si vous avez un fortgrossissement de zoom.

Le curseur d'opacité a le mêmeeffet que la boîte de saisie « O » de labarre d'état et que le menu con-textuel, mais avec un contrôle plusprécis. La modification de cette valeuraffecte l'opacité de l'objet entier : à lafois le remplissage et le contour. Eneffet, l'objet est dessiné en mémoireen utilisant les valeurs alpha de rem-plissage et de contour, ensuite l'imageentière est dessinée sur l'écran enutilisant l'opacité de l'objet. Cet effetcumulatif rend possible la combinaison

des valeurs de transparence d'unefaçon complexe qui ne serait pas pos-sible avec seulement l'alpha ou seule-ment l'opacité. Dans cet exemple, plutôtcriard, les carrés ont partout 100 %d'opacité et d'alpha, mais les cerclesont les valeurs de remplissage, de traitet d'opacité indiquées ci-dessous.

Le curseur d'opacité est une façond'utiliser les motifs de remplissageincolores. En dupliquant un objet (Édi-tion > Dupliquer), puis en remplissantla copie d'un motif et en réduisantson opacité, vous pouvez laisser voirla couleur de l'objet original à travers.

Pourquoi ne pas utiliser cette as-

tuce sur votre image de bonhommede neige pour donner une petite gra-nularité à la neige sur le sol avecl'ajout de la texture sable à une faibleopacité ? Ajoutez-y quelques réglagesde couleur, un peu de flou et un peude transparence sur les ombres, etvous devriez trouver que, grâce àvotre maîtrise nouvellement acquisede la boîte de dialogue Remplissageet contour, votre image est en trainde devenir un peu moins plate.





TTUUTTOORRIIEELLÉcrit parMark Crutch


Le mois dernier, je vous aiprésenté le dialogue Rem-plissage et contour en tantque méthode de réglage des

couleurs plates ou des motifs sur vosobjets. La spécification SVG vous per-met d'utiliser également des dégradés,mais, malheureusement, n'en décritque deux sortes : le linéaire et le radial.Si vous avez utilisé des dégradés dansd'autres programmes de graphisme, ilse peut que vous soyez habitué àavoir beaucoup plus de variétés, maisInkscape se doit d'appliquer les spéci-fications SVG quelles que soient leurslimitations. Ainsi, au moins à ce mo-ment, vous n'avez que deux sortes dedégradés. Inkscape possède un bou-ton distinct pour chacun d'eux dansl'onglet Remplissage et contour > Fond,du dialogue. Comme vouspouvez vous y attendre, l'unressemble à un dégradélinéaire :

et l'autre à un dégradéradial :

Quel que soit celui que vous choi-sirez, vous vous trouverez confrontéà la même interface utilisateur au seindu dialogue (ci-dessus à droite).

Le premier élément est une listedéroulante des dégradés qui existentdéjà dans votre document. Celui sélec-tionné actuellement, en haut de laliste, est le nouveau que vous êtes entrain de créer. Si vous préférez utiliserun dégradé déjà existant, il suffit de lesélectionner dans la liste. Chaquedégradé reçoit un nom très peu convi-vial, comme le « linearGradient3755 »dans la capture d'écran. Malheureu-sement, Inkscape ne propose pas d'in-terface utilisateur pratique où vouspourriez modifier ce nom, ce qui fait

que, une fois que vous avez placé plusd'une poignée de dégradés dans undocument, la liste devient lourde sansdonner beaucoup d'informations surl'utilisation de chaque dégradé dansvotre image.

Le nouveau dégradé aura toujoursla même forme de base : une couleurde départ, réglée à la version entiè-rement opaque de la couleur de rem-plissage actuelle (ou noir, s'il n'y a pasde couleur de fond choisie), et unecouleur de fin, qui est la même quecelle du départ, mais dont la valeuralpha est mise à zéro. En résulte undégradé allant d'une couleur opaquevers une couleur transparente, de gau-che à droite pour un dégradé linéaireet du centre vers l'extérieur pour undégradé radial :

Si vous double-cliquez sur votreobjet afin de passer en mode éditionoù les petites poignées, dont nousavons discuté dans les articles précé-

dents, s'affichent, vous y trouverezaussi deux ou trois nouvelles poi-gnées, reliées par des lignes, qui indi-quent le point de départ et celui de lafin de vos dégradés, comme, respecti-vement, une poignée carrée et une,circulaire. Vous pouvez les déplacer –même à l'extérieur des limites devotre objet – afin de modifier laposition et l'angle du dégradé. En cequi concerne les dégradés radiaux, lepoint à chaque bout peut être dé-placé de façon indépendante, ce quivous permet de faire des dégradéscirculaires ou elliptiques.

Lorsque vous cliquez sur l'une despoignées du dégradé, vous remarquezque le dialogue Remplissage et con-tour bascule en mode Fond et la cou-leur choisie apparaît également dansles à-plats de remplissage en bas àgauche de la fenêtre principale d'Ink-scape. La couleur que vous voyez estcelle du point de limite du dégradésélectionné et vous pouvez le mo-



difier par tous les moyens que nousavons vus précédemment. Essayez desélectionner le point transparent dudégradé, puis cliquez sur un autre à-plat de remplissage et, enfin, jouezavec le curseur d'opacité ou le varia-teur « O ». Cette approche vous per-met de créer des dégradés quichangent en douceur entre deuxcouleurs, n'importe lesquelles.

Un dégradé de deux couleurs estbien beau, mais qu'est-ce qui se passesi vous en voulez trois, quatre ou toutun arc-en-ciel ? Vous pourriez créer demultiples objets, chacun contenant unepartie du dégradé complet, mais celadeviendrait rapidement lourd et com-plexe. En réalité, la réponse est plusfacile que vous pourriez penser : il suf-fit de créer plus de poignées sur les dé-gradés. Au lieu d'une poignée départet une poignée fin, nous en aurons uneou plusieurs au milieu aussi. Toutes cespoignées définissent une couleur spéci-fique dans le dégradé et sont appe-lées le plus souvent, des « stops ».

Pour ajouter un nouveau stop à undégradé, il faut bien préciser à Ink-scape que nous voulons éditer le dé-

gradé et non pas l'objet lui-même, en choisissant l'outilDégradé :

dans la barre d'outils (ou en ap-puyant sur « g » ou sur CTRL-F1). Il estmaintenant possible de double-cliquer sur la ligne qui relie les stopsexistants afin d'en ajouter un nouveau.Par défaut, il prendra la couleur etl'opacité à cet endroit de la ligne et,ainsi, l'apparence de votre objet nechangera pas – mais maintenant quele nouveau stop existe, vous pouvezle sélectionner et changer sa couleur.Vous pouvez également déplacer desstops le long de la ligne, les réunis-sant ensemble pour créer une tran-sition franche entre les couleurs ou,au contraire, les éloignant l'un del'autre pour quelque chose de plusprogressif. Il est facile de créer desdégradés criards et multicolores trèsrapidement, bien que l'effet artis-tique soit souvent meilleur si les chan-gements de couleur entre les stopssont plus subtils.

Pendant que l'outil Dégradé estactif, vous pouvez toujours déplacer

les points de fin pour modifier la tailleet l'angle du dégradé. Quand vousavez fini, il suffit de sélectionner votreobjet avec l'outil Sélectionner et vousreviendrez à la vue familière du dia-logue Remplissage et contour avec ledégradé à sa place. Un raccourci utilepour cela est d'appuyer sur la barreespace. Dans la plupart des cas, celabasculera entre l'outil actuel et l'outilSélectionner à chaque fois.

Retournons à un dégradé plus sim-ple, avec seulement deux stops. Laméthode rapide pour ce faire, c'estde régler votre remplissage en Fond,puis de basculer en dégradé. Lerésultat en sera l'affichage par défautd'un fondu d'opaque vers transparent,centré sur votre objet. À nouveau, ledialogue Remplissage et contour devraits'afficher exactement comme dans lapremière image de cet article, ce quinous offre l'occasion d'examiner lesoptions restantes.

Le bouton Dupliquer est presqueexplicite. Il reproduit le dégradé sélec-tionné dans le menu déroulant etapplique la copie à l'objet actuel-lement sélectionné. Cette dernièreprécision est importante, cela veutdire que vous pouvez y allerjoyeusement : modifier la couleur etla position des stops dans la copie dudégradé sans que cela ait un impact

sur les objets qui en utilisent laversion originale. Comme cela, il peutêtre un point de départ commode sivous avez déjà un dégradé qui estproche de celui que vous voulez, maispas tout à fait parfait.

Nous reviendrons au boutonÉditer… dans très peu de temps.

Le variateur Répétition sert à dé-finir ce qui se passe au-delà des stopsde départ et de fin de votre dégradé.Par défaut, c'est réglé sur « aucune » ;dans ce cas la zone avant la poignéedépart aura la même couleur que lapoignée départ elle-même et, de lamême façon, la zone au-delà de lapoignée fin prendra la même couleurque celle du stop fin. Les deux autresréglages répètent le dégradé : « ré-flexion » fait que le dégradé s'inverseà chaque répétition, ce qui donne unetransition fluide qui se répète ainsi :Départ-Fin, Fin-Départ, Départ-Fin,Fin-Départ… ; « directe » utilise le dégra-dé tel quel, ce qui crée un cycle beau-coup plus brutal : Départ-Fin, Départ-Fin, Départ-Fin, Départ-Fin… Commesouvent, une illustration rend ceci beau-coup plus compréhensible qu'une des-cription textuelle. Voici donc trois pairesde dégradés démontrant les modes« aucune », « réflexion » et « directe »se servant des dégradés de la premièrepaire :



Nous allons maintenant revenir aubouton Éditer… Si vous cliquez dessus,une fenêtre Éditeur de dégradé s'af-fichera. Ceci est une interface alter-native pour la modification des dégra-dés : vous pouvez ajouter et enleverdes stops, changer leur position àl'intérieur du dégradé et modifier leurcouleur – ce sont exactement lesmêmes fonctionnalités disponibles enutilisant l'outil Dégradé sur le canevassauf que l'éditeur ne vous aidera pasà changer la position et l'angle desdégradés à l'intérieur des objets. Ce-pendant, le dialogue de l'éditeur dedégradé a été déclaré officiellementobsolète et il est probable qu'il dispa-raisse lors d'une version ultérieure, auprofit de quelques fonctionnalités demodifications sur le canevas ; je n'en

dirai donc pas plus.

Tout au long de cet article, j'aiparlé de la modification du remplis-sage. Mais il est possible d'appliquer undégradé au contour de l'objet aussi.Voici deux rectangles au contourépais, l'un avec un dégradé linéaire,l'autre avec un dégradé radial :

La possibilité d'utiliser un dégradésur le contour peut être un con-tournement utile pour l'une des limi-tations de SVG (et donc d'Inkscape) :l'épaisseur des contours est toujoursdéfinie. Cette restriction rend difficilele dessin de lignes qui s'amincissent,mais l'utilisation d'un contour qui s’at-ténue jusqu'à en devenir transparentpeut souvent donner un effet visuelsimilaire, surtout avec des lignesminces :

Il y a une fonctionnalité qui survientlors de l'utilisation de dégradés de rem-plissage et de contour en même tempset qui, parfois, peut sembler être unbogue : Inkscape aime « aider » en

assemblant les poignées pour qu'ellespuissent être manipulées comme uneseule. Dans cet exemple, j'ai dessinéun carré avec un remplissage jaune etun contour bleu pour ensuite cliquersur le bouton Dégradé linéaire dansle dialogue Remplissage et contour.Vous avez l'impression qu'il n'y aqu'une seule paire depoignées de dégradé,mais c'est parce qu'ungroupe de poignées setrouve l'un par dessusl'autre.

Si vous souhaitez modifier juste ledégradé du remplissage ou le dégra-dé du contour, il paraît évident qu'ilfaille déplacer les poignées visibles pourque la paire du dessous devienne vi-sible, non ? Si vous essayez de le faire,vous trouverez que la propensiond'Inkscape d'assembler les poignéesveut dire que les deuxpaires de poignéesbougent comme s'iln'y en avait qu'uneseule.

La solution à cette énigme estsimple : il suffit d'appuyer sur la toucheMAJ pendant quevous déplacez lespoignées. Cela vouspermettra de lesséparer et les empê-

chera de s'assembler à nouveau sielles se trouvent trop près les unesdes autres.

Maintenant que vous savez faireles dégradés, il est temps, peut-être,de remplacer les couleurs floutéessimples de votre bonhomme de neigepar des dégradés radiaux, pour luidonner un peu plus de profondeur.N'oubliezpas lesdégradéslinéairespour son nez,ses bras, sonchapeau et sapipe. Commetouche finale,un ciel joli-ment dégra-dé est géné-ralement plusintéressantqu'unplanplat.






Dans ce numéro, je vais vousprésenter la plus puissantedes primitives de dessind'Inkscape : les chemins. Je

dis bien vous les « présenter » car leschemins peuvent être créés, utilisés etmanipulés de multiples façons et nousy retournerons maintes et maintes foisau fil du temps.

Mais, ce mois-ci, nous res-terons dans la simplicité etcommencerons avec l'outil

Ligne (MAJ+F6 ou « b »).

Sélectionnez l'outil, cliquez une foissur le canevas, puis bougez le curseurvers une autre partie du canevas avantde double-cliquer pour terminer votrechemin.

Vous venez de créer le type de che-min le plus simple qui existe : une lignedroite. Essayez d'ajouter une couleur etune épaisseur à votre ligne avec ledialogue Remplissage et contour ou lesoutils dans la barre d'état dont nousavons parlé précédemment. Mainte-nant, choisissez l'outil Sélection (rappe-lez-vous qu'il suffit d'appuyer sur labarre d'espace comme raccourci) etassurez-vous de pouvoir le redimen-sionner, le faire pivoter et le rognercomme vous vous y attendriez. Double-

cliquez sur la ligne pour aller en modeédition et vous remarquerez quelquechose d'un peu inhabituel : alors qu'undouble-clic sur un rectangle, une ellipseou une étoile vous présentera l'outil

approprié, un double-clic surun chemin vous présente à laplace l'outil des Nœuds (àgauche).

Vous allez vous familiariser avecl'outil des Nœuds assez rapidement,mais, à ce stade, contentez-vous desélectionner l'outil Ligne à nouveau.Cette fois-ci, cliquez sur plusieurs en-droits du canevas avant de terminer parun double-clic. Vous venez de créer unchemin fait de multiples segments deligne. Il y a de fortes chances que votrechemin soit « ouvert », c'est-à-dire queles deux bouts soient séparés. Si vousdessinez un autre chemin à multiplessegments, mais double-cliquez sur lepoint de départ, vous créerez un

chemin « fermé ». La différence entreles deux devient évidente quand vous

ajoutez un remplissage – et cela devraitvous rappeler l'effet que nous avonsobtenu en créant des arcs au début decette série d'articles.

Comme vous pouvez le voir, si vousappliquez un remplissage à un cheminouvert, cela sera dessiné comme s'il yavait une ligne droite qui ferme lechemin. Cela peut parfois être utile,mais ça ne fonctionne que s'il n'y aqu'une cassure dans le chemin – dès quevous en introduisez une autre (nousverrons comment le faire le mois prochain),le remplissage disparaît complètement.

Retournons à l'outil Nœud en dou-ble-cliquant sur l'un des chemins ou enappuyant sur la touche F2 ou « n ». Leclic double changera d'outil et choisiravotre chemin ; si vous avez choisi de lefaire au moyen du clavier, il se peut quevous soyez obligé de cliquer sur lechemin pour être certain qu'il estsélectionné. Vous devez voir une petitepoignée en forme de losange qui marquechaque transition entre les segmentsde ligne. Les poignées s'appellent desnœuds et, comme vous pourriez l'imaginer,nous nous servirons de l'outil Nœud pourles manipuler.

Essayez de déplacer un des nœudsavec la souris. Maintenant appuyez sur

MAJ tout en cliquantsur plusieurs nœudspour les sélectionner– ils deviennent bleuslorsqu'ils sont sélec-tionnés – et les dépla-cer tous ensemble.Voulez-vous déplacer

les nœuds au bout d'un segment ? Ilsuffit de cliquer sur la ligne qui les relie.Appuyez sur MAJ pendant que vous lefaites pour ajouter les deux nœuds àune sélection existante. Vous pouvezaussi appuyer sur « ! » pour inverser lasélection, ce qui peut être parti-culièrement utile quand vous traitezdes chemins très compliqués. Enfin,essayez de déplacer une boîte de sé-lection « élastique » par dessus quel-ques-uns de vos nœuds en cliquant surle canevas et, en continuant d'appuyersur le bouton de la souris, vous des-sinerez un rectangle couvrant quelques-uns des nœuds. Lâchez le bouton de lasouris et les nœuds à l'intérieur de laboîte seront sélectionnés (ou ajoutés àvotre sélection si vous avez égalementappuyé sur MAJ).

Bien sûr, vous pouvez en faire plusavec les nœuds que les déplacer. Sé-lectionnez-en quelques-uns, puis acti-vez le bouton « Afficher les poignéesde transformation pour les nœuds



sélectionnés » (à gauche) surla barre de contrôle desoutils. Vous verrez les poi-

gnées déplacer/redimensionner, que vousconnaissez déjà, autour de vos nœuds ;cliquez sur l'un des nœuds sélectionnéset vous verrez les poignées d'inclinaisonet de rotation à la place. Celles-ci fonc-tionnent de la même manière que lespoignées obtenues avec l'outil Sélection,mais les transformations s'appliquent auxnœuds sélectionnés et non pas à l'objetentier.

Pensez à l'article du mois précédentoù vous avez édité des dégradés direc-tement sur le canevas. Ajouter une nou-velle fin de dégradé était aussi simpleque faire un double clic sur la ligne oùvous vouliez que cela apparaisse. Ajouterun nouveau nœud à un chemin est

similaire : il suffit de double-cliquer sur lechemin. Si vous voulez que ce soitexactement à la moitié d'un segment,alors sélectionnez les nœuds aux deuxbouts (souvenez-vous, un clic sur lesegment lui-même suffit), et appuyezsur la touche INSER ou cliquez sur lebouton sur la barre de contrôle des outils.

Le nouveau nœud s'ajoutera automati-quement à votre sélection, ce qui fait

que vous pouvez continuer àappuyer sur INSER ou cliquersur le bouton, à gauche, pourajouter plusieurs nœuds à un

segment de ligne.

Ajoutons un peu plus de courbes.Déplacez le milieu de l'un de vos seg-ments de ligne pour le transformerrapidement en une « courbe de Bézier ».Les nœuds à chaque bout de votrecourbe devraient être reliés à des poi-gnées circulaires par une mince ligne.Des courbes approximatives peuventêtre tout simplement créées à partird'un segment de ligne droite, mais vouspouvez les ajuster en bougeant ces poi-gnées circulaires.

Si vous décidez que vous voudreztransformer votre courbe de Bézier enligne droite à nouveau, il faut d'abordsélectionner le nœud à chaque bout,

puis appuyer sur MAJ-L ouutiliser le bouton sur labarre de contrôles d'outils (àgauche). Il y a un bouton

juste à côté (ou MAJ-U) qui convertit uneligne droite en courbe, mais, la plupartdu temps, il est plus utile de déplacer lesegment de ligne jusqu'à ce qu'il ait à

peu près la forme que vous voulez, puisde l'ajuster avec les poignées Bézier.

Les petits nœuds en forme de lo-sange avec lesquels nous nous sommesamusés jusqu'à présent ne sont qu'unedes quatre sortes de nœuds que l'on peututiliser dans les chemins. Ces nœudspermettent aux segments du chemin dechaque côté de s'étendre dans n'importequelle direction, ce qui vous permet decréer des coins dans vos chemins. Parfois,cependant, des coins à angles aigus(appelés nœuds durs) ne sont point ceque vous voulez et, pour ces occasions,donc, il existe trois autres sortes denœuds : doux, autodoux et symétrique.

Vous pouvez faire défiler ces di-verses sortes de nœuds en CTRL-cli-quant sur un nœud ou vous pouvezchanger pour la sorte que vous voulezen sélectionnant le(s) nœud(s), puis enutilisant les boutons sur la barre decontrôle des outils :

Voici un bref résumé des quatresortes de nœuds :

Dur - permet aux segments de lignede converger en un angle.

Doux - garantit que le dégradéreste constant d'un segment à l'autre.

Symétrique - Comme Doux, maisgarantit aussi que les deux poignéesont la même longueur.

Autodoux - Bougez ce nœud, ouses voisins, et la ligne restera à doux. Sivous ajustez les poignées de ce nœud,cependant, il redeviendra un simplenœud doux.

Bien entendu, la meilleure façon decomprendre les différences entre cesquatre sortes de nœuds est tout sim-plement de dessiner une ligne avecplusieurs nœuds et de jouer avec.

Dessiner une série de segments àpartir de zéro en utilisant l'outil Lignen'est qu'une façon de créer un chemin,mais Inkscape en possède plusieurs.Une des approches les plus courantesest de convertir un autre objet en che-min. Cela vous permet de transformerfacilement en chemin dont les nœudspeuvent être bougés et modifiés li-brement, un rectangle, une ellipse ouun polygone. L'inconvénient de cetteliberté est que l'objet perd son identitéoriginale – vous ne pourrez pas vousservir de l'outil Rectangle pour mo-difier le rayon du coin une fois qu'il auraété converti en chemin, ni de l'outilÉtoile pour ajuster le nombre de côtésde votre polygone. Vous ne pourrezpas non plus convertir le chemin ànouveau en l'objet original, même sivous n'avez fait aucune modification auxnœuds : la conversion est strictementune affaire à sens unique.


TUTORIEL - INKSCAPE P. 6En tenant compte de ces mises en

garde, dessinons quelques objets etconvertissons-les en chemins. Pour com-mencer, il suffit de créer quelquesformes en suivant les instructions don-nées auparavant dans cette série. Uneellipse, un rectangle, un rectangle arrondiet une étoile, par exemple. Puis sélec-tionnez chaque objet et utilisez la com-mande Chemin > Objet en chemin en hautdu menu (ou CTRL-MAJ-C si vous préférez).Double-cliquez sur chaque chemin afinde voir où Inkscape a créé des nœudsdur et où il a fait des nœuds doux.

Essayez de manipuler ces chemins :bougez quelques nœuds, transformez-les de dur à doux et vice-versa, dé-placez les segments de ligne et ajustezles poignées Bézier. Ajoutez quelquesnœuds avec un double clic ou en sélec-tionnant un segment et en appuyant surINSER. Bien entendu, vous pouvez aussi

supprimer des nœuds en lessélectionnant et en appuyantsur SUPPR (ou en cliquantsur le bouton, voir à gauche,dans la barre de contrôle

d'outils), mais il y a un petit hic à cela :

Inkscape fera tout ce qu'il pourra pourpréserver la forme originale du chemin,malgré le fait qu'il y a moins de nœuds.

Si vous voulez qu'il sup-prime le nœud sans essayerde préserver la forme, ilfaut appuyer sur CTRL-SUPPR. La différence de-vient évidente quand vousvoulez enlever un seulangle d'un rectangle (voirci-contre).

Si vous allez trop loin dans l'éditiondes nœuds (ou n'importe quoi d'autredans Inkscape), vous pouvez toujoursutiliser le menu Édition > Annuler (CRTL-Z) pour annuler les modifications.Inkscape garde un historique de tousles changements que vous faites encours de session et vous pouvez doncannuler plusieurs fois de suite si vousvoulez. Si vous voulez vraiment voyagerdans le temps, regardez Édition > His-torique des annulations.

Dans l'ensemble, Inkscape est plu-tôt stable, mais il plantera occasion-nellement. D'après mon expérience,cela a tendance à arriver lorsque vouséditez des chemins et, habituellement,quand vous essayez d'utiliser la fonc-tion Annuler. Heureusement, il fait sonpossible pour sauvegarder votre travailvers un fichier de sauvegarde. Si Ink-scape affiche un message pour vousdire qu'il a planté, il vous montrehabituellement le chemin et le nom du

fichier de sauvegarde. En règle géné-rale, le fichier se trouvera dans lemême répertoire que votre dessin – oudans votre dossier personnel si vousn'avez pas encore sauvegardé le dessin– et aura un nom basé sur le nom devotre fichier suivi d'une chaîne repré-sentant la date et l'heure numériques.La plupart du temps vous pouvez toutsimplement ouvrir le fichier de sauve-garde, l'enregistrer sous un autre nomet continuer à travailler comme si derien n'était. Comme c'est le cas pourtout fichier informatique, cependant,cela vaut le coup de faire des sauve-gardes régulières – d'habitude, je com-mence chacune de mes sessions Inkscapeen utilisant Fichier > Enregistrer sous…pour créer une copie de mon imagesous un nom légèrement différent afinde ne jamais perdre trop de travailsuite à un plantage d'Inkscape.

Maintenant que vous savez con-vertir les formes d'Inkscape en che-mins, le moment est venu de donner àvotre bonhomme de neige une appa-rence un peu moins superbe. Conver-tissez-en la tête et le corps elliptiques,puis ajoutez quelque nœuds et bougez-les un peu pour produire les bosses etles imperfections d'un bonhomme deneige typique. Vous pouvez aussi ajou-ter du caractère à son nez carotte endessinant des coupures et des marqueset en le rendant un peu bizarre ici et là.L'horizon devra onduler un peu pourfaire penser à la neige poudreuse em-

portée par un petit vent. Bien qu'il soitpossible de créer des bras qui res-semblent un peu plus à des brindilles etd'écraser le chapeau, je vais laisser celade côté maintenant et les traiter lemois prochain quand je parlerai dequelques méthodes pour créer et mani-puler des chemins complexes rapidementet facilement.


http://wiki.documentfoundation.org/images/d/dd/BasicGuide_OOo3.2.0.odt

http://www.pitonyak.org/oo.php

http://pastebin.com/MU2Ztizi

http://www.eyrolles.com/Informatique/Livre/programmation-openoffice-org-et-libreoffice-9782212132472





Àla fin de l'article du mois der-nier, j'ai promis que nous nousintéresserions au chapeau tropparfait qui orne notre bon-

homme de neige désormais grume-leux. Le chapeau a été ajouté il y alongtemps lors de la deuxième phasede cette série d'articles, lorsque toutce que nous pouvions dessiner étaitdes ellipses et des rectangles, et c'estun bon exemple de la façon dont quel-ques objets soigneusement choisis peu-vent tromper l’œil qui voit des formesqui ne sont pas vraiment là. Voici àquoi il ressemble lorsqu'il est retiréde la tête du bonhomme de neige etun peu tourné :

Il y a évidemment une ellipse enhaut et une autre pour le bord, maisquid du corps principal du chapeau ?Avec vos nouvelles connaissances dumois dernier, il serait facile à créer en

convertissant un rectangle sur unchemin et en courbant les segmentsdu haut et du bas, mais cette versionest antérieure de plusieurs mois àcette nouvelle façon de faire. Exploserle chapeau en ses parties consti-tuantes rend les choses un peu plusclaires :

Le corps est simplement un rec-tangle avec une ellipse se pointantfurtivement par en dessous. En leurdonnant des dégradés correspondants,nous pourrions créer l'illusion d'un objetunique. La courbe du haut n'existe pasdu tout, c'est juste un effet d'optiquecréé en mettant le rectangle derrièrel'ellipse qui forme le haut du chapeau.

Tromper l'œil pour faire un effetartistique peut être très utile, mais,dans ce cas, c'était vraiment une solutionde contournement de notre manquede compétences en Inkscape. Ce seraitmieux si le corps du chapeau étaitjuste un objet avec un dégradé. Notrechapeau complet consisterait alors enune ellipse pour le haut, une ellipsepour le bord et un chemin pour lecorps. Nous pourrions faire cela enconvertissant le rectangle en cheminet en changeant le bord inférieur enune courbe de Bézier :

Mais nous avons déjà la forme quenous voulons dans la zone formée parle rectangle et l'ellipse. Ce que nousvoulons faire c'est combiner ces objetsen un seul chemin. Pour qu'Inkscapesache quels éléments nous voulons

combiner, notre première étape con-siste à sélectionner les deux. Passez àl'outil de sélection, cliquez sur le rec-tangle, puis maintenez la touche MAJenfoncée tout en cliquant sur l'ellipse.La barre d'état doit vous dire que vousavez « 2 objets de type Rectangle,Ellipse » sélectionnés. Sinon, utilisezÉdition > Désélectionner (ou cliquezsimplement sur le fond, loin de tousles autres objets) afin d'effacer votresélection, puis essayez à nouveau. Unefois que vous êtes satisfait d'avoir sélec-tionné les deux bons objets, utilisez lemenu Chemin > Union (CTRL- +) pourcombiner vos objets en un seulchemin :


Si vous zoomez très près, vousremarquerez que notre nouveau che-min n'est pas aussi parfait que nous lesouhaiterions. Certains défauts d'ali-gnement de l'ellipse dans le rectangleont créé des nœuds supplémentairesque nous devrons modifier manuelle-ment en utilisant l'outil Nœud. Créerde la sorte des chemins à partir d'au-tres objets peut être un moyen ra-pide pour obtenir le schéma de based'une forme, mais, en général, vousaurez besoin de faire quelques mo-difications manuelles par la suite. Dela même manière que pour l'agré-

gation de formes pour former un seulchemin, nous pouvons aussi les sous-traire, en découpant une forme dansune autre. En regardant le haut du cha-peau, nous pourrions utiliser l'ellipsepour découper une section incurvée.Vous n'avez pas besoin d'être un génieen mathématiques pour comprendreque 1-2 ne vous donne pas le mêmerésultat que 2-1. De même, soustraire

un rectangle d'une ellipse ne vous don-nera pas le même résultat que sous-traire une ellipse d'un rectangle. Ink-scape a donc besoin d'un moyen desavoir quel objet est celui que nousenlevons et quel est celui duquelnous l'enlevons. Ceci est fait en utili-sant l'ordre d'empilement.

L'ordre d'empilement a été briève-ment mentionné dans la première partiede cette série : les objets dans Inkscapepeuvent s'empiler les uns « au-dessus »des autres, avec ceux qui occupent lesommet de la pile occultant ceux en-dessous (en supposant qu'ils sonttous complètement opaques). Lorsquevous avez sélectionné un objet avecl'outil Sélection vous pouvez le dépla-cer vers le haut et vers le bas de lapile à l'aide de ces quatre boutons surla barre d'outil de contrôle :

Pour découper un objet dans unautre, la forme à supprimer doit êtreau-dessus de l'autre objet : dans notrecas, l'ellipse doit être au-dessus durectangle incurvé. Elle est sans doutedéjà au sommet de la pile, mais il nefait pas de mal de prendre l'habitudede toujours déplacer l'objet à décou-per au-dessus de l'objet à couper. Ceci

est facile à réaliser en sélectionnantl'ellipse et en utilisant le dernier desquatre boutons pour l'amener jus-qu'au sommet de la pile. Maintenant,vous devez positionner l'ellipse pourdécouper la forme que vous voulez :dans ce cas, ce qui surplombe un peule bord du rectangle. Une fois quec'est fait cela devient un cas simplede sélection des deux objets et d'utili-sation du menu Chemin > Différence(ou CTRL et la touche moins) pour sous-traire l'ellipse à partir du rectangle :

Malheureusement, il y a quelquesproblèmes avec le résultat : le premierest que, une fois de plus, nous avonsquelques nœuds récalcitrants qui de-vront être remis en place manuel-lement, le second est que notre el-lipse a maintenant complètement dis-paru ! C'est un effet secondaire del'opération Chemin > Différence : l'objetque vous découpez est égalementsupprimé dans le processus.

Appuyez sur CTRL-Z (ou utiliserÉdition > Annuler) pour restaurer votreellipse à son état d'avant la coupe.Maintenant, sélectionnez simplementl'ellipse et utilisez la commande Édi-tion > Dupliquer (CTRL-D). Cela vacréer une copie de l'objet sélectionnéexactement au même endroit sur lefond, mais au sommet de la pile. Celavaut la peine de s'habituer au raccourciclavier car c'est une fonctionnalité par-ticulièrement utile : non seulementelle vous donne une copie à usageunique de l'objet à découper, mais ellevous évite aussi de devoir manuelle-ment le déplacer vers le haut de lapile. Cela laisse même le nouvel objetsélectionné, il vous suffit de faireMAJ-clic sur l'objet à couper, puis d'uti-liser Chemin > Différence. Maintenant,notre ancien rectangle a une basearrondie et un dessus incurvé et nousavons encore une ellipse pour formerle haut.



Mais il y a toujours un problème.Un examen attentif de la jointure entrele rectangle et le couvercle courbemontre une ligne mince visible dansle canevas ou les objets en dessous.Inkscape utilise l'« anti-aliasing » quandil dessine vos objets. Il tente de rap-procher les bords qui ne recouvrentpas exactement les limites des pixelsen traçant une fine ligne translucidepour donner l'impression visuelle d'unecourbe lisse. Habituellement, il fonc-tionne bien, mais lorsque deux de ceslimites se rencontrent, ça peut conduireà un léger écart là où vous n'en voulezpas vraiment.

Il y a quelques solutions à ce pro-blème d'anti-aliasing : on pourrait ajou-ter un bord à l'un ou aux deux objetspour couvrir le déficit, mais ce n'estpas toujours approprié et ne résoutpas le problème si les objets ont déjàdes bords, ou alors on pourrait s'ap-puyer sur leur contiguïté parfaite enen faisant chevaucher le bord de l'unpar l'autre. Dans ce cas, le dessus durectangle n'a pas vraiment besoind'être incurvé, l'ellipse à son sommetnous donne l'effet visuel recherché.

Par CTRL-Z revenons à notre cha-peau au sommet droit. Il peut sem-bler que nous avons tourné en rond,mais, en cours de route, vous avezappris le Chemin > Différence, les pro-

blèmes visuels que l'anti-aliasing peutparfois causer et le fait que, parfois, ilest préférable de dessiner quelquechose qui présente bien, même si sastructure sous-jacente n'est pas aussipure ou correcte que vous auriez puvouloir. Avant de réassembler le cha-peau pour de bon, il pourrait être utiled'ajouter quelques plis et froisse-ments en utilisant les outils de che-min du mois dernier :

Pendant que vous étiez dans lemenu Chemin à la recherche de l'Unionet de la Différence, vous avez pro-bablement remarqué les autres entréesgroupées à côté d'elles : Intersection,Division, Exclusion et Chemin de Coupe.Ensemble, tout ceci forme les opéra-tions « booléennes » de chemin : portantle nom du mathématicien George Booledu 19e siècle, qui a formulé les règlespermettant de combiner des donnéesbinaires qui sous-tendent ces opéra-tions. Elles exigent deux objets (mêmesi l'Union peut travailler avec plus dedeux), avec un résultat généralementdifférent selon l'objet qui est plus élevédans la pile. Le tableau ci-dessusmontre l'effet de l'application de cha-cune de ces opérations sur un carré et

un cercle qui se chevauchent et montrela différence de résultats selon quel'un de ces objets est au-dessus del'autre et lequel (dans le cas de laDivision et du Chemin de coupe, lesobjets qui en résultent ont étéséparés un peu pour rendre l'effet deces opérations plus facile à voir ).

Avec un peu de pratique, ces opé-rations booléennes vous permettrontde produire des chemins complexes àpartir de quelques formes simples. Ilsfournissent un moyen rapide pour pro-duire les premières grandes lignesque vous pouvez ensuite travailler

avec l'outil nœud pour les transformeren quelque chose de plus affiné. Maisne les considérez pas uniquementcomme des instruments contondantspour les travaux de construction gros-sière : ils peuvent aussi être utiliséspour sculpter et façonner avec laprécision d'un scalpel.




Documents

Full Circle Numéro spécial Inkscape, Vol.1