Digital painting : Peignez un dragon combattant pour sa survie

Digital painting : Peignez un dragon combattant pour sa survie

Programme : Photoshop

Difficulté : Intermédiaire - Avancé

Temps estimé : 6-7 Heures

Télécharger les fichiers sources
Vous devez être logués ou enregistrés pour télécharger !

Design Spartan (Gaétan Weltzer) vous guide en vidéo dans ce tutoriel de transformation d’un dessin en digital painting.
Comme j’en avais parlé en commentaire sur un de mes anciens tutoriels vidéo (Peindre une tête de dragon), je prévoyais de faire un « remake » de cet ancien tutoriel après avoir progressé. Ainsi sur le même thème (une tête de dragon), je suis parti sur une composition, une ambiance et des couleurs différentes.


Croquis
Croquis dessiné à  la main


Dragon en plein combat

Résultat final du tutoriel

La vidéo HD qui dure environ 1h20 montre donc la phase de painting sur Photoshop de A à  Z en accéléré (pour un total réel de 6h35 tout de même).

Le niveau de ce tutoriel est intermédiaire – avancé et sur plus de 6h35 de vidéo, je ne peux pas tout expliquer et détailler, cela va de soi. :)

NB : Le but de ce tutoriel, comme toujours, est que vous puissiez reproduire cette technique avec vos propres dessins.

NB 2 : Vous trouver le PSD redimensionné, les images ainsi que la vidéo HD dans les fichiers de téléchargement du tutoriel.


A lire avant de regarder la vidéo

Voici quelques informations importantes qui vous éviteront de nombreuses questions en regardant la vidéo.

Les brushs

Comme vous pourrez le voir j’ai utilisé de nombreux brushs mais mon principal reste toujours le brush rond de base avec opacité variant en fonction de la pression. Pour les nuages ou particules, j’ai utilisé des brushs de type « grunge » ou « nuage » ou encore d’autres générant rapidement des particules. Pour les cornes principalement, ainsi que certaines parties du corps plus texturées, j’ai utilisé principalement un brush carré fortement texturé.

Changement de composition

Voici un point très important pour n’importe quel digital painting. Et je vous offre l’opportunité d’apprendre de mes erreurs ! En effet si vous comparez le croquis initial sur papier à  l’image finale, vous constaterez que la tête et son emplacement reste les mêmes, mais pas tout le reste.

En effet, après avoir peint durant un bon moment, je me suis rendu compte avec l’aide de quelques avis, que la composition n’était pas assez dynamique. De ce fait j’ai décidé de lui rajouter ses ailes pour une posture plus agressive et une composition moins horizontale.

Cette erreur m’aura coûté pas mal de temps. Cette précision vous aidera à  comprendre pourquoi j’avais commencé à  peindre un bras et que j’ai finalement repeint beaucoup d’éléments que j’ai coupé de la vidéo (car cela aurait été trop long). Ne soyez pas surpris de voir sortir des ailes sur la vidéo d’un coup. ;)

La morale est qu’il vaut mieux être sûr de sa composition dès le départ pour s’éviter bien des ennuis !

Le résultat final est différent du résultat de la vidéo, pourquoi ?

En effet, ceux qui regarderont jusqu’au bout se rendront compte d’une différence entre la fin de la vidéo et l’image du résultat final. Cela est dû à  des ultimes modifications que j’ai décidé de ne pas filmer car cela aurait rallongé la vidéo en ne montrant aucune nouvelle étape car le painting est bel et bien fini à  la fin de la vidéo. Ce n’est qu’après coup que j’ai voulu déraidir son cou et lui donner une pose plus naturelle.

Il y a tout de même un autre enseignement à  tirer de cela, si ce n’est qu’il vaut mieux bloqué sa composition au départ, c’est qu’il ne faut pas non plus hésiter à  revenir sur sa création et à  tout reprendre si besoin, même plusieurs fois.

Les calques

Concernant les calques, l’essentiel à  retenir est écrit dans les étapes ci-dessous. Sinon comme vous le verrez je crée tout au long plusieurs calques dans le but de me permettre de revenir aisément en arrière sans avoir à  tout repeindre, donc vous n’êtes pas obligé de suivre cela à  la lettre.

Gardez à  l’esprit ces calques :

– croquis scanné

– peinture en niveaux de gris

– par-dessus un calque en mode Couleur (la colorisation)

– par-dessus un nouveau calque de peinture en couleur cette fois (principalement pour les détails)

– les calques de particules (fumée, braises, etc…)

– les calques de textures

– à  la fin les calques de réglages : courbes, halo lumineux…


Les étapes dans les grandes lignes

1. Le croquis scanné à  300dpi

Croquis

2. Début de la peinture

Je commence par créer un nouveau document A4 300dpi et y glisse le croquis. Je passe ce calque en mode Produit.

En-dessous du calque du croquis, je crée un nouveau calque et je peins dessus en niveaux de gris. Vous noterez que les traits du croquis restent visibles par-dessus grâce au mode Produit.

3. De la fumée pardi !

Pour montrer le mouvement et l’action qui se produit, je décide d’ajouter rapidement de la fumée et des particules flottantes, que je floute. Je regroupe ces calques dans un groupe nommée « Particules et fumée ».

4. Colorisation

Ici tout se passe sur un calque au-dessus des précédents en mode Couleur. Avec mon pinceau je peins bêtement la couleur sur ce calque qui vient recouvrir mon painting.

5. Ce n’est pas fini ! Les détails…

Sur un nouveau calque de peinture, je m’attaque au détails, à  redéfinir certaines zones et à  renforcer la lumière : les highlights notamment.

6. La finition

Pour la finition, je rajoute tout à  la fin quelques textures provenant de photos de reptiles que j’incruste légèrement au corps du dragon.

Puis j’ajoute quelques braises volantes à  l’aide de customs brushs et de réglages de calques (lueur interne + lueur externe).

Pour finir, je rajoute des calques de courbes pour régler la lumière, mais aussi la couleur où je le souhaite et tout à  la fin j’incruste un léger halo lumineux.

Place à  la vidéo





Et le tour est joué ! Facile vous dis-je !

Dragon en plein combat

Résultat final du tutoriel

J’espère que ce tutoriel vous aura plu et montré efficacement ma technique de digital painting à  partir d’un croquis. Si vous avez des questions, n’hésitez pas ! ;)

PS : Remerciement spécial à  Tresadenn pour avoir fourni les fichiers des blocs d’astuces de la vidéo. :D

55 Comments to “Digital painting : Peignez un dragon combattant pour sa survie”

  • [...] This post was Twitted by DesignSpartan [...]

  • [...] Tutoriel de Spartan sur Living Tuts : Peindre un dragon combattant pour sa survie [...]

  • Perfect bOy, il faudrait que je me trouve du temps ne serait-ce que pour repasser ici ou sur ton blog !
    See ya !

  • [...] This post was Twitted by Alois_Val [...]

  • Ouep! De toutes évidences, le corps est bien mieux comme ça. :p
    Excellent tuto.

  • Superbe, bravo.

    Et merci pour la vidéo très instructive pour un débutant comme moi qui souhaite se mettre au digital painting.

  • Impressionnant! Et toujours très intéressant de pouvoir voir les méthodes de travail. Je découvre cet excellent site par la même occasion.

  • [...] This post was Twitted by chez_mystical [...]

  • Absolument merveilleux Spartan…
    Je n’en reviens pas que l’on puisse faire ça avec juste un trèèèès bon coup de crayon (hé oui, il faut l’avouer, en dessin tu est génialissime) et Photoshop.

    J’espère un jour atteindre un niveau similaire au tien et je compte travaillé dur pour ça ;)

    Encore bravo ;)

    Raven

  • je veut pas dire mais il est peut etre fort sur photoshop mais pas en dessin :P

  • Merci pour vos avis.
    @Raven : Je ne pense pas être génialissime en dessin, je me débrouille disons.
    @dario : Je ne suis en effet pas un expert en dessin en revanche tu juges sévèrement après avoir vu un rapide croquis ;)

  • non mais e rigolai tkt :) je suis jalou que tusais bien utiliser les brush et les mode de fusion et tout :)

  • tu donne des cours particuliers de photoshop :P ?? mdr

    • Pas de problème. ;)
      Pour les cours on peut négocier si tu es près de chez moi haha.

      • jhabite a paris ! sionon on peut faire des cours en live par internet mdr :)

  • Sublime ^^

    Tout comme Raven, j’espère atteindre ton niveau :p
    Je me mets au dessin cette année d’ailleurs ^^

    • Merci, j’espère que ce tutoriel t’aidera à progresser. :)

  • Réellement impressionnant ce tuto Spartan. Outre ta maîtrise de Toshop, ton talent de painter, je salues tes dons de pédagogue.
    Merci encore, cela m’encourage à me lancer sérieusement dans le digital painting et à me remettre au dessin.
    Encore un grand bravo l’Artiste :)

    • Je te remercie et je t’encourage à te lancer dans ce domaine passionnant qu’est le painting, il y a toujours à apprendre et chaque élément bien peint est une réussite en soi. :)

  • Super tutorial, bravo.
    Peindre d’abord en niveaux de gris, puis rajouter la couleur en overlay, mais ne serait-ce pas la technique du grand Corben ???
    ;-)

    • C’est fort possible, de nombreux digital painters utilisent cette technique. Je la trouve plus facile que de commencer directement en couleur qui demande plus d’expérience et de talent.
      Merci !

  • Vraiment superbe, j »aimerai savoir faire ça ! :-(

  • Ahhhh un tuto qui m’en a mis plein les mirettes. Tu ferais un très bon prof. Pour en côtoyé des professionnels du milieu qui donnaient des cours, ton tuto vidéo m’a bien plus appris que leur leçon et je t’en remercie infiniment. Je vais enfin pouvoir me consacrer au painting et ne plus être frustré par la mise en couleur catastrophique de mes dessins.

    En espérant voir de nouveaux tuto prochainement!

    Bon courage pour la suite ;)

    • Ca me fait plaisir de lire ça. Et oui, pas mal de tutos vont sortir dans les 2 prochaines semaines, je n’en dis pour l’instant pas plus. ;)

  • ça a l’air si facile quand c’est toi qui le fait. Alors je me suis dit pourquoi ne pas essayer. Quand j’ai vu ton tuto, j’étais plein d’espoir. Et ma volonté d’obtenir une bonne colo n’a eu d’égal que mon monumentale échec.

    je galère. Le plus frustrant, c’est que je n’obtiens rien de comparable, a commencer par la texture. C’est flou, laid et il n’y aucune impression de solidité malgré les heures passées a bosser dessus. Alors je ne comprends pas trop :/

    • Le digital painting ne peut pas s’apprendre en un seul tutoriel, il faut s’entraîner et à force de refaire les mêmes choses (colorisation, texture, etc) ben c’est à chaque fois un peu mieux. Courage ! ;)

  • [...] 3 : Mini-jeu en isométrique Photomanipulation : Créer un animal hybride en quelques étapes Digital painting : Peignez un dragon combattant pour sa survie WordPress : Comment intégrer un bloc de pub entre 2 articles Speed Painting : Peindre un [...]

  • Trés bon tutorial! J’ai moi même essayé de le réaliser mais bon sans grand succès, mais je vais réessayer :p Sinon moi aussi je débute en painting, j’ai essayé quelques trucs (Masterchief de Halo et le tyrannosaure de Jurassic Park) mais au bout d’un moment je n’arrive plus a donner du réalisme/détail malgré beaucoup d’heures passé dessus. Et puis beaucoup de tutorial gratuit sur internet ne font que survoler la conception (avec une photo par heure, quelques explications), et même certain payant ne sont franchement pas digne de nos attentes.

  • Dingue Surprenant!!!
    Impressionnant tu devient de plus en plus fort et le must c’est que tu le partage!
    Merci Gaëtan pour ce magnifique tutoriel de toute beauté et de qualité!

  • Joli tutoriel,j’ai suivi la vidéo et j’aimerais savoir si tu pourrais nous donner le pack de brush que tu utilises à plusieurs reprises dans la vidéo =)

  • Encore une fois ce qui me fascine dans tes compos, Spartan, c’est ta maîtrise de la lumière, ça donne un de ces effets de relief !
    Je crois que la base est là : un bon croquis qui sert de charpente à l’ensemble, ensuite lumière et volumes, de la patience, et normalement après quelques temps on devrait pouvoir obtenir des résultats satisfaisants !

  • *o* magnifique!
    Ta vidéo m’a beaucoup appris! Moi qui voulais me mettre au Digital Painting, je suis plus que motivée ^^
    PS: c’est bien avec le Photoshop cs5 que tu as fais ton dragon?

    • Merci pour ton commentaire. En effet c’est bien Photoshop CS5.

  • Je découvre ce site et je doit avouer qu’il ne m’as pas fallut longtemps pour le mètre en favoris, en tout cas je suis ravis d’avoir regarder cette vidéo, j’ai découvert de nouvelles techniques, Un grand bravo pour tes travaux et ta créativité, c’est ce qu’il me manque et malheureusement sa ne s’apprend pas en Tuto.
    Bonne continuation, je reviendrais régulièrement pour suivre ce site….

  • [...] pas réalisé de digital painting, à vrai dire depuis l’illustration et tutoriel du Dragon se battant pour sa survie. Ce concours a tout de suite éveillé en moi un intérêt presque viscéral, ayant toujours été [...]

    • Bien joue ! ca n’aura pas traine, j’avais igaimne que cela prendrai un peu plus de temps Je vous envoie un mail dans la journee.Encore une fois felicitations !

  • Photoshop fail, l’anatomie de la patte avant est fausse ! :)

    Bon, sans rire, ce tutoriel m’a fait prendre conscience de plein de trucs que je loupai depuis des années. Je vais essayer de trouver un peu de temps libre pour les mettre en application.

    Merci beaucoup d’avoir partagé ça.

    PS : le résultat est magnifique.

    • Hahaha en effet j’ai assez progressé depuis pour remarquer cette horrible faute anatomique mais bon, j’espère être pardonné.. :p
      Je suis content que le tutoriel t’ait appris des choses, merci !

  • Salut

    Merci à toi pour ce très beau tuto, ça m’a donné envie de me mettre au digital painting. J’admire tes capacités en photoshop, mais aussi au dessin, les volumes, les ombres et lumières .. vraiment impressionnant !
    Sinon une petite question: Comment fais-tu pour pivoter l’image trop vite, son avoir à le faire par le menu image ? tu utilise un racourcis ? lequel ? :p

    Merci encore pour le partage :D

  • Salut

    Merci à toi pour ce très beau tuto, ça m’a donné envie de me mettre au digital painting. J’admire tes capacités en photoshop, mais aussi au dessin, les volumes, les ombres et lumières .. vraiment impressionnant !
    Sinon une petite question: Comment fais-tu pour pivoter l’image trop vite, son avoir à le faire par le menu image ? tu utilise un racourcis ? lequel ? :p
    autre chose, quand je dessine en niveaux de gris, je dessine une ligne par exemple, et j’en redessine une autre sur elle, les zones d’intersections restent avec le même couleurs, alors qu’il faut que ça s’assembrit. A ton avis, y a une option que je dois modifier ?

    Merci encore pour le partage :D

    • Merci pour ton commentaire.
      L’outil rotation existe depuis Photoshop CS5 (raccourci R) et est terriblement pratique pour le digital painting !

      Je pense que tu parles ensuite de l’opacité du pinceau en fonction de la pression du stylet. Sans cette option, il te sera très difficile de peindre dans Photoshop, tu peux régler ça dans le panneau relatif au pinceau dans Photoshop (raccourci F5).

  • Tout simplement génial !!!! Je crois que j’ai compris le truc mais je travaille sur GIMP….Donc moins de possibilités………Je vais essayer de partir d’un fond gris/noir comme vous l’avez fait.Et me servir un peu moins de l’outil gribouillage. Mes peintures devraient s’améliorer ! Merci encore de partager vos connaissances et cela GRATUITEMENT !!!!!!!

  • [...] C’est une technique simple que j’utilise dans ce tutoriel vidéo : Digital painting : Peignez un dragon combattant pour sa survie [...]

  • Hello,
    Là je suis bluffer par ce tuto. Belle réalisation.
    Bravo! pour tous ces tuto qui font avancer mes projets.

  • woooah, je suis super impressionnée !! J’avoue que j’ai pas l’habitude de travailler comme ca, en tout cas pas autant dans le détail, c’est super interessant, de voir ne autre méthode… mais du coup, le tuto de la video fait 1h et plus en rapide, en réél ca te fait combien de temps??

    Par contre, oui pour faire ce que t’as fait je pense que t’as aussi pas mal l’oeil, dans le sens tu sais ou placer les ombres et les lumières (ca je ne sais jamais comment faire ahaha) et … beau croquis, btw ^^

    • Bonjour et merci pour ton commentaire. Au total je crois que j’avais passé environ 6 heures dessus.
      Aujourd’hui après une énorme progression, je ne peux que voir les erreurs anatomiques et plein de façons de l’améliorer, tout comme je passerais probablement deux fois moins de temps pour un résultat ressemblant. Mais je suis content qu’il serve encore aux débutants. Tout vient avec le temps et l’entrainement. :)

  • Tu gère trop bravo
    pour ma par je suis trop débutant pour faire ceci superbe boulot et encore bravo

  • Je voudrais savoir comment tu arrive à faire ressortir ton dessin, moi j’arrive pas :/

    Et jolie en tous cas, parfait !

    • Merci pour ton commentaire ! Pour ta question, que veux-tu dire par « faire ressortir » ?
      Pour faire simple j’ai importé mon dessin, je l’ai dessaturé (Ctrl+Maj+U) et j’ai sûrement passé un coup de courbes dessus (Ctrl+M) pour augmenter le contraste et avoir un blanc plus blanc et les traits de crayon plus foncés.
      Après, je le passe en mode Produit par-dessus.

  • [...] Tutoriel vidéo d’un digital painting à partir d’un dessin : [...]

  • Génial comme tuto ! :D
    C’est super précis comme travail et le rendu est magnifique. Bref j’ai hâte d’essayer ta méthode en croisant les doigts pour que ça ne foire pas trop :)

Laisser un commentaire