Si cette nouvelle version d’Inkscape intègre quelques fonctionnalités supplémentaires, elle apporte surtout des améliorations majeures sur les outils déjà présents dans les versions précédentes. L’outil Nœud, en particulier, a fait l’objet d’une révision en profondeur par Krzysztof Kosiński durant son projet Google Summer of Code 2009. Voici une sélection des nouveautés les plus notables.

Sélection de chemins multiples

Il est désormais possible de sélectionner et d’éditer plusieurs chemins simultanément. Il suffit pour cela de sélectionner l’ensemble des chemins à éditer avec le sélecteur, puis de passer sur l’outil Nœud pour faire apparaître les nœuds de toute la sélection. Libre à vous de sélectionner ensuite ceux dont vous avez besoin, quel que soit le chemin sur lesquels ils sont positionnés.

Et bien entendu, toutes les manipulations qui étaient possibles avec les nœuds d’un seul chemin le sont toujours sur plusieurs chemins. Dans l’exemple suivant, les nœuds supérieurs des trois formes ont été déplacés en mode d’édition proportionnelle (en maintenant la touche Alt lors du déplacement) vers le bas.

Jointures multiples

Vous pouvez également joindre les nœuds terminaux de deux chemins par un nœud ou un segment. Le chemin résultant est alors la combinaison des deux chemins initiaux, et prend les attributs de style du chemin initialement placé le plus haut.

Plus pratique encore, plusieurs paires de nœuds sélectionnées peuvent être jointes simultanément deux par deux en une seule action.

Transformation des nœuds

Une nouvelle icône, placée dans la barre d’options de l’outil Nœud, autorise l’affichage de poignées de transformation autour de la boîte englobante des nœuds. Ces poignées fonctionnent exactement comme celles positionnées autour des objets et chemins en mode sélection, et permettent le redimensionnement, le déplacement, la rotation et l’inclinaison de la sélection de nœuds (cliquez sur un nœud pour passer du mode redimensionnement au mode rotation).

Encore ?

Pour en savoir plus sur les autres modification de l’outil Nœud, consultez les notes de version d’Inkscape 0.48 [1] ou, si vous souhaitez un maximum de détails, la page du projet de réécriture de l’outil [2].

[1] http://wiki.inkscape.org/wiki/index.php/Release_Notes/0.48

[2] http://wiki.inkscape.org/wiki/index.php/GSoC2009_Node_Tool_Rewrite

Décryptons les scripts

Les utilisateurs les plus curieux l’auront sans doute remarqué, certaines options d’exportation et d’importation sont disponibles sous Gnu/Linux, mais pas sous Windows. Il ne s’agit pas ici de favoritisme délibéré (vous en doutiez ?) mais découle du fait que les développeurs d’Inkscape sont principalement équipés de Gnu/Linux ou OSX. Du coup, certaines fonctionnalités sont tout d’abord développées avec ces systèmes d’exploitation, puis portées (ou pas) vers Windows. Et dans le cas qui nous préoccupe, c’est une bonne partie du mécanisme gérant les scripts d’entrée et sortie qui est en cause. Les filtres qui ne nécessitent pas d’application tierce fonctionnent la plupart du temps parfaitement bien, mais pour ceux qui doivent s’appuyer sur Gimp ou Dia, par exemple, ce n’est pas tout à fait pareil.

Bon, pour notre exemple, prenons une extension utilisée par les concepteurs de sites pour exporter un fichier SVG vers Gimp tout en conservant la grille et les guides et en convertissant chaque calque du fichier en un calque Gimp. Lorsque le système est correctement paramétré, l’extension apparaît  dans le menu Fichier>Enregistrer sous, sous l’intitulé « Gimp XCF avec conservation des calques ».

Un peu de technique (juste un peu)

Regardons de plus près comment tout cela fonctionne (ou plutôt ne fonctionne pas…).

Tout d’abord, nous avons un script d’exportation. Un script tout bête, qui ressemble à n’importe quel script disponible dans le menu Extensions. Sauf que celui-ci est spécial, puisque dédié à l’exportation. Pour l’exécuter, Inkscape à besoin d’un fichier faisant l’interface entre l’application et l’interpréteur Python, en voici un extrait (issu de gimp_xcf.inx) .

<dependency type=”executable” location=”path”>gimp</dependency>

<param name=”guides” type=”boolean” _gui-text=”Save Guides:”>false</param>
<param name=”grid” type=”boolean” _gui-text=”Save Grid:”>false</param>
<output>
<extension>.xcf</extension>
<mimetype>application/x-xcf</mimetype>
<_filetypename>GIMP XCF maintaining layers (*.xcf)</_filetypename>
<_filetypetooltip>GIMP XCF maintaining layers (*.xcf)</_filetypetooltip>
<dataloss>true</dataloss>
</output>

Les éléments <param> sont les paramètres proposés à l’utilisateur lorsque l’extension est exécutée. Tout le reste au-dessous définit comment apparaît cette extension dans le menu Enregistrer sous. L’élément <output> permet à Inkscape de reconnaitre l’extension comme un filtre de sortie. Et enfin, pour terminer, l’élément <dependency> indique que l’exécutable gimp doit impérativement se trouver dans le chemin de l’utilisateur. Sinon, rien, que dalle, pas d’exportation XCF, désolé, c’est niet. Ah si, quand même, ça laisse un petit message d’erreur dans votre dossier de configuration personnel d’Inkscape (C:\Documents and Settings\%USERNAME%\Application Data\Inkscape\extension-errors.log).

Lorsque ça fonctionne, l’extension provoque l’ouverture de la boîte de dialogue suivante :

Finalement, ce n’est pas si compliqué !

Si avec Gnu/Linux tout fonctionne bien sans rien faire, c’est parce que l’exécutable de Gimp s’appelle bien gimp, et qu’il est généralement dans le chemin /usr/bin, avec de nombreuses autres applications, et que ce chemin est pratiquement tout le temps dans l’environnement utilisateur (en gros, quand le système d’exploitation ne sait pas où est une application appelée par son seul nom, c’est dans ce chemin qu’il va regarder).

Sous Windows par contre, les exécutables des applications ne sont pas stockés dans un dossier commun, et ne sont donc pas par défaut dans l’environnement utilisateur. Il faut alors les ajouter, si besoin, dans la variable qui va bien. Voici comment faire (avec XP, mais ça ne doit pas être trop différent avec Seven et Vista) :

1. Ajoutez le chemin vers Gimp dans l’environnement système (tout ce qui est dans le chemin système est propagé à l’environnement utilisateur).

1a. Cliquez-droit sur l’icône Poste de travail et choisissez Propriétés dans le menu contextuel pour ouvrir la boîte de dialogue des propriétés système.
1b. Dans l’onglet Avancé, cliquez sur le bouton Variables d’environnement, tout en bas à gauche.
1c. Dans les variables système, partie basse de la boîte des variables d’environnement, double-cliquez sur la variable Path.
1d. Ajouter à la fin de la chaîne un point-virgule, puis le chemin vers Gimp. Avec Gimp 2.6, il faut ajouter la chaîne suivante « ;C:\Program Files\GIMP-2.0\bin ».
1e. Fermez proprement (en cliquant Oui partout) les boîtes de dialogue précédemment ouvertes.

2. Renommez l’exécutable.

2a. Dans le dossier d’installation de Gimp, copier l’exécutable « gimp-2.6.exe ».
2b. Renommez la copie en « gimp.exe ».

3. Téléchargez le script à jour. Si vous avez une version d’Inkscape antérieure à la 0.49 (oui, je sais, la 0.48 n’est toujours pas sortie, mais mesurez votre chance, je vous donne là une astuce pour une fonctionnalité qui n’est sensée fonctionner que dans plusieurs mois !), votre version du script plante lamentablement (pour une sombre histoire d’antislash dans les chemins, allez comprendre…). Effectuez alors les étapes suivantes.

3a. Téléchargez la dernière version du fichier script [1]. Si vous êtes gourmands, et que vous voulez aussi profiter d’une nouvelle option permettant d’exporter (ou pas) le fond de page dans chaque calque Gimp et d’un nouvel onglet d’aide (le tout non traduit, désolé !), téléchargez aussi le fichier inx [2].
3b. Copiez le ou les fichiers dans le dossier C:\Program Files\Inkscape\share\extensions.

4. Relancez Inkscape, puis ouvrez Fichier>Enregistrer sous pour vérifier qu’une nouvelle ligne mentionnant « Gimp XCF avec conservation des calques » a bien été ajoutée.

Si par malheur ça ne fonctionnait pas comme espéré, n’hésitez pas à poser vos questions sur le site Launchpad (en français ou en anglais) [3] ou à déposer un rapport de bogue (en anglais) sur le même site.

Amusez-vous bien !

[1] http://bazaar.launchpad.net/~inkscape.dev/inkscape/trunk/annotate/head%3A/share/extensions/gimp_xcf.py

[2] http://bazaar.launchpad.net/~inkscape.dev/inkscape/trunk/annotate/head%3A/share/extensions/gimp_xcf.inx

[3] https://launchpad.net/inkscape

Elles nous avaient manqué depuis la sortie de la version 0.47, mais elles sont de retour ! Grâce au travail d’Uwe Schöler (par ailleurs tout récent auteur d’un nouveau livre sur Inkscape en Allemand), vous pourrez retrouver et tester les versions de développement en paquets 7zippés pour Windows à l’endroit habituel : http://inkscape.modevia.com/win32/?M=D.

Pour un accès plus rapide, ce lien est désormais accessible depuis la page d’accueil de ce site, sous le lien pointant vers la version stable.

N’hésitez pas à télécharger, tester, signaler des défauts et proposer des évolutions, ou tout simplement profiter des nouveautés de la 0.48, dont le nouvel outil Spray, les évolutions de l’outil Nœuds (avec sélection multi-chemins !) et de l’outil Connecteur, et plein d’autres choses encore (voir les notes de version ). Mais nous en reparlerons plus tard…

Il est temps d’annoncer le gagnant du concours Inkscape-fr 2009.

Tout d’abord, je remercie sincèrement tous les participants. Cela fait plaisir de constater l’intérêt croissant vis-à-vis d’Inkscape par le biais, entre autre, d’autant de participations.

Il ne faut pas croire, mais choisir entre toutes ces réalisations ne fut pas une mince affaire. Vous avez tous passé du temps sur le logiciel pour en extirper ce dont vous aviez en tête. Les résultats sont visibles dans ce précédent article. Comme vous pouvez le constater, les styles sont très différents.

Le but du concours est de vous pousser à utiliser le logiciel. C’est pourquoi il était ouvert aux débutants et aux initiés. Tout le monde avait sa chance. Le livre de Cédric Gémy s’adressant aussi bien aux débutants qu’aux confirmés, nous souhaitons seulement que le gagnant apprécie sa lecture et réalisera des dessins satisfaisant.

Le gagnant du concours est Madeg avec cette illustration.

Félicitation Madeg !

Pour les autres, j’espère que vous ne serez pas trop déçu. Je vous encourage à continuer à utiliser Inkscape, pour vectoriser librement.

Voici comment l’illustration a été réalisée :

1. Propriétés du document

Fichier > Propriétés du document > Couleur de fond.

Choisir la couleur souhaitée.
Des dimensions de 1000*1000 pixels ont été ici utilisées (page carrée en fait).

2. Le texte

Cliquer sur l’icône pour activer l’outil texte.

Cliquer sur la feuille de dessin (peu importe où) et taper le texte souhaité (ici « attention », « le  piment… », « pique !!! ». Texte > Texte et police pour mettre en forme le texte (taille, police…). Ici, la police utilisée est « Abiscuos » et la taille est de 50 px pour le 1er mot, 120 pour les deux autres.

L’objet étant sélectionné, un simple clic sur la couleur souhaitée (rouge #FF0000) de la palette (juste au-dessous de la barre de défilement) définira la couleur de remplissage du texte. (Remarquer qu’un clic droit permet de définir aussi la couleur du contour).

Pour centrer le texte par rapport à la page :
Objet > Aligner et distribuer Aligner relativement à : Page.
Cliquer sur la 3ème icône de la 1ère ligne (Regarder les dessins, c’est logique !).

Déplacer enfin les éléments de haut en bas pour leur donner la place souhaitée (avec la combinaison Maj+↑ d’abord, puis ↑ tout seul pour préciser).

Les deux traits autour du mot « attention » se font à l’aide du simple crayon (on simplifie juste le tracé une fois ou deux : Chemin > Simplifier ou Ctrl+L)

3. Les cases

Créer 1 carré de côté 300 pixels et le remplir avec la couleur rouge #FF0000 comme expliqué récédemment.Le placer à gauche de la page sous le mot « Piment ».
Pour donner un effet irrégulier au contour : Convertir le rectangle en chemin (Chemin > Objet en chemin).  Ajouter des nœuds (Extensions > Modification de chemin > Ajouter des nœuds) : le
choix des paramètres ici importe peu, du moment que le nombre de nœuds (visibles lorsque le chemin est sélectionné) reste relativement peu élevé (une centaine de nœuds semble raisonnable).
Déplacer les nœuds aléatoirement (Extensions > Modification de chemin > Déplacer les
nœuds aléatoirement) en réglant le déplacement maximum sur les axes X et Y à 1,0 px.

Dupliquer 2 fois la case en appliquant 2 « coups de tampon » :
Sélectionner l’objet en gardant le bouton de la souris pressé et appuyer deux fois sur la
barre d’espace (sans déplacer la souris). Là où il y avait tout à l’heure 1 seule case, il y
en a 3.

Déplacer horizontalement les deux cases supérieures, avec la combinaison Maj+↑ par
exemple, ce qui permet d’obtenir un espace identique entre chaque case.
Sélectionner enfin les 3 cases, les grouper et les centrer par rapport à la page comme
vu précédemment.

4. Les dessins

Dessiner sur papier l’histoire souhaitée.
Prendre soin d’accentuer les contours du dessin au feutre noir.

Prévoir 4 dessins séparés facilite la suite.

Scanner les 4 dessins.
Importer les scans vers Inkscape (Fichier > Importer). Vectoriser les dessins : Chemin > Vectoriser le bitmap (Utiliser de préférence le mode « Détection de contour » et ajuster le seuil selon la qualité de l’image (d’où l’utilité de l’accentuation des contours sur papier) et/ou jouer avec les options suppression des parasites, optimisation des chemins…)
Essayer toutefois de préserver cet effet « naturel » du dessin papier.

Ajuster les dimensions des nouveaux chemins formés et les disposer aux emplacements souhaités (les 3 premiers dans les cases et le dernier sous la 3 ème case).
Définir le rouge comme couleur de remplissage du dernier dessin.

Pour les « crounch » : Créer un texte « crounch » près du visage du personnage.
Choisir sa police et sa taille (Century, 20, par exemple)
Convertir le texte en chemin : Chemin > Objet en chemin.
Convertir les contours du chemin en chemins : Chemin > Contour en chemin.
Ajouter des nœuds (vu précédemment) et les déplacer aléatoirement (vu précédemment aussi) avec des déplacements horizontaux et verticaux de 0,5 px au maximum.

Pour finir, dupliquer 3 ou 4 fois ce « crounch » avec des « coups de tampon » comme vu précédemment (ou plutôt, répéter la procédure pour éviter l’impression artificielle du copier-coller).

5. La flamme

Tracer au crayon la silhouette d’une grande flamme (ce sera la forme approximative de la flamme finale), d’une plus petite à l’intérieur, et d’une troisième à l’intérieur de la deuxième.

Simplifier (Ctrl+L) les tracés. Si la silhouette semble trop arrondie, passer en mode d’édition de nœuds et rendre dur les nœuds au bout des pointes de la flamme :

Noeud doux

Noeud dur

Choisir un remplissage rouge (#FF0000) pour la flamme, orange (#FF6600) pour la seconde et jaune (#FFFF00) pour la dernière. Veiller à ce que la rouge soit située sous l’orange, et elle-même sous la jaune.

Ajouter des nœuds et les déplacer aléatoirement avec une amplitude de 20 px sur les deux axes.

Appliquer l’effet « Clapotis » aux trois flammes (Filtres > Déformation > Clapotis) puis l’effet « Aquarelle » (Filtres > Textures > Aquarelle).
Attention à avoir bien positionné les 3 chemins car leur nombre important de nœuds
rend les modifications du document difficiles.

6. Export

Fichier > Exporter en bitmap > Page

Choisir les dimensions du bitmap, la résolution (attention plus elle est élevée, plus l’export sera long) et le nom. Le fichier final sera ainsi au format png.

Conclusion

Merci Madeg pour ces explications et bonne continuation !

La communauté Inkscape annonce la sortie de la version 0.47 :: http://www.inkscape.org :: Dessiner librement.

Après plus d’un an de développement intensif et de réusinage, Inkscape 0.47 est disponible.

Cette version de l’éditeur de graphismes vectoriels orienté SVG apporte des améliorations de performance et de nombreuses nouvelles fonctionnalités, telles que l’enregistrement automatique, les splines spiro, les nœuds automatiques, l’outil Gomme, des nouveaux modes pour l’outil Ajuster, une barre dédiée au magnétisme et de nouvelles fonctionnalités liées au magnétismes, des nouveaux effets de chemin (dont l’enveloppe), une gigantesque collection de filtres prédéfinis, de nouvelles exportations PS et EPS basées sur Cairo, un correcteur d’orthographe, de nombreuses nouvelles extensions, des options d’optimisation du code SVG, et beaucoup d’autres encore.

Bien entendu, cette version corrige également plusieurs centaines de bogues relevés dans les versions précédentes.

Référez-vous à la note de version complète pour de plus amples informations, profitez des captures d’écran, ou téléchargez tout simplement le logiciel pour Windows, Linux ou Mac OS X.

–

Téléchargement : http://inkscape.org/download/?lang=fr

Notes de révision complètes pour Inkscape 0.47 : http://wiki.inkscape.org/wiki/index.php/ReleaseNotes047

Captures d’écran réalisées par la communauté : http://inkscape.org/screenshots/

31 Octobre, billet mis-à-jour.

Le concours pour le livre Inkscape efficace est maintenant terminé ! Je remercie tous les participants. Vous avez été nombreux cette année et très originaux. Je vérifie que toutes les participations sont bien postés ici, si ce n’est pas le cas, faites moi signe ! Est venu l’étape de la réflexion pour le jury ! Ohlala c’est pas facile.

Nombreux sont les personnes qui souhaitent voir ces fameuses participations. Pour le plaisir des yeux voici toutes les participations.

Les participants & leurs créations

• Antoine
• Mathieu
  

  Participation de Mathieu

• Raphaël
  

  Participation de Raphaël

• Nohjan

  

  Première participation de Nojhan

  

  Deuxième participation de Nojhan

  

  3ème participation de Nojhan

• Christiane
  

  Participation de Christiane

• Yannick
  

  Participation de Yannick

• Jérémie
  

  Participation de Jérémie

  lien vers la source du fichier

• Jean-louis
  

  Participation de Jean-lou

• Bob
  

  Participation de Bob

• Luc
  

  Participation de Luc

• Mathieu H.
  

  Participation de Mathieu (un autre)

• Olivier
  

  Participation d'Olivier

• fffourmi
  

  Participation de fffourmi

• Madeg
  

  Participation de Madeg

• Bruno
  

  Participation de Bruno, variation bronze, existe en de nombreuses couleurs

• Charlotte
  

  Participation de Charlotte

Vous avez sans doute déjà aperçu les publicités pour Apple iPod qui sont symbolisées par une silhouette en mouvement sur un fond de couleur chaudes.

Ce genre d’illustration est assez facilement réalisable avec Inkscape, grâce à ses puissants outils vectoriels et sa facilité à vectoriser des bitmaps.

Le fond

Il nous faut d’abord créer un fond qui va nous servir comme base, la première astuce est de faire un dégradé de couleurs chaudes, comme un rouge/orange, un bleu ou un vert clair, un mauve/rose, …

N’hésitez pas à utiliser des calques pour vos différents objets.

Commencez par remplir votre surface de travail (préférez un espace de travail en mode paysage plutôt que portrait) avec un rectangle . Vous pouvez légèrement arrondir les bords de celui-ci en touchant le point circulaire situé sur le coin supérieur droit de votre rectangle avec l’outil édition de nœuds .

Remplissez votre rectangle avec un dégradé linéaire de couleurs chaudes et placez-le sur une de ses diagonales.

Ensuite, dessinez quelques formes non régulières (triangles, quadrilatères, …) avec l’outil courbes de Bézier et appliquez-leurs un dégradé linéaire de blanc opacité 255 à blanc opacité 0. Jouez sur le position du dégradé et sur l’opacité générale de la forme pour que certaines arêtes de la forme ne soient que très peu visible.

Vous pouvez également essayer d’appliquer un motif sur certaines formes, Stripes 1:1 white par exemple.

La silhouette

Pour réaliser notre silhouette, nous avons besoin d’un modèle à vectoriser. On en trouve facilement sur internet dans les moteurs de recherches avec des mots clés comme, par exemple, hip hop dance, mais vous pouvez utiliser une image réalisée par vous même. L’essentiel est de choisir une photo où la personne est en mouvement, et de préférence vue de profil. Avoir un fond uni et d’une couleur bien différente de celles des vêtements de la personne facilitera également le détourage.

Vous pourriez ouvrir la photo directement avec Inkscape et faire le détourage à la main à l’aide de l’outil courbes de Bézier , mais il est plus facile d’utiliser un éditeur d’image bitmap, comme The Gimp et d’ensuite vectoriser le bitmap détouré avec Inkscape.

Pour le détourage de la silhouette du personnage, je vous laisse rechercher des tutoriels dédiés à cela consacrés à votre éditeur sur Internet. Prêtez une attention particulières pour les zones entre les doigts/jambes et les cheveux. Arrangez-vous pour que le reste de l’image soit sur un fond transparent et non sur un fond blanc.

Ensuite, utilisez l’outil remplissage avec un seuil de tolérance élevé de votre éditeur pour rendre la silhouette monochrome. Enregistrez la silhouette et ouvrez-là dans une nouvelle fenêtre avec Inkscape.

Dans Inkscape, sélectionnez la silhouette bitmap que vous venez d’ouvrir et rendez-vous dans le menu Chemin → Vectoriser le bitmap.

Sélectionnez Seuil de luminosité et réglez le aux environs de 0,5, appuyez sur Mettre à jour pour avoir un aperçu, et si la silhouette apparait parfaitement, validez, sinon, ajustez le seuil de luminosité.

La silhouette a alors été vectorisée, il vous suffit de la sélectionner et de la coller dans votre autre document qui contient déjà notre fond. Adaptez sa taille si nécessaire.

Ensuite, rajoutez un simple dégradé linéaire sur la silhouette, de haut en bas, avec une autre gamme de couleurs chaudes que celle utilisée pour le fond.

Rajout de l’iPod et des écouteurs

Que serait une pub pour iPod, sans iPod ?

L’iPod est un simple rectangle blanc, légèrement arrondi, que nous allons placer, soit au niveau de la ceinture, soit dans une des mains de notre personnage.
Pour donner un léger effet de perspective, je vous conseille d’utiliser l’outil courbes de Bézier plutôt que l’outil rectangle . Attribuez un blanc légèrement grisé comme fond et comme bordure à votre iPod. Dans l’onglet style de contour de l’éditeur de couleurs , mettez une taille de contour à 2px et activez le raccord arrondi .

Pour les écouteurs, utilisez simplement l’outil courbes de Bézier pour dessiner le cordon, en commençant de l’iPod pour vous arrêter (clic droit) vers l’emplacement approximatif de l’oreille visible. Dessinez ensuite une deuxième section du cordon au partant de la précédente partie, au niveau des poumons, en vous dirigeant vers l’oreille non visible, mais arrêtez-vous au moment où le cordon ne doit plus être visible. Sélectionnez les deux sections de votre cordon mais ne mettez pas de couleur d’arrière plan, sélectionnez plutôt un contour de la même couleur que celui de l’iPod et ajustez son épaisseur.

Pour l’écouteur en lui-même, utilisez également l’outil courbes de Bézier pour créer un triangle et arrondissez-le avec l’outil édition de nœuds .

Sélectionnez ensuite les 3 chemins que vous venez de tracer et faites Objet → Grouper.

Rajout d’un halo

On peut rajouter une petite lueur autour de la silhouette, et accessoirement sur les formes que nous avons créées au début, pour rajouter un peu de dynamisme dans l’illustration.

Pour cela, dupliquez la silhouette avec Ctrl + D, une deuxième silhouette est alors créée à l’emplacement de la première. Donnez lui un fond blanc et réglez son opacité (~75%) et son flou (~25%) général.

Vous remarquerez que le nouvel objet se trouve devant la silhouette colorée, utilisez Page Down et Page Up pour le faire descendre ou monter dans la superposition des objets. Vous pouvez également naviguer dans les objets avec TAB.

Si vous le souhaitez, vous pouvez effectuer la même opération sur les formes du fond.

Améliorations

Vous pouvez jouer sur les couleurs et sur les filtres de la silhouette et du fond pour obtenir un rendu différent.

Ajoutez si vous le souhaiter du texte en blanc et en gras.

A propos de ce tutoriel

Petit mot d’Elisa :

Souhaitons la bienvenue à notre nouvel auteur de tutoriel : Raphael. Je le laisse se présenter s’il le souhaite en commentaire de son article. Raphael participe au concours Inkscape avec cet article. Sa très belle réalisation est accompagnée d’un excellent article sur lequel aucune retouche n’a été appliquée (quasiment, j’ai surtout retiré la référence à un logiciel propriétaire ). Raphael a accepté de publier sa participation au concours pour offrir à Inkscape-fr cet article. Merci Raphael et n’hésite pas à nous en écrire d’autre !

Mais qui est Raphael ? J’ai trouvé son blog et il m’a également envoyé ce lien.

Participez au concours d’Inkscape-fr.org pour gagner le livre Inkscape Efficace de Cédric Gémy !

1. 1. Créez une illustration 100% avec Inkscape ;
2. 2. Ecrivez un texte pour nous expliquer votre processus de réalisation ;
3. 3. Envoyez le tout à ou indiquez nous par mail où votre participation est déposée sur la toile ;
4. 4. Soyez “libre” et placez votre création et son texte sous licence LAL.

Informations sur le concours

Le thème de l’illustration est “piquant“. Les dates du concours sont du 31 août au 31 Octobre 2009.

Le jury est composé de Dominique, Cédric Gémy et moi-même. Nous déciderons sur des critères précis quelle illustration remporte le concours. Ensuite nous vous recontacterons pour connaître l’adresse postale à laquelle vous adresser le livre.

Le livre

Cédric Gémy, graphiste, auteur et formateur a publié chez Eyrolles en février 2009 Inkscape Efficace.

Pour en savoir plus sur cet ouvrage :

• lisez l’article de ce blog consacré à ce livre
• lisez l’article de Dominique consacré à ce livre
• visitez la page du livre chez Eyrolles

Cédric Gémy vous guide dans l’apprentissage du logiciel de façon didactique. Inkscape-fr est heureux de pouvoir vous offrir ce livre grâce à Dominique et Cédric Gémy. Vous ne connaissez pas Dom ? Il est passionné par le graphisme libre, retrouvez ses articles sur son blog, où il contribue régulièrement sur Inkscape.

N’hésitez pas à diffuser l’information du concours pour assister à un festival de création libre francophone.

Février 2009, Cédric Gémy publie avec Eyrolles un livre sur Inkscape : Inkscape Efficace.

Le sommaire

• Pourquoi Inkscape ?

• Premiers pas avec Inkscape

• Dessiner des formes géométriques et les combiner

• Dessiner à main levée

• Modifier des courbes

• Couleurs et contours

• Travailler avec du texte

• Transformer des parties du dessin

• Optimiser sa méthode de travail

• Travailler avec des photos

• Inkscape et la 3D

• Les effets visuels

• Publier sur le web et sur papier

• Les coulisses d’Inkscape : SVG

Ouvrage papier ou ebook ?

La version ebook contient les figures en couleurs, épargne la transformation de l’arbre en papier et l’utilisation de l’encre (pas vraiment biodégradable) (ah bon ? Cela se voit que je milite pour l’e-book ?).

Qui est Cédric Gémy ?

Si vous vous intéressez aux logiciels libres graphiques, il y a des chances pour connaître sa réputation. Il est graphiste, auteur et formateur en logiciels libres graphiques et également quelques logiciels propriétaires. Il s’adapte aux systèmes d’exploitations de ses clients même s’il préfère de loin rester sur Gnu/Linux.

Voici quelques liens pour en connaître plus sur lui :

• son site professionnel
  
• initiateur du réseau formation libre
• son blog
• et enfin notre portfolio commun (nous collaborons sur quelques projets).

Cédric Gémy m’a fait l’honneur de m’offrir un exemplaire de son dernier livre.

Allez Elisa donne nous ton avis sur ce livre !

Vous rendez-vous compte de l’audace de cette demande ? Je suis l’auteur du premier ouvrage français sur Inkscape, un livre concurrent pourrait on dire. Il m’est difficile d’avoir un avis objectif sur mon propre travail, alors n’attendez pas de moi un simple comparatif ou une critique acerbe dans le but de cracher sur le livre.

Tout d’abord, même si nos livres sont sortis dans des maisons d’édition traditionnelles (c’est-à-dire sous licence fermée), ils ne sont pas en concurrence pour autant. Auteur n’est pas notre activité principal à tous mais graphiste-formateur. Plus de gens s’initieront au charme d’Inkscape, mieux le logiciel se portera.

Revenons à l’ouvrage Inkscape Efficace. Cédric Gémy aborde tous les points clefs du logiciel (et même davantage). Il s’appuie sur ses années de formation pour être didactique. De nombreux apartés jalonnent le livre pour les habitués à Illustrator. Il nous livre également ses astuces (j’ai adoré)!

Soulignons la performance de l’auteur dans la réalisation d’un site (actuellement indisponible) dédié au livre : entièrement en SVG ! La différence de l’interprétation du site selon les navigateurs est énorme. Vivement que le SVG intéresse les concepteurs de navigateurs pour profiter pleinement de son potentiel.

Ce livre s’adresse aux débutants et aux confirmés (même s’ils l’ignorent). Si vous devez en acheter qu’un, le choix peux être difficile, regardez peut être sur des paramètres factuels tels que les maquettes, les éditeurs, les tarifs, les disponibilité en librairie ou sur internet, les poids, les tailles du livre, les auteurs (oui, pourquoi pas), l’objet livre ou l’ebook… en tous les cas l’un ou l’autre, vous finirez par apprendre à utiliser Inkscape efficacement !

Autre nouveauté notable, Inkscape 0.47 embarque un beau paquet de filtres prédéfinis que vous pourrez utiliser directement sur vos objets, sans vous poser la question (épineuse !) de leur création.

Rappels sur les filtres SVG

Rappelons que les filtres SVG permettent, en combinant des primitives simples (flou, remplissage, turbulence…) d’obtenir des modifications plus ou moins complexes du rendu des objets auxquels ils s’appliquent. Ils reprennent en partie les filtres d’image contenus dans le menu Effets>Image Raster (en 0.46) ou Extensions>Images matricielles (0.47), mais à la différence de ces derniers, qui s’appuient sur ImageMagick, les filtres SVG ne sont pas destructifs et peuvent donc être enlevés n’importe quand de l’objet, même si celui-ci à subi d’importantes modifications.

Les filtres SVG, définis dans la spécification SVG 1.1 (elle prévoit en tout 16 primitives ; deux seulement, feTile et feComponentTransfer, n’ont pas encore été implémentées dans Inkscape), ont été introduit dans la version 0.45 du logiciel. Mais jusqu’à présent, il fallait les réaliser à la main avec l’éditeur de filtres, ce qui n’est franchement pas simple, ou télécharger les créations disponibles sur le web (relativement peu nombreuses).

Merci Ivan !

Mais Ivan Louette, un passionné qui passait par là, a trouvé judicieux de se lancer, après quelques essais proposés sur sa galerie Open Clip Art, dans la création massive de filtres. Et depuis qu’il est parti, plus moyen de l’arrêter ! À l’heure actuelle, la version en développement contient plus de 170 spécimens uniques, répartis dans 17 catégories. Du coup, tout cela étant devenu trop volumineux pour le menu Effets où ils étaient prévus initialement, les filtres ont été déplacés dans un menu rien qu’à eux, nommé (sans surprise) Filtres. Et puis tant qu’ils y étaient, les développeurs en ont profité pour y déplacer les entrées Éditeur de filtre et Supprimer les filtres, qui étaient précédemment hébergés par le menu Objets. Mais tout ça c’est de la popote, et ça ne nous montre rien de bien concret.

Le nouveau menu Filtres

Quelques exemples

Je n’ai pas trop envie de vous montrer de capture ici. D’abord, il faudrait choisir, et c’est trop dur. Et puis c’est l’occasion de vous amener à visiter le manuel officiel sur le site FLOSS Manuals (si vous voulez nous aider à compléter le manuel, ou simplement le relire, votre aide est bienvenue…). Tous les filtres prédéfinis y sont documentés (opération en cours !) par leur auteur lui-même. Vous y retrouverez, pour chaque filtre, une capture, une petite explication et quelques détails sur le paramétrage, dès fois qu’il vous viendrait à l’idée d’aller tripatouiller à l’intérieur…

Bon, allez, juste une, pour vous faire plaisir.

Le filtre bosselage TSL

Et pour modifier un filtre ?

Bon, puisque vous insistez, ce n’est pas si compliqué. Il suffit d’ouvrir la boîte de dialogue qui va bien à partir du menu Filtres>Éditeur de filtres. Après, c’est un peu plus touffu, et il est préférable de suivre les instruction dans la documentation d’Ivan pour savoir où aller exactement (pour en savoir un peu plus sur l’éditeur de filtres, voir également le récent tutoriel du site Dom-web.net).

Modifier un filtre

La capture précédente montre la décomposition du filtre ABC>Agitation. Comme l’ensemble des filtres du sous-menu ABC, il est extrêmement simple, et peut servir de base à des filtres plus complexes, ou être additionné à d’autres filtres.

Les filtres des autres sous-menus sont souvent plus compliqués. Ils contiennent des primitives qu’il est préférable de laisser fixes (à moins de vouloir faire un effet vraiment très différent), et d’autres que vous pouvez ajuster pour diminuer ou renforcer l’effet désiré. Pour certains filtres, des indications (succinctes) sur ce point précis sont disponibles dans la barre d’état et d’informations lorsque vous survolez le filtre dans le menu.

Après, tout dépend de votre inspiration !