Green-to-school

 Bo: ça brille dans cet arbre
Bo: woaw!
Bi: Tu l'as trouvé ?
Bo: YES!

(eh oui: j'ai enfin numérisé les 5 pages qui faisaient le chaînon manquant entre la bagarre contre Big Caterpillar et l'arrivée à l'école).

Bo: Hé! Bilou! Réveille toi! On est presque sorti de la forêt!
Bo: Mais où est-on, cette fois ?
Tr: Sur le chemin de l'école

B&B: de l'école ?
Tr: Oui. Je ne vois pas en quoi ça vous étonne.
Bo: On ne va quand-même pas y aller ?
Bi: Pourquoi pas ?

Bi: On devrait pouvoir y apprendre des choses utiles
Ou au moins trouver une carte de la planète.

Bi: Eh ? Ça va
Bo: C'est que ...
J'ai jamais été bon à l'école

Bi: Eh, relax!
Bi: On est pas des élèves! C'est juste pour poser quelques questions
Tr: C'est idiot de se cacher comme ça.

Bo: NOOooooN!

Tr: Quel bébé! Allez, prends ça et tais-toi!
Tr: STOP! C'est une pomme pour le maître!

Bi:Tu as bien gardé la gemme magique, hein ?
Bo: Oui, oui. Dans ma casquette.

Bo: C'est chouette: je peux y ranger pleins de trucs

Pp: Coucou!

Bo: Napin ? Qu'est-ce que tu fais dans ma casquette ?
Np: je m'ennuyais, au bois.

Np: L'ancien du village Champi voulait vous remercier. Les enfants sont sain et saufs.
Np: alors il m'a expédié à travers ta casquette magique.

Bi: et tu nous accompagne ?

Np: Froggy m'a tout raconté! Des bagarres! des monstres ! des pouvoirs magiques ...
Np: J'adore! je viens avec vous!

Np: au fait, vous allez où ?
Bi: à l'école !

NP: L'ÉCOLE !?
Np: euh ... j'ai oublié mes carottes ... à plus!

Bo: Eh ! j'ai mis une pomme dans ma casquette et maintenant, j'en ai trois!

C'est cool!
Je vais pouvoir en manger et je garderai la dernière pour l'instituteur.

Mmmh. Délifieuses. T'es fur que tu n'en veux pas ?
Bi: non, merci.
Bo: Tant pis!
J'ad0re les pommes

Haha! Encore ! Encore !

Bo: Tu rates quelque-fose!
Bi: Tu n'en prends pas un peu trop ?
Bo: Meuh non!

Bo: F'est vuste des Fruits et ...


Bi: Ça va ?
Bo: Ve veux mouriiiiiir (PS: 'pinpin' n'est pas le nom définitif du lapin, mais je ne lui avais jamais donné de nom en français jusqu'ici)

Une livrille ?

En cherchant des chouettes décors sur deviant art, j'en suis venu à me demander ce que donnerait une ville médiévo-chinoise si on la réalisait avec des livres...

Bon, la conversion en décor pour le niveau à plus ou moins échoué, malheureusement.

Enfin, il n'est pas exclu que je tente de le re-convertir pour certains niveau de la school zone, mais ça ne convient définitivement pas avec le style d'exploration minière que je souhaite pour la bibliothèque.

saxocampe

Voici donc le saxocampe, le premier rigolo de l'Océan mélodique que Bilou devra traverser. Ennemi ou NPC, l'avenir nous le dira. Il pourrait être dangereux une fois enrhumé, par exemple :P

Master Pad

L'inconvénient avec la nouvelle méthode, c'est que ça devient un peu difficile de faire le point sur "où j'en suis dans le dessin". Passage au bleu, encrage en deux couches, superposition pas toujours évidente à réaliser, puis re-bleus pour la génération de la forme à colorier ...

Puis il faut faire le montage, aussi. Si le "strip du crayon" m'a appris une chose, c'est bien qu'il faut rester souple dans sa mise en page jusqu'à ce que les dialogues finaux aient été définis. Certaines cases peuvent devoir être repensées, réordonnées, etc. Du coup, inutile d'attaquer les décors trop tôt ... et ça vaut probablement aussi pour la 2ème phase de bleus-de-couleur.

et maintenant la *vraie* mise en couleurs...

A partir de mon image scannée, j'obtiens donc un image vectorielle comme celle de droite, personnages colorés et noirs sur fond transparent. Je vais devoir exporter le noir et la couleur blanche séparément en .png, Gimp n'étant apparemment pas capable de convertir les chemins SVG en layers à la volée :P

Une fois les deux couches réimportées je peux maintenant gribouiller tout ce que je veux comme décor de fond (pour l'instant juste un fond uni :P) et passer à la mise en couleur ... la vraie.
Une sélection de la zone blanche me permettra de "ne pas déborder", parce qu'en fait, la définition des contours se fait à la souris, avec l'outil "pinceau". Eh oui, c'est encore ce qui prend le moins de temps. quelques traits ici et là pour la séparation entre les pieds et le corps du "pendat", etc. Pas besoin d'être hyper-précis puisque la plupart des jonctions sont masquées par la couche "noirs" ici en semi-transparent ... Ah, par contre, j'avais oublié les ombrages sur ce coup-ci.

Coloriage de prison ...

Changement de tactique: je ne "colorie" au marqueur que le contour des zones à isoler, et j'utilise le remplissage automatique d'Inkscape en demandant une zone systématiquement plus grosse que le contour exact. Je joue avec les guides pour repérer deux positions extrêmes sur le dessins de manière à redonner au "calque" noir la même taille que l'image d'origine (se baser sur le bleu, pas sur le vert.

couleurs: mauvais plan

J'avais donc réimprimé des "bleus" pour les colorer avec les marqueurs de ma fée... Et j'ai enfin pu tenter de réimporter les "coloriés" dans Inkscape ... bin c'est la cata.
- les marqueurs en question ne sont pas assez précis.
- en prenant la version "ombrée" comme base à colorier, j'ai des couleurs fantômes ici et là
- je dois ajuster la dimension du noir à celle des couleurs à la main. Une horreur.

png2svg ... un cran plus loin

J'ai passé la semaine dernière un bon moment à scanner des dessins d'animaux pour ma fée ... et en faire un montage pour faire le "diplome de petit fermier" du Fagotin. Le truc consistait à répéter plusieurs fois la conversion de chemins avec des niveaux de seuil variés pour inclure plus ou moins de teintes. Mais il y a apparemment mieux:

1. J'ouvre mon image .png dans inkscape, je choisis Path->Trace Bitmap. Cette fois-ci, alors que je m'apprête à règler le seuil pour un scan unique (single-scan, brightness cutoff), je remarque une option "multiple scan: brightness steps"... pour créer un groupe de chemins. Exactement ce que j'avais fait à la main la fois dernière ^^".

Mon but, cette fois ci, c'est d'avoir un personnage noir et blanc qui pourrait être placé devant n'importe quel fond, condition indispensable pour faire un montage BD et une mise en couleur (cf. plus bas). Je dois donc "dégrouper" les différents chemins monochromes ... bon, moi je fais ça avec la fenêtre "éditeur XML". Si vous connaissez mieux, ga je gang.

Pas de chance, par contre, plutôt que d'avoir un "masque" blanc par-dessus un fond bleu, j'au eu un "masque bleu troué" à travers lequel apparaît le fond blanc. Pas de panique, il me "suffit" de sélectionner bleu puis blanc et de faire "exclusion" dans les opérations booléennes pour n'avoir plus que ma découpe blanche.

Et voilà le travail ^_^. Une pieuvre "solide" aux beaux contours lisses et sans les artéfacts du scanner, que je peux placer devant n'importe quelle image de fond -- donc prête à l'emploi pour une BD. Celà dit, je triche un peu puisque le "fond bleu" était déjà présent sur l'image bitmap. Pour que ce soit utile dans le montage des planches de Bilou, il faudra encore que je puisse avoir "l'équivalent de ce bleu".

Et pour ceux qui se demanderaient pourquoi j'en fait tout un foin alors que "pour l'histoire du crayon, j'avais quand même bien dû faire pareil", je répondrai qu'à ce moment-là, j'avais l'outil "lasso magique" de Photoshop. Là, je n'ai plus accès à totoshop. Je tente de me débrouiller sous Linux.

On s'évade !

Côte à côte, l'image scannée avec le "crayonné bleu" encore visible (?) par-dessous et le résultat convertit en traîts vectoriels par Inkscape. En scannant à 300dpi, les "ombrages hachurés" au marqueur 0.1mm passent bien (ils ne font pas de "pâtés" comme on pouvait le voir dans mes premiers essais).

Par contre, je continuerai à travailler en 2 passes: un premier encrage uniquement des traits principaux des personnages que je garde en noir brut, et les hachures, textures et éléments de décors que je mets en gris 80% ... dommage qu'il n'y pas un truc magnétique pour aligner les deux automatiquement, mais ce n'est pas trop pénible quand-même avec le zoom infini que le vectoriel permet ^_^

Bon, l'histoire est dans le désordre, mais vous avez l'habitude, maintenant, hein ? Il faudrait juste que je remette la main sur la page crayon-sur-bristol qui devrait servir d'introduction et que j'avais dessiné en 2005 (de mémoire) ... sinon, bah, je la referai, va.

Brightness Cutoff

Maismaismais ... que voilà un règlage intéressant. Partant de l'image de mon dernier post (pour mémoire, une photo toute pourrie d'un croquis, et non pas un scan, donc jpegisée et pleine de bruit), je fais l'étape de "vectorisation" (Path->Trace Bitmap dans Inkscape).

Le premier résultat que j'obtiens (tout à droite) n'étais pas mauvais, mais curieusement, certains traîts me paraissent "plus épais" que sur l'original. Comme je vois qu'il sont entourés de couleurs sombres (débordements jpeg?) j'essaie de baisser la valeur du "Brightness cutoff" (seuil de luminosité, donc) à .3, .2, ... .1: merveille : ça ajuste la finesse du traît produit. Je vais peut-être pouvoir conserver mes hachures d'ombrage sans devoir ruser ^_^

La vie en bleus ...

Il aura fallu que je maîtrise mieux Inkscape et que ma fée me force à redessiner des bestiaux pour son boulot pour que je réalise tout le potentiel de son scanner/imprimante et de son papier "spécial boucle-d'oreille-martine" (Navigator 160gr/m²) pour que ce croquis tout pourri (cf en-dessous) ait une chance d'être retouché correctement. Petit passage dans Gimp, balance des blancs automatique puis colorisation en cyan légèrement désaturé ... impression grande taille, et j'en tire un "crayonné" à ré-encrer proprement, le bleu restant invisible lors de la passe de "vectorisation des traîts"... je vous tiens au courant du résultat final.



En clair, je vais désormais pouvoir convertir *n'importe quoi* en "crayonné à encrer", pour peu que la composition de l'image me plaise, mais aussi crayonner sur du papier chouette pour le crayon et encrer sur du papier chouette pour l'encre. Voilà qui va rebooster un peu ce blog ^_^

classes de mer ...

un papy-tortue, un crabe-dee-jay, un poisson pirate et un autre noctambule, une pieuvre amnésique et une huitre... voilà de quoi peupler l"aquatic zone". Il ne manque que Jazzy Shark.


Ils avaient eu leur petit succès dans les fardes de coloriage de ma fée, quand elle avait animé des classes de mer.

La Bibliothèque

Bi: Nous y voilà: la bibliothèque,

Bk: Merci ... Merci beaucoup

Bo: Dis, tu es le seul livre vivant ?

Bk: Chht! Non ...

Bo: Chht ?

Bk: Tu es dans une _bibliothèque_

Bk: Et puis, c'est l'heure de la sieste ...

Bk: Pr Harraps, voici mes amis: Bilou et Bouli.

Bk: Le professeur est notre maître de classe. Il nous apprend à lire à écrire ... mais j'ai manqué un peu trop de cours.

Hr: Je vous inscrit comme étudiants ?

Bo: Ben quoi ? C'était une pomme pour le maître, non ?

Pendant que Bouli est au coin, Bilou tente d'en savoir plus sur cette étrange endroit. Je ne suis pas encore convaincu par le texte... c'est une des choses qui fait que je n'avais pas jusqu'ici mis cette partie en ligne.

[_Library_>

C'était donc le 1er gag du nouveau Bilou's Book (un deuxième petit carnet baptisé "Trouble & Bubble") -- un 'on the road', et donc un gag muet. Il n'est pas nettement daté, donc je l'estimerais au début du mois de février 2001. Je viens de finir ma session d'examens, je découvre les spécifications techniques (partielles, malheureusement) du GBA et mon futur Boss va bientôt me demander de passer "dans son bureau à ma meilleure convenance" ...

Inkscape anti-age ...

Je viens de découvrir le mode "reconstruire une image vectorielle" du programme Inkscape (que j'utilise depuis longtemps au bureau pour rectifier les graphiques problématiques). C'est tout simplement génial. J'ai passé des heures à tenté de rectifier mes images scannées dans The Gimp sans grand succès (cf. les lignes colorées horizontales dans l'encre sur la partie gauche de l'image). A côté de ça, j'ouvre le fichier dans Inkscape, Path -> Trace Bitmap, et hop, j'ai en quelque règlages une image "épurée" et dont je peux à l'envi ajuster la taille ... Il y a bien quelques effets d'ombrage par hachure qui sont à ajuster, mais globalement, c'est à la fois un gain de temps extraordinaire et d'une qualité à couper le souffle. Y-a-t'il du mug dans l'air ?

PS: en "rapproché" comme dans ce zoom, certaines erreurs d'estimations provoquent de drôles de pointes ou creux. La plupart du temps, ce n'est pas réellement gênant, mais si nécessaire, on peut éditer les courbes à la main pour les faire disparaître ... c'est à peu près aussi pénible que le retouchage pixel-par-pixel, mais plus efficace.

Unbonpoint

C'est plus ou moins à cet endroit que c'était interrompu le deuxième volet du "Bilou's book" ... que je vous scannerai dès que j'aurai remis la main dessus :P

Les Pendatz

Bo: "Psst ? Bilou ?"
--
Bo: "Montre-toi ! C'est pas drôle !"
** Aaah ***
Bo: "Quelle blague idiote!"
Bi: "Oh, désolé. Tu aurais sans doute préféré être pris ?"
--
Bo : "Pris ? Pris par qui ?"
--
Bi : "Par eux!"
--
P1 : STOP! J'ai vu quelque-chose
Bo: Ils m'ont vu!
==
Bi : "Euh ... Salut ... Beau temps, pas vrai ?"
--
Bi : "Merci. C'était juste!"
Bo: "De rien!"

Alert! Intruderz!

Permettez que je "zappe" temporairement la liaison entre la victoire contre Big Caterpillar et l'arrivée dans cette curieuse école vivante. Projeté à travers une vitre, un jeune livre va devenir le guide de nos héros, Bilou et Bouli, dans cette maison de fous ...

Pourquoi donc attendre près de 10 ans pour mettre en ligne ces quelques petites pages ? Eh bien, contrairement à la "green zone", je n'ai toujours pas "bouclé" le scénario de l'école, mais je sais que Bilou doit y apprendre des éléments-clés sur ce qui se passe sur cette étrange planète. Ensuite, parce que ces trois feuillets (le troisième arrive, pas de panique) étaient jusqu'ici partie intégrante du "Bilou's Book", et qu'il faut une fameuse dose de détermination pour amputer ainsi de ses récits ce qui a le plus ressemblé à un album BD dans mes années de gribouille.

Biokid Reloaded

C'est de ce petit ninja, retracé depuis une image postée sur Pixelation, que tout est parti. J'avais fini par noter que la disposition "en X" de son corps (partez des épaules pour aller vers les pieds opposés ... là, vous voyez ?) le rendait facile à dessiner par rapport à mes tentative de personnages antropomorphes précédents (cf. "chafou").

Ca se passait en fin septembre 2008. J'étais à la soirée de mariage de ma belle-soeur à attendre le gâteau, et je venais sans doute de finir une proposition de tâche pour le projet "ResumeNet -- résilience dans les réseaux", ce qui titillait déjà la fibre Biokid ...

"Exit l'armure lourde au look 'Badman', voyons si je peux faire ressembler Biokid à un samouraï" L'essai n'est pas très concluant, mélangeant sabre, armgun et curieuse protection d'épaule inspirée d'un personnage de "Gord: l'enfant-dieu". C'est à ce moment-là qu'apparaît l'idée de ne pas mettre face à Biokid uniquement des virus, mais aussi les systèmes de défense "légitimes" des équippements mis en réseau qu'il va devoir traverser -- ici, le démon de surveillance C5-C0", très largement inspiré de la remise en croquis par Arne de l'univers de Exile (C64).


Je vous renvoie dans mes posts de l'hiver 2008 pour voir l'évolution que Biokid a suivi. Je pense avoir finalement "validé" son apparence définitive, avec un casque-gemme (header) plutôt qu'un casque avec une gemme incrustée, une armure-plastron qui lui donne un look de boulon et des protection légères sur les tibias et les bras. Exit l'arm-gun, notre nouveau Biokid peut lancer des vagues d'énergie ICMP rien qu'avec ses mains.

Les vers en armure -- sous-produits du Terminator 007 dans l'épisode original -- sont devenu de redoutables worms qui se propagent de machine en machine, et le C5-C0 reçoit les renforts d'une unité plus grande que Biokid. Bref, tout ce petit univers s'étoffe, accompagné d'idées de missions ou de raison d'être des antagonistes... vers une sorte de "Il était une fois les bugs".

Mini CJ ... à pixeliser.

Si mon frère était un personnage de jeu vidéo, ça pourrait donner plus ou moins ça.