Tutoriel Matte Painting par Spartan

Tutoriel matte painting de Spartan

Ayant du temps libre, je vous ai (tardivement) réalisé un tutoriel sur le matte painting entre deux autres réalisations. Comme vous pouvez le voir, je vous montre comment réaliser des îles flottantes parmi les nuages (j’attends le jeu de mot avec “îles flottantes”, vous êtes prévenus !) ainsi que d’autres éléments pouvant être intéressants dans d’autres compositions.

Tutoriel matte painting de Spartan

Tout d’abord, je tiens à préciser que j’ai classé ce turoriel dans “matte painting” car je pense que c’est cette catégorie la plus adéquate au vue du résultat final. Ce tutoriel fut assez long à réaliser et j’essaierai de détailler le plus possible chaque étape-clé tout en évitant de faire un tutoriel trop long. Il aurait pu l’être encore plus étant donné qu’en d’autres circonstances j’aurai encore figniolé l’image mais je pense que c’est largement suffisant pour ce tutoriel.

Son niveau est d’ailleurs déjà assez élevé et je vous conseille d’avoir au minimum un niveau intermédiaire voire avancé. Vous noterez également que pour la réalisation de certaines étapes j’ai dû utiliser ma tablette graphique mais cela peut être éviter si vous n’en avez pas comme je l’expliquerai.

Je suis parti de plusieurs photographies libres de droit dont les deux principales sont celles-là trouvé sur Stock.xchng :

Tutoriel matte painting de Spartan

Tutoriel matte painting de Spartan


Etape 1 :

Je crée un nouveau document (Ctrl+N) au format A4, 300dpi. Je réalise un rapide croquis pour savoir où placer mes éléments puis je retourne sur la photo de la montagne et je détoure cette dernière en utilisant les couches (onglet Couches à côté de l’onglet des Calques). Pour cela j’ai dupliqué la couche bleue puis j’ai joué avec les niveaux (Ctrl+L) pour obtenir un ciel blanc et une montagne noire. J’ai même utilisé le pinceau pour remplir chaque partie en blanc et l’autre en noir. Pour que ce soit moins flou, je vous invite à regarder le tutoriel vidéo où j’utilise cette technique de détourage : Tutoriel photomanipulation, ou sinon vous pouvez utiliser la plume ou le lasso.

Une fois que j’ai détouré ma montagne, je la glisse sur mon nouveau document et je la désature (Ctrl+Maj+U). J’obtiens ceci :

Tutoriel matte painting de Spartan


Etape 2 :

Comme vous pouvez le voir en-dessous, j’ai appliqué un premier fond sous le calque de la montagne. J’ai juste glissé la seconde photo du ciel sur laquelle j’ai effectué une rotation (Ctrl+T) ainsi qu’une symétrie d’axe horizontale, puis je l’ai désaturé comme avant (Ctrl+Maj+U). Vous pouvez voir qu’il manquait un gros bout à mon fond en haut et en bas de la photo, c’est donc là que j’ai dû faire appel à mes talents de peintre digital… mais évitez-vous cette difficulté si vous ne vous sentez pas capable !

Tutoriel matte painting de Spartan

Ensuite, je prends mon calque de montagne que je duplique (Ctrl+J) et je fais une symétrie d’axe vertical (menu Transformation) puis je place ce calque sous le premier qui est à l’endroit.

Dernière modification, j’ai crée un calque de courbe de réglage pour avoir cette couleur jaunie. Pour cela, il faut cliquer sur le petit bouton sous les calques comme sur l’image ci-dessous et cliquer sur Courbes. Allez ensuite dans le menu déroulant et sélectionnez la couleur voulue, puis jouez avec les courbes.

Tutoriel matte painting de Spartan

Tutoriel matte painting de Spartan



Etape 3 :

Ici, je commence à incorporer la montagne dans le décor, à l’intégrer. Je fusionne mes deux calques de montagne en sélectionnant celui du haut et en faisant Ctrl+E. Ensuite, avec l’outil Gomme (ou le lasso si vous voulez) je découpe la forme du bloc de montagne.

Ensuite, je crée un masque de fusion sur ce calque (avec le bouton à côté de celui pour la courbe). Avec un pinceau noir à faible opacité, je rend petit à petit moins visibles certaines parties de ce bloc, en l’occurrence vers le bas du bloc et la partie derrière les nuages.

Tutoriel matte painting



Etape 4 :

Pour agrémenter la composition, je décide d’ajouter une deuxième île flottante (pas de blague j’ai dit…) en arrière-plan. A partir de la magnifique photo ci-dessous, je détoure la montagne vulgairement et je la désature (Ctrl+Maj+U).

Tutoriel matte painting de Spartan

Je la glisse ensuite dans mon nouveau document et je réduis considérablement sa taille. Comme pour la première île, je refais une duplication (Ctrl+J) suivie d’une symétrie d’axe vertical pour faire la partie basse de l’île. A nouveau, je gomme certaines partie de celle-ci pour que cela semble “naturel”. Pour que la partie inférieure de l’île paraisse ombragée, j’utilise mon outil Densité + (O) et je passe là où je souhaite assombrir.

Il n’y a plus qu’à l’incruster correctement dans le fond en jouant avec les courbes (Ctrl+M). Il faut au début beaucoup chercher les bonnes valeurs pour obtenir un résultat correct, c’est un outil complexe mais très puissant…

Tutoriel matte painting de Spartan


Etape 5 :

L’étape 5 est une étape à la fois courte et longue, avec et sans importance. Je m’explique : c’est là que rapidement, je cherche quelles couleurs correspondent le mieux à l’image pour trouver une atmosphère adéquate. Sans importance parce qu’avec cette technique cela peut être modifié très rapidement mais important car commencer avec une atmopshère définie change la donne pour la suite.

Pour cela j’ai donc crée un nouveau calque par-dessus les autres après avoir supprimé mon calque de courbe (qui jaunissait l’image). Je met ce calque en mode “Teinte” et en sélectionnant la couleur voulue, je peins avec le pinceau (B) là où je le veux. Au début, ce n’est pas facile d’obtenir le résultat voulu mais il faut expérimenter…

Tutoriel matte painting de Spartan

Tout de suite, cela prend forme, bien que ce ne soit encore que le début…


Etape 6 :

Je continue simplement la recherche de teinte et une fois la bonne obtenue, je duplique le calque (Ctrl+J) pour que ce soit plus coloré puis je fusionne ce calque (Ctrl+E) pour n’avoir qu’un seul calque de teinte. Je retouche encore la couleur là où je le souhaite jusqu’à ce que je sois à peu près satisfait.

Tutoriel matte painting


Etape 7 :

Je décide d’intégrer un élément au premier plan pour donner de la profondeur et j’ai tout de suite penser à un oiseau car en plus de cela il ajoute un peu de vie à l’illustration ainsi que du dynamisme. Le fait qu’il vole vers l’île n’est pas un hasard non plus, c’est mieux que si l’oiseau volait de la droite vers la gauche par exemple, cela n’aurait pas autant de sens tandis que là l’oeil est dirigé en direction de la destination de l’oiseau : l’île volante.

Je le détoure, je le glisse et je joue avec les courbes comme toujours. Je rajoute du rouge, du jaune, je l’assombris et j’enlève du vert, tout ça en faisant Ctrl+M et en modifiant les courbes de chaque couleur. Vous remarquez que les étapes sont toujours les mêmes pour intégrer proprement un nouvel élément, donc autant s’entraîner !

Tutoriel matte painting de Spartan

Ensuite, je le floute ce qui ajoute de la profondeur et du réalisme. En plus de ça, je commence à peaufiner un peu les nuages peints en haut du matte painting.

Tutoriel matte painting de Spartan


Etape 8 :

Dans cette étape, je réalise les espèces d’oeufs qui flottent dans les airs. Ce genre d’effet est facile à réaliser comme vous allez le voir. Avec la plume, je trace la forme que je remplis de bleu (comme sur l’oeuf de gauche en-dessous) sur un nouveau calque. Je duplique ce calque (Ctrl+J) et je le floute (Filtre>Flou gaussien) suffisamment pour que cela ressemble à une lueur.

Tutoriel matte painting de Spartan

Ensuite je lui applique un dégradé radial réglé comme ci-dessous :

Tutoriel matte painting de Spartan

Dernier élément pour ces oeufs, l’espèce d’armature métallique. Sur un calque par-dessus, avec le pinceau si vous avez une tablette graphique ou à la plume, dessinez une forme grise. Sur un nouveau calque par-dessus, il suffit de rajouter un jaune très clair qui simule le reflet de la lumière et le tour est joué. Vous noterez qu’à cette étape j’ai également amélioré le rendu des nuages peints en haut et en bas…


Etape 9 :

Nous voilà proche de la fin. Je décide de rétrécir un peu l’île flottante et de revoir les teintes de l’image. J’ajoute aussi une lueur sur le nuage en bas à droite qui provient de l’oeuf bleu et je finis les autres oeufs.

Je m’attaque ensuite à un détail qui a son importance : les chaînes sous les îles sur un nouveau calque, toujours en-dessous du calque de teinte. Au pinceau, avec un jaune pâle, je peins simplement et rapidement les maillons.

Tutoriel matte painting de Spartan



Etape 10 :

Dans cette avant-dernière étape, je réajuste les teintes (oui, pour changer) et je décide d’ajouter une tour à la montagne. Pour cela, je suis allé chercher une photographie de tour, et je l’ai intégré comme pour le reste, en jouant beaucoup avec les courbes et les niveaux (Ctrl+M). Je me suis également servi de l’outil Densité + et - pour assombrir ou éclaircir les versants de la montagne ainsi que les faces de la tour.

Tutoriel matte painting de Spartan


Etape 11 :

Dernières modifications, derniers ajustements puis j’ai jugé que cela serait suffisant pour ce tutoriel bien que le rendu puisse être encore amélioré. Mais ce serait trop long et vous avez déjà l’essentiel ! Voici le résultat final :

Tutoriel matte painting de Spartan


J’espère sincèrement que ce tutoriel vous aura appris certains procédés, des astuces ou autres et qu’il vous a plu. Le prochain tutoriel que je réaliserai sera à nouveau un tutoriel vidéo, gardez l’oeil ouvert !

Tags:

28 Commentaires pour “Tutoriel Matte Painting par Spartan”

  1. Bboy SiolA dit:

    Salut Spartans, ce matin (sans mentir) je me suis dit qu’il fallait que je me rentraine au LP et boum je vois ton tutos ;p. Bon j’avais déjà réalisé une “ile flottante” il y a quelques mois (my first) avec les techniques similaires, j’avais un peu utilisé des précédents tutos ^^. Sinon bon tto comme d’hab :)
    http://www.picdo.net/Fichiers/96a5ca5c1a5e9f04fefeca55caef066/Lps-Island.jpg
    C’est bof hein ? ^^

  2. Benjigarner dit:

    C’est sympa ces tutos :) Le résultat final est joli ;)
    Pour rebondir sur cette mauvaise blague j’aurais envie de dire que c’est bien de mettre des oeufs opour faire des ïles flottantes :D …. bref

  3. si-k dit:

    merci pour ce tuto :)

  4. zzentry dit:

    Bon tuto merci bien spartounet, mais je vais être sympa et je vais t’éviter la blague foireuse ;)

  5. Sk' dit:

    hm…,je me la pète pas mais,c’est moi qui a réussi le tuto (Je trouve même que j’ai fait mieux que le tuto =° )

    http://binicaise.unblog.fr/files/2006/12/illeflottante01.jpg

  6. Design Spartan dit:

    Héhé merci à vous, pas mal Bboy c’est perfectible mais j’aime bien !

    Bon je crois que dans quelques jours je décernerai le trophée de la meilleure blague en commentaire (si, si, j’éditerai le tutoriel ;)). Benjigarner s’est fait devancer par Sk’, n’essayez pas de faire mieux (par pitié… :P).

  7. niko0os dit:

    Pas mal ce tuto, j’avais justement l’intention de me lancer dans le matte painting, allez apres ma semaine d’exams je le testerais plus en détails et je te donnerais mes impressions ;)

  8. bobmartien dit:

    Sympas le tutos, J’aime les couleurs :D
    Tu aimes mettre un élément en premier plan ? On retrouve d’ailleurs le même oiseau sur “Pyramid” de toi ^^
    ça me donne l’impression de “suivre” l’oiseu un peu en caméra embarqué :P

    Bref, vraiment cool :D

    @SK:  C’est sur ton île est bien meilleur que le tutos mdr ;)

  9. Tutoriel Matte painting | PIQUESEL dit:

    [...] - Tutoriel Matte Painting - [...]

  10. jone dit:

    Bien joué le tutoriel moi, qui flanchait sur les techniques…bravo ! simple et efficace…
    big up et merci. ;)

  11. FragerxX dit:

    Wow,super tuto ça donne envie!
    J’ai du boulo a ce que je voie mais grace a tes tuto je vais gagner du temps

  12. Tarek dit:

    Salut, le tuto est vraiment sympa, mais la partie ou tu utilises le pinceau pour les teintes, là je ne comprends pas T_T, la création reste grise aucune couleur ne veut apparaitre ? pourquoi ?

    Merci en tout cas.

  13. Design Spartan dit:

    As-tu bien mis le calque en mode “Teinte” ? L’opacité du pinceau est-elle bien réglée ? Je ne peux pas plus t’aider malheureusement car c’est assez “basique”.

  14. Tarek dit:

    Oui oui, bien sûr, les teintes n’apparaissent qui si je ne supprime pas le claque “courbes”, si je le supprime, mon image est grise, si je le laisse mon image reste jaune, et je peux régler les teintes avec le pinceau, peut-être qu’il ne faut pas supprimer le calque “courbes” non ? as-tu une solution ?

    Merci de m’avoir lu, très bon tuto.

  15. Design Spartan dit:

    Hum ton problème me semble assez bizarre, peut-être as-tu lié les calques accidentellement (Alt+Clic entre les deux calques). Sinon si le calque Teintes est visible uniquement par-dessus le calque de courbe ce n’est pas un problème, garde les deux.
    Désolé de ne pas pouvoir plus t’aider.

  16. Tarek dit:

    Oui la deuxième idée parait correcte, ce n’est pas grave, bonne continuation a toi.

  17. Tutos : Photo-manipulation & matte-painting… « Vains Faktory dit:

    [...] DESIGN SPARTAN Spartan, comme à son habitude, nous propose un tuto bien ficellé, détaillé et au rendu terrible. Un tuto “Woaw”. Perso, je compte bien m’en servir dans un prochain space-art… [...]

  18. Tutoriels : Faire des effets 3D réussis dans Illustrator… « Vains Faktory dit:

    [...] ARTS Un tuto découvert grâce à l’ami Spartan. Ce tuto nous arrive de Digital Arts et vous permettra de reproduire cette scène très [...]

  19. Arno dit:

    c’est très esthetique et sympa à faire, toujours dans ta bonne humeur Spartan. Tu n’aurais pas pu flouter un peu les plans les plus loins pour accentuer l’effet de profondeur de l’image? même si je sais qu’on a jamais terminer une compo…
    Continue à nous faire plaisir!

  20. Design Spartan dit:

    Effectivement Arno, j’aurai pu flouter le fond de l’image mais comme je l’ai préciser j’aurais pu passer beaucoup plus de temps dessus pour la perfectionner mais vu qu’il ne s’agit “que” d’un tutoriel, je pense que cette base est suffisante ;)
    Je réfléchis déjà au prochain tuto !

  21. stouf dit:

    bon sayé j’ai enfin terminé le matte painting  de cette île flottante , je n’ai pas vraiment inové mais je trouve que le resultat final est pas trop mal :)    j’ai meme réussi a faire des nuages a la tablette en bas a droite :p:p
    http://img166.imageshack.us/my.php?image=ileflottantemattepainti.jpg

  22. Design Spartan dit:

    Pas mal comme résultat ! Et sympa ces vaisseaux en plus :P

  23. stouf dit:

    merci ;)

  24. Un petit peu de matte painting en tuto ^^ - InfographiK - Communaut Graphique dit:

    [...] petit peu de matte painting en tuto ^^ salut ” Tutoriel Matte Painting par Spartan” by Design Spartan prenez en de la graine les enfants ciao [...]

  25. Matthias dit:

    Hey hey, très joli tutoriel, bravo! il manquerait peut-être quelques détails au niveau de la création de la partie inférieur de l’île et de la fusion des deux blocs x’( Je commence a comprendre le sens de “matte painting” et pour ça je te remercie ;)
    Mon résultat est là:

    Je n’ai effectué aucune finition par contre…
    Saurais tu comment changer la face éclairée de la premiere île? Ici, la lumière de correspond pas a la source :s

    Encore bravo :D

  26. Matthias dit:

    http://img38.imageshack.us/img38/6269/ileflotante.jpg

    Erreur de copier/coller desoler T_T

  27. Design Spartan dit:

    Merci Matthias, oui en effet, la création pourrait être améliorée sur plusieurs points je sais, mais ce n’était pas dans les objectifs du tutoriel ;)

    Concernant ta créa, le résultat est pas mal on sent bien l’impression de grands espaces. Sinon pour ton problème de source de lumière il n’y a pas d’autres choix que de soit effectuer une transformation sur la montagne (mirroir), soit de passer par-dessus pour retracer les ombres et la lumière (outil densité et/ou pinceau).

    Mais c’est pas facile et plutôt long ! Bientôt un nouveau tutoriel ;)

  28. " » Ressources et Tutoriels : Tout pour le Matte Painting" by Design Spartan dit:

    [...] Tutoriel Matte Painting par Spartan [...]

Laisser un commentaire