Les 'tites cases dessinées de Lili

Une affiche pour l'apsa

2011-04-05T00:05:00.000+02:00

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

2011-03-29T14:47:00.000+02:00

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

2011-03-25T20:16:00.000+01:00

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

2011-03-22T12:05:00.003+01:00

Photo prise dans un parking de la banlieue parisienne.

croquis

2010-10-13T17:05:00.000+02:00

mypaint best friend for sketching

Du croquis au morceau d'interface

2010-10-13T11:14:00.001+02:00

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

2010-10-05T14:34:00.000+02:00

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

2010-09-27T15:59:00.001+02:00

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

2010-08-03T00:34:00.000+02:00

Un WIP

100% Inkscape.

Retouche

2010-07-13T08:05:00.002+02:00

Gim power

Interface Tutoriel

2010-07-12T16:45:00.001+02:00

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

2010-07-06T09:44:00.000+02:00

Des images plutôt que des mots...

Légère transformations

2010-06-18T19:35:00.001+02:00

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

2010-06-18T19:11:00.000+02:00

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

2010-06-18T15:29:00.000+02:00

Je vous présente kamelvis.

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

affiche & flyers

2010-06-15T08:54:00.000+02:00

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 !

2010-05-05T18:52:00.001+02:00

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.

Gribouille

2010-05-05T15:53:00.000+02:00

Une copine est venue prendre le thé et en papotant...

Qui ne se prend jamais la tête ?

2010-05-04T13:56:00.000+02:00

Petit fanart pour une réunion.

J'avais trouvé original un t-shirt illustrant le brainstorming par un nuage noir partagé. Ensuite j'ai adapté les personnages aux acteurs de la réunion.

Réalisé directement avec 4 outils d'Inkscape avec 5 outils : cercle, rectangle, bézier, gomme et plume.

Linux Pratique #59

2010-05-03T20:46:00.000+02:00

Retrouvez Linux Pratique #59 de Mai-juin, il contient un article écris par mes soins au sujet d'Inkscape 0.48 ! Il présente un choix restreint des nouveautés.

Comme à son habitude, l'éditeur présente les pages des articles en basse résolution, voici celles concernant Inkscape :

Pour savoir si le numéro vous intéresse, découvrez le sommaire du magazine !

Cuisine

2010-04-29T13:34:00.001+02:00

J'emménage bientôt. J'ai commencé par peindre le plafond...puis les murs... les meubles...et rien n'arrête le pinceau... J'hésitais pour le frigo alors j'ai dessiné ma cuisine avec un frigo rouge puis vert...

Finalement cela sera rouge !

Je n'aime pas l'electroménager blanc... et le pinceau devient fou.

Au passage, on aperçois la mise en perpsective d'une pièce. Cette méthode est une bonne façon de déménager son intérieur de façon virtuelle.

Le tout est croqué avec un crayon sur papier, puis coloriser avec Gimp.

Linux Pratique Essentiel #13

2010-03-28T21:58:00.000+02:00

Linux Pratique Essentiel n°13 est dans les bacs ! Un peu avant la fin du magazine, vous trouverez mon article sur Scribus ! Si vous souhaitez apprendre à réaliser une carte de visite élégante et originale, procurez-vous ce numéro !

Comme toujours, voici les pages de mon article en basse résolution fourni par l'éditeur lui-même :

Pour connaître le sommaire du magazine, suivez ce lien .

Nombreux téléchargements de Podcasts pour Oxyradio

2010-03-09T21:23:00.000+01:00

Pour accompagner le 100 000 ème téléchargements de podcasts d'Oxyradio, j'ai réalisé cette petite illustration.

100% Inkscape.

Enfants

2010-03-05T14:31:00.000+01:00

Une petite série d'enfants.

Dessins réalisés en vectoriel.

croquis

2010-02-18T22:18:00.001+01:00

La suite.

Prochaines étapes : encrage, nettoyage, colorisation..."mise en page" et publication.

croquis

2010-02-18T21:07:00.000+01:00

A la recherche d'un petit personnage.

Boutons

2010-02-04T10:41:00.000+01:00

Actuellement je travaille sur l'interface d'un logiciel.

Voici juste le bouton off en 3 états :
- normal inactif ;
- activé par le survolement de la souris ;
- cliqué.

Ils sont mimi non ^-^' ?

Entièrement réalisé avec Inkscape.

oxydroid

2010-01-26T23:26:00.000+01:00

Preview d'un futur probable...

Le logo est encore en négociation :

Et une petite série de boutons de l'application, un même bouton supportera un mode normal, hover et actif.

Play, pause et bientôt le bouton stop.

Vous avez deviné ? Bientôt cette application sera proposé pour les téléphones sous Androïd !

Si nous travaillions en openspace...

2010-01-25T12:59:00.000+01:00

croquis

2009-12-06T20:16:00.000+01:00

Voici plusieurs brouillons sur papier. Lequel préférez-vous ? Il s'agit dans tous les cas d'un layout en 3 colonnes.
Numéro 1

Numéro 2

Numéro 3

Numéro 4

Carton d'invitation

2009-11-26T15:11:00.000+01:00

Oxyradio sera présent à l'Ubuntuparty ce week end ! L'association me demande de réaliser un carton d'initation à envoyer à ses membres.

BD, mangez des pâtes

2009-11-22T01:54:00.001+01:00

Oxyradio en t-shirt

2009-11-22T00:09:00.000+01:00

Oxyradio prévoit de créer des T-shirts...un jour.

J'ai esquissé quelques idées.

Affiche (WIP)

2009-11-21T15:15:00.000+01:00

Oxyradio attend de moi la réalisation d'une vraie affiche A4 voir A3 pour être imprimée.

Le W.I.P (Work in progress).

Là c'est du sérieux alors je prends le temps de bien faire les détails.

Affiche recrutement (2)

2009-11-21T15:11:00.000+01:00

Une autre affiche de recrutement d'animateurs pour Oxyradio.

Illustration

2009-11-21T15:07:00.001+01:00

Myckeul a réalisé une émission sur le cross-dressing. Qu'est-ce que c'est ? Ecoutez donc le podcast !

J'ai préparé cette illustration pour présenter son sujet sur son blog.
L'excellent témoin interrogé dans l'émission a apprécié mon illustration, chouette !

Oxyradio sur la freebox

2009-11-21T14:57:00.002+01:00

Oxyradio s'écoute de la freebox. Pour cet événement, des images m'ont été commandée.

Une illustration pour accompagner un billet sur leur blog. Je leur ai soumis deux versions, celle du monstre entouré de noir a été préféré.

et bien sûr, le traditionnel changement de bannière.

badges oxyradio

2009-11-21T14:48:00.001+01:00

Oxyradio a prévu des badges que vous pourrez acheter partout où l'association a un stand. Ces badges financeront une partie des serveurs utiles pour la webradio.

Pour l'occasion j'ai dessiné une dizaine de badges. Je les ai ensuite soumis aux membres de l'association.

Deux badges étaient ex-aequo. Je vous les présente. Nous n'avons pas réussi à les départager. Du coup, les deux versions du badges seront disponibles !

Ils paraissent énorme mais nous avons choisis, pour des raisons économiques une petite taille de badges. Autre détail important, une partie du visuel est utilisé pour réaliser les bords et une partie de l'arrière.

Voici un des badges ayant conservé le patron de l'imprimeur visible. Regardez à quoi cela ressemble.

Le cercle intérieur est la face du badge, le cercle du milieu est le rebord et le dernier cercle est à l'arrière.

Je n'ai pas encore eu le plaisir de les voir imprimé. J'ai peur, en effet, que le nom de la webradio apparaîtra trop petite...Des fois les conseils du graphiste ne sont pas toujours prisent en compte :s.

vignette

2009-11-21T14:29:00.001+01:00

Oxyradio sera présent à l'Ubuntu-party. Pour l'ocassion j'ai réalisé cette vignette. D'ailleurs, leur site l'utilise déjà pour parler de cet événement.

Réalisation 100% Inkscape.

Croquis

2009-11-21T14:24:00.000+01:00

Ma mère m'a offert un pinceau avec encre de chine rechargeable. Pour le tester j'ai fait un petit dessin (A3). Ensuite je l'ai scanné par petit bout de A4. Puis rassemblé avec Gimp, et vectorisé avec Inkscape pour appliquer sur les lignes noir une couleur. Cela donne ça.
Le dessin est pas terrible, mais je suis terriblement satisfaite de ce feutre-pinceau.

Articles

2009-10-31T23:42:00.001+01:00

J'aime dessiner, mais j'aime écrire aussi. De temps en temps, j'écris pour Linux Pratique essentiellement sur Inkscape. Le dernier numéro (n°56 - Novembre / Décembre 2009) sors Lundi et il contient un petit article écris par mes soins !

Cet article traite d'Inkscape et ImageMagick.

Le site de la revue présente ses pages en petite résolution, je vous les montre !

Recette : Minalesas de Argentina (3)

2009-10-21T21:50:00.000+02:00

Que de rebondissement suite à la publication de ma première recette !

Et oui, j'ai croisée une copine et voilà ce qu'elle me dit :

Merci Cécile ;)

oxyradio sur la freebox (2)

2009-10-20T14:42:00.002+02:00

Le télésite d'OxyRadio comportera 4 pages (normal il y a 4 boutons sur la télécommande réservée à la navigation).

Les contraintes étaient légèrement inhabituelles. Ces "images - pages html" sont petites. Le texte devait être bien grand et foncé sur fond clair. En tous les cas, c'est la première fois que je réalise des images pour la télé !

Recette : Minalesas de Argentina (2)

2009-10-18T18:47:00.000+02:00

Vous vous souvenez de mon premier poste BD sur ce blog ? Voici la suite !

oxyradio sur la freebox

2009-10-15T23:09:00.000+02:00

Une grande nouvelle pour Oxyradio, du coup un événement se prépare et je me dois de réaliser quelques images.

plaquette commerciale (2)

2009-10-13T22:18:00.000+02:00

Finalement la plaquette commerciale a beaucoup changé.

Réalisé avec Scribus, Gimp et Inkscape.

twitter

2009-10-11T15:46:00.000+02:00

Oxyradio est sur de nombreux réseaux sociaux. J'ai réalisé un fond twitter pour l'association.

La naissance

2009-10-09T00:08:00.000+02:00

Pour la prochaine émission de radio de myckeul, une illustration sur le thème de "La naissance".

Je n'ai pas scanné mon croquis, de peur de faire trop de bruit aussi tard. Du coup j'ai tout réalisé avec Inkscape. Cela donne un effet très très différent. Vous avez une préférence ? Vous préférez les personnages des billets précédents ou comme celle-ci ?

logo

2009-10-07T14:22:00.000+02:00

Un nouveau logo pour un client, un!

Et une version pour fond foncé :

Bien sur, le tout réalisé avec Inkscape.

illustration pour une musicienne

2009-10-02T16:01:00.000+02:00

Une amie va donner un concert. Ma façon de lui souhaiter bonne chance !

illustration - wip

2009-09-29T23:53:00.000+02:00

plaquette commerciale

2009-09-29T14:54:00.000+02:00

Une plaquette A4 recto verso en cours de réalisation...

twitter

2009-09-26T21:03:00.000+02:00

Suite à cet article de Smashing Magazine, j'ai eu envie de modifier mon fond twitter.
L'ancien.

L'actuel.

Carnet de croquis

2009-09-22T23:03:00.001+02:00

J'ai toujours sur moi un petit carnet de croquis. Quand je suis avec ma fille je la croque. C'est un super défis vu qu'un enfant ça bouge tout le temps. Attention, 2 minutes chronos.... voilà le résultat :
J'ai scanné le meilleur petit croquis fait sur mon carnet.

Recette : Minalesas de Argentina

2009-09-17T13:46:00.002+02:00

Un collègue me demande la recette des Milanesas argentine. Je lui ai fait cette petite BD. Je vous en fait profiter. Tous les goûteurs ont beaucoup apprécié.

Cliquez sur les images pour lire la recette en plus grand !

affiche recrutement

2009-09-16T21:55:00.000+02:00

On approche de la fin !

Un Calendrier Magnétique

2009-09-15T21:59:00.000+02:00

Pour l'anniversaire de ma fille, je prépare un calendrier magnétique.

Etape 1 : réaliser l'apparence du calendrier.

Croquis sur papier
Numérisation avec un scanner et Gimp
Colorisation avec Inkscape
Réalisation du pdf avec Scribus

À quoi cela ressemble donc ?

Une partie des "magnets"

Feliz Anniversario Papai

2009-09-13T21:47:00.000+02:00

Beijos & Saudade

bannière de site

2009-09-12T14:31:00.000+02:00

Ce week-end c'est la fête de l'huma. Oxyradio devait y participer. Pour l'occasion, l'association m'a demandé de créer une bannière pour l'événement.

Finalement, Oxyradio ne sera pas présente cette année.

Au début du mois de septembre, Oxyradio a participé à la Braderie de Lille. J'avais également modifié leur bannière.

Le Tux avec les frites représente l'association Chtinux avec qui Oxyradio a collaboré pour l'événement.

Prochaine customisation de la bannière prévu pour Novembre !

plaquette commerciale

2009-09-11T20:46:00.000+02:00

Travail du jour. Réalisation d'une plaquette commerciale. Format A4. Outils : Inkscape, Gimp et Scribus.

un logo

2009-09-08T21:09:00.000+02:00

Je vais proposer une petite modification du logo d'oxyradio tiens...

Que pensez-vous de :

affiche en cours

2009-09-08T21:02:00.000+02:00

projet en cours

Bientôt un contrat peut-être

2009-09-07T18:44:00.000+02:00

Voici l'ébauche d'un projet qui aboutira, je l'espère, à un contrat.

C'est le plan d'imposition !

croquis d'affiche

2009-09-04T23:17:00.001+02:00

Un travail en cours.

Mes 'tites cases dessinées

2009-09-04T22:16:00.000+02:00

Etant graphiste, je dessine tous les jours. Au lieu d'utiliser mon repertoire ftp ou exclusivement mon disque dur, j'utiliserai ce blog pour poster mes travaux en cours et mes projets persos. Pour l'ouverture de ce blog j'ai réalisé l'illustration située en haut du site. C'est moi, ma passion et un tit bonhomme vert, dessiné une première fois il y a longtemps, je l'aime toujours autant.

Oui cette illustration est loin d'être parfaite, je la corrigerai plus tard, je suis pressée de commencer ce blog. Merci à Olivier et Yannick pour leurs critiques sur ce dessin. Ce n'est pas évident de voir où ses dessins sont à améliorer.

Ce blog est là pour me motiver à dessiner régulièrement des illustrations. C'est un art qui demande une régularité pour progresser.