[Débutant] TSRW - La recoloration de vêtement

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 vêtements 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 certaines 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é au débutant, nous n'allons pas aborder la modification du specular ou de la normal map. Nous verrons cela plus en détail dans un tutoriel de recoloration niveau Apprenti (lien sera ajouté à la création du tuto)

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. Vêtement personnalisé : importation et réglages
4. Recolorations 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.

- Une fois le tuto complété je mettrai un lien vers la partie relative au CAS -

Dans mon cas j'ai choisi un tee-shirt à manche courte pour enfant. j'ai pris comme base un tee-shirt uni gris.

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

Première chose à faire par précaution c'est d'enregistrer votre projet, raccourci CTRL + S ou à l'ancienne File > Save


Vous voyez dans ma capture mon organisation personnel avec d'un côté le fichier dds qui va recueillir la base et mes créations et d'autres dossiers. Si chacun fait comme il le veut je vous recommande tout de même un fichier dds pour être organisé.

Vous nommer votre fichier comme vous le souhaitez, le .wrk est caractéristique des projets TSRW


On va à présent aller dans l'onglet Texture pour récupérer le fichier qui nous intéresse.

Je vais tout de même vous parlez des 3 fichiers présents auxquels j'ai associé une lettre :
A. Diffuse : il s'agit du visuel de votre vêtement. L'image qui va être appliquée sur le mesh 3D
B. Specular : il s'agit d'un fichier qui se met par dessus la diffuse, il contrôle les effets de réverbération de la lumière, c'est ce qui rend des éléments brillants
C. Shadow : le fichier des ombres de votre vêtement, ce qui donne ces ombres portées sur le corps des Sims

Nous allons uniquement nous intéresser à la texture diffuse, vous cliquez dessus et on clique sur le bouton Edit


On a accès à la fenêtre de la visualisation de la texture, cela semble vide mais si vous utilisez les ascenseurs vous verrez le tee-shirt.

On clique sur le bouton Export, cela nous permet d'enregistrer le fichier au format .dds. Je vous conseille vivement de le renommer pour 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 au 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 que c'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. Vêtement personnalisé : 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 fichier .dds au format DTX5 qui correspondent à vos designs.

A. Importer les fichiers :

On retourne donc dans Texture, on clique sur la partie Diffuse 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


Oui on ne voit jamais rien, si vous êtes stressé, descendez avec les ascenseurs pour vérifier que le changement à eu lieu. On peut donc cliquer sur Done


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

B. Modification des informations :

On va s'occuper des flags, dans la section Clothing Project, la traduction est drapeau. En fait c'est un peu des tags, disons des informations associées à votre création pour qu'elle apparaisse au bon endroit quand on effectue un tri. Le plus intéressant étant la couleur ou la catégorie de vêtement.

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

Par defaut la couleur est grise car j'ai comme base un tee shirt gris. mais ce n'est plus le cas de mon nouveau design donc je décoche ce qui ne correspond plus et je coche ce qui est au plus proche de mes couleurs.


A présent la section Color Swatch, va nous permettre de nous occuper de la couleur qui apparaît sur la visualisation du tee-shirt 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 couleur il vous suffit de cliquer sur le Color en effectuant un Clic droit, là vous optez pour Add a color. Vous pouvez en ajouter 2



Voici pour les incontournables. Si vous le souhaitez vous pouvez customiser un peu plus en lisant la suite

C. Customisation :

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 vêtement a des motifs ou designs distincts : optez pour la miniature
- votre vêtement a des couleurs unies : 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


Vous pouvez personnaliser également la grande vignette qui présente votre vêtement, il s'agit de 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.

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

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 à côté du menu déroulant correspondant au nom de votre fichier. Sachez que l'on duplique toujours le fichier sur lequel on se trouve.


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 quelle 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 !


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étaillé comme je l'ai fait ici.





   

Post laissé libre pour d'enventuels ajouts ou astuces

Merci !

Merci pour le tuto Fuyaya. Je regarde ça dans la semaine.

Merci beaucoup pour ce tuto, grâce à toi j'ai pu faire mes premiers pas sur TSR Workshop en toute simplicité.

Tu m'en voie ravie, j'espère que tu me montreras ce que tu as fait

Merci pour le tuto! Voici ce que j'ai fait, perso j'espère faire mieux la prochaine fois...

Merci !