|
|
| (19 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| <div class="col-md-12" style="padding-bottom:1rem;">
| | Tests |
| <img src="https://laboratoirecreation.banq.qc.ca/images/3/30/Blender-01_couverture.png" class="img-responsive/>
| |
| <small style="float:right;font-size:60%;">Crédit :Gabriel Messier</small>
| |
| </div>
| |
|
| |
|
| Dans le cadre des activités de médiation en ligne du Square Banque Nationale, nous t’invitons à découvrir Blender, un logiciel professionnel de modélisation 3D qui est offert gratuitement. Cet apprentissage se fera par l’intermédiaire d’un projet visant à réaliser une lampe à lave virtuelle.
| |
|
| |
|
| Si tu as des questions, sois sans crainte puisque Mathieu Normandin, technicien au Square Banque Nationale, pourra t’apporter son aide. Alors, n’hésite pas à lui poser tes questions à l’aide de l’application Messenger sur la page Facebook du Square Banque Nationale.
| | [[Fichier:Fusion-03.png|vignette]] |
| | |
| Mais surtout, n’oublie pas de partager tes réalisations avec nous en envoyant ton prototype à l’adresse suivante : square@banq.qc.ca!
| |
| | |
| <big>'''Objectifs'''</big>
| |
| | |
| '''Généraux'''
| |
| | |
| * Initiation à la modélisation 3D
| |
| * Initiation aux techniques d’animation
| |
| * Découverte de Blender
| |
| | |
| '''Spécifiques / Techniques'''
| |
| | |
| * Navigation générale du logiciel
| |
| * Fonctionnement de l’interface
| |
| * Utilisation de ses fonctions principales
| |
| * Trucs et astuces
| |
| | |
| Tu peux télécharger le logiciel [https://www.blender.org/ ici].
| |
| | |
| Voici quelques exemples, assez impressionnants, de créations réalisées à l’aide de Blender.
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/6/68/Motage_exemples_blender.png" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédits : Blender, Rico Cilliers, Zacharias Reinhardt, Andy Goralczyk - Source : Blender, Blender Guru</small>
| |
| </div>
| |
| | |
| <big>'''Mon inspiration'''</big>
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/9/97/Montage_inspiration.png" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédits : Dean Hochman, Ryan Steele - Source : Flickr </small>
| |
| </div>
| |
| | |
| Objet phare des années 1970, la lampe à lave demeure toujours aussi fascinante et même envoûtante à contempler!
| |
| La « lave » contenue dans le cylindre de verre de la lampe est en réalité constituée de cire et le liquide dans laquelle elle flotte est de l’eau.
| |
| | |
| Voici un bref tutoriel qui permet, à l’aide de Blender, de créer sa propre lampe à lave!
| |
| | |
| <big>'''La démarche'''</big>
| |
| | |
| '''1re étape : Image de référence'''
| |
| | |
| La première étape consiste en la recherche d’une image de référence, afin de s’assurer de bien modéliser la structure de la lampe.
| |
| | |
| Une fois l’image trouvée, positionner le visionnement en mode orthographique (pavé numérique 5), de face (pavé numérique 1). Importer ensuite l’image dans Blender à titre d’image de référence.
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/a/a3/Action_semiactive_blender-01_lampe-video01.gif" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédit : Gabriel Messier</small>
| |
| </div>
| |
| | |
| '''2e étape : La modélisation'''
| |
| | |
| Maintenant que nous sommes en possession d’une image de référence, il est possible d’entamer la modélisation de la lampe.
| |
| | |
| Importer un cylindre et modifier le nombre de sommets pour l’amener à 128.
| |
| | |
| Ajouter des boucles aux emplacements nécessitant des modifications et effectuer les mises à l’échelle requises.
| |
| | |
| Finalement, ajouter des faces aux deux extrémités de la lampe.
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/5/57/Action_semiactive_blender-01_lampe-video02.gif" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédit : Gabriel Messier</small>
| |
| </div>
| |
| | |
| '''3e étape : Assignation des matériaux'''
| |
| | |
| Maintenant que la lampe est modélisée, il est temps d’attribuer des types de matériaux précis aux différentes parties de celle-ci.
| |
| | |
| Commencer par créer un nouveau matériau et lui assigner le nom de « Lampe ». Faire une sélection complète de la lampe et cliquer sur « Assigner ».
| |
| | |
| Créer un second matériau et le nommer « Verre ». Faire une sélection des faces de la lampe qui ne seront constituées que de verre et cliquer sur « Assigner ».
| |
| | |
| Prendre garde de bien vérifier que les assignations sont correctement effectuées. Cliquer sur le matériau « Lampe » et sur « Sélectionner ». Si l’intégralité de la lampe, sauf le verre, est sélectionnée, c’est fonctionnel! Répéter l’exercice avec le matériau « Verre ».
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/5/53/Action_semiactive_blender-01_lampe-video03.gif" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédit : Gabriel Messier</small>
| |
| </div>
| |
| | |
| '''4e étape : Création des matériaux – Préalables'''
| |
| | |
| Maintenant que les types de matériaux sont assignés, on peut procéder à leur création virtuelle.
| |
| | |
| Commençons par le matériau le plus simple : la lampe.
| |
| | |
| Pour ce matériau, nous avons le choix d’utiliser deux méthodes : procédurale ou texturale.
| |
| | |
| Procédurale : matériau généré numériquement à l’aide des nœuds.
| |
| | |
| Texturale : matériau généré à l’aide d’images.
| |
| | |
| Pour ce projet, je propose d’utiliser la méthode texturale. Pour ce faire, il est possible de se baser sur plusieurs sites offrant de nombreux éléments de textures gratuits.
| |
| | |
| En voici une courte liste :
| |
| | |
| * [https://www.textures.com/ Textures]
| |
| * [https://cc0textures.com/ CC0textures]
| |
| * [https://texture.ninja/ Texture.ninja]
| |
| * [https://texturehaven.com/ Texturehaven]
| |
| * [https://www.poliigon.com/ Poliigon]
| |
| | |
| Pour la structure d’une lampe à lave, le matériau habituellement utilisé est de l’aluminium. Comme je n’ai pas été en mesure de trouver une texture d’aluminium, [https://cc0textures.com/view?id=Metal009 je propose une texture de métal brossé].
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/b/b7/Montage_textures.png" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédit : Gabriel Messier</small>
| |
| </div>
| |
| | |
| '''5e étape : Création des matériaux – Lampe'''
| |
| | |
| Afin d’obtenir une visualisation rapide, s’assurer d’utiliser le moteur de rendu Eevee.
| |
| | |
| Dans la fenêtre « Vue 3D », afficher la prévisualisation des matériaux (z) et sélectionner le mode « Édition ».
| |
| | |
| Scinder la fenêtre de travail en deux : conserver la fenêtre «Vue 3D » et ouvrir la fenêtre « Éditeur de shader ».
| |
| | |
| Dans l’onglet « Contexte », sélectionner « Matériaux ».
| |
| | |
| Cliquer sur le matériau « Lampe » et cliquer sur « Sélectionner ».
| |
| | |
| De retour dans la fenêtre « Éditeur de shader », importer les images contenant les appellations suivantes (glisser-déposer) :
| |
| Color, Metalness, Normal et Roughness*.
| |
| | |
| Effectuer les branchements suivants dans le « BSDF Guidé » :
| |
| * Color vers « Couleur de base »
| |
| * Metalness vers « Métallique »
| |
| * Roughness vers « Rugosité »
| |
| * Importer ensuite un nœud « Carte de normale ».
| |
| | |
| Normal vers « Carte de normale (Couleur) » et « Carte de normale (Normale) » vers « Normale (du nœud BSDF Guidé) ».
| |
| | |
| Dans les différents nœuds des images importées, sélectionner Non-Color à l’option « Espace de couleur » pour les nœuds Normal, Roughness et Metalness. Laisser sRGB à « Espace de couleur » pour le nœud Color.
| |
| | |
| Finalement, ajouter les nœuds « Placage » et « Coordonnées de texture ». Associer ensuite le point « Vecteur » du nœud « Placage » aux nœuds Color, Metalness, Roughness et Normal.
| |
| | |
| *Les appellations peuvent changer selon le site Web de textures qui est utilisé.
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/3/3c/Action_semiactive_blender-01_lampe-video04.gif" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédit : Gabriel Messier</small>
| |
| </div>
| |
| | |
| '''6e étape : Placage UV – Lampe'''
| |
| | |
| Le placage UV consiste en la projection d’une image (texture) sur un objet en trois dimensions. Cette technique permet l’amélioration du rendu.
| |
| | |
| Pour effectuer le placage UV sur la lampe, il faut commencer par l’attribution d’une échelle au modèle. En mode « Objet », ouvrir le menu contextuel « Appliquer » (Ctrl + A) et sélectionner « Taille/Échelle ».
| |
| | |
| En mode « Édition », dans l’onglet « Matériaux » du menu « Contexte », sélectionner le matériau « Lampe ».
| |
| | |
| Ouvrir la fenêtre contextuelle « Placage UV » (u), sélectionner « UV-projection intelligente » et cliquer sur OK.
| |
| | |
| Il est possible de visualiser la lampe en mode « Rendu » afin de s’assurer que le placage est bien appliqué.
| |
| | |
| Sinon, scinder l’espace de travail en deux et ouvrir la fenêtre « Éditeur de shader ». Apporter les modifications sur le nœud « Placage ».
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/d/d4/Action_semiactive_blender-01_lampe-video05.gif" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédit : Gabriel Messier</small>
| |
| </div>
| |
| | |
| '''7e étape : Création de matériau – Le verre'''
| |
| | |
| Maintenant qu’est complété le matériau en lien avec la partie « métallique » de la lampe, on peut se pencher sur la portion de verre!
| |
| | |
| En mode « Édition », dans l’onglet « Matériau » du menu « Contexte », sélectionner le matériau « Verre ».
| |
| | |
| Dans le cadre de cette étape, nul besoin de scinder son espace de travail en deux et d’ouvrir la fenêtre « Éditeur de shader ». En effet, les manipulations se feront uniquement à l’intérieur des onglets présents sous le menu « Contexte ».
| |
| | |
| S’assurer d’avoir le nœud de surface « BSDF Guidé ».
| |
| | |
| Abaisser la valeur de « Rugosité » à 0. Augmenter la valeur « Transmission » à 1.
| |
| | |
| Sous l’option « Réglage », cocher la case « Screen Space Refraction ».
| |
| | |
| Aller à l’onglet « Rendu » du menu « Contexte ».
| |
| | |
| Cocher la case Screen Space Reflections.
| |
| | |
| Dérouler l’option et cocher la case « Réfraction ».
| |
| | |
| Voilà! La base de la lampe est complétée. Il est maintenant temps d’y ajouter de la cire.
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/6/6d/Action_semiactive_blender-01_lampe-video06.gif" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédit : Gabriel Messier</small>
| |
| </div>
| |
| | |
| '''8e étape : Ajout de la cire avec des objets de type « Métaballe »'''
| |
| | |
| Les objets « [https://docs.blender.org/manual/fr/latest/modeling/metas/introduction.html#visualization Métaballe] » sont des objets procéduraux. C’est-à-dire qu’ils sont calculés en temps réel par le logiciel. Ce ne sont que des formules mathématiques.
| |
| | |
| Ce sont des objets tridimensionnels utilisés en imagerie de synthèse pour simuler des formes naturelles.
| |
| | |
| Ils ont la particularité d’interagir lorsque deux d’entre eux sont à proximité l’un de l’autre.
| |
| | |
| Insérer une balle (Shift + A) sous « Métaballe ».
| |
| | |
| Positionner la balle au bas de la lampe. Effectuer une mise à l’échelle au besoin, afin que la balle ne dépasse pas la lampe.
| |
| | |
| Dupliquer la balle et la positionner au haut de la lampe.
| |
| | |
| Répéter la duplication quelques fois de manière à avoir quelques métaballes à l’intérieur de la lampe.
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/c/c8/Action_semiactive_blender-01_lampe-video07.gif" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédit : Gabriel Messier</small>
| |
| </div>
| |
| | |
| '''9e étape : Renommer les objets'''
| |
| | |
| Si ce n’est pas déjà fait, renommer l’objet « Cylindre » « Lampe » et y ajouter une collection pour y déposer les métaballes (mballe).
| |
| | |
| <div class="col-md-12" style="padding-bottom:1rem;">
| |
| <img src="https://laboratoirecreation.banq.qc.ca/images/b/b1/Action_semiactive_blender-01_lampe-video08.gif" class="img-responsive/>
| |
| <small style="float:left;font-size:60%;">Crédit : Gabriel Messier</small>
| |
| </div>
| |
| | |
| [[Fichier:Action semiactive blender-01 lampe-video09.gif|vignette]]
| |
| | |
| | |
| | |
| [[Fichier:Action semiactive blender-01 lampe-video10.gif]]
| |
| | |
| [[Fichier:Action semiactive blender-01 lampe-video11.gif]]
| |
| | |
| [[Fichier:Action semiactive blender-01 lampe-video12.gif]]
| |
| | |
| [[Fichier:Action semiactive blender-01 lampe-video13.gif]]
| |
| | |
| [[Fichier:Action semiactive blender-01 lampe-video14.gif]]
| |
| | |
| [[Fichier:Action semiactive blender-01 lampe-video15.gif]]
| |
| | |
| [[Fichier:Action semiactive blender-01 lampe-video16.gif]]
| |
| | |
| [[Fichier:Action semiactive blender-01 lampe-video17.gif]]
| |
