Connexion
Menu Principal
Recherche
Menu secondaire
Image Aléatoire
silent hill remake.png
Publicité
Formation Blender ElephormBlender 3d Elephorm


     

Rendu traits ombrés (nodes)

Document sans nom

Rendus traits ombrés avec les nodes


Introduction
Nous allons dans ce tutoriel faire un rendu de type traits noirs sur fond blancs à partir d'une scène texturée standard. En gros on va transformer la première image en la seconde:

file:///home/mat/Desktop/tutovira/tut_images/renducouleur.jpg

file:///home/mat/Desktop/tutovira/tut_images/EdgeOmbre.jpg

Ce tuto marche avec la version 2.43 de Blender et les suivantes aussi j'espère.

Pour faire ce tuto, il vous faut bien sûr des notions de base, genre:

  • c'est quoi un ordinateur.
  • Où se trouve ma main droite.
  • Comment faire une scène de base et un rendu de base dans blender.
  • Savoir ce que je veux dire par "de base".
La scène de ce tuto se trouve ici. Mais je vous conseille plutôt de refaire vous même le tuto à partir d'une de vos scènes, ou en commençant avec ma scène sans aucun nodes ici .

Etape 1 : Faire un calque de rendu pour les traits (edges)
Pour voir des traits apparaître dans votre image, il faut avoir coché Edge dans le panneau de rendu. On va en profiter pour vérifier que sont cochés Ray et Shadow (ben oui pour avoir des ombres) et Do Composite (pour que le rendu prenne en compte les nodes).

file:///home/mat/Desktop/tutovira/tut_images/Renderoutpu.jpg

Activez maintenant le panneau Render Layers et vous devriez voir le truc suivant:

file:///home/mat/Desktop/tutovira/tut_images/Renderedge.jpg

Entouré en rouge (Scene) ça montre les calques activés (ceux que vous voyez dans le fenêtres 3D).

En dessous vous avez le bouton montrant les différents calques de rendu. Par défaut il n'y en a qu'un, vous pouvez en faire d'autres en choisissant NEW dans le menu, changer les nom en cliquant dessus. Ici je l'ai appellé Edge (devinez pourquoi ?). A droite du nom, le bouton single permet de ne rendre que ce calque de rendu.

En dessous il y a la serie de boutons que j'ai magnifiquement entourés en vert. Vous pouvez en effet desactiver des calques pour un calque de rendu. Par exemple, si vous ne voulez pas d'edge sur un objet, vous le mettez dans le calque 10 et vous desactivez celui-ci.

En dessous vous pouvez choisir ce qui sera calculé dans ce calque de rendu. Nous ne voulons que les edge, et j'ai rajouté le sky juste pour avoir un fond blanc.

En dessous, on va laisser de côté pour le moment Light et Mat. Mais c'est aussi un truc super puissant.

En dessous il y a les passes de rendu, on y touchera pour la suite.

Etape 2 : Les premiers nodes
On va maintenant ouvrir une fenêtre de nodes. Il faut choisir le bouton Composite Node (l'espèce de petit visage) au lieu de material. Pour commencer il faut trois nodes. 

Dans la fenêtre, appuyez sur la barre d'espace, choisissez Add, puis Input, puis Render Layers. Bravo, tu as ton premier Node (ben oui, maintenant je peux te tutoyer non ?). Tu vois que dans ce node tu peux choisir quel render layer il utilise, comme nous n'avons qu'un render layer (Edge si tu te rappelles pas), ça ne sert pas à grand chose pour le moment. Pour la manipulation de base des nodes, tu peux voir plus en détail sur cet autre tutoriel. Ce node a le gros 1 rouge dans l'image ci-dessous.

Maintenant refait Espace, Add, puis Output et Composite. Ce node est celui qui te donne ton image finale qui apparait dans la fenêtre de rendu quand tu fais F12. Ce node a le gros 2 rouge (si tu trouves ça moche, envoie moi des sous et je m'acheterai une tablette graphique).

Et enfin Espace, Add, Output et Viewer. Les nodes Viewer te permettent de voir n'importe quelle étape de ton projet, et d'afficher ça dans une fenêtre ImageEditor ou en fond de ta fenêtre Node si tu cliques le bouton Backdrop. C'est le gros 3 rouge.

Bien sur, il faut relier la sortie Image de ton Node Render Layer avec l'entrée Image de tes Nodes Viewer et Composite. Comme ça quand tu fais F12 le node Render Layer calcule son image et l'envoie aux deux autres nodes, le Viewer l'affiche, le Composite le composite, voilà. Et ça devrait donner ça:
file:///home/mat/Desktop/tutovira/tut_images/Nodesedge.jpg

Bon, pour le moment, ça ne sert pas à grand chose tout ça, patience.



Etape 3 : Adjuster les réglages d'Edge

On va faire une pause sur les nodes, je vois bien que tu as besoin de te reposer. 

Dans le panneau Output, il y a un  bouton Edge Settings qui permet de regler la couleur et l'intensité (Eint) des edges. La première image ci-dessous a Eint à 11 et la seconde à 255.


file:///home/mat/Desktop/tutovira/tut_images/Edgegras.jpg

file:///home/mat/Desktop/tutovira/tut_images/Edgeleger.jpg

Comme on le voit bien, la noirceur des Edge dépend de Eint et (en gros d'après ce que j'ai compris), de l'angle entre les faces et de la distance entre l'edge et la première face qui se trouve derrière. On voit qu'il faut faire attention aux mesh subdivisés comme les arbres ici. On peut aussi mettre certains meshs sur un autre calque pour ne pasles rendre. C'est dommage que l'on ne puisse pas faire deux render layers avec des valeurs de Eint différentes.

On peut facilement adoucir les edges en faisant un rendu plus grand et en le réduisant dans Gimp, comme ci dessous (Eint à 255):

file:///home/mat/Desktop/tutovira/tut_images/Edgefin.jpg

Etape 4 : Rajouter les ombres

On va faire un second calque de rendu qu'on va appeller Shadows avec les réglages suivants:

file:///home/mat/Desktop/tutovira/tut_images/LayerShadow.jpg

Il faut donc faire ADD NEW, on va cocher Solid (sinon on n'aura pas d'ombres), mais on n'a pas besoin du reste. Dans les passes en dessous, on va cocher Sha, ça nous permet de rendre sur une passe séparée les ombres.

On rajoute dans la fenêtre des nodes un Render Layer (si tu ne sais pas comment faire, c'est que tu n'as pas bien suivi, c'est mal. Tu fais Espace, Add puis Input puis Render Layers). Tu choisis comme layer Shadows, et tu vois qu'il y a en sortie en plus d'Image une sortie Shadow. Branche cette sortie sur l'entrée image de ton node viewer et tu devrais voir ceci:

file:///home/mat/Desktop/tutovira/tut_images/NodeShadow.jpg

On va maintenant mixer les deux images, celle des edge et celle des ombres. Pour ça on rajoute un node de mixage (Espace, Add, Color, Mix). Ce node a deux entrées jaunes pour nos deux render layers. Et une sortie qu'on va brancher sur le Composite et le Viewer. Les réglages par défaut sont Mix et 0.5. N'hésite pas à essayer d'autres réglages pour voir les effets, si tu connais Gimp ou Faute aux Chopes, tu ne seras pas perdu entre les différents modes de mélange des images. Ca donne donc ça:

file:///home/mat/Desktop/tutovira/tut_images/NodeMix.jpg

Conclusion
Voili voilou, c'est fini pour la première partie.
Si tu es curieux, tu comprendras ptet tout seul comment faire la seconde partie. Sinon, patience et tu sauras bientôt comment faire ça...

file:///home/mat/Desktop/tutovira/tut_images/AO.jpg

 

tutoriel rédigé pour le Blender Clan par VIRALATA, Février 2007

    


Les commentaires appartiennent à leurs auteurs. Nous ne sommes pas responsables de leur contenu.
Auteur Conversation
timeman13
Fou Furieux du Clan


Inscrit le: 27/4/2011
De: la 604ème dimension.
Envois: 218
 Re: Rendu traits ombrés (nodes) 9/7/2011 8:51  Mis à jour: 9/7/2011 8:51

Est-ce-que ce tuto marche aussi avec blender 2.5?

 
sunnix
Touriste


Inscrit le: 5/5/2012
De:
Envois: 17
 Re: Rendu traits ombrés (nodes) 26/11/2012 18:30  Mis à jour: 26/11/2012 18:36

Salut,
J'ai testé sur 2.64 et ca marche (sûr, faut un peu chercher les boutons qui ont pour certains bougés de place).

J'ai juste un soucis quand je veux enregistrer l'image composite au format PNG (mode RGBA), avec dans le panneau "shading" de l'onglet "rendu", le "sky" en alfa (pour avoir le fond transparent) l'image est vide, toute transparente. Et sa miniature dans windows explorer apparaît toute noire.

Quand j'enregistre les layers de mon images composite séparément (je les séléctionne séparément dans la fenêtre de rendu, puis je fais "enregistrer image" pour chacune) je n'ai aucun problème. J'ai bien mon image avec mon fond transparent.


Comment faites vous pour enregistrer une sortie composite en PNG qui soit compatible et lisible ? (avec fond transparent s'entend)

merci

 
sunnix
Touriste


Inscrit le: 5/5/2012
De:
Envois: 17
 Re: Rendu traits ombrés (nodes) 26/11/2012 18:37  Mis à jour: 26/11/2012 18:37

oups ... lisible

 
ralph
Touriste


Inscrit le: 21/11/2016
De:
Envois: 1
 Re: Rendu traits ombrés (nodes) 21/11/2016 17:44  Mis à jour: 21/11/2016 17:44

Bonjour à tous,

Si quelqu'un arrive arrive à retranscrire ce tuto dans une version plus récente de Blender, je suis preneur car j'ai pas mal à arriver à quoique ce soit, malgré ma motivation

 

Sujets récemment répondus
Forums Sujets Réponses Lus Dernières contributions
Questions & Réponses problème commande "convert curve to mesh" Alt+C 5 77 Aujourd'hui 15:13:33
elipse 
Moteur de jeu GameBlender et alternatives [non résolu] Problème Manette (Deuxième joystick) 2 51 Aujourd'hui 14:42:56
Gamodinou 
Questions & Réponses Problème d'affichage 2 80 Aujourd'hui 14:16:52
Taome 
Questions & Réponses [terminé] Problème Manette (Deuxième joystick) 0 61 Aujourd'hui 10:45:51
Gamodinou 
The Blender Clan 'tchat Tutoriels Blender 2 87 Hier 19:19:52
bibi 
Questions & Réponses debut et conseil avec blender    [1][2] 13 326 Hier 09:20:00
grandpapy 
Questions & Réponses Zone d’atmosphère à l'intérieur d'une planète creuse 5 167 20/07 18:17:26
Banjin 
Questions & Réponses Problème tuto scifi pod 3 103 20/07 09:46:26
jfamilyfr 
Mes premières images sous Blender (débutants) Les Blends de Megeon    [1][2][3]...[30] 297 51178 20/07 09:35:23
Megeon 
Questions & Réponses [résolu] Comment contrer l'effet stroboscopique d'un pneu en rotation? 7 214 19/07 09:12:10
GoodKaT 
Questions & Réponses Rendre tout mes UV mapping plus petit ? 2 115 19/07 02:40:11
Airtux 
Moteur de jeu GameBlender et alternatives Level Of Detail (LOD) 2 145 18/07 16:19:54
Yoshi 
The Blender Clan 'tchat Débutant en 3D    [1][2] 13 1206 18/07 16:13:58
thomas56 
The Blender Clan 'tchat articles ressources blender. 1 152 17/07 15:21:35
FoxRock 
Questions & Réponses [résolu] bouton use nodes 3 140 17/07 12:28:16
Cdric 
Graphisme alternatif [Visite virtuelle usine] Architecture de Blender <=> Unreal ? 0 121 16/07 17:15:57
Fabustis 
[WIP] et travaux terminés [WIP] 600 Hornet 2007 => 600 Cbr 2011 0 136 16/07 14:24:38
Nocs91 
Concours Defi de clan 2018 n°23 / Thème : Robot 0 123 16/07 11:33:14
Yeti 
Questions & Réponses [résolu] Rendu réaliste a partir d'un nuage de particules [v2.79] 3 278 16/07 11:03:18
pierrot64210 
Questions & Réponses [non résolu] Problème simulation de fluide 2 172 16/07 10:55:30
pierrot64210 

Qui est en ligne
21 utilisateur(s) en ligne (dont 1 sur Tutoriels)

Membre(s): 1
Invité(s): 20


vendangeur, plus...
Nouveaux membres
elipse 22/7/2018
Gamodinou 22/7/2018
Pingwee 22/7/2018
Taome 21/7/2018
virtual_francky 20/7/2018
jfamilyfr 20/7/2018
Etian 19/7/2018
grandpapy 18/7/2018
lelouch619 17/7/2018
Cdric 17/7/2018
Dernier Ajout
Garage_BC.jpg

Evènements à venir
Jui 23
Anniv du BlenderClan !
Aou 7
anniversaire Cem47
Aou 13
Anniversaire Siskas
plus 301 plus d'élément(s)
 Par Mickaël Guédon [ebrain] © 2003-2018 The Blender Clan - hébergé par TuxFamily - Site déclaré à la CNIL sous le numéro 1155445