Quand la feuille de papier est remplacée par une tablette graphique (Wacom : Intuos3 ou Cintiq 13HD depuis mai 2016) et le crayon ou la plume par un stylet ! Dessin à l’ordinateur, avec Open Canvas, Mischief, Corel Painter, Manga Studio ou Photoshop.
Peinture numérique – Digital Painting – Art Digital – Digital Art
Une illustration de paysage enneigé, et comme toujours une symbolique imagée, pour fêter cette nouvelle année :
Tels les crocus émergeant de la neige – pour toutes celles et ceux qui s’épanouiront dans l’adversité, qui auront besoin de ténacité pour s’ouvrir dans la difficulté oui qui sauront éclore dans l’hostilité !
Que ce soit un challenge quotidien ou un défi ponctuel cette année.
Version anglaise :
Pour l’anecdote florale, les crocus poussent tôt dans l’année – en Février en tout cas, il y en a chez mes parents. Il existe également des arbustes comme le cognassier du Japon qui bourgeonne et fleurit encore plus tôt ! J’avoue avoir effectué une petite recherche sur les sites de jardinage pour ne pas partager d’erreurs et illustrer une idée appropriée ^.~
Typographie Barbershop in Thailand par Octotype | Thomas Boucherie qui un impressionnant palmarès de réalisations à son actif !
Ceux qui me suivent sur les réseaux sociaux ont découvert, dès le 21 décembre soit le début de l’hiver, une sélection d’illustrations thématiques « Winter Manga Characters » :
Nouveautés d’hier, vieilleries d’aujourd’hui, souvenirs de demain ! Ces dessins datent de 2009-2011, une période où j’étais dans le style manga – d’ailleurs, l’une des illustrations représente un personnage du jeu vidéo développé au studio No-Xice tandis qu’une autre a servi pour un jeu d’énigmes avec l’association Wazabi.
A ce moment-là, mon écran n’était pas calibré, ce que j’ignorais. Il me semblait coloriser dans des teintes vives et chaudes. Comme c’était du numérique, je n’avais pas d’autres points de comparaison. Puis, à l’impression d’un artbook via plusieurs reprographies, j’ai eu de grosses surprises ; dans le même temps j’ai eu plusieurs retours de tiers, qui jugeaient mon travail « pastel » sur leurs écrans. Ça a été le déclencheur ! J’ai demandé de l’aide à un collègue pour paramétrer mon écran de l’époque. Aujourd’hui j’ai une petite Cintiq et un écran Eizo, ce qui m’a permis d’effectuer « un repentir » plus fiable sur les couleurs, telles que je les envisageais à l’origine.
J’ai partagé ces cartes de vœux et illustrations d’hiver en assez grand format pour être téléchargées et utilisées dans votre correspondance ^__^ C’est mon petit cadeau de fin d’année ! Je vous souhaite de belles fêtes et si vous ne fêtez rien, le meilleur à venir pour la nouvelle année !!
EDIT : plusieurs de ces illustrations seront prochainement publiées dans un artbook, version papier ^__^
Petit retour sur la conception d’un charadesign ¹ : celui de Phaé Minoa avec son schéma de couleurs ¹ !
Ici je focalise l’article sur le portrait² – l’étude des costumes ayant déjà été détaillée³. Je commence avec une animation des principales étapes à partir de ladite base du portrait (visage et buste, sans coiffure ni vêtement particulier) :
…Suivie d’un image par image pour ceux qui préfèrent prendre leur temps et faire des retours en arrière pour comparer les étapes :
J’ajoute les différents éléments en calques successifs : cela me permet de masquer ou dévoiler les couches du dessous. Je peux aussi plus aisément modifier la teinte présente sur un calque donné et l’ajuster pour que les couleurs « aillent bien entre elles » ; c’est en gros, ce qu’on appelle un schéma de couleur. Il existe des outils d’aide à la création de « color scheme », je vous en présente rapidement deux ci-après – que j’apprécie car on peut y uploader une image ou une création en cours !
Une fois le schéma de couleurs¹ établi, je décline sur les mêmes tons :
Pour ColorMind, j’utilise clairement du vert – un vert qui ressemble plutôt à un jaune kaki ! Adobe Kuler, quant à lui, me situe bien dans le jaune et propose une version différente avec prise en compte du décor :
En vérité, le violet est absent des couleurs de Phaé – même s’il est présent dans le décor d’arrière-plan et en ricoché sur sa peau et le tissu. Il est évidemment possible de déplacer les points de référence pour ajuster la roue chromatique en sortie !
¹ Charadesign = character design = conception de personnage
¹ Schéma de couleur = color scheme < > roue chromatique
Pour finir, en prime, le détail de la dentelle portée par Phaé – je suis en mode costumière :
Ce motif vous rappelle-t-il quelque chose ? Je l’avais à l’origine créé pour un éventail en dentelle justement – mais dans les tons Steam Punk. C’est la petite touche de luxe féminin dans ce costume relativement sobre de voyage !
Voilà pour ce aperçu en mode création. J’espère que ce type de partage vous plaît ! Personnellement, j’adore les making-off de films et les step-by-step en général ^__^ Et vous ?
Mes premières esquisses, contrairement à ce que je vous ai montré, ne concernaient pas du transport de marchandises ; plutôt que de lourds et certes majestueux esquifs, j’envisageais plutôt….
… Des chars de courses individuels :
En bonus, voici ce qui m’a inspirée pour le dessin des vaisseaux des sables / bateaux :
Finalement, ces dessins m’orientent vers un mix entre un char de course antique et un char à voile moderne.
Dans le jeu de rôle « Les Ombres d’Esteren » il est question de « vaisseaux des sables ». Des embarcations d’hommes et de marchandises, qui, poussés par le vent des courants aériens, voguent… Sur le sable ! Pas sur l’eau.
Qu’est-ce que ça peut donner ? J’avoue que ça m’a intrigué lors des parties alors j’ai dessiné des idées :
L’eau n’a pas la même portance ni la même résistance que l’eau ; pour compenser ce fait, j’ai imaginé que la voile avant était vraiment grande.
Pour éviter les forces de frottements j’ai pensé que seule la quille racle le sable – et que le fond de cale est finalement très plat.
En tout cas, ce qui s’impose progressivement, même si c’est moins élégant, ce sont les roues ! Des roues sur les côtés comme un moulin à vent, ou latérales comme les anciennes voitures, ou…. Des roues à eau, pourquoi pas !
Et une version fantasmagorique, entre des roues en moulins à vent et une pieuvre en cerf-volant :
Soit le vent est très fort sur les côtes, soit la magience est à l’œuvre… Amoins que ce ne soient les féons ? Pour ceux qui ne connaissent pas – encore – ce jeu, nous nous aventurons dans un monde aux allures fantastiques.
Bien. Peut-être une déformation de rôliste – et parfois mieux vaut ne pas chercher à représenter ^.~ D’ailleurs je n’ai pas encore regardé si l’illustrateur.trice ou les illustrateurs.trices de l’ouvrage avait planché sur le sujet ! Dimanche prochain, la suite ^__^
Et vous, avez-joué au jeu de rôle Les Ombres d’Esteren ?
Un outil dont je voulais vous parler depuis quelques temps : le filtre « découpage* ». Il permet de visualiser les zones par valeurs de saturation – et d’ajuster le schéma de valeurs* en conséquence.
Pour accéder au filtre dans le menu de Photoshop : filtres > galerie de filtre > découpage. Ensuite vous paramétrez les réglages pour obtenir des zones bien délimitées. Le résultat ? Sur un visuel simple, se créent ainsi des blocs correspondant normalement à des zones éclairées ou dans l’ombre. Je passe directement aux exemples !
Sur l’exemple ci-dessus, l’image parle d’elle-même ! Cet effet de découpe permet de distinguer deux sources au lieu d’une pour l’éclairage : sur le visage, la lumière semble venir de face ; tandis que sur le buste et le bras gauche sont éclairés depuis le côté gauche. Bourde que j’ai corrigée par la suite :-p
A présent, voici l’effet du filtre découpage sur une illustration – ici, le character design de Phaé :
Ici, en termes de masses, on voit bien le visage, on devine le bras, on suppose un tombé de cape. Il est moins aisé en revanche de comprendre ce qui se passe au niveau de la capuche – le côté droit du visuel – qui semble se fondre dans le décor. Théoriquement, je devrais travailler ce côté de manière à ce que la capuche forme un contour marqué : soit en éclaircissant l’arrière plan et en fonçant la capuche… Ou inversement : décor plus sombre vs capuche plus claire ! J’avoue, j’ai volontairement laissé ce charadesign ainsi car je trouvais l’effet agréable, mais si on suit la méthode, c’est une erreur ^^
J’ai découvert cette technique grâce à une vidéo de l’illustrateur Clint Cearley alias Swatches sur YouTube. Elle complète bien mes tests de valeurs (en niveaux de gris) et de lisibilité (vue en dézoom ou yeux plissés) ^__^
Allez, je passe à un exemple d’illustration plus complète, en couleurs :
Suivant les réglages, on n’obtient pas les mêmes découpes :
C’est étonnant de voir qu’à un degré près, le filtre « découpage » redessine différemment les zones ! Ici, à gauche, la partie basse des falaises apparaît de la même teinte que le bloc lié au temple ; tandis qu’à droite, cette même zone se fond dans le décor de l’arrière-plan, laissant bien visible le temple au premier plan.
Du coup, la méthode du découpage paraît vraiment plus intéressante en noir et blanc. Passons la même illustration, avec les mêmes réglages de découpage, en niveaux de gris :
Il ressort de ce second test que l’illustration du « temple japonais dans les montagnes » manque de peps : elle gagnerait en lisibilité si les contrastes étaient encore plus accentués entre le premier plan et les arrière-plans.
Oui, pour bien me faire comprendre, j’ai pris des exemples qui contenaient des erreurs ! 😉 J’espère que cela vous sera aussi utile qu’à moi !
____
*Pour ceux qui suivent les tutoriels en anglais, découpage se dit « cut out » et schéma de valeurs « value scheme ».
Dans l’équipe No-Xice, nous gardons les dessins en grand format et visibles en intégralité pour l’artbook, exclusivement. C’est pourquoi je ne vous partage ici que des « previews » autrement dit, des aperçus partiels de mon illustration.
Voici une animation jusqu’à la colorisation sur « Shinigami Glandouille » :
J’espère en tout cas que nous sortirons du multimédia ! C’est ma marotte depuis mes 14-15 ans : combiner plusieurs supports entre eux. Ici j’ai proposé, comme je le fais en clientèle depuis quelques années, d’apposer un QR code sur la version papier pour vous fournir du contenu supplémentaire en numérique.
Et sur la version numérique – si on sort l’artbook en version numérique – j’ai proposé que le contenu soit téléchargeable avec l’artbook. Peut-être des crayonnés, des étapes de mises en couleurs, des anecdotes, des animations comme celle-ci. Affaire à suivre !
Suite à mes études de crânes puis au memento mori, j’ai réalisé des essais couleurs ! J’attendais avant de partager ne serait-ce qu’un bout de l’illustration – car le projet change à nouveau d’optique dans No-Xice.
Voici quelques tests d’ambiance, réalisés en février dernier, avant la mise en valeurs :
Car oui, une nuance de rouge ou une nuance de jaune n’appelle pas la même densité donc il faut y penser avant d’attaquer le dessin en noir et blanc avec ses valeurs !
Depuis l’illustration est terminée ^__^
Est-ce que ça vous plairait de retrouver ce genre de bonus dans l’artbook ? Perso j’adore les making-of et les step-by-step que ce soit en dessin, en peinture, au cinéma avec les DVD… J’ai donc proposé en juillet dernier de proposer du contenu additionnel à l’artbook. Alors, vous seriez partants ?