Concept Art : Créez un Elémental de forêt

Concept Art : Créez un Elémental de forêt

Programme : Photoshop

Difficulté : Intermédiaire

Temps estimé : 3-4 Heures

Pour ce nouveau tutoriel réalisé par Design Spartan (Gaétan Weltzer), il va vous montrer pas à  pas comment il a réalisé ce concept art nommé « L`élémental de forêt » .

Bonjour à  tous, pour cet exercice de concept art, le tout est de mettre en avant une créature originale. Tout d’abord, pourquoi faire un fond (même simple comme celui-ci) pour un concept art, alors que c’est le personnage qui est intéressant ? On pourrait très bien garder un fond blanc mais c’est tout simplement parce qu’un fond travaillé (même rapidement) met en avant le personnage ou la créature (ou autre).

Par exemple ici le fond noir fait bien ressortir le personnage et donne une vague idée de son environnement et de comment il évolue dans celui-ci. Je vous conseille donc de toujours faire un fond même en 3 coups de pinceau pour avoir un dégradé et un peu de texture, si vous ajoutez à  cela un peu de contraste avec le personnage c’est encore mieux.

NB : Ce tutoriel provient initialement du site Design Spartan et est publié ici avec la permission explicite de l`auteur qui est aussi le co-créateur de Living Tuts.

Elémental de forêt final

Résultat final

Etape 1:

Cette fois j`ai commencé directement sur Photoshop en partant d`un fond blanc. Une fois que j`ai crée un nouveau calque (Ctrl+Maj+N – je vais beaucoup m`en servir ) pour la line, je commence à  définir la forme noire avec opacité et flux variant avec la pression du stylet. J`affine petit à  petit la silhouette et les traits puis je détaille un peu mon élémental. Une fois que j`ai fini ma line, je crée un nouveau calque que je place en dessous du croquis.

étape 1 croquis

Etape 2:

Ici je remplis chaque partie avec une couleur unie sur un nouveau calque situé sous celui du croquis, puis je choisis une couleur pour ombrager, et une autre pour éclaircir les zones où le personnage est frappé par la lumière, toujours sur mon calque de base. A la fin de cette étape, j`ai défini les couleurs de bases avec les premières ombres et lumières, je passe donc mon calque de fond blanc en noir (Ctrl+I en le sélectionnant).

etape 2

Etape 3:

Je crée un quatrième calque juste en-dessous du calque du croquis et je fais une sélection de mon personnage que je mémorise : Sélection>Mémoriser la sélection. Dans la fenêtre qui s`ouvre j`entre un nom quelconque et je fait OK. Maintenant, dans l`onglet  «  Couches  » à  coté de l`onglet  «  Calques  » j`ai une nouvelle couche noire et blanche correspondant à  mon élémental.

Je resélectionne mon élémental (Ctrl+clic sur la nouvelle couche) et je sélectionne l`outil Dégradé. J`applique un dégradé partant de en haut à  droite (depuis la source de lumière fictive) jusqu`en bas à  gauche allant du vert-jaune au noir.

etape 3 dégradé

Je passe ensuite ce calque en dégradé et je crée un nouveau calque. Je répète l`opération pour avoir un nouveau dégradé sur la sélection de l`élémental mais cette fois-ci je crée un dégradé noir sur la partie inférieure de mon personnage et je passe le calque en mode   « Obscurcir » une fois que l`effet me convient.

etape 3 dégradés

Etape 4:

Je crée un nouveau calque par-dessus les autres ( toujours sous le croquis ) sur lequel je vais peindre la forte lumière qui frappe l`élémental de forêt. Je prends une couleur vert-jaunâtre pour la lumière provenant de la source de lumière principale ( en haut à  droite ) et une couleur verte fortement saturée pour la lumière provenant des boules de lumières. Toujours sur ce calque j`assombris les zones d`ombre pour que le contraste ombre/lumière soit plus fort et pour renforcer l`atmosphère.

Ensuite je commence à  peindre le sol ( et oui, il marche bien sur quelque chose… ) mais sans trop le texturer pour l`instant.

étape 4 lumière et ombres

Etape 5:

Pour la cinquième étape, je décide de m`attaquer plus sérieusement au sol. Je crée un nouveau calque sous le croquis et je détaille mon sol, j`essaie de lui donner une texture plus réaliste. Sur un nouveau calque, je peins très légèrement avec un pinceau à  faible dureté les zones où la lumière frappe plus durement le sol ce qui fait ressortir l`ombre de la créature puis je fusionne ce calque avec celui d`en dessous.

Sur un nouveau calque que je glisse sous l`élémental je peins le reste du fond qui passe derrière l`élémental et au premier plan.

étape 5 sol détaillé

Etape 6:

Dans cette courte étape, j`applique juste une texture à  mon personnage pour qu`il ait plus l`air d`être en bois. Pour ça, rien de bien compliqué, je glisse une photo de bois et je crée un masque d`écrêtage: je sélectionne mon calque contenant la photo et je fais Alt+Clic entre ce calque et celui en-dessous ( c`est à  dire mon personnage ). Ainsi la texture de la photo ne s`appliquera qu`au calque du personnage. Je transforme un peu la photo et je fais quelques réglages et mon élémental semble vraiment être en bois, pardi!

Etape 7:

Je vais détailler dans cette partie la façon dont j`ai obtenu l`effet des boules vertes. Je commence par créer un nouveau calque au-dessus des autres (toujours Ctrl+Maj+N) sur lequel je peins une lueur verte autour des boules, rien de plus simple il n`y a qu`à  prendre un pinceau à  dureté 0%. Par la suite je crée un nouveau calque par-dessus et je peins des traces lumineuses autour de façon circulaire ( cf l`image ci-dessous pour mieux comprendre ) toujours avec le même pinceau. Je crée ensuite un nouveau calque et je recommence jusqu`à  obtenir un effet de lumière satisfaisant.

effet boule lumière

Pour ajouter un effet vraiment original à  mes boules de lumière je crée un nouveau calque, cette fois-ci en-dessous de l`élémental. Je sélectionne un pinceau d`une forme spéciale ressemblant à  une petite tache de peinture avec des réglages particuliers: Variation de la taille en fonction de la pression de la plume (Dynamique de la forme), Diffusion (  «  Les deux axes   » cochée ) à  1000% (max), une Forme double avec pas à  1000% ( une forme de base ) et la case  «  Lissage   » cochée.

brush settings

Et voilà  le résultat à  la fin de l`étape:

effet boule lumière

Etape 8:

C`est dans cette avant-dernière étape que je m`occupe du fond, cela est logique car dans un concept art c`est la créature qui est mise en avant tandis que le fond est secondaire. J`ai dû faire pas mal d`essais avant d`obtenir un fond satisfaisant…

Je crée donc un nouveau calque au dessus du fond noir et je peins des formes d`arbres et de racines avec un pinceau à  très faible opacité (entre 10 à  20%) de manière à  ce qu`ils soient à  peine visibles (oui je sais, dit comme ça cela parait facile…).

Etape 9:

Cette étape sert de finition: je fais les retouches nécessaires et j`ajoute quelques détails: sur un nouveau calque au-dessus des autres, je fais rapidement des traits grossiers à  très faibles opacité que je floute ( Filtres>Flou gaussien ). Ensuite je baisse l`opacité de mon calque de façon a obtenir un pâle halo lumineux provenant de ma source de lumière en haut à  droite.

halo de lumière

Par la suite, je crée un nouveau calque et je vais créer les  «  particules   » flottantes dans la lumière visibles juste au-dessus. Je prends un pinceau rond de base avec une opacité réglée à  50% et une petite taille ( de 2 à  5 ) et je vais faire des points. Ensuite je floute le calque comme avant, je règle à  nouveau l`opacité, et le tour est joué.

Il ne me reste plus qu`à  ajouter mon logo dans le coin et à  prier pour que ce concept art vous plaise ( et le tuto par la même occasion ! )

Voici l`élémental de forêt dans sa version finale (cliquez pour une image plus grande):

Elémental de forêt final

Résultat final

J’espère que vous avez aimé ce tutoriel qui fut également un de mes tout premiers digital painting.

23 Comments to “Concept Art : Créez un Elémental de forêt”

  • Bonjour, pourquoi faire un tutoriel si c’est pour ne pas le détaillé … On a beau maitriser un minimum photoshop si vous ne détaillez pas il est impossible d’apprendre. De nos jours beaucoup de rédacteur de tutos on pris l’habitude de faire un tuto pour réaliser une forme ou un objet et on s’arrête là. Pourquoi ne pas faire ce à quoi est destiné un tutoriel à savoir apprendre au lecteur une technique qu’il va pouvoir réutilisé et même amélioré. Ce tutoriel à du vous prendre plusieurs heures à réaliser mais nous ne retrouvons que 9 étapes très peu détaillé. C’est dommage !

    • Je vais te répéter ce que j’ai déjà répéter à beaucoup de gens. Nous ne faisons pas de tutoriels pour débutants, du moins pas sur Photoshop. De plus 9 étapes pour un tel painting me semble correct. Après je ne vais pas détailler comment le remplir au pinceau ou comment faire un trait.
      Je ne vois pas comment plus le détailler sans tomber dans un tutoriel très long et qui ennuiera ceux ayant déjà des bases, mais si tu as des suggestions je suis prêt à les entendre ? ;)
      Qu’aurais-je dû détailler selon toi ?

  • Tout simplement énorme, j’ai bien suivis tout le tuto, il me manque de savoir dessiner pour pouvoir le tester vraiment ^^

    Mais honnêtement c’est très bien pensé, et le résultat est génial

  • Magnifique boulot vraiment, très beau!!!

  • Merci à vous pour vos commentaires. :) Je suis content que ce tutoriel serve toujours.

  • Bonjour,

    Très joli résultat final !
    J’aurais aimé savoir s’il les outils dodge et burn ont été utilisé ? Où est-ce uniquement à partir d’une palette de couleur définie au départ ?

    Au final, ce sont des indications de colorisation que je souhaite ^^

    • Alors je n’utilise simplement jamais l’outil doigt ou « burn » (« burn » juste pour de la photo en général).
      Les couleurs ont été choisies et peintes au pinceau avec un brush de base rond.

      • Ok, merci !

        Ah oui, je viens de penser à quelque chose :

        Serait-il possible de mettre à côté de l’image un screenshot des calques.
        Ca facilite grandement la lecture ^^ (Comme ça on s’y retrouve plus facilement : On sait sur quel calque on travaille, combien de calques il faut créer, etc)

        Superbe scène ^^

        • Bonne idée pour les calques, c’est un de mes très vieux tutoriels donc je n’y toucherais plus. Mais je le saurais pour les prochains ! ;)

  • Salut,
    Rendu très élégant ,un vrai gentleman ent
    Chapeau bas!!

  • Tutoriel très sympathique, vraiment bien, je vous tire ma révérence ;) Mais effectivement quelques « petits » plus ne ferait pas de mal :D Par exemple , fournir le croquis afin que l’on puisse s’essayer au tuto sans pour autant savoir réellement bien dessiné x) Ou encore faire une étape « 1,5″ ou tu expliques ou donne des conseils pour pour les ombres et les lumières ainsi que les détails ;) Parce que vraiment là… On arrive a l’étape 1 on se dit bon ok ça commence bien puis on arrive à l’étape 2 et là bah on fais juste cette tête ‘O_o On comprend pas trop enfin voilà… Merci quand même pour ce beau tuto tout frais

    • Merci Mwea, j’en prends note pour les prochains, je comprends que la phase de mise en volume puisse être la plus compliquée, je la détaillerais plus la prochaine fois !

      Le prochain de mes tutoriels qui est également un de mes anciens sera en vidéo et partira de la même technique ce qui devrait permettre de comprendre plus facilement comment arriver à un résultat final sans louper une miette.

      • Mais de rien ;) ! J’attendrais avec impatience la venue de ce prochain tutoriel !
        Ps : S’il te plait, pourrait tu mettre a disposition les croquis, c’est pas que je suis trop flemmard pour dessiner mais mon stylet de tablette a cassé (grr) Merci =)

  • Je suis désolé, mais ceci n’est pas un tutoriel. Pas plus que la plupart des autres de ce site. C’est un W.I.P. d’un painting. Très bien réalisé, j’en conviens, mais on apprend pas comment dessiner, on voit seulement les étapes du dessin. Moi qui voulais progresser de ce côté, je suis très déçu. :(

    • Si tel est ton avis Ob, je le respecte. En revanche, aucun tutoriel je pense n’aura la prétention de t’apprendre à dessiner. On sait dessiner ou on ne sait pas, et par la suite ça se trouve à force d’études et d’entraînement pour s’améliorer.
      Je conviens juste que l’étape 2 aurait pu être plus détaillé comme je l’ai déjà dit à quelqu’un d’autre.

      • Ob, je suis désolé de devoir te contredire mais c’est belle et bien un tuto de digital painting. Si tu sais dessiné et manipuler photoshop (évidement) ce type de tuto est intéressent. Sinon il vaut mieux que tu te diriges vers des tutos photoshop et des cours de dessin. En ce qui me concerne je salut le travail de spartan qui a passé du temps sur son tuto pour en faire profiter les personnes qui viennent ici.

  • Superbe tuto, très compréhensible.
    Pour revenir aux commentaires de Bishop13 et BabyAzerty, peut-être qu’un tuto abordant spécifiquement les techniques de colorisation (choix des brosse, mélange des couleurs, travail sur les volume, ombre et lumière etc) répondrait aux attente de certains.
    J’avoue que je serais aussi intéresser car j’aimerais progresser dans ce domaine ;)
    Quoi qu’il en soit, merci pour tout ces tuto, on est conscient que ça représente beaucoup de temps et de travail :)

  • Moi personnellement je le trouve détaillé et il me convient.
    Parfait pour m’améliorer, merci pour ce tuto ;)

  • Bonjour !
    Vous faites un excellent boulot!
    C’est vraiment magnifique, mais il faut quand même un certain coup de pinceau pour vous suivre !
    C’est pourquoi je vous conseil de faire des vidéos de vous en train de travailler, à mon humble avis ce serait vraiment très explicite !!
    Amicalement.

    • Des tutoriels avec creencasts arrivent petit à petit, nous souhaitons vraiment avoir une harmonie entre les parties écrites, et les parties vidéos :) Il y en a déjà deux en ligne ;)

  • [...] Concept Art : Créez un Elémental de forêt [...]

  • Le résultat est Magnifique, bravo !!

Laisser un commentaire