Choisir les logiciels libres

Aller au contenu | Aller au menu | Aller à la recherche

dimanche 14 février 2010

Inkscape : Pixelsnap et JessyInk sont dans un bateau

2 extensions Inkscape vraiment étonnantes et à découvrir de toute urgence si vous avez besoin de réaliser des présentations sympathiques, ou si dans vos exports bitmaps, il y a toujours ce petit quelque chose d'indéfinissable qui vous gêne, Pixelsnap et JessyInk.

Pixelsnap : Des lignes droites bien placées

Ça a l'air évident : un logiciel de dessin vectoriel doit être capable de placer tous vos objets au pixel près. Sauf qu'un dessin vectoriel, par définition, ça ne marche pas avec des pixels. C'est un peu capillotracté ce que je viens d'écrire, mais c'est ce qui fait toute la différence avec un dessin bitmap. Si vous avez déjà utilisé Inkscape pour réaliser par exemple un mockup de design web, au moment de l'export bitmap, il arrive que certaines lignes droites ressortent floues. C'est particulièrement vrai lorsque vos lignes font un pixel de large. J'avais remarqué ce problème particulier, et il m'a aussi été remonté dans les démonstrations réalisées lors de la dernière Ubuntu Party à paris.

Pixelsnap se charge d'ajuster ça, de façon à faire en sorte que vos lignes droites soient parfaitement placées et que ce malencontreux effet de flou disparaisse. Il est évidemment nécessaire de bien faire des essais, afin de ne pas dégrader le rendu final. Une fois bien utilisé, les résultats sont concluants (Cliquez sur l'image pour la visualiser en taille réelle). pixelsnap.png

L'installation en est très simple :

  • Télécharger l'archive de Pixelsnap sur le site officiel.
  • Décompressez l'archive avec votre gestionnaire d'archive préféré.
  • Vous trouverez dans le répertoire décompressé un fichier .inx et un fichier .py. Placez ces fichiers dans votre répertoire personnel d'extension Inkscape. Chez moi, sur Ubuntu 9.10, les extensions sont dans /home/MON-USER/.config/inkscape/extensions.[1]
  • Redémarrez Inkscape, une nouvelle extension Pixelsnap fait son apparition dans le menu...Extensions.

Pixelsnap est sous licence libre MIT.

JessyInk : Des présentations interactives (ou pas) en SVG

jessylogo.jpgAprès la simplicité de Pixelsnap, JessyInk est d'une autre trempe. Cette extension a pour objectif de vous permettre de réaliser des présentations. Elle demande un minimum de maîtrise d'Inkscape et de ses calques. JessyInk permet d'associer à un fichier au format ouvert SVG des commandes Javascript, permettant d'interagir avec les objets des calques, et de leur appliquer des effets de zoom, de transition...Il est possible d'assigner un effet différent à chaque objet de votre calque, ou encore de dessiner sur votre présentation directement depuis le navigateur.

Il est par ailleurs possible d'exporter le document dans un fichier PDF (Chaque calque devient une page du PDF), ou dans des fichiers PNG (Chaque calque génère une image PNG). Une démonstration est disponible ici (lisible avec un navigateur de qualité, pas IE quoi...). La présentation se contrôle avec les touches fléchées de votre clavier.

L'installation et l'utilisation se déroulent en 2 étapes : Installation et Post-installation

Installation

Si vous êtes sur ubuntu 9.04, 9.10 ou 10.04, il existe un dépôt PPA (Ce dépôt n'est pas officiel, vous l'utilisez à vos risques et périls). En savoir plus sur l'ajout de dépôt. Installez alors le paquet jessyink.

Pour tous les autres ou si vous préférez l'installer manuellement :

  • Téléchargez l'archive de JessyInk sur le site officiel
  • Décompressez l'archive avec votre gestionnaire d'archive préféré.
  • Copiez le contenu du répertoire décompressé dans votre répertoire d'extension Inkscape.

Post-Installation[2]

  • Relancez Inkscape
  • Rendez vous dans le menu Extensions > JessyInk et sélectionnez l'option Install/Update. Il ne se passera rien de particulier, mais l'extension sera bien installée.

Le tutoriel pour JessyInk arrive.

JessyInk est sous licence libre GNU GPL V3 ou spérieure.

Notes

[1] Appel à contribution : Il y a sans doute des afficionados de la ligne de commande qui pourront nous expliquer comment réaliser le téléchargement, la décompression et le déplacement des fichiers d'un seul coup.

[2] Pour Ubuntu comme pour les autres, on ne va pas tout vous mâcher non plus ;)

samedi 17 octobre 2009

Incorporer des bitmaps dans des documents SVG

Il est parfois nécessaire d'incorporer des images bitmaps dans un document svg, pour une raison simple : La reproduction de l'image bitmap n'est pas possible, ou sa vectorisation dégrade de manière trop importante l'image de départ. Inkscape propose en standard une fonction d'import qui permet, entre autres, d'importer des bitmaps. Dans le cas d'un bitmap, la fonction d'import ne place pas directement les images dans le document svg, mais crée un lien vers le document, sous la forme d'une URL.

Et c'est à ce moment que vous avez un problème. Les URL créées sont sous un forme absolue, et contiennent le chemin complet vers le fichier bitmap. Imaginons que vous ayez créé un lien vers une image située dans votre /home, le chemin d'accès au fichier bitmap incorporé dans le svg sera sous la forme /home/VOUS/chemin_vers_le_bitmap/bitmap.ext. Tant que le fichier svg reste chez vous et que vous ne déplacez pas le fichier bitmap, tout va bien. En revanche, si vous êtes amenés à déplacer votre fichier bitmap, ou si vous échangez votre fichier svg, le lien sera cassé : Le fichier svg conservera la trace de la présence d'une image et de ses propriétés, mais sera incapable de l'afficher et vous renverra une erreur.

Il existe 2 solutions à ce problème :

Incorporer les images : Inkscape est livré avec un script d'intégration des images dans le document svg, (En version 0.46, Effets>Images>Incorporer toutes les images). Ce script présente cependant un inconvénient majeur. Les images étant incorporées directement dans le document svg, sa taille se verra augmentée de celle du fichier bitmap. Si votre document svg contient de nombreuses images, son poids peut alors devenir rédhibitoire. Par ailleurs, Inkscape ne sait pas incorporer tous les formats de fichiers.

Créer des liens relatifs : C'est la solution que j'utilise. Elle nécessite un peu d'organisation, mais fonctionnera systématiquement, et vous offrira par ailleurs quelques avantages supplémentaires.

  • Créez un dossier imgs au même niveau que votre document svg. Ce dossier sera le lieu de stockage de tous vos fichiers bitmaps.
  • Importez vos fichiers bitmaps depuis ce dossier.
  • Après import, remplacez le lien absolu par un lien relatif sous la forme ./imgs/bitmap.ext (où bitmap.ext est le nom de votre fichier). Ce remplacement peut être fait directement sous Inkscape (Clic droit sur l'image, puis propriétés de l'image), ou avec un simple éditeur de texte (Recherchez les balises <image> dans le document svg)
  • Si vous êtes amenés à échanger ou déplacer votre document svg, faîtes le avec le dossier imgs

Avantages supplémentaires de cette méthode :

  • Vous avez déjà créé votre document svg et intégré vos bitmaps. Il suffit de créer a posteriori le dossier imgs, d'y placer vos bitmaps, puis de modifier les liens absolus en liens relatifs.
  • Si vous souhaitez changer le fichier bitmap a posteriori, par exemple pour intégrer une version haute résolution de votre bitmap, il suffit de remplacer le fichier dans votre dossier imgs. Inkscape s'adaptera automatiquement. Votre document svg ne sera pas modifié, puisqu'il s'agit d'un lien. Les autre propriétés de l'objet dans le document svg ne sont donc pas touchées.

L'équipe de développement d'Inkscape a conscience de ce problème. Une spécification a été proposée, permettant de développer un gestionnaire de lien dans une prochaine version d'Inkscape.

mardi 28 juillet 2009

Breathe sort en version 0.50

folder-open.pngKagou nous a présenté cet ensemble d'icônes produites par la Communauté Art d'Ubuntu. Breathe est désormais officiellement releasé en version 0.50. Actuellement disponible dans un PPA, Breathe est en cours d'approbation pour être intégré dans le dépôt officiel d'Ubuntu 9.10 Karmic Koala. Le travail réalisé est absolument incroyable, et suit les recommandations du projet Freedesktop.

Breathe peut être installé, grâce au PPA, sous Ubuntu 8.04, 8.10, 9.04 et 9.10. Ce dépôt est un dépôt de test non officiel, vous l'utilisez à vos risques et périls.

Le dépôt, c'est par ici. Pour installer la clé d'authentification du dépôt :

sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 45FFBBBA

En savoir plus sur le projet Artwork d'ubuntu

mardi 26 mai 2009

Concours Inkscape : Et maintenant, votez !

Le vote est ouvert pour le concours Inkscape : 36 propositions ont été soumises, dont certaines sont assez intéressantes. Vous pourrez retrouver toutes ces propositions sur DeviantArt. Pour voter, insérez simplement un commentaire avec le numéro de la proposition qui a le plus retenu votre attention. A vos votes.

lundi 25 mai 2009

Concours Inkscape : J'ai joué

Je viens de soumettre 2 illustrations pour le concours Inkscape (date limite demain), que vous pouvez retrouver sur Deviantart. Peu importe le résultat, je me suis bien amusé.

wonder-0.3.png refactoring3.png

Les sources (SVG évidemment) sont disponibles ici, sous licence Creative Commons BY-SA et Art Libre.

- page 1 de 2