[Débutant] TSR Workshop : La recoloration d'objet - exemple d'un tableau

Nous allons nous intéresser à ce que l'on appelle la recoloration. La recoloration consiste à prendre un mesh existant du jeu et à modifier ses couleurs ou textures pour créer un nouveau contenu. Pour ce tuto nous nous intéressons à la recoloration de tableau du jeu.

Vous trouverez le long de ce tuto des liens vers d'autres tutoriels. Nous procédons ainsi pour alléger les tutoriels et certains parties (qui concerne le graphique) sont les mêmes quel que soit le logiciel.

Comme nous repartons de zéro en matière de support votre logiciel de graphisme doit impérativement supporter le format .dds

Avertissement :

Dans la mesure où ce tutoriel est consacré aux débutants, nous n'allons pas aborder la modification de la normal map (profondeur des effets)  ou de la SomeMap1 (impact de la lumière). Nous verrons cela plus en détail dans de futurs tutoriels.

Nous aborderons plus en détails les fichiers qui sont alors accessibles et modifiables dans la dernière partie.

Sommaire :

1. TSRW, création de projet et récupération des données
2. Côté graphisme
3. Recoloration du tableau : importation et réglages
4. Designs multiples & export

1. TSRW, création de projet et récupération des données :

A. Récupérer le programme :

TSR Workshop, TSRW pour les intimes est un programme partagé gratuitement par le site The Sims Resource.

Vous pouvez donc vous le procurer gratuitement ici : http://www.thesimsresource.com/workshop/

B. Création du projet :

Je vous renvoie pour cette partie vers le tutoriel de Mam sur la création de projet : [Débutant] Manipuler TSRW - Création d'un nouveau projet

Le principe est le même pour les Sims 4 et les Sims 3.

Voici le tableau que j'utilise comme objet de référence pour ce turo:

Sachant que je vais exploiter la totalité de l'intérieur de cadre en enlevant la bordure intérieure.

C. Récupération de la base graphique :

Les fichiers images se trouvent dans l'onglet Materials


On constate qu'il y a plusieurs fichiers qui sont eux-mêmes distingués en deux groupes :
- Group 0 (vert) : concerne le rendu de l'ombre
- Group 1 (rouge) : concerne le visuel de notre objet

C'est donc les éléments du group 1 qui nous intéressent. Là encore plusieurs fichiers, seuls les deux premiers contiennent des données de type texture.
- le premier : le rendu de l'objet par défaut
- le second : le rendu de l'objet s'il a été sali dans le contexte du jeu


On va récupérer le fichier DiffuseMap dans le premier par habitude, sachez qu'il s'agit du même dans le second fichier
On le sélectionne et clique sur Edit


Là, une fenêtre apparaît et l'on choisit Export


N'hésitez pas à renommer le fichier pour mieux vous y retrouver !

2. Côté graphisme :

Maintenant que vous avez votre matériel de référence, il vous reste à retrousser vos manches et à ouvrir votre logiciel de graphisme !

Ce post permettra d'ajouter différents tutoriels utiles dans votre aventure de recoloration. Certains seront liés dans les exemples aux sims 3 mais si on vous donne les liens c'est parce que les techniques en matière de graphisme sont les mêmes.

A. Support DDS :

Afin de savoir ce qu'est cette bête : [Fiche] Information - Le format DDS

Pour mémo :
- format du fichier de recoloration du vêtement : DTX5
- format de la miniature : DTX1

B. Photoshop :

Pour apprendre comment utiliser une image de référence pour créer son contenu :
[Débutant] Créez vos vêtements - Partie III - Créez avec Photoshop

Pour apprendre à créer des ombres qui ajouteront du réalisme à vos vêtements (je me sers de cette technique pour créer des plis notamment)
[Intermédiaire] Ombrage manuel

C. Gimp :

Pour apprendre comment utiliser une image de référence pour créer son contenu :
[Débutant] Créez vos vêtements - Partie III - The Gimp

Pour apprendre à créer des ombres qui ajouteront du réalisme à vos vêtements (je me sers de cette technique pour créer des plis notamment)
[Intermédiaire] Créer des ombres

Un tutoriel pour voir en détail comment recolorer un vêtement
[Apprenti] Recolorer un vêtement du jeu les Sims 4 avec une image personnalisée

3. Recoloration du tableau : importation et réglages :

Il est temps de voir à quoi ressemble votre vêtement sur le modèle 3D.
Après la partie graphique vous êtes censé avoir un ou plusieurs fichiers .dds au format DTX5 qui correspondent à vos designs.

A. Importer les fichiers :

On retourne donc dans Materials, on clique sur la partie DiffuseMap et Edit


A présent, on va tout simplement cliquer sur Import pour charger notre design


Cela vous ouvre une fenêtre de recherche sur votre ordinateur. Sélectionnez le fichier et faites Ouvrir


On peut donc cliquer sur Done pour confirmer


On vous demande si vous souhaitez reporter cette modification sur tous les fichiers qui utilisent cette texture : vous cliquez sur Yes


On va à présent faire la modification dans le second fichier, à titre indicatif j'ai mis en fond jaune ce fichier supplémentaire qui le différencie de l'autre.
Bref, vous constatez que l'ancien DiffuseMap est toujours effectif. On le sélectionne et on clique sur Edit


Afin de ne pas charger de fichier inutile, ce qui aurait pour conséquence de rendre votre package très lourd, on va choisir Browse puisque l'on veut utiliser une image que l'on a déjà importée.


A titre indicatif, l'utilisation de la fonction Import à défaut de Browse, donc la présence d'un même fichier plusieurs fois, peut être une cause de refus si vous souhaitez partager votre création sur TSR

Revenons-en à notre Browse qui vous a ouvert cette fenêtre. Cherchez le fichier correspondant à votre texture et faite OK.
Si c'est le premier visuel de votre recoloration, vous le trouverez facilement


Puis à nouveau Done

On vous demande la même chose que précédemment (LOD) et on redit Oui

Félicitations, vous avez chargé votre recoloration. On va maintenant s'intéresser aux finitions. C'est à dire les réglages pour qu'il soit associé aux bonnes couleurs et si vous êtes motivé, même changer l'image de prévisualisation

B. Modification des informations :

On va s'occuper des Tags, dans la section Project. Ce sont les informations associées à votre création pour qu'elle apparaisse au bon endroit quand on effectue un tri par couleur.

Je vous montre comment cela fonctionne avec les couleurs, tous les éléments sont accessibles via Tag et en cliquant sur le bouton des ....

Par defaut, la couleur est Darkbrown qui correspond au tableau de base. Mais ce n'est plus le cas. Donc je décoche ce qui ne correspond plus et je coche ce qui est au plus proche de mes couleurs, ici le noir.

A présent, la section Color Swatch va nous permettre de nous occuper de la couleur qui apparaît sur la visualisation du tableau quand il y a plusieurs designs. Il y a toujours plusieurs couleurs unies qui nous permettent de naviguer d'un design à l'autre.

C'est ce qui correspond Color, en cliquant sur le bouton vous avez un menu avec différents onglets pour choisir votre couleur. Mais si vous connaissez le code RVB de votre teinte, vous pouvez le saisir en séparant chaque valeur par un point virgule tel que 256;125;87


Pour avoir plusieurs couleurs, il vous suffit de cliquer sur le Color en effectuant un Clic droit, là vous optez pour Add a color. Vous pouvez en ajouter ou supprimer.



C. Customisation de la vignette :

On va s’intéresser toujours dans la partie Color Swatch à la Variant Thumbnail. Il s'agit de l'image miniature qui apparaît quand on passe la souris sur la couleur représentant un design.

Alors deux cas de figure :
- votre objet a des motifs ou designs distincts : optez pour la miniature
- votre objet a des couleurs unies ou caractéristiques : optez pour plusieurs couleurs

Pour avoir une vignette, cliquez alors sur Variant Thumbnail. Vous aurez besoin d'une image de 32px X 32px, un format classique de type png ou jpeg




N Nous allons personnaliser la , grande vignette qui présente votre objet . Si vous ne le faites pas, le jeu en générera une mais le résultat n'est pas glorieux, on va donc prendre les choses en main !

Il s'agit là d'une image au format classique .jpeg, pour sa dimension en se basant sur celles que génèrent le jeu on a 256px X 256px
.

Mon astuce pour la créer est de tout simplement prendre une capture d'écran de TSR Workshop.
Il me reste à ne récupérer que mon tableau sans l'ombre. C'est un choix personnel car le fond de ma vignette est texturé.


A présent que l'on a notre visuel, on va dans la section Thumbnail. Vous devez d'abord cliquer sur le + pour ajouter l'option. Ensuite, il vous faut cliquer sur la ligne pour récupérer votre image.

4. Recolorations multiples & export :

On a vu comment modifier votre design, mais vous ne vous êtes sans doute pas arrêté à une recoloration. Donc comment en ajouter ?

C'est tout simple, il suffit d'appuyer sur le bouton à coté du menu déroulant correspondant au nom de votre fichier. Sachez que l'on duplique toujours le fichier sur lequel on se trouve.


Là une fenêtre va s'ouvrir, je remplace le chiffre par le numéro correspondant à ma recoloration. Ici c'est ma deuxième, donc ce sera set2. On clique ensuite sur OK


Lorsque vous allez modifier le fichier de votre diffuse, on va vous demander de choisir quand au remplacement.

En fait, ce que l'on vous demande, c'est si vous voulez remplacer le fichier par un nouveau (on l’écrase donc on le supprime) ou si l'on veut ajouter un fichier.
Dans quel cas choisir quel option :
- vous avez corrigé un design ou changé d'avis : vous voulez donc vous débarrasser de l'ancien et on opte pour Oui
- vous ajoutez une nouvelle recoloration : vous voulez qu'elle s'ajoute aux autres designs : on opte pour Non

Il n'y a pas mort d'homme si vous vous trompez, mais il est important de faire le bon choix pour éviter de ne trop alourdir votre package avec des fichiers qui ne servent à rien !


Il vous demande la même chose que toute à l'heure, à force, vous devez savoir quoi dire, mais au cas où sachez qu'on répond encore Oui

Maintenant que l'on a fini on n'oublie pas de sauvegarder, je vous conseille d'ailleurs de l'avoir fait au fur et à mesure...

Et on peut exporter notre package File > Export > .package Sims4 Mods-folder

Nouveauté : il l'exporte directement dans votre dossier mods, il ne vous reste plus qu'à le nommer et le tester.

La création de ce tutoriel a également été l'occasion d'un let's create. Vous pouvez le visionner pour voir les manipulations, notamment la partie graphique.

Même si je parle, la vidéo n'est pas un tutoriel, je n'ai pas pris le temps de détailler comme je l'ai fait ici. En ce qui concerne la réverbération de la lumière, le tuto ne saurait tarder.

Fu c'est moi qui teste et tout est hyper clair !! et ce que j'ai apprécié à la différence de S4studio c'est que l'on peux créer le nombre de recoloration que l'on veux

Avec ton tuto j'ai fais les tableaux qui suivent:

Spoiler:

Merci !