334 items (311 unread) in 8 feeds

Je ne suis pas le plus fort en anglais, mais je crois que la dernière version 0.48 d'Inkscape est sortie!
Je vous laisse juger par là : Inkscape.org.

J’avais déjà fait un article sur ce thème mais la manipulation était quand même assez complexe et longue. Voici une autre méthode plus facile et plus rapide qui va utiliser l’outil « pot de peinture » d’inkscape.
Alors au boulot ! Tout d’abord, il nous faut une image de départ. Le mieux est encore une capture d’un émulateur. Le choix ne manque pas sur tout les systèmes d’exploitation. Pour travailler plus clairement , j’ai repris l’image sous gimp et enlevé les pixels du fond. Voici la capture …

et l’image qui va nous permettre de travailler sous inkscape.

On peut se passer de cette étape mais c’est plus facile pour la suite.
Pour plus confort, il faudra séparer le dessin que nous allons réaliser et l’image. Avec le gestionnaire des calques (menu calques/ claques), créez un autre calque vide appelé « dessin ». On peut renommer le premier « mario »et le verrouiller.


Mario est prêt !
Cliquez sur le calque « dessin » et sélectionnez l’outil « pot de peinture ». Choisissez la couleur que vous voulez. Dans la barre de l’outil , mettez « grand » pour l’option « combler les vides ». Cliquez sur toutes les zones de couleur qui constituent le personnage.
On obtient donc une forme unie constituée de différents chemins.

Revenez à l’outil calque. Verrouillez le calque « dessin » et faites l’opération inverse pour le premier calque. On va ainsi pouvoir ainsi déplacer sur la gauche l’image d’origine pour repiquer les couleurs avec l’outil « pipette ». 

Les experts auront remarqués les petits défauts du dessin vectoriel. Même en bidouillant les options du pot de peinture , je n’ai jamais réussi a obtenir un résultat parfait. Si on active l’option d’agrandissement , cela a tendance a arrondir les bords des formes générées. P

Pas de panique, ces petits défauts ne seront pas trop visibles. Continuons. Donc, avec l’outil pipette, il suffit de sélectionner un objet vectoriel et de cliquer sur son pendant bitmap pour obtenir la même couleur. Le dessin n’étant pas complexe , c’est terminé en quelques minutes.

On peut customiser facilement notre petit personnage. Sélectionnez l’ensemble du dessin et dupliquez le. (ctrl + d) Allez en ensuite dans le menu chemin / union.

Floutez et passez cet objet en arrière plan et voici le résultat.

Sur le même principe , on peut obtenir un mario brillant. Toujours avec la même forme noire, tracez une autre qui couvre la partie supérieure.

Sélectionnez les deux formes et allez dans le menu chemin / intersection. On obtient donc ceci :

Passez ce nouvel objet en blanc et appliquez un dégradé. 

Sur cette capture on a l’impression que les petits défaut du pot de peinture donnent une sorte de relief. Voila, amusez vous bien avec inkscape

Faites à partir de deux des affiches pour l'APRIL : Communauté pour les mini-planètes et Logiciel Libre pour les herbes tentaculaires du bas.
Au départ, j'ai fait l'affiche pour un concours organisé par l'usine à chapeaux, la MJC de Rambouillet. Pour placer les couleurs, je m'étais inspiré des affiches qu'ils faisaient à ce moment-là.

Bon, ça faisait pas très culture urbaine underground, alors, fort logiquement, c'est une affiche plus classe qui a gagnée.

Concernant le coté technique, les cercles de notes sont tout simplement faits avec un texte utilisant les symboles unicode qui vont bien (♩♪♫♬), mis le long d'un chemin circulaire, avec décalage vertical aléatoire et dégradé de transparence.
Maintenant, n'hésitez pas à vous en servir, car elle ne sert à rien d'autre qu'à faire des geekscottes.
Merci Imppao pour l’info, la sortie d’inkscape 0.48 est très proche. Les impatients peuvent toujours télécharger une version ici.
En passant voici une petite capture de cette nouvelle mouture :
La première chose que l’on remarque , une bonne partie des outils initialement placés au dessus est passé a droite. L’outil « spray » vient de se rajouter sur la barre de gauche.
Il y a quelques semaines, j’avais testé une des préversions et la conversion texte->chemins était revenue comme sous la version 0.46. Le changement a été annulé ,
La conversion texte->chemin donnera toujours un groupe et non un chemin « complet ».
Perso , les barres d’outils a droite, je trouve ça gonflant mais on peut changer ça très simplement en basculant l’affichage en mode « personnalisé ». On peut ainsi replacer les barres d’ouils comme on veut
(menu Affichage / Personnalisée)
Comme vous le savez surement, c'est la semaine des Rencontres Mondiales des Logiciels Libre. Cette année, elles se déroulent à Bordeaux. J'ai donné à cette occasion une conférence sur les outils libres que j'utilise pour faire du webdesign. J'ai axé mon intervention sur le processus de création d'un habillage web, de la phase de spécification des besoins à la création de la maquette HTML.
Je vous livre donc ici le diaporama que j'ai créé avec Inkscape et Jessyink en support. Ce diaporama SVG est lisible sur un navigateur web moderne supportant le SVG, je vous conseille cependant Firefox 3.6 (j'ai testé avec Chromium mais c'est pas génial...). Ce document est livré sous licence Creative Commons - paternité et partage à l'identique (By-Sa 3.0), vous le trouverez en fichier joint à ce billet. Dès que possible, je mettrais à disposition la vidéo de la conférence.
ÉditJ'ai corrigé le fichier svg mis en pièce joint, en effet celui-ci ne contenait pas la partie Jessyink. Merci aux personnes qui me l'on signalé en commentaire. Pensez à bien vider le cache de votre navigateur pour être sur d'avoir la bonne version et attendez le chargement des 2,5 Mo de données...
Je repasse l’info en coup de vent … , donc la première préversion de l’attendu inkscape 0.48 est dispo ici !
Il y a les sources pour compiler cette version , une pour mac os et un installateur exe pour windows. Tout le monde est content.
Bon test !