Tutoriel Matte Painting par 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.
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 :
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 :

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 !
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.


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.

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).
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…

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…

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.

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 !

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.

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.

Ensuite je lui applique un dégradé radial réglé comme ci-dessous :
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.

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.

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 :
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: Tutoriel par Spartan






janvier 2nd, 2009 @ 13:44
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 ? ^^
janvier 2nd, 2009 @ 15:02
C’est sympa ces tutos
Le résultat final est joli 
…. bref
Pour rebondir sur cette mauvaise blague j’aurais envie de dire que c’est bien de mettre des oeufs opour faire des ïles flottantes
janvier 2nd, 2009 @ 16:03
merci pour ce tuto
janvier 2nd, 2009 @ 18:05
Bon tuto merci bien spartounet, mais je vais être sympa et je vais t’éviter la blague foireuse
janvier 2nd, 2009 @ 18:31
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
…
janvier 2nd, 2009 @ 18:38
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).
janvier 5th, 2009 @ 8:12
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
janvier 7th, 2009 @ 22:22
Sympas le tutos, J’aime les couleurs
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é
Bref, vraiment cool
@SK: C’est sur ton île est bien meilleur que le tutos mdr
janvier 13th, 2009 @ 10:29
[...] - Tutoriel Matte Painting - [...]
janvier 18th, 2009 @ 18:33
Bien joué le tutoriel moi, qui flanchait sur les techniques…bravo ! simple et efficace…
big up et merci.
janvier 27th, 2009 @ 8:25
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
février 5th, 2009 @ 20:33
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.
février 5th, 2009 @ 21:46
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”.
février 6th, 2009 @ 12:12
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.
février 6th, 2009 @ 23:00
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.
février 7th, 2009 @ 12:27
Oui la deuxième idée parait correcte, ce n’est pas grave, bonne continuation a toi.
février 21st, 2009 @ 10:03
[...] 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… [...]
février 25th, 2009 @ 10:55
[...] 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 [...]
mars 2nd, 2009 @ 16:03
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!
mars 3rd, 2009 @ 14:01
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 !
mars 11th, 2009 @ 19:51
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
mars 12th, 2009 @ 14:14
Pas mal comme résultat ! Et sympa ces vaisseaux en plus
mars 12th, 2009 @ 19:05
merci
mai 18th, 2009 @ 21:57
[...] petit peu de matte painting en tuto ^^ salut ” Tutoriel Matte Painting par Spartan” by Design Spartan prenez en de la graine les enfants ciao [...]
mai 22nd, 2009 @ 21:52
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
mai 22nd, 2009 @ 22:20
http://img38.imageshack.us/img38/6269/ileflotante.jpg
Erreur de copier/coller desoler T_T
mai 23rd, 2009 @ 14:49
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
mai 29th, 2009 @ 9:14
[...] Tutoriel Matte Painting par Spartan [...]