Matte Painting : WAR – Scène de guerre

Matte Painting : WAR – Scène de guerre

Programme : Photoshop

Difficulté : Intermédiaire

Temps estimé : 7-8 Heures

Kievda (Kiev Jankowski) va nous expliquer étape par étape la procédure de création d’un matte painting.

Premier tutoriel de matte painting sur Livings Tuts ! Tout ne sera pas expliqué dans les détails à  100% (comme par exemple comment créer une ombre ou autre). Je vous suggère donc pour réaliser ce matte painting d’avoir de bonnes connaissances en termes de dessin et de maîtrise des outils.

Je compte réaliser plusieurs tutos dans plusieurs styles tels que : Futuristic – Destroyed – Industrial – Volcanic – Night – Kingdom – Waterfall – Snowscape – Supernatural – Underground – War – Calm. Et aujourd’hui nous nous attaquons à  un matte painting type « War », précisément dans l’ambiance de la seconde guerre mondiale.

Gros plan du résultat final

Avant toutes choses, faites attention aux images que vous prenez. Petit conseil :

Vous ne devez utiliser que des images libres de droits telles que depuis sxc.hu, CGTextures, etc..


Etape 1

Tout d’abord, il faut avoir un brouillon du matte painting. Il existe plusieurs façons de le faire : le rough sur papier, construire son idée directement dans la tête, ou y aller « en freestyle » en prenant plusieurs images au hasard (quand je parle de hasard, je ne parle pas d’images de petits canards ou de slips, c’est de prendre des images de décors, de textures, d’environnements, etc.). Puis s’amuser avec les images jusqu’à  aboutir à  une idée de matte painting original.

Ici, un assemblage rapide de trois photos de gravats sur un site industriel.


Etape 2 : Le découpage

Un masque de fusion est ajouté sur chaque calque et peint de noir pour gommer les partie de l’image qui ne nous intéressent pas. Le but est que les trois photos soient intégrées dans le décor. Trois parties doivent être distinctes pour donner une bonne perspective, le premier plan (les gravats), le second plan (le bâtiment en ruine) et l’arrière plan (végétations, usines, ruines).

Les gravats situés en hauteur ainsi que la partie haute de l’arrière-plan sont éclaircis avec l’outil Densité + [Foncé].


Etape 3

Ensuite le ciel, j’applique un dégradé sur un nouveau calque sous les trois photos. Le choix des deux couleurs provient du ciel de l’assemblage de base en Etape 1.


Etape 4

Vient ensuite la texture des nuages, une photo de nuage dont j’ai augmenté le contraste surtout dans le ton foncé grâce au Niveaux [Ctrl + L] puis le calque est mis en mode Incrustation par dessus le dégradé du ciel.


Etape 5

Maintenant, quelques détails sur l’arrière-plan, de la fumée grâce à  un brush de type « brume, nuages ». Ainsi qu’un bâtiment en ruines à  droite, la partie gauche du bâtiment a été éclairée légèrement en blanc avec le pinceau.

NB : à  chaque fois que vous ajoutez une nouvelle image dans votre composition, réglez toujours les niveaux (contraste, balance de couleurs) pour donner un maximum de réalisme à  l’intégration de l’image.


Etape 6

J’intègre maintenant mes 3 personnages, un découpage propre à  la plume s’impose. Notez que sur l’image de base, de l’herbe passe par dessus les pieds des soldats, nous devons donc la retirer pour notre scène en ruines grâce à  l’outil Tampon de duplication et à  votre petit talent de peintre.

L’éclairage est revu avec l’outil Densité + [Clair/Foncé]. Le soleil vient de en haut à  gauche, j’ai donc peint les bords haut gauches des soldats et armes avec l’outil Densité + [Clair].

Ensuite je peins l’ombre des trois soldats, pour mieux connaître l’angle de l’ombre, vous pouvez regarder l’ombre émise par les objets, par exemple le matelas en mousse sur la droite.


Etape 7

J’ai ajouté un mortier pour remplir la scène, enfin surtout pour mieux la raconter. Même procédure que pour l’Etape 5, faire en sorte qu’il soit bien intégré au décor, et ne pas oublier d’ajouter l’ombre de l’objet.

Une petite flamme est ajoutée à  proximité du mortier (une photographie de flamme fait l’affaire), puis passer le calque en mode Superposition et ajouter autour de cette flamme sa lumière, du jaune au orange/rouge en mode Lumière Tamisée. Une fumée est aussi ajoutée dans le bâtiment en arrière plan.


Etape 8

J’ajoute du brouillard à  ma scène, la poussière de l’action. J’ai ajouté une image de nuage. Puis avec l’outil duplication, j’ai ajouté des nuages là  ou je voudrais avoir mon brouillard sur ma scène. Puis j’ai passé l’image en noir et blanc [Ctrl+Maj+U], et j’ai augmenté le contraste par le biais de l’outil courbe [Ctrl + M].

J’ai aussi ajouté un masque de fusion puis inséré sur ce masque un dégradé du noir au blanc sur le haut du calque que je viens de manipuler de façon à  fondre le brouillard sur le reste.


Etape 9

Le calque que nous venons de traiter est situé au-dessus de tous les calques et il est en mode filtre Eclaircir à  43% d’opacité.


Etape 10

Je créée deux calques de réglage de dégradé, pour apporter une gamme chromatique particulière à  ma composition.


ETAPE 11

Je fais passer ces deux calques en Lumière Tamisée, le bleu-orange à  20% d’opacité et l’autre calque à  68% d’opacité. Ce calque (violet-vert-orange) a été modifié par un masque de fusion, les zones trop sombres ont été légèrement gommées.

NB : il faut toujours avoir une image avec un contraste propre, pas un contraste avec une couleur brulée ou d’un noir trop prononcé.


Etape 12

Les ombres et lumières des gravats ainsi que les soldats ont été revus avec l’outil Densité +/- et Exposition dans Image/Réglages. Il faut qu’il n’y ait qu’une seule source de lumière détectée sur les objets pour rester cohérent.


Etape 13

Je viens ajouter de petits détails tels que de fines barres de fers sortant des blocs de béton brisés avec l’outil pinceau.


Etape 14

L’éclairage est retravaillé avec l’outil Densité +/- sur le mortier, les soldats ainsi que l’ombre de ceux-ci.


Etape 15

Enfin, j’ajoute un calque de Balance des couleurs [tons foncés: -12 ; - 4 ; -3 / tons moyens: -16 ; +7 ; +6 / tons clairs: -22 ; +12 ; -18]

La partie haute des gravats de l’arrière-plan est légèrement gommée sur le calque de Balance des couleurs pour n’affecter que les zones voulues.

Et pour terminer, je renforce légèrement les détails de gravats au premier plan , du second plan et les soldats avec l’outil Renforcement [R]


Résultat final

30 Comments to “Matte Painting : WAR – Scène de guerre”

  • Wow pour un premier tuto celui ci est vraiment super. Très instructif

  • Et bim !
    Très bon tuto, je vais essayer de tester ça très bientôt.
    Thanks

  • Moué moué, intention louable certes, mais je n’appelle pas vraiment ça un « tutoriel ».

    Pour les néophytes qui voulaient se lancer avec photoshop, bah c’est raté, rien n’est expliqué, et c’est vraiment dommage car le résultat est bon

    • Je me permet de te répondre à la place de l’auteur du tutoriel car ceci n’est pas un site pour débutants justement. Il est bien indiqué au début du tutoriel qu’il est de niveau intermédiaire et l’auteur a encore écrit : « Je vous suggère donc pour réaliser ce matte painting d’avoir de bonnes connaissances en termes de dessin et de maîtrise des outils. »
      A bon entendeur.

      • Je suis d’accord avec toi Spartan (sa te vas comme diminutif ? :P)

        Très bon tuto en tout cas !

        Je voulais aussi te félicité pour ton site magnifique ;)
        Ça va te faire du boulot avec ce site en plus maintenant :)

        Bonne continuation ;)
        A++

        • « Spartan » est même mieux que le nom entier ! Merci ;) Heureusement pour Living Tuts je suis avec Yoann Marie, donc à deux c’est plus facile (et aussi plus intéressant!)

          • J’imagine que c’est plus facile et plus intéressant ! :)

            Vivement le prochain tutoriel *rolleyes* :D

            A bientôt !

      • Autant pour moi

  • Moi qui cherché un bon tutoriel(et surtout un tutoriel complet)pour me mettre au mat painting, je suis servis : encore bravo.

  • Cela ressemble plus à un photo montage qu’a du matte painting.
    Dans tous les cas, très beau rendu final.

    • Ah bon depuis quand que le matte painting n’est pas fait à partir de photo montage..

      Le matte painting peut être fait à partir de plusieurs techniques
      – peintures acryliques sur verre pour créer des tableaux de taille variable.
      – PHOTO MONTAGE qui peut s’ajouter de la 3D et quelque coup de peinture
      – ou une scène complètement 3D ( tutoriel à venir )

      Le matte painting c’est 75% de photo montage
      C’est sur si tu es du genre à regarder les films de science fiction au énorme matte painting, c’est de la 3D ou des anciens films, de la peinture acryliques mais tu vas pas faire attention au matte painting des films simples fait à partir de photo montage =>
      Il y a énormement de matte painting que beaucoup de gens ne voit pas, car il sont trés simple, par exemple, une scene avec un poteau ajouté, de la boue à la place d’un sol.
      La production d’un film est cher, pourquoi se prendre la terre a acheter 500m de boue ou de faire constuire, d’acheter un poteau, ou ramener des débris sur une grande scene. c’est la que le matte painter fait intervention, et sa sera + du photomontage qu’autre chose, une texture bien appliquée, des modifications, un petit coup de peinture et le tour est joué.

      • Ah très bien.
        Pourrais je donc avoir la différence entre un photo montage et du matte painting ?

        • Le matte painting est un décors qui sert a completer les zones noir du plan de la caméra, qu’on ne voit pas sur mon matte painting, il faudrait tourner un film pour que je puisse faire sa.

          Le matte painting est un procédé cinématographique qui consiste à créer un décor en y laissant des espaces vides, dans lesquels une ou plusieurs scènes filmées sont incorporées.

          Le photo-montage reste une image fixe, un matte painting sert pour une animation dans un film grâce au calques séparés et à plusieurs techniques cité ci-dessus

          et bien sur mon tutoriel montre juste la création de ses espaces vides, pas le mapping, tracking 3d ect..

          regarde cette vidéo tu vas mieux comprendre le matte painting
          http://www.youtube.com/watch?v=-OyjKL0udTs

          • Salut =)
            Tout d’abord, merci pour ce tuto, mais je n’ai pas les moyens de le faire(Je m’expliquerais au point n°2 de ce commentaire ;) )
            Ensuite, point n°1, Merci pour la vidéo, qui m’à vraiment permis de comprendre le matte painting.
            Point n°2: Si tu avais des tutos, sites, pistes à proposer pour apprendre le matte-painting, ce serait lesquelles?
            Merci d’avance
            Xstyle

          • Je trouve que http://google.com/ est un très bon site pour en savoir plus sur le matte painting.

  • Gab renseigne toi un peux ;)
    Merci kievda pour les infos sur sur le matte painting qui rafraichiras la tête des lecteurs ;)

    • De rien, je pense que je vais modifier le tutoriel avec une petite introduction sur le matte painting.
      Je pense que tu voulais parler de « Seb » non ?

  • Merci kievda pour ton tuto très instructif !!
    Et longue vie à Linvingtuts !!

  • Pour un site qui démarre c’est vraiment bon, je suivrais l’évolution du site c’est sur :)
    et je ne pense pas que ce soit le lieu pour mais bon, j’aurais peu etre un tutoriel a vous proposé dans la partit photo manipulation si cela vous intéresse n’hesitez pas a me contacter.

    en tout cas continuez comme vous commencez et votre site deviendra un des incontournable d’ici peu de temps
    Courage a toue l’équipe :)

  • Bravo pour ce premier tuto. Longue vie au site ! bonne continuation et bonne chance au créateurs ;)

  • Bonjour,
    et merci infiniment pour le service que vous rendez à des milliers d’amoureux de l’image.
    Je suis jeune graphiste, et j’ai trouvé ce tutoriel vraiment très intéressant et le rendu si réaliste que ça ne donne envie que d’une chose : se mettre au matte painting et laisser son imagination partir à fond la caisse ^^.

    Bravo :)

  • Bon je n’ai fait que parcourir le tuto (pas le temps d’ouvrir toshop pour le moment), mais ca a l’air bien expliqué, et très bien fait.

    Ca donne envie de s »y mettre

    Merciii :)

  • Franchement, merci tuto hyper bien expliquer ;)
    Continuer sil vous plait, nos sauveurs ^^

  • tres bon tuto merci beaucoup !!! tres instructif

  • un tuto de niveau confirmé, merci

  • Très bon tuto !

  • Merci bcp pour ce tuto. Bravo pour la qualité du travail :)

  • dommage que les photos soient HS

  • Très bon tutoriel ;)

  • Excellent!!!

Laisser un commentaire