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.