Henry

Feutre noir

Croisement & entrecroisement

Feutre noir

Heart me

100% Inkscape

Une affiche pour l'apsa

L'association APSA m'a également commandée une affiche pour sa prochaine conférence.

Cette affiche a été réalisée avec Gimp et Inkscape.

Logo pour l'Apsa

J'ai été contacté par l'Association pour la Promotion Scientifique de l'Afrique afin de leur dessiner un logo.

Voici le logo retenu :

Le logo en version longue :

Ce logo symbolise la science et le rayonnement de l'Afrique. Les populations habitants sur ce continent ont beaucoup à nous enseigner et nous pouvons les soutenir dans leur actions.

Bonjour Mozilla

Regardez la photo mise à l'honneur ce Vendredi 25 mars, sur le site Bonjour Mozilla !

P.S. : Aucun mâle n'a été blessé ou meurtri durant ce TradAction (injustement).

Une TradAction est un sprint de traduction. L'équipe de Framalang de Frenchmozilla et moi-même s'est réunis pour traduire un manuel anglophone sur Thunderbird dans les locaux de Mozilla Europe. Le manuel sera bientôt publié sur Floss Manuals francophone.

Photo insolite

Photo prise dans un parking de la banlieue parisienne.

croquis

mypaint best friend for sketching

Du croquis au morceau d'interface

Au cas où vous ne l'auriez pas remarqué, j'adore Inkscape. Je peux me passer de blé dans la vie...mais pas d'Inkscape :D.
D'habitude je fais mes croquis également sur Inkscape. Les outils libres du logiciel ne sont cependant pas des plus optimisés pour réaliser l'idée que l'on se fait du croquis. J'utilise par conséquent Gimp...mais récemment, j'ai découvert Gimp-paint (facilement disponible sur ubuntu)... et me lance dans l'utilisation avancée de myPaint.

C'est ainsi, contrairement à mes habitudes, que j'ai réalisé mes croquis de travail avec myPaint.

Rappel : la majeure partie de mon travail actuel de graphiste est de réaliser du webdesign et du design d'interface de logiciel.


Hier, le but était (entre autre) de réaliser un petit set de mini-icône cliquable pour la prochaine version du logiciel Kameleoon Kinyongia.

Le développeur en charge de la fonctionnalité me fait part du cahier des charges. En retour je lui envoie ce premier croquis :

 Le premier jet est souvent inutilisable tel quel, mais cela permet surtout de savoir ce qui a été omis dans l'information des contraintes, de mettre à plat les éventuels malentendus et, le plus important, donner des idées d'optimisation ergonomique. En résumé c'est un formidable support pour les développeurs.

Le croquis d'après résume cette richesse (si si je vous assure)

Ensuite je lance Inkscape et la seconde série d'essais commencent...

Finalement, ce set sera l'heureux gagnant (la série présente sur la première ligne avec un mixte de la troisième colonne) (oui je l'accorde, c'est subtile...vous voulez un zoom :D ?) :

Ces icônes sont destinées à offrir à l'utilisateur davantage de contrôle sur le positionnement des images avec l'application. Espérons qu'elles seront suffisament parlantes pour êtres comprises instinctivement !

Bonus : les icônes vues dans leur futur contexte (ceci est une maquette)

alchemy

Je viens de téléchargé le logiciel libre Alchemy.

J'en ai beaucoup entendu parlé, je ne l'ai jamais testé.

C'est fait.

Epoustouflant non ? :D

Vous noterez que je n'ai pas encore testé son potentiel. Juste utilisé tel un feutre sur une feuille blanche.

Le plus déroutant est de ne pas utiliser le Ctrl Z !

Barre de progression

Nouveau widget présent pour une fenêtre de kameleoon : une barre de progression !


1. Création des barres avec Inkscape

2. Exportation en png.
3. Importation des png en un fichier dans Gimp.

4. Exportation en .gif (animé).

Le résultat :

Simple et efficace.

Bientôt le rédéploiement du logiciel permettra de voir cette barre de progression dans son contexte !

Kameleoon Oustaleti est enfin sorti, voici la barre de progression dans son contexte :

Imaginez seulement cette même fenêtre avec la barre de progression animée ^^'.

Android

Un WIP

100% Inkscape.

Retouche

Gim power

Interface Tutoriel

Vous vous souvenez de Kamelvis ? Il illustrait un tutoriel destiné à guider les utilisateurs de Kameleoon.

Voici les différentes étapes de l'apparence de ce tutoriel et vous découvrirez au passage le nouveau visage du petit chaméléon.

Tout fut entièrement réalisé avec Inkscape et ensuite découpé avec Gimp.

Variante autour d'un player

Des images plutôt que des mots...

Légère transformations

J'ouvre le png dans Inkscape.
Je le vectorise

Ensuite je corrige les conséquences de la prise de photo rapide, j'étire juste le chemin.

Puis j'utilise l'outil Noeud pour corriger la netteté du tracé (je le lisse davantage en supprimand quelques noeuds et en modifiant les noeuds dur en doux).

Pour terminer je cherche une palette des couleurs. Je place des carrés près du personnage, ils me serviront à coloriser le petit Chaméléon rapidement grâce au pot de peinture et à la pipette.

encrage du personnage

C'est pas vraiment de l'encrage mais c'est proche.

Je vais montrer sur une série de petit billet comment donner vie à ce personnage.
N'ayant pas encore déménager le scanner, j'ai triché. Ce n'est pas ma procédure habituelle.
1) J'ai ouvert Gimp et chargé la photo.
2) Mis par dessus un calque tranparent.
3) Retracé sur le calque avec l'outil pinceau grâce à ma tablette

Afin de bien visualiser, voici le tracé par dessus en bleu.

Pour information, la pointe du pinceau a été diminuée et augmentée souvent, la gomme également a été mise à contribution :-)

Ensuite, une version sans la photo, contenant uniquement le tracé sur fond transparent a été enregistré en png pour être ouvert dans Inkscape. Cela donne ceci :

Je prévois quelques modifications avec Inkscape maintenant.

Suite au prochain billet.

Recherche d'un personnage

Je vous présente kamelvis.

Une photo de mon croquis en attendant le retour d'un scanner :-).

affiche & flyers

J'ai eu le plaisir de réaliser une affiche et un flyer recto-verso pour le Festival des Arts Libre du 20 Juin à Paris.

Il commence la veille par du cinéma libre (sous licence libre), et reprend le 20 Juin à 14h - 14h30 par des tables rondes sur des sujets passionnants autour de la propriété intellectuelle et la rémunération des artistes libres (pour connaître en détail les sujets débattus et les intervenants, rendez-vous sur le site de la SARD) et se termine en beauté avec de la musique.

Ce flyer a été réalisé 100% avec Inkscape et envoyé à l'imprimeur grâce à Scribus.

Bon festival !

Gribouille en couleur !

Aussitot posée sur le bureau...aussitôt piquée par ma fille qui a déjà un sens terrible des couleurs.

La  photo ne rend pas justice à son effort, il y a du feutre fin, du feutre pinceau, de la colle paillette, de l'encre à paillette et beaucoup de soin.