Divine Skins
Divine Skins Wiki

Material Atlas (No Plugin)

Ce tutoriel explique comment faire des atlas de matériaux à la main. Aucun plugin nécessaire.

Intermediate
Info

Avant de commencer, il existe un autre guide sur ce sujet qui fait la même chose et plus vite avec un plugin ici. Au cas où tu l'aurais raté.

Mais si :

  • Le plugin est cassé ou a des soucis
  • Tu es trop flemmard pour mettre à jour Blender vers la version 5.xxx (mon cas mdr)
  • Tu es raciste envers les plugins.

Alors continuons.

Première chose, c'est quoi un atlas de matériaux ? En gros, on veut avoir les textures du modèle 3D regroupées dans une seule image pour pouvoir les importer dans League. Parfois, quand tu télécharges un modèle, sa vue matériaux ressemble à ça :

Liste des matériaux d'un modèle 3D importé
Image 1. Liste des matériaux d'un modèle 3D importé

Comme tu peux le voir, il y a une longue liste de matériaux et chacun est lié à une image contenant une portion des textures de ton modèle. On va la réduire à 1 seul.

Pour ça, on doit suivre ces étapes :

  1. Déplie les UVs de ton modèle dans une nouvelle image vierge en utilisant une nouvelle uv map.
  2. Configure le baking
  3. Bake les textures dans notre image vierge.
  4. Touche finale et nettoyage

Étape 1

Info

C'est sans doute la partie la plus dure du processus, donc une fois finie tu auras fait 80 % du travail.

Pour ce tutoriel, on va sauter la partie des "bons UVs" et laisser Blender tout faire automatiquement pour nous. Mais garde en tête que ce sera toujours mieux de créer manuellement les seams de ton modèle et de les déplier correctement.

Tout d'abord, crée une nouvelle uv map pour accueillir nos nouveaux changements. Pour ça, va dans le panneau latéral de droite dans Blender et clique sur le triangle vert comme montré ici :

Création d'une nouvelle UVMap
Image 2. Création d'une nouvelle UVMap

Tu peux nommer la nouvelle uv map comme tu veux, tu devrais maintenant avoir quelque chose comme

Résultat de la création de la nouvelle UVMap
Image 3. Nouvelle UVMap créée
Attention

Remarque comment elle est surlignée en bleu mais l'icône appareil photo est désactivée, contrairement à l'UVMap par défaut qui l'a activée, c'est important. Ça dit à Blender "Montre les UVs de UVMap dans le rendu mais toute action ou modification est enregistrée sur celle en bleu".

Ensuite, va dans l'onglet UV Editing

Vue UV Editing
Image 4. Vue UV Editing

Le panneau de gauche est là où tu édites tes UVs. Par défaut, une image au hasard parmi les matériaux du modèle sera sélectionnée, mais ce qu'on veut, c'est créer une nouvelle image de zéro. Je règle en général les images en 2K → 2048 x 2048.

Création d'une nouvelle image pour notre texture
Image 5. Nouvelle image de texture

Une fois l'image créée, assure-toi que tu édites bien cette image et aussi que tu utilises ta nouvelle uv map :

Résultat de la nouvelle image
Image 6. Résultat de la création de l'image

On doit maintenant réorganiser les UVs pour qu'ils soient bien rangés. Là tout de suite, si tu sélectionnes une partie du modèle tu vas voir un bazar :

Bazar UV
Image 7. Bazar UV

Pas de panique, le processus est en grande partie automatique.

Sélectionne tout le modèle 3D en appuyant sur "a" puis appuie sur "u" et choisis "Smart UV Project", copie mes réglages ou joue avec comme tu veux si besoin.

Correction du bazar UV en cours
Image 8. Correction du bazar UV

Tu devrais maintenant avoir quelque chose comme

Résultat du smart UV project
Image 9. Résultat du smart UV project
Attention

Ça peut sembler "bien" mais tu dois faire attention, car le dépliage UV automatique n'est pas parfait et il peut y avoir des chevauchements.

Par exemple, si on zoome sur le coin en bas à gauche, on voit que ça n'a pas été déplié si joliment que ça

Problèmes possibles du smart UV project
Image 10. Problèmes possibles du smart UV project

Comment on corrige ça ? Facile. D'abord, sélectionne la partie concernée. Pour ça, tu dois activer la petite icône dans le coin en haut à gauche de l'image ci-dessous. Assure-toi aussi d'être en "face selection" (l'icône soulignée)

Problèmes possibles du smart UV project
Image 11. Active la sélection bidirectionnelle inverse des UV

Maintenant toutes les îles UV seront visibles sur le côté gauche, tu peux aller sur la zone problématique, survole une face de là avec la souris et appuie sur L pour sélectionner uniquement cette île, tu verras qu'elle est aussi surlignée dans le modèle 3D. Déplions celle-ci toute seule, après l'avoir sélectionnée, appuie sur U mais cette fois choisis "Unwrap minimum stretch".

Résultat de l'unwrap minimum stretch de la zone sélectionnée

Image 12. Résultat de l'unwrap minimum stretch de la zone sélectionnée

Tu pourrais la redimensionner à la main jusqu'à ce qu'elle rentre dans les espaces vides de notre image, ou tu pourrais laisser Blender le faire pour toi ! Pour cette option, appuie de nouveau sur "A" pour tout resélectionner. Puis va dans le menu UV et choisis pack islands

Packing des îles à nouveau
Image 13. Packing des îles à nouveau
Info

Essaie d'utiliser la même valeur d'espacement que dans l'image 8

Packing des îles à nouveau (2)
Image 14. Packing des îles à nouveau (2)

Tes UVs sont maintenant prêts. Passons au baking.

Étape 2

Le baking dit à Blender de transférer certaines parties de l'apparence actuelle du modèle 3D vers un autre endroit, généralement une image de texture.

Pour cette étape, on va utiliser l'onglet shading du menu d'onglets en haut de la fenêtre Blender.

Sur le côté gauche, pense à ouvrir notre image "one_texture" créée précédemment, qui devrait encore être noire.

Onglet Shading
Image 15. Onglet Shading

Maintenant vient la partie ennuyeuse. Va dans le panneau latéral de droite, la vue matériaux, et sélectionne le premier. Puis, dans le panneau des nodes (les boîtes juste en dessous de notre modèle 3D) appuie sur F3 et tape "Image texture"

Création d'une nouvelle image texture
Image 16. Création d'une nouvelle image texture

Maintenant sélectionne notre image "one_texture" depuis l'icône "picture". Tu devrais avoir quelque chose comme ça

Résultat de la création d'une nouvelle image texture
Image 17. Résultat de la création d'une nouvelle image texture

Au passage, j'aime bien changer l'espace colorimétrique en sRGB, laisse le reste tel quel.

Remarque comme tu as un contour blanc autour de la boîte ? Ça veut dire qu'elle est sélectionnée, c'est aussi important pour le baking.

Une fois fait, appuie sur ctrl+c pour copier le node, et passe sur chacun des matériaux restants dans la liste du panneau de droite et appuie sur ctrl+v pour le coller.

Si tu as bien fait, tu auras maintenant une boîte comme la Image 17 par matériau, assure-toi qu'elles sont toutes sélectionnées.

Étape 3

Va dans l'onglet render du panneau latéral de droite

Onglet Render
Image 18. Résultat de la création d'une nouvelle image texture
Attention

Change le moteur de rendu d'EEVEE à Cycles, car EEVEE ne supporte pas le baking.

Entre dans le sous-menu "Bake" et sélectionne ces réglages :

Réglages du sous-menu Bake
Image 19. Réglages du sous-menu Bake

Une diffuse map bake la couleur de la texture, on désactive direct et indirect car on ne veut aucun éclairage qui interfère.

Avant d'appuyer sur le bouton "Bake", assure-toi de ceci
  1. La UV map sélectionnée est celle que tu as créée.
  2. Il y a un nouveau node image texture sélectionné pour chaque matériau.
  3. Ton modèle 3D est aussi sélectionné
Vérifie les réglages du bake
Image 20. Vérifie les réglages du bake

Une fois prêt, appuie sur bake.

Si tu as bien suivi le tutoriel, tu auras maintenant quelque chose comme ça

Résultat du bake
Image 21. Résultat du bake
Attention

Enregistre l'image en local ou tu vas la perdre.

Enregistre le résultat
Image 22. Enregistre le résultat

Étape 4

C'est l'heure de nettoyer et de tester le résultat.

Retourne dans la vue layout (dans la barre de menu en haut), ton modèle 3D devrait avoir l'air bon maintenant, on va le casser un peu. D'abord, créons un nouveau matériau pour accueillir notre nouvelle texture.

Crée un nouveau matériau
Image 23. Crée un nouveau matériau

Donne-lui un nom, comme "one_texture" et passe au layout shading puis place les nodes comme dans l'image suivante.

Placement des nodes
Image 24. Placement des nodes

Retourne dans l'onglet layout et supprime tous les matériaux sauf celui qu'on a créé. Tu vas te retrouver avec un bazar comme ça

Apocalypse des matériaux
Image 25. Matériapocalypse

Tu te souviens du menu UV map à l'image 2 ? Change l'icône appareil photo pour que ta nouvelle uv map soit celle qui l'a active et regarde la magie opérer.

Succès

Maintenant la touche finale, supprime l'ancienne "UVMap" et renomme la nouvelle avec le même nom "UVMap". Je ne suis pas sûr mais j'ai lu quelque part que le nom UVMap est important pour que les skins marchent dans League.


On this page

Written by the Divine Skins community. Open source on GitHub.