Affichage des articles dont le libellé est Ebooks. Afficher tous les articles
Affichage des articles dont le libellé est Ebooks. Afficher tous les articles

Aphrael (2009), première BD entièrement créée pour iPhone

En 2008 et 2009, je travaillais à la réalisation d'ebooks pour iPhone. Début 2010, il en est ainsi paru une douzaine sur l'AppStore. Perdus au milieu de plusieurs centaines de milliers d'applications, ils passèrent inaperçus. Après deux ans, je retirais l'ensemble de ces publications, constat fait qu'il était inutile de se battre pour chercher à imposer ce concept sans un énorme investissement pour le faire connaître. Mais avant d'aller plus loin dans mes réflexions et la présentation du travail effectué, je vous laisse lire un extrait de l'ebook "Aphrael" dont j'ai reconstitué les cinématiques et la "lecture automatique" en HTML5.


Comme je l'expliquais plus haut, l'AppStore s'est vite révélé être un vrai "bazar" où il était difficile d'émerger sans une certaine puissance financière pour développer une bonne communication ou avoir recours à des combines : de petits malins ont vite compris le système de cotations et de commentaires et l'ont détourné. Contre plusieurs milliers de dollars, ils proposaient, avec l'aide d'utilisateurs choisis de télécharger, de commenter élogieusement et de surcoter vos applications afin de les retrouver en tête de liste et, par effet boule de neige, entrainer des dizaines de milliers d'achats bien réels ! Ce qui peut laisser un goût amer à un petit éditeur comme moi.
Mais revenons à "Aphrael".
J'ai dessiné cette BD au pinceau et je l'ai mise en couleurs avec Photoshop avec l'optique d'utiliser le format d'écran et les fonctions multimédias de l'iPhone. Comme vous avez pu le voir, je me suis donné certaines limites à ne pas franchir pour ne pas en faire un dessin animé : par exemple, animatiques séquencées pour les scènes présentant le même cadrage et pas plus, travelling panoramique pour une scène en largeur.
Après cela, il a fallu concevoir l'interface graphique, la manière de lire, le sommaire et comment le contenu devait être géré par le lecteur interne, la possibilité de faire une "lecture automatique" (on lance celle-ci et l'ebook défile sous vos yeux avec des séquences chronométrées en n'ayant plus à toucher l'écran), une autre trouvaille a été la possibilité de lire en plusieurs langues (français, anglais et espagnol) sans devoir changer la langue de l'iPhone en faisant ce choix directement dans l'application et tout un tas d'autres idées innovantes nominées aux Trophées de l’Economie Numérique 2010 dans la catégorie Innovation. Depuis, beaucoup d'eau a coulé sous les ponts et ces innovations sont devenues communes…

Portrait de Philippe de la Fuente

J'ai édité deux ebooks de Philippe de le Fuente : "Tristan et Ilfröd  #1 - Un loup-garou à Snow-Ville" et "Gags à gogo". Pour le premier, j'ai fait un portrait de ce sympathique auteur.


Portrait de Trap alias Patrick Cerf alias Dr. Borg

En 2010, j'ai édité un recueil de gags de cet auteur qui scénarise actuellement les Pieds Nickelés (Dr. Borg "Pas de week-end pour les cyborgs"). Un article le présentait aux lecteurs et j'ai réalisé un portrait de lui pour accompagner l'article ; le voici, réalisé au pinceau et encre de Chine sur papier pour le trait noir et calque pour la couleur, colorisés et assemblés dans Photoshop…


Réalisation de la couverture de "11 balles perdues"

Premier stade, bien sûr, trouver l'idée et en faire un crayonné rapide. Après, je fais des recherches dans ma documentation pour trouver une arme qui rende bien. Un CZ 75 me semble pas mal et je réalise un premier dessin dans Illustrator pour certains éléments géométriques puis importation dans Photoshop pour combiner plusieurs effets (dégradés puis pixellisation).


J'ajoute le reste du dessin, les 11 balles, puis je m'occupe de la mise en couleurs et des divers dégradés et brillances, et toujours des pixels.


Puis le fond et l'ombre, et toujours avec des pixels, dois-je préciser, obtenus avec l'aéro en mode "fondu"…




Une texture grunge floutée et un dégradé pour finir l'illustration.

Il ne manque plus que les textes avec quelques manipulations sur le titre et après avoir retouchée l'image (il y avait trop de pixels ;-) voilà, la mise en page de la couverture est finie…

Réalisation de la couverture de "Balistique du désir"

Après un dessin rapide, réalisation dans Photoshop de la maquette de base avec tous les textes et les pavés en 800dpi, le tout en vectoriel : travail sur la composition, la couleur et la typo. Cette mise en page va me servir pour bien placer mes éléments dans l'illustration que je vais faire, je l'importe donc dans mon logiciel de dessin.


Passage à la réalisation de l'illustration. Au départ, j'étais prêt à la faire à l'huile sur une toile et puis, à la réflexion, je me suis finalement décidé pour une image style comics années 50, bien dans l'ambiance des films et des comics noirs d'avant le comic code. Pour la réaliser, je fais un crayonné rapide sur papier que je scanne et que j'importe dans Manga Studio. Je choisis ce logiciel car il est vraiment excellent pour l'encrage à partir d'une palette graphique : réglages très précis, rendus et réactivité sont inégalés. Pour le style, plume très souple et hachures.

Retour sur Photoshop et mise en couleur du dessin : tons sombres, froids pour le 1er plan, chauds pour le 2ème et l'arrière plan. Tout est traité en aplats pour garder le style comics et l'arrière plan à l'aéro suggère une ambiance et un décor mais ne doit pas nuire à ce qui est important dans l'image tout en faisant ressortir les 2 autres plans ; ce flou donne plus de relief au dessin qui est devant.


Assemblage des éléments. Je rajoute une fine trame claire en surimpression obtenue à partir d'un fond gris passé en bitmap.

Et maintenant, il faut donner l'aspect d'un vieux livre. Cette étape m'a pris assez longtemps à faire : dessin du bord de la couverture, effets d'usures et de plis (aéro réglage "fondu"), pages du livre qu'on aperçoit là où la couverture est déchirée (effets d'ombre et textures), etc… Notez que j'ai baissé le ton du noir pour faire apparaître la couleur qui le chevauche (très visible sur la manche, au 1er plan), c'est souvent le cas sur les vielles éditions. Et voilà le travail…

Réalisation de la couverture de "Elagage de printemps"

Au départ, trouver une idée d'illustration dans les textes des nouvelles de Jan Thirion. Puis faire une crayonné. J'importe ce crayonné dans mon logiciel de dessin favori, Manga Studio. Encrage avec une plume souple pour avoir un rendu proche d'un dessin à l'encre de chine et au pinceau. Pour l'arrière plan végétal et le sol, j'utilise un marker.


J'importe le dessin fini dans Photoshop pour la mise en couleurs, pour cela bien supérieure à Manga studio pour les effets et les textures.


J'évite de faire couler du sang de la tronçonneuse mais je suggère cela dans la couleur éclaboussée du sol et des premières herbes ; ce ton chaud met le pantalon en avant et je continue sur un fond dégradé en 4 couleurs de vert, toujours pour dégager le 1er plan. Le ciel est blanc pour renforcer les contrastes . J'ai choisi de le faire vraiment petit dans l'image pour rendre une impression d'étouffement, d'impossibilité de fuite et d'espoir infime, donnant au personnage une présence dangereuse et implacable.


Je rajoute 2 effets sur le dessin : une texture grise sur l'ensemble et un pourtour craquelé.

… Et la mise en place des textes pour finir avec un petit travail sur la typo du titre.

Mise en couleurs d'un écran de la BD Aphrael

Au début, il y a un crayonné. Chaque écran de l'ebook "Aphrael - Escapade nocturne" est réalisé en premier pour être lu sur iPhone. Le dessin original fait 16x24cm.



Je vaporise légèrement de la colle repositionnable sur un calque que je plaque sur le dessin au crayon, ainsi je n'ai pas besoin de m'user les yeux sur une table lumineuse et je n'ai pas non plus besoin de gommer, si j'avais encré sur l'original. Je travaille avec un pinceau et de l'encre de Chine.



Je plaque un deuxième calque pour faire des ombres et je peins celles-ci à l'encre et au pinceau. puis je scanne à 800dpi les deux calques que j'ai préalablement collés sur un papier blanc pour ne pas avoir d'ombres projetées ou de gris. Je les ouvre dans Photoshop. Le calque du trait reste noir et je colorise celui de l'ombre en lavande terne qui est un bon choix pour tout un tas de couleurs et d'ambiances, bien mieux que du gris, et je le met en mode "produit" comme tous les calques de mise en couleurs qui suivent.



Sur un autre calque, je mets un aplat de jaune chaud pour faire virer les couleurs de toute la scène afin de restituer un éclairage d'intérieur. Vous remarquerez que je laisse la fenêtre en ton neutre.



Je masque le calque jaune, le temps de coloriser toute l'image. Cela fait, je le rends à nouveau visible et toutes les couleurs se sont réchauffées.



Un nouveau calque pour les parties en blanc, un autre pour le halo d'Aphrael et sa couleur de trait marron, un calque de forme pour la bulle et le calque des textes. Et voilà l'image finie.