Urbanbike

Index |
ou détaillée | Fil RSS | ATOM

Colorisation de BD | Du traditionnel au numérique

Stéphane Baril et Naïts

dans lire | lukino | usages

[…] Ce billet a été rédigé/dessiné/illustré naguère par Lukino […]


Sur la prescription de notre ami Jean-Christophe, j'ai reçu il y a quelques temps (oui, je sais, JC, il y a TRÈS longtemps) un ouvrage fort intéressant, qui nécessitait bien une lecture attentive pour en rédiger une chronique pertinente — et non une de ces notules expédiées à la va-vite comme ce site en est coutumier…

20110412 couvLivre lk

"Colorisation de BD, du traditionnel au numérique", intéressera autant le novice, qui souhaite se lancer dans ce métier particulier, que le dessinateur ou l'illustrateur confirmé, qui ré-interrogera sa pratique de l'image à la lumière des conseils avisés des excellents Baril & Naits. Il s'agit de la nouvelle édition d'un livre paru en 2005, dont l'essentiel reste d'actualité, augmentée des dernières nouveautés de la CS5 d'Adobe. Le propos des auteurs rejoignant largement ma pratique de l'image, vous ne m'en voudrez pas d'illustrer cette chronique de quelques images extirpées de mon grenier numérique…

Soyons clair : ce livre est principalement un manuel de mise en couleur à l'aide des deux logiciels phares d'Adobe, Photoshop et Illustrator, que connaissent sur le bout du stylet nos auteurs. Les fonctionnalités de ces outils sont largement décrites, toujours du point de vue de l'intérêt qu'en tirera le coloriste dans sa pratique. Il lui est proposé une méthodologie de travail sur laquelle il pourra s'appuyer avec profit — même si, dans les faits, on n'est pas toujours aussi rigoureux… Le débutant gagnera en tout cas beaucoup de temps en mettant en œuvre ces conseils, qu'il aurait finis par suivre — à quelques variantes près— au bout de longs et fastidieux tâtonnements… Comme nous autres, dessinateurs ayant essuyé les plâtres de l'avènement de l'image numérique !

Ce double manuel est tout de même précédé d'un intéressant historique, concis et documenté, des méthodes de colorisation de BD, et d'un panorama rapide des techniques traditionnelles encore utilisées de nos jours : les fameux "bleus"(1), remplacés par des "gris", la couleur directe, l'aquarelle, la gouache, l'huile, l'aérographe… Suivent une série de conseils d'ordre conceptuel, s'appliquant autant au numérique qu'au traditionnel : profondeur, ambiance, éclairage, détails, équilibre et dynamique des planches, rien n'est oublié. On peut juste regretter que les exemples proposés ne soient pas tirés des chefs-d'œuvre du genre (ah, les couleurs d'Isabelle Beaumenay Joannet sur la "Comète de Carthage", de Chaland…ou les étonnantes expérimentations de Morris sur les Lucky Luke), mais cela aurait sans doute généré des droits d'auteurs importants.

S'ajoute un chapitre consacré à la théorie de la couleur, qui rappellera entre autres à chacun la différence entre la synthèse additive de l'écran et la synthèse soustractive du papier. Ce qui conduit les auteurs à aborder l'éternel problème de la calibration des périphériques — de l'écran principalement(2)—, préambule obligé à l'installation de son environnement de travail numérique. Ça y est, on peut attaquer sa première planche avec Photoshop. La préparation, un peu fastidieuse mais nécessaire, et le travail proprement dit sont décrits pas à pas, abondamment illustrés de (trop petites, je vieillis…) copies d'écran des menus parcourus.

Etonnant d'ailleurs, le glissement progressif de ce logiciel du statut d'outil de retouche photographique à celui de support de création artistique. Sans doute est-ce son ergonomie intuitive et sa — relative — facilité d'utilisation, alliées à l'efficacité commerciale d'Adobe, qui l'ont conduit à supplanter des logiciels plus spécifiquement dédiés à l'illustration; je pense par exemple à Art Mixer (3), ou au toujours présent Painter, dont on pourra éventuellement regretter l'absence dans le livre, bien qu'utilisé par de nombreux illustrateurs—dont Bengal et Bournay, interviewés dans le dernier chapitre.

Moins attendue, la suggestion des auteurs d'utiliser Illustrator à des fin de colorisation est tout a fait pertinente. Ce logiciel est habituellement orienté vers des dessins plus techniques (logos, schéma,…), ou vers un type d'illustration où l'aspect technoïde et informatique est recherché (4). Mais pour l'avoir pratiqué de nombreuses années de cette façon, à une époque ou le poids des fichiers envoyés aux journaux ne devait pas dépasser la disquette simple-face (mais si, rappelez-vous, cette petite biscotte carrée qu'avalaient nos mac +!), je peux témoigner de la souplesse et la commodité de cet usage d'Illustrator (5). Même si je suis passé depuis à Photoshop —à l'heure des haut-débits, le poids n'est plus vraiment un argument —, je continue d'appliquer à mes mises en couleur les principes directement hérités de cette époque vectorielle : simplicité des aplats, déposés sous un calque de trait dessiné "à la main" et conservé en bitmap, quelques dégradés discrets, des ombres, des lumières, et on s'arrête là(6), avant de noyer le dessin sous les effets spéciaux. C'est d'ailleurs le reproche que je ferais aux planches élaborées par les auteurs avec Photoshop, même si cette surcharge d'effets est réalisée à but pédagogique. On pourra comparer avec le traitement des pages avec Illustrator, nettement plus sobre, et se faire son opinion.

Un autre aspect intéressant, juste évoqué dans le livre, est la complémentarité des deux logiciels. Je sors du cadre de la BD, mais j'ai pu ainsi réaliser récemment une illustration "technico-artistique", entamée sous Illustrator — je ne sais pas tracer un trait droit à la main, même avec une règle —, puis basculée sous Photoshop pour finalisation(7). On peut très bien imaginer cette procédure sur la couleur d'une page de bande dessinée.

Avant de terminer par des interviews de praticiens confirmés, le livre distille quelques conseils de présentation de dossiers auprès d'éditeurs, et expose les données techniques nécessaires à un bon dialogue avec l'imprimeur— le coloriste étant en bout de chaîne de création pré-presse.


Notes

1. A propos de bleus : mon tout premier travail pour l'édition jeunesse a été un cahier de jeux pour J'aime Lire. En 1989, l'informatique débarquait tout juste dans la presse, et des images à gros pixels étaient le comble de la modernité. Je réalisais mes illustrations sur mon petit Mac SE, à la souris, avec SuperPaint, un logiciel hybride très astucieux(son format ésotérique n'est malheureusement plus reconnu aujourd'hui…) qui rassemblait les vétérans Mac Paint (pixel, noir et blanc) et Mac DDraw (vectoriel)…

Les illustrations au trait acceptées, je proposais de les mettre en couleur avec PixelPaint, un autre glorieux ancien. J'envoyais quelque pages ainsi réalisées, qui atterrirent chez un imprimeur perplexe. Des bleus — impressions du dessin au trait en bleu léger sur des feuilles de beau papier— furent donc réalisés, et je m'essayais au travail de gouachage, sans plus convaincre. Je renvoyais les feuilles, et le travail fut réalisé par un vrai professionnel.

20110412 jaimelire1 lk

Ci-dessus, une des pages dessinée sur SuperPaint
Dessous, la mise en couleur réalisée dans PixelPaint. 20 ans plus tard, les couleurs n'ont pas bougé !

20110412 jaimelire2 lk

Dessous, la page telle que paru, photographiée aujourd'hui, un peu passée donc…

20110412 jaimelire3 lk


2. L'honnêteté m'oblige à reconnaître que je n'ai jamais procédé à cette opération, ce qui est bien évidemment indigne d'un soi-disant professionnel. Travaillant régulièrement pour les même journaux, je comparais l'image écran de mes dessins avec le magazine imprimé, et corrigeais au fil de l'eau les profils de mes écrans.

3. Que sont-ils devenus ? le logiciel Art Mixer.
Maurice, 1991

20110412 Maurice lk

4. je signale à ce propos l'exposition d'un représentant émérite de cette école, Rocco, à Aix-en-provence du 18 au 29 avril à l'école Intuit Lab, 17 rue Lieutaud — vernissage le 15 avril à 18H). Rocco réalise ses images avec Illustrator, mais achève ses derniers ajustements de couleurs avec Photoshop

20110412 RoccoAIX lk

5. pour être tout à fait juste, j'utilisais Freehand, qui m'a toujours paru plus convivial qu'Illustrator. Malheureusement, ce sympathique logiciel a fini écrasé sous le rouleau compresseur des fusions-acquisitions de l'économie numérique.
Ci-dessous, ma première illustration en couleur parue en 90 dans le magazine "Icônes", du regretté Jean-Pascal Grevet. Réalisée dans Freehand, elle comprend une image bitmap à la trame grossie réalisée dans macPaint, superposée sur une couche de "Benday" vectoriel. Pour l'anecdote, c'est aussi un portrait du sus-nommé Rocco, alias Karim Arien.

20110412 IconesEtiquettes lk

6. Un exemple de ma ligne de conduite en matière de colorisation :
D'abord, un dessin au trait, réalisé à la pierre noire sur un calque, lui-même posé sur un croquis au crayon.

Scanné en mode bitmap à 600 dpi, nettoyé et basculé dans Photoshop en niveau de gris à 300 dpi. Il apparaît ainsi à l'écran. Je le transforme en calque, avec un effet "produit", et crée un nouveau fond blanc destiné à recevoir la couleur. Pas d'utilisation du pot de remplissage, mais de grosses touches de pinceau à la Wacom sous mon dessin. Débords acceptés !

20110412 GSK1 lk

Le calque de couleur terminé a cet aspect lorsqu'on désactive le calque du trait.
J'aime bien l'aspect. Je me suis fait un jour la réflexion que les superbes illustrations de Jean-Philippe Delhomme étaient peut-être nées ainsi, un jour ou il supprima par mégarde son dessin…

20110412 GSK2 lk

Je crée un calque supplémentaire en mode "produit" destiné à recevoir les ombres (un gris clair bleuté, sauf sur les couleurs chaudes, les visages)

20110412 GSK3 lk

C'est terminé.

20110412 GSK4 lk

7. L'illustration, destinée à promouvoir un réseau de chauffage, devait représenter des éléments techniques précis. Illustrator paraissait donc un outil mieux adapté à ce type de représentation. Mais je n'y travaille pas si confortablement, et j'ai basculé vers Photoshop dès que possible.

20110412 croquisDalkia lk

Version Illustrator, ci dessous

20110412 IllusDalkiaIll lk

puis reprise sur Photoshop pour finalisation.

20110412 IllusDalkiaPS lk

That's all folks !
(Ah ben quand même…)




Colorisation de BD
Du traditionnel au numérique
Stéphane Baril et Naïts
Eyrolles
9782212125801 | 36 € pour 326 pages en quadri




20110412 couvLivre lk

Note(s) du JC…

Enfin…!!! C'est pas trop tôt.
5 mois d'attente, 5 jours de parution exclusive sur urbanbike (jusqu'à samedi, quoi !) Après ce sera à nouveau des notules (elles sont pas bien mes notules…?!)

Note de fin…
Je viens de recevoir un communiqué de presse à propos d'un ebook des mêmes auteurs et qui est un extrait du livre chroniqué avec talent par Jacques mais dédié à Illustrator : Coloriser ses BD avec Illustrator. La version ePub disponible sur l’iBookStore est enrichie de 9 vidéos bonus.

Coloriser ses BD avec Illustrator
Stéphane Baril, Naïts
123 pages – 13,99 euros.

image caddie

20110412 C1 Illustrator lk

Message personnel : Jacques, tu attendais encore un peu et tu étais raccord avec le second ebook à paraître prochainement, Coloriser ses BD avec Photoshop…! Hihihihi…!

Pour ceux qui en veulent encore plus, le site de Lukino

le 12/04/2011 à 19:00 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #

PlainText passe en 1.4

De petites tapes pour le curseur…!

dans usages

Hop, c'est fait cet après-midi, l'application gratuite de Jesse Grosjean, PlainText (lien iTunes) passe en 1.4 et conserve toutes ses précédentes fonctionnalités que sont, par exemple, l'accès à DropBox ou l'usage de TextExpander.

La nouveauté est que la 1.4 a un mode publicité enfin actif…! Et, si cela vous dérange, il vous faudra débourser quelques euros — mérités — pour vous dispenser de son affichage… Sinon, l'application est 100 pour 100 fonctionnelle.

20110411 IMG 2876 plaintext

À noter, une gestion des extensions de fichier aux petits oignons selon vos besoins…

20110411 IMG 2877 plaintext

Ou encore une recherche full text dans les fichiers stockés…

20110411 IMG 2878 plaintext2

C'est tout…?
Non…! Jesse nous a ajouté une astuce réellement géniale de déplacement du curseur dès lors que vous fonctionnez en plein écran sur l'iPad (précisions, iPad uniquement)…

En tapotant (A) avec un doigt sur la marge de gauche de votre saisie, le curseur recule d'un caractère ; deux doigts d'un mot. Et, bien sûr, si vous effectuez la même opération sur la marge de droite, c'est la même chose en avançant dans votre texte.

20110411 IMG 2884 plaintext

Enfin, hormis plein de petites choses pratiques, la possibilité (B) de renommer, imprimer et, enfin, expédier par courriel…!

Bref, la possibilité de jouer de petites tapes sur l'écran pour déplacer le curseur est super. Manque juste la possibilité d'annuler ou de d'annuler l'annulation (!) à la iA-Writer (par un balayage de droite à gauche et inversement)…!

Bravo Jesse…

NB : désormais les utilisateurs de Writeroom sur Mac et iPhone s'impatientent…!

le 11/04/2011 à 19:00 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #

Tumblr | Comment se fabriquer un site web en quelques heures…

Gratuit et sans pub

dans mémoire | usages

Après avoir publié un long billet sur zapd (voir cette chronique sur urbanbike), un produit pour se fabriquer en 30 secondes un site depuis son iPhone, produit que je continue à utiliser pour des opérations kleenex (présenter des projets ou informer un petit groupe d'amis), j'ai eu un coup de fil de Dominique.

Ce qui est agaçant avec Dominique, c'est qu'il a très (trop !) souvent raison. En gros, il m'expliquant que tout ce que faisait zapd existait déjà depuis des lustres sur tumblr. Dont la publication de billets avec des photographies depuis un iPhone depuis une App nommée… Tumblr (lien iTunes)…! Bon, déjà j'avais du mal avec zapd, tumblr à prononcer n'est pas mieux…!

Je me souvenais que Dominique utilisait tumblr et qu'il m'en avait parlé naguère…! Et que j'avais totalement zappé l'info.

Du coup, ayant un peu de temps le 1er avril, j'ai ouvert gratuitement un site sous Tumblr … Pour voir.

20110410 tumblir 01 450

Un thème par défaut facilement interchangeable avec l'un de ceux — fort nombreux — proposés, et une interface d'une simplicité confondante.

20110410 tumblir 02 450

Tumblr permet de poster en deux, trois mouvements un texte (et d'y ajouter un visuel), une photographie, une citation (qui sera mise en exergue), un lien (avec une description si nécessaire), une discussion (comprendre un dialogue), un fichier audio ou un fichier vidéo. Bref.

Là où c'est bluffant, c'est que cela ne nécessite pas d'être une brute en codage HTML ou CSS. SI vous ne connaissez rien, c'est même le dispositif rêvé…!

Mais là où Tumblr est encore plus redoutable, c'est que vous pouvez poster depuis votre smartphone (…déjà dit mais autant le rappeler) mais surtout depuis un bookmarklet que vous glissez sur la barre de votre navigateur et qui ouvre une interface très simple pour générer un billet depuis n'importe information sur un site… Démonstration.

20110410 tumblir 03 450

Le billet ou l'image que vous souhaitez bloguer étant affiché… Cliquez sur le bookmarket que vous avez précédemment placé d'un simple cliqué/glissé sur votre navigateur (ici Safari)… Le lien est alors pris en compte.

20110410 tumblir 04 450

Une zone de dialogue s'affiche avec l'option par défaut publier un Lien

20110410 tumblir 05 450

Optez pour ce que vous souhaitez (ici, insérer une image…). Sélectionnez la photo que vous souhaitez, ajoutez (ou non…!) un peu plus d'info dans la description… Publiez le billet ou cliquez sur le bouton Avancé

20110410 tumblir 06 450

Là, profitez en pour ajoutez un tag, différer la publication puis validez (Publier le billet)…

20110410 tumblir 07 450

Tumblr vous avertit que l'opération a bien eu lieu… Reste à le vérifier sur tumblr si vous avez spécifié maintenant (immédiat)…

20110410 tumblir 08 450

Oui, tout s'est bien passé…! La coulée jaune est en place…
Selon l'endroit où vous cliquerez sur le billet affiché, vous arrivez sur la photo en plein format sur une autre page de tumblr ou directement sur l'URL source.

20110410 tumblir 09 450

Mais comme tumblr sait que vous êtes l'éditeur, vous pouvez revenir sur le contenu de ce billet via les infos en haut à droite…

20110410 tumblir 10 450

Modifier et rééditer, etc.

20110410 tumblir 11 450

tumblr vous propose également d'utiliser une adresse Mail personnalisée pour expédier par courriel un sujet et son contenu (et c'est franchement magique, Evernote permet également ce genre d'opération…!). Même un billet audio depuis votre téléphone, etc.

Bien entendu, cela tweete (ou pas), facebookise (ou pas, itou…!), tourne sous Android, Blackberry et iPhone. Sans oublier un paquet d'applications tierces

Et cela fonctionne aussi sur un iPad…!

Du coup, je me suis piqué au jeu.
Trop facile de publier sur des sujets divers et qui n'ont rien à voir avec ce que j'écris sur urbanbike ou sur mon site professionnel. Et quitte à publier des images, autant aller à la meilleure source dans mon cas, celle de mes propres photographies sur behindtheleaves…!

Là où j'ai commencé à me rendre compte que j'étais sérieusement atteint, c'est quand j'ai acquis un nom de domaine idoine ce même 1er avril au soir…!

Eh oui, si c'était le jour des poissons, c'était aussi celui du jour de l'ouverture des noms de domaine en .so…! Par jeu, j'ai déposé inexten.so.

Du coup, en modifiant un DNS chez Gandi, 24 heures après mon espace Tumblr répondait à l'adresse indiquée… Plus simple que l'adresse de départ en monbacasable.tumbr.com ou approchant…

Entre temps j'ai essayé un bon nombre de thèmes avant de choisir l'un de ceux proposés par Andrew Stichbury, un jeune gars talentueux. Le temps de pondre un bout de logo pour le compte twitter dédié, de l'incorporer dans la template, deux petites heures… Le plus long a été de tester les templates en situation, de moduler les options proposées, les fils RSS incorporés.

Là, cela passe par une page de personnalisation qui vous permet d'essayer les templates

20110410 tumblir 14 450

Et d'agir sur nombre d'options que je ne vous détaille pas tant elles sont évidentes…

20110410 tumblir 13 450

Agir sur les options de la template sélectionnée (cela diverge selon la complexité de chacune d'entre elles)…

20110410 tumblir 15 450

Ajouter des pages statiques ou des liens…

20110410 tumblir 16 450

Ajouter des services…

20110410 tumblir 17 450

Et plus encore…

20110410 tumblir 12 450

Ajoutons que vous pouvez créer un autre blog en parallèle…

20110410 tumblir 18 450

Etc.

Bon, ce micro site est une espèce de vrac, de joyeux bordel où je poste des infos qui m'interpellent comme des photographies du jour. Pas d'angle éditorial, juste des notes. Le thème peut ne pas plaire car je ne suis pas dans un mode anté-chronologique, ici que des infos éphémères (…de tous les vices, CQFD).

20110410 tumblir 19 450

Bref, rien de sérieux dans mon cas, juste une démonstration de l'usage de Tumblr (et plus, si affinités…!). Dernier point (et commun là à toutes les templates), une page d'archive qui liste les billets mois par mois…

20110410 tumblir 20 450

Bon, parfois Tumblr patine un peu (cela m'est arrivé une seule fois) mais je suis sidéré de la qualité du développement, de la simplicité d'usage et, surtout, tout cela est gratuit et sans pub. C'est juste cela qui me soucie. Je ne crois pas au gratuit…! Comment un tel truc se finance…?

En tous cas, ces quelques copies d'écran et ce billet pour vous y faire penser à l'occasion. Quant à moi, cela m'amuse… Déjà dépassé le cap des 10 jours (…et des 100 billets), et donc bien atteint…!

NB : bien entendu, toutes les infos sont généralement traduites en français, ce qui simplifie grandement la prise en main…

NB2 : autre usage, au lieu d'utiliser un service de tweet pour les images, hop, un lien vers le post'it dans Tumblr… Notez que l'on peut généralement tweeter ou pas, bref, chacun fait à sa sauce, à son goût. Vous pouvez même suivre d'autres sites Tumblr et leur emprunter leurs billets.

NB3 : Interéagir…? Soit en ouvrant son propre tumblr, soit en utilisant dans la colonne de gauche le lien ASK…


Bonne découverte…



J'avais dit quoi…? Que je levais le pied 15 jours (hi, hi, hi…!)

le 10/04/2011 à 07:00 | .(JavaScript doit être activé pour visualiser cette adresse email) à JChris d'Urbanbike | #