Accueil   |   Contact   |   Le Blog 2 wib   |   ARV

     [ bienvenue ! ]                                

Matte paintings |   FX works   |   Tutoriaux   |   Who ?   |   Liens

   Tutorial Minority Report

tuto_kdick_source.rar (click droit et enregistrer sous)
télécharger le résultat ici (click droit et enregistrer sous)

Le tutorial qui suit consistera à donnez une ambiance futuriste à rue grâce au matte painting; l'idée est qu'il y aurait des écrans vidéos et des enseignes sur les murs, avec dans le fond des immeubles qui évoqueraient une grande ville. Nous travaillerons à partir d'une photo et d'un extrait d'une vidéo disponible sur le site de Trapcode.

Nous allons travailler d'abord en HD "720" à 30 images par secondes. Commencez par créer un nouveau projet after effects et faites ctrl+alt+maj+k pour entrer dans les propriétés et changes le type de time code.

Créez une première composition nommée "composite", de dimensions 1280x720 en pixel carrés, 30 ips, d'une durée de 4 secondes. Nous allons définir notre plan. placez la photo principale "plate.JPG" et mettez son échelle à 75% et décalez la à 650 sur l'axe des x. Vous vous apercevez alors qu'il faudra construire les parties manquantes. Dans un premier temps, créez un solide et passez le en calque repère (calque -> calque repère) et tracez quelques traits pour définir la perspective (masques à 2pts + effet trait en mode transparent).

Ensuite dupliquez la photo, nommez la copie au dessus "extend". tracez un masque (avec bord flou 20 et 10 d'expansion) pour n'avoir que la zone de droite puis décalez ce calque à 1014;404.

Ensuite appliquer l'effet quatre coin pour redresser correctement, de façon à ce qu'il s'aligne sur la perspective grâce aux repères. Enfin pour que cela concorde, baissons un peu la luminosité et corrigeons la couleur en rajoutant légèrement du bleu. Répétez cette opération pour le haut.

Il faudrait ensuite gommer les reflets de soleil qui normalement n'éclairerait pas ces parties du mur. libre à vous de le faire, je ne l'ai pas fait.

Nous allons passez à la partie de gauche, que nous allons combler avec un horizon d'immeuble. Avant, nous allons créer un cache qui servira pour tous les éléments à ajouter.

Plutôt que de rotoscoper, nous allons donc extraire un premier cache en jouant sur les couches de notre image le ciel étant uniformément bleu, cela va être facile à utiliser. aplatissons nos calques: sélectionnez les 3 calques (plate, extend 1 et 2) et précomposez les, et nommez cette précomposition "extended" (ctrl+maj+c)

Nous allons procéder comme pour un keying.

Dupliquez ce calque 2 fois et nommez la copie du haut "bleu inv" et l'autre "vert". appliquer aux deux l'effet couches -> décalage des couches et passer tout (sauf alpha) sur bleu pour l'un et vert pour l'autre. sur la couche bleue, appliquez en plus l'effet négatif.

Passez ce calque en mode addition (on va donc ajouter l'inverse, donc soustraire la couche à l'autre). Pour finir, avec un calque de réglage, augmentez les niveaux à 222 pour les noirs en entrée, 232 pour les blancs et 0,19 pour le gamma. appliquer un léger flou accéléré de 5 en ayant coché la case "répéter pixels" afin d'adoucir les contours et augmentez un peu les niveaux.

Il reste encore des zones noirs (des trous) que nous allons combler.

Créez un solide blanc et mettez l'opacité à 0%. Ainsi ce sera plus pratique pour manipuler les points d'un masque. tracez donc grossièrement là où c'est nécessaire. Au besoin, rajoutez un solide noir au dessus, pour masquer les zone non désirables, puis pour fignoler le cache, créez un autre calque d'effet avec "couches -> minimax" , mettez sur minimum avec une valeur de 2

Ensuite précomposez ces calques (vert, bleu inv, solide blanc et réglage niveaux) et nommez cette précomp "cache".

Revenons dans la composition de départ "composite". Masquez l'oeil du calque cache. Placez la photo "sky.JPG"  à 312;322 et mettez son échelle à 50 et 70% pour x et y et précomposez là en la nommant "sky" (en cochant transférer tous les attributs). Dupliquer ce calque et masquer la visibilité de la copie pour le moment, nommez là "reflet". Appliquez sur "sky" l'effet "couches -> appliquer un cache". choisissez le calque "cache" et luminance et inverser le.

Ensuite occupons nous du reflet du ciel sur les fenêtres: retournez horizontalement le calque "reflet" (échelle à -100% sur x) puis passez le en 3d et inclinez le à -9° pour x; +49° pour y et -1° sur z. enfin tracez deux masques au bords flou (20). mettez son opacité à 75%.

Ensuite placez en dessous du calque "reflet" la photo "build_back_01.JPG" 2 fois à -84;536 et 233;563 pour celui de devant. appliquer un color Key sur la couleur du ciel avec une tolérance de 41, un contour de 1 et un bord flou de 1,4.

Ensuite placez en dessous de ces 2 calques la photo "build_back_02.JPG" à 206;426 et mettez son échelle à 68%. Tracez un masque pour supprimer le ciel et appliquez une rotation de +1° aux 3 photos. Enfin précomposez ces 3 calques "ville fond".

Appliquez lui un cache, comme précédemment.

Nous allons maintenant nous occuper de nos écrans virtuels. Créez une nouvelle composition "écrans" de 1000x150 de 4 secondes. Placez y le clip "pub.mov" et faites un clique droit sur le calque, masque -> nouveau masque. mettez un bord flou de 30. Dupliquez le calque 4 fois et disposez les copies de façon alignée.

Placez cette composition dans "Composite", en dessous du reflet et nommez le "écrans droite". Mettez le en 3d, à 717;360,3;0 et placez son point d'ancrage à -5;75;0. Ensuite Vous pouvez l'incliner plus facilement: -38° sur y et +5° sur z.

Aidez vous des lignes de perspectives.

Placez en un autre "écrans milieu", en mettant son point d'ancrage sur sa droite à 100,5;79;0 et son échelle à 95%. Mettez le à 722;362;0 et inclinez le à +75° sur y et -9° sur z. Dupliquer le, nommez la copie "écrans gauche" et déplacez son point d'ancrage à 2025;88;0 et inclinez le à -1° sur x, +75° sur y et -9° sur z. Répétez la même opération jusqu'à couvrir la bande de fenêtre... puis précomposez tous les calques "écrans" en "virtuals_screens".

Mettez ce calque en mode éclaircir et masquez là ou ça dépasse.

Nous allons créer les banderoles où défilent des textes. Créez une nouvelle composition "bannière" de 1000x150. Créez un solide noir. Faites un texte sur chemin, avec un chemin en ligne et vous animerez le texte de façon à ce qu'il se déplace de la droite vers la gauche (+ flou de mouvement). tapez une phrase pas trop longue... avec une police du genre alpine ou digital (fournie dans le .rar) mettez une couleur blanche au texte et précomposez le.

Appliquer une lueur diffuse, en choisissant couleurs A et B,
un vert clair (A) et un foncé (B) et 40%, 35 et 6 pour le seuil, rayon et intensité.

Ensuite animez son opacité à l'aide d'une expression (alt+click)

random(80)
wiggle(5,100)

Cela va d'abord le faire clignoter rapidement (le random) puis le faire légèrement scintiller (le wiggle).

Placez cette composition dans la compo principale et de la même manière que pour les écrans, déplacer son point d'ancrage en -7;75;0, passez le en 3d et positionnez le à 713;249;0. inclinez le de -38° sur y et +5° sur z. Réduisez son échelle à 100%; 67%; 47%. Mettez son mode de fusion sur éclaircir.

Il n'est pas nécessaire d'en mettre un deuxième car le reflet de soleil le masquerai.

Voilà il ne reste plus qu'à donner l'ambiance générale du plan. On passe à l'étalonnage. Créez un calque d'effet nommé "ambiance" au dessus de toute la pile. Appliquez successivement Niveaux, Teinte et saturation, Balance des couleurs et Lueur Diffuse avec les réglages ci-dessous.

Pour terminer nous allons passer dans une composition finale de 768x326 (format 2:35). Placez y la composition "composite" avec une échelle de 76% placée à 481,3; 259,8 pour x et y. Placez un 1er point clé à cette position puis allez à la fin de la compo et marquez un autre point clé pour 286,5; 95.

à 01:29 marquez un point clé pour forcer la position à 478,8; 100,7 et faite un chemin avec des courbes. Enfin la touche finale, rajoutez un calque d'effet au dessus, appliquer l'effet compensation optiques, avec pour valeurs 34 en angle d'ouverture, avec inversion sélectionnée. Libre à vous de rajouter un flare (halo par exemple un knoll) sur le coin gauche...

Voilà j'espère que ce tutorial vous a plu !   

télécharger le résultat ici (click droit et enregistrer sous)

[ Design Powered by wib ]