Aller au menu - Aller au contenu

Icône Soignez votre rendu avec les nodes

Avatar
Mise à jour : 15/12/2011
Difficulté : Facile Facile Creative Commons BY-NC-SA
33 481 visites depuis 7 jours, dont 332 sur ce chapitre classé 11/786
L'éditeur de nodes est un module intégré à Blender qui va nous permettre de travailler entre autres sur le rendu en post-production.
En fait, on va partir d'un rendu classique, calculé à partir d'une scène, et lui ajouter des petites boîtes d'effets (ce sont les nodes) qui vont le transformer selon nos désirs.

Vous ne voyez pas comment cela peut marcher ? Tant mieux car ce chapitre est justement là pour vous l'expliquer.

Dans ce chapitre on ne fera pas tellement de 3D, mais plutôt des réglages avec des petites cases et plein de fils partout. Vous verrez, c'est assez rigolo et cela donne des résultats intéressants !
Sommaire du chapitre :
Icône du chapitre
Chapitre précédent Sommaire Chapitre suivant

Notre premier réseau nodal

Afin de vous montrer le fonctionnement des nodes (« nodes » se traduit par « nœuds » en français), nous allons réaliser un petit système nodal pour jouer sur les couleurs et la luminosité d'un rendu.

Commencez par ouvrir un de vos anciens projets (ou créez une petite scène rapidement) et calculez le rendu.

Dans l'interface, coupez la scène 3D sur le côté et placez-y le Node Editor, comme indiqué à la figure suivante.

Placer le Node Editor
Placer le Node Editor


Si vous ne savez pas comment ajouter une fenêtre, consultez le chapitre « Modifier l'apparence » situé en annexe de cet ouvrage.


Pour plus de confort, je vous conseille de maximiser la fenêtre (avec Ctrl + flèche haute) le temps que nous réglions nos nodes.

Commencez par cliquez sur Composite Node, ainsi que Use Nodes (voir figure suivante).

Cochez le bouton Use Nodes
Cochez le bouton Use Nodes


Deux nodes sont apparus : Render Layers et Composite (voir figure suivante).

Vous avez maintenant deux nouveaux nodes : Render Layers et Composite !
Vous avez maintenant deux nouveaux nodes : Render Layers et Composite !


Le premier est bien sûr le rendu que vous venez de calculer. C'est à partir de lui que l'on va ajouter nos effets.
Le deuxième est l'image finale que l'on obtiendra après le calcul de tous les nodes.

Vous pouvez déplacer un node facilement en laissant enfoncé le clic gauche dessus.

Sur chaque node, vous avez des entrées et/ou des sorties. En l'occurrence, Render Layers n'a que des sorties : Image, Alpha (transparence), Z (profondeur) ; Composite, lui, n'a que des entrées.

Pour connecter deux nodes, il faut laisser appuyer le clic gauche de la souris à partir d'une entrée jusqu'à une sortie, comme indiqué à la figure suivante.

Connecter deux nodes
Connecter deux nodes


Continuons en ajoutant le node Viewer (voir figure suivante) qui va nous permettre d'observer en temps réel les changements de notre rendu en fonction des nodes. Cela évite de recalculer un rendu à chaque fois !

Ajouter le node Viewer
Ajouter le node Viewer


Connectez son entrée Image à la sortie de Render Layers, puis appuyez sur le bouton Backdrop qui affiche en fond l'entrée image du node Viewer, comme indiqué à la figure suivante.

Connexion des nodes
Connexion des nodes


Voilà, nous sommes enfin parés pour tester les nodes !

Ajoutez donc le node RGB Curve qui va nous permettre, comme promis, d'ajuster les couleurs du rendu.

Le node RGB Curves est assez simple : il vous permet de régler séparément les courbes de luminosité, de bleu, de vert et de rouge.

Supprimez tous les liens (clic gauche enfoncé) et intercalez RGB Curves entre le node Render Layers et les deux autres, comme sur la figure suivante.

Connecter le node RGB Curves
Connecter le node RGB Curves


Ainsi, vous pouvez facilement changer le ton de votre rendu, obscurcir l'image ou bien la contraster.
Choisissez un type de courbe puis cliquez dessus pour la modifier en plaçant des points.

Voici aux figures suivante, suivante, suivante et suivante quelques exemples de ce que j'obtiens en modifiant la courbe des nodes.

Avec la courbe de luminosité, on peut facilement surexposer la scène…
Avec la courbe de luminosité, on peut facilement surexposer la scène…


…ou bien la contraster
…ou bien la contraster


La courbe de bleu ajoute… du bleu, comme c'est étrange !
La courbe de bleu ajoute… du bleu, comme c'est étrange !


En combinant les courbes, on arrive vite à un résultat psychédélique !
En combinant les courbes, on arrive vite à un résultat psychédélique !


Vous pouvez revenir au réglage par défaut des courbes en cliquant sur la petite icône d'outil puis en choisissant Reset Curve.

Des nodes bien utiles

Bon, jouer avec les couleurs de son rendu c'est amusant, mais il existe des nodes bien plus intéressants.
Dans cette section, nous allons tester deux nodes afin de donner à votre rendu un aspect un peu plus « professionnel ».

Le node Defocus



Commençons avec le node Defocus. Il va nous permettre de simuler un flou de mise au point (ou flou focal) sur notre image (voir figure suivante).

Exemple de flou focal sur une photographie
Exemple de flou focal sur une photographie


Cela permet de mettre en avant un objet, une situation sans pour autant faire disparaître l'environnement.

Avant de l'utiliser, il faut régler notre caméra pour lui indiquer le point focal, comme en photographie (voir figure suivante).
  • sélectionnez la caméra et rendez-vous dans le menu Editing ;
  • cochez le bouton Limits et réglez ensuite Dof Dist à la profondeur où vous souhaitez que tout soit net (représenté dans la vue 3D par une croix jaune).
Régler sa caméra pour indiquer le focus
Régler sa caméra pour indiquer le focus


Pour ma scène, j'ai choisi de mettre en valeur la Suzanne violette (voir figure suivante.)

Déterminer le focus sur une scène
Déterminer le focus sur une scène


De retour dans le Node Editor, on va ajouter le node qui se trouve dans la catégorie Filter (voir figure suivante).

Sélectionner le filtre Defocus
Sélectionner le filtre Defocus


Connectez l'entrée/sortie Image, mais également celle des Z, car le node Defocus a besoin de connaître la profondeur de chaque pixel du rendu pour ensuite doser le flou en fonction (voir figure suivante).

Connecter les nodes Image et Z
Connecter les nodes Image et Z


Cochez ensuite Use Z-buffer pour prendre en compte la profondeur de l'image, et enlevez Preview pour avoir une meilleure qualité de flou.
Les deux paramètres utiles sont fStop qui définit l'importance du flou et Maxblur qui plafonne le flou maximum.

Reportez-vous à la figure suivante pour admirer le résultat !

Seule notre Suzanne violette est nette !
Seule notre Suzanne violette est nette !


Voilà un node qui fera ressembler vos rendus à de vrais photos.

Le node Vector Blur



Celui-là plaira tout particulièrement aux animateurs en herbe : avec lui, les objets en mouvement seront floutés !
Cette fonction, très utilisée dans le cinéma et les jeux vidéos, permet de reproduire le défaut de l'œil humain qui distingue difficilement une image nette d'un objet dynamique.
Même sur une image, ce node est intéressant car il permet de dynamiser la scène en y imprégnant une sensation de mouvement (voir figure suivante).

Exemple de flou de mouvement dans une photographie
Exemple de flou de mouvement dans une photographie


Toujours dans votre scène, ajoutez quelques Ikeys à un objet afin de le mettre en mouvement. Mettez-vous à une frame où il est bien dynamique et visible sur le rendu.

Voici un exemple avec ma scène où le cube se déplacera suivant l'axe Y (voir figure suivante).

Mettez un objet en mouvement dans votre scène
Mettez un objet en mouvement dans votre scène


Dans le Node Editor, sélectionnez puis supprimez le node Defocus et ajoutez le node Vector Blur qui se trouve aussi dans la catégorie Filter, comme indiqué à la figure suivante.

Remplacer le node Defocus par le Vector Blur
Remplacer le node Defocus par le Vector Blur


Là, il va manquer l'information Speed à notre node pour bien fonctionner… il va donc falloir dire à notre rendu de la calculer.
Pour cela, revenons dans le menu Scene et plus précisément dans l'onglet Render Layers, où l'on va cocher Vec pour que la passe des vecteurs de vitesse soit comprise dans les informations de notre rendu (voir figure suivante).

Activez l'information de vitesse pour le rendu
Activez l'information de vitesse pour le rendu


On a plus qu'à raccorder les deux nodes et relancer un rendu…

Pour le Vector Blur, deux paramètres sont importants :
  • Samples : règle la qualité du flou, attention à ne pas le monter trop haut pour éviter un calcul trop long ;
  • BlurFac : règle l'intensité du flou.
Et on obtient la sensation de déplacement, comme vous pouvez le constater à la figure suivante !

Notre cube paraît en mouvement
Notre cube paraît en mouvement

Cela ne s'arrête pas là !

Évidement, je pourrais faire le tour de tous les nodes existants pour vous les présenter, mais ce serait terriblement long et cela vous ôterait le plaisir de les découvrir par vous-mêmes !

Mais avant de vous lâcher tout seuls avec le Node Editor, voici quelques notions qui vous aideront à vous y retrouver.

Les nodes Input



Ces nœuds permettent d'apporter une création de base telle qu'un rendu, une image, une vidéo, une texture que vous pourrez ensuite modifier, mélanger pour obtenir l'effet souhaité.

Ils sont évidemment classées dans la catégorie Input !

Mix, node à tout faire



L'un des nodes qui vous sera certainement le plus utile est Mix (voir figure suivante).

Le node Mix
Le node Mix


Avec lui, on peut mélanger deux images, une image et un rendu, un rendu et une texture… Un exemple vaut mieux qu'un long discours, je vous invite donc à regarder la figure suivante.


Incrustation d'un rendu dans une photo avec Mix
Incrustation d'un rendu dans une photo avec Mix



Pour finir, Compositing



Pour que les effets nodaux soient bien pris en compte lors du rendu, il faut être sûrs que le bouton Compositing soit activé dans le menu Render (voir figure suivante).

Activer le bouton Compositing
Activer le bouton Compositing


Il est normalement coché par défaut, mais il vaut mieux le savoir au cas où !

Les nodes peuvent bien évidemment être utilisés dans le cadre d'une animation, chaque rendu sera traité par les nodes.

Vous remarquerez que le calcul de certains nodes peut être assez long. Veillez à ne pas mettre les paramètres de qualité trop hauts (comme Samples) et à optimiser votre système nodal (pas de doublons…).

Q.C.M.

Quel node permet d'utiliser le rendu dans l'éditeur ?
Qu'est-ce qui permet d'afficher en fond le résultat des nodes ?
Quel bouton doit être coché pour activer l'effet des nodes au rendu ?
Quel effet permet le node « Defocus » ?

Statistiques de réponses au QCM

En résumé

  • Avec les nodes, on s'éloigne un peu de la 3D pure et dure. Il s'agit ici d'améliorer le rendu après son calcul en ajoutant des effets ou en retouchant les couleurs de l'image.
  • Les nodes sont de petites boîtes avec des entrées et sorties que l'on va relier entre elles par des fils.
  • Parmi les nodes les plus utiles, Mix permet de mélanger deux images, Defocus de produire un flou focal, Vector un flou de mouvement… il y en a des dizaines, à vous de découvrir ceux qui vous seront les plus utiles.
Chapitre précédent Sommaire Chapitre suivant

Partager

19 commentaires pour "Soignez votre rendu avec les nodes"
Note moyenne : 3.75 / 4 (1042 votes)
Pseudo Commentaire
Hors ligne aerodark # Posté le 01/03/2012 à 15:28:43
aér0
Avatar

Avis : Très bon Groupe : Auteurs

Qu’entends par "deux liens entre mes deux nodes" W@jdi ?
SI tu peux poster une image du problème ce serait parfait :) .

Le tutoriel Blender 3D est officiellement terminé !

Venez découvrir le monde merveilleux de l'image de synthèse et de l'animation 3D, le tout en toute décontraction ^^ .
 
Hors ligne mac corvinus # Posté le 02/03/2012 à 16:35:58
Avatar

Ville : Guichen
Pays : France métropolitaine

Est ce que ce tutorial est valable pour la version 2.4 de blender ? Car je n'ai pas le bouton compositing mais "save buffer" à la place et mon rendu avec node ne ce fait pas. Merci pour ce tuto en tout cas !
Hors ligne Adri1du40 # Posté le 09/03/2012 à 21:38:53
J'avoue !
Avatar

Ville : Croix
Pays : France métropolitaine

Il faudra quand même que tu m'expliques... Comment fais-tu pour que lors de l'intégration d'un rendu sur une photo, avoir une ombre sous ton objet (Qui soit transparente et sans mesh visible)...

Edit : Problème résolu, il faut cocher la case shadows only dans l'onglet des matériaux :D

200% Ti-basic (déjà un morpion, un démineur, un snake, et d'autres petits programmes exclusivement de mon invention) :-° :p
99% C
80% C++ :-°
100% java :p
80% XHTML :)
 
Hors ligne megandrei # Posté le 17/03/2012 à 09:23:02
la la la!!Pu* ti la raté!
Avatar

Avis : Très bon

bonjour!

Je crois pouvoir aider quelques personnes qui ont ce problème :

pourquoi mon rendu n'est pas modifié a la fin? o_O


en fait, il faut mettre le petit "output" "composite" a la fin du résau nodal, a la place que l'on réserve au "viewer" pour voir "en live" ce que l'on a fait. D'habitude, on raccorde ce composite directement a l'image... Donc il ne subit pas les modifications, et c'est lui qui modifie le rendu final :magicien:

En espérant pouvoir aider certains :zorro:

Secret (cliquez pour afficher)
Quelques choses vraies sur toi :
1)Tu viens de cliquer la haut
2)Tu es sur internet
3)Tu es sur le site du Zero
5)Tu n'as pas remarqué qu'il n'y a pas de point 4)
6)Tu viens de vérifier si il y a un point 4)
7)Tu souris, et tu rigoles peut-être
 
Hors ligne Robert59 # Posté le 02/05/2012 à 15:51:45
Avatar

Avis : Bon
Flux RSS

Bonjour
je suis déçu de ce chapitre, pourtant les autres étaient top mais bon nul n'est parfait

Gardez la terre propre restez au lit ! :-°
 

Voir tous les commentaires