[Apprenti] TSRWorkshop - Création d'un papier peint

Bonjour,

Dans une première partie nous verrons comment créer un trompe l'oeil en ajoutant une image fixe.
Dans une seconde partie nous verrons comment créer un nouveau papier peint totalement recolorable.
Pour finir nous verrons les limites de la création et les contraintes quand au format d'export (sims3pack/package)

Pré requis :

Nous allons nous servir de TSR Workshop. Si vous ne l'avez pas encore ce tutoriel vous indiquera comment l'installer.
Le logiciel de graphisme dont je me sert est photoshop, mais les manipulations sont simple et peuvent être menée grâce à n'importe quel logiciel de graphisme à condition qu'il puisse ouvrir les fichier .dds

1. Création d'un papier peint trompe l'oeil :

Ce tuto est issu d'une demande d'aide pour la création de mur trompe l'oeil. Le but etant de donner l'illusion qu'une double porte est présente. Je vais donc utiliser cet exemple pour illustrer ce tuto.

A. Création d'un nouveau projet :

La première chose à faire c'est de créer un nouveau projet, choisir ton papier peint et exporter ce dont on a besoin.



Donc vous ouvrez TSR workshop et vous cliquez sur Create a new project


Comme nous souhaitons modifier un mur, la catégorie qui nous intéresse est builditem.


Les tapisseries se trouvent dans la catégorie walls and floor
Il va falloir patienter un peu le temps qu'il charge les murs.
Afin de partir sur quelque chose de simple j'ai choisi ce mur Wall_moulding_baseboard_crown car il est dans le jeu de base, il possède des plaintes et n'a pas une structure trop complexe avec seulement deux canaux de couleurs.


Il est temps de donner un nom à ce projet et mettre une description si vous le souhaitez. Sachant que le nom donné sera celui qui apparaît dans le launcher et la description, le texte que l'on lit lorsque l'on regarde la fiche d'un élément.


Une boite d'alerte. En fait cela explique que le mesh de base a trop de variations. Il vous demande si vous êtes d'accord pour diminuer le nombre à deux. il vous informe que le format sims3pack ne supporte pas plus de 2 pans.
Sachant que par la suite on pourra créer autant de variation que l'on veut et que je vous expliquerait les limites des formats dans le troisième point.

Il propose de faire cela pour nous, on est d'accord, donc on clique sur Oui

La vue par défaut n'est pas terrible alors pour travailler dans de bonne condition on fait en sorte de voir le papier peint de face.
Au niveau du menu déroulant je choisi Front.

Pour en savoir plus sur a manipulation de la vue, vous pouvez consulter ce tutoriel


On va voir un peu plus en détail les choses avec les pastilles numérotées :
1. les différents onglets à notre disposition. On est ici dans l'onglet Texture
2. La fênetre où l'on visualise le mesh sur lequel on opère
3. Overlay : c'est le calque qui va permettre de mettre une image qui va se superposer sur le mesh. C'est avec celui-ci que nous allons travailler.
4. Mask : il commande les canaux de couleur en indiquant quelle zone correspond à quelle canaux.
5. Multiplier : il commande les ombres
6. specular : si je ne m'abuse les effets de lumière (à confirmer)

Dans le cas de notre mesh, l'overlay est vide, il nous faut donc récupérer un fichier qui soit à la bonne taille pour avoir un repère concret et ne pas travailler en tatonnant.

Nous allons donc être astucieux et nous servir du multiplier car il va nous permettre de bien visualiser le mur afin de nous repérer dans l'espace !

quand on clic sur Multiplier, on a un bouton edit qui apparaît. On va donc cliquer dessus


Voici la tête de notre rendu. Nous allons donc à présent l'exporter.


Au niveau de la fenêtre d'enregistrement on voit que c'est bien un fichier .dds
Le truc est qu'il lui donne un nom à coucher dehors. J'ai longtemps cru qu'il fallait le garder intact mais en suivant l'atelier de maman gâteau, j'ai vu qu'on pouvait les renommer sans stress.

Comme il va nous servir pour créer l'overlay, je le renomme en overlay.dds
Vous pouvez le nommer comme vous voulez, je vous l'indique afin que vous sachiez de quoi je parle par la suite !

On a tout ce qu'il nous faut, on peut donc fermer TSR Workshop


Il vous propose d'enregistrer ton projet, faites le afin d’éviter d'avoir à tout refaire par la suite.

Pour ma part je vais l'appeler original, ce sera donc un fichier : original.wrk

B. Création de l'overlay grâce à un logiciel de graphisme :

J'avais fait un essai pour voir la faisabilité de la chose ce qui donnait cela :

La conclusion que l'on peut en tirer est que la porte ne doit pas faire toute la hauteur du panneau autrement ce n'est pas crédible. On va tâcher de la faire aussi haute qu'une fenêtre. Pour cela on va se servir de la frise du haut pour se caler, c'est pour cela que j'ai choisi un panneau qui a une plainte en haut et en bas

Ouvrez votre logiciel de graphisme.
On a besoin de l' image de référence pour la porte et du fichier overlay.dds que l'on a créé la dernière fois.

On commence avec le fichier de la porte :


Veillez à ce qu'il soit bien propre en supprimant l'arrière plan. Puis on va sélectionner seulement une moitié de la porte.
Pour ma part j'ai sélectionné et choisi de couper pour les avoir sur deux calques différents. Donc une fois ma moitié de porte obtenu je la copie

On va venir la coller dans le fichier overlay.dds. Cela va donc créer deux calques, un qui contient l'overlay de base et un qui contient la demi-porte



On va maintenant la positionner correctement et la redimensionner en se basant sur la plainte du haut.


J'ai fait attention à ne pas laisser de jour entre la bas de la porte et le bas du mur car on verrait la plainte dans ce cas là.

On va ensuite masquer le calque qui contient l'overlay de base. On a donc notre porte avec un fond transparent

Je vais donc l'enregistrer au format .dds
Je la renomme pour ne pas écraser mon fichier de base.


Nous avons donc un seul battant, il nous faut celui de droite.
Dans mon cas, la porte est quasiment symétrique aussi dans la mesure où elle est déjà à la bonne hauteur, je vais opter pour la facilité et un effet de miroir horizontal


A présent je la positionne correctement sur la partie gauche de mon calque :


Il ne me reste plus qu'à l'enregistrer toujours en donnant un autre nom de fichier

C. Création de notre nouveau papier peint :


De retour dans TSR Workshop où vous allez ouvrir le fichier .wrk sauvegardé la dernière fois.
Au niveau de l'onglet texture vous voyez qu'il n'y a que deux designs de mur (il a fais le vide tout à l'heure), c'est exactement ce qu'il nous faut.
Un pour la porte de droite et un pour la porte de gauche.


Cliquez au niveau de l'overlay, un bouton apparaît et vous cliquez dessus.


Vous allez choisir import et sélectionner le premier fichier .dds de la porte que vous avez créé


Voici ce que ça donne, ne vous tracassez par pour le rendu c'est parce que l'on visualise deux pans de murs


Vous allez à présent sélectionner le second rendu dans le menu déroulant et répéter l'opération que l'on vient d'executer.

Une fois que c'est fait et par prudence on va sauvegarder le travail mais en tant que nouveau projet d'où le save as...


Toujours dans le menu file on va l'exporter en sims3Pack


Il ne reste plus qu'à l'installer via le launcher


Vous pouvez voir à présent le rendu dans le contenu installé.
Attention le nom indiqué n'est pas le nom du fichier mais le titre que vous avez donné à votre projet.
Bon à savoir lorsque l'on cherche dans les nombreux téléchargement possédés.


Et voilà ce que cela donne dans mon jeu

2. Création d'un nouveau papier peint colorable :

Je vais garder mon exemple précédent pour illustrer cette seconde partie. Tout simplement car nous n'allons pas avoir besoin de recommencer depuis le début. Cela vous permet ainsi de conserver vos repères.

Donc nous reprenons à partir de votre première sauvegarde du projet, avant que nous fassions tout un tas de modification. Le fichier original.wrk

A. Préparation des éléments dans TSR Workshop :

On va donc dans TSR workshop et nous allons exporter ce dont nous avons besoin :
1. le mask
2. le multiplier
C'est ainsi que je nomme ces fichiers au moment de l'export

C'est tout pour l'instant, vous pouvez fermer TSR si vous le désirez

B. Création du multiplier :

On va ouvrir le fichier multiplier.dds
On récupére notre pan de porte et on va venir le mettre par dessus le calque d'origine


A présent nous allons sélectionner le calque de la porte et le convertir en noir et blanc.
Nous avons différents niveau de gris, c'est ce qui va donner du relief à notre porte, sur le même principe que les moulures qui existaient déjà en haut et en bas de notre modèle d'origine.


Il ne nous reste plus qu'à enregistrer au format .dds notre nouveau multiplier


C. Création du mask :

La recoloration des objets se fait par l'association de zone du mask.dds à un des trois canaux (channels).
Ces canaux sont le rouge, le vert et le bleu. Pour en savoir plus lisez ce tutoriel : http://www.sims-artists.com/t338-debutant-tsr-workshop-ajouter-des-canaux-de-couleur-a-son-objet

Bien que je vous ai fait exporter le mask, nous n'allons pas nous en servir; en effet nous allons le créer à partir du multiplier car nous voyons bien les zones qui sont à distinguer :
- plaintes
- mur
- porte

Donc dans un premier temps, je créé un nouveau calque que j'ai nommé mask et je sélectionne la zone de mes plaintes.

Première couleur le rouge. Vous voyez sur la vignette de droite que c'est un rouge pur, vous avez ainsi les valeurs de celui-ci


Même chose pour le bleu


Et enfin le vert, voilà nous avons fini notre mask


On l'enregistre donc en tant que mask.dds


D. mise en place dans TSR workshop :

Même principe que ce que nous avons vu dans la première partie. on va éditer le mask et le multipliar pour les remplacer par ceux que nous venons de créer.

Comme vous pouvez le voir pour l'instant cela ne ressemble pas à grand chose.

C'est parce que le modele d'origine n'a que deux canaux de couleurs et nous nous en avons créé trois.
On va donc tout simplement au niveau du pattern C déclarer que visibilité sa valeur est true. On va donc l'activer (traduction de Enabled)

Pour référence j'ai mis au niveau de chaque pattern, la couleur du mask auquel il est associé


Je vous rappel que vous pouvez ensuite en cliquant sur un pattern et edit modifier le motif que ce soit sa catégorie ou les couleurs du motif.


N'oubliez de pas de modifier le second rendu pour avoir votre deuxième pan de mur.
Pour ce qui est du mask et du multiplier, l'astuce est via votre logiciel de graphisme d'utiliser la symétrie horizontale. C'est une fonction de base vous devriez tous l'avoir.


Voilà c'est fini, il ne vous reste plus qu'à exporter votre création en sims3pack.

3. Les limites des formats d'export : quand on veut créer plus de deux pans ?!

Il est important de savoir que la création de papier peint n'est pas en soit limitée par le nombre de pans de murs.
C'est le format d'export qui apporte une limite. Ainsi si vous souhaitez créer 1 ou 2 pans de mur (cas du trompe l'oeil et du second exemple) vous allez pouvoir utiliser le format Sims3pack.
Par contre si vous souhaitez créer plusieurs pans de murs (cas de la fresque) vous serez obligé d'exporter votre création en package.

Les exemples ci dessus lié à la création sont valable quel que soit le nombre de pans de mur, vous pouvez donc les suivre comme guide de création sans soucis, la logique est la même !
Nous allons voir comment procéder si l'on veut créer trois pans pour une fresque par exemple !

Nous allons donc à présent dupliquer un des murs. Cliquez sur le bouton à droite du menu déroulant et choisissez Duplicate


Là reprenez le fil de votre création et modifiez comme on l'a vu dans les points 1 ou 2 (selon votre objectif) l'overlay, multiplier et specular.

Comme je vous l'ai dit plus haut au dessus de 2 pans, on doit obligatoirement utiliser le format package. C'est donc au moment de l'export que l'on va changer notre manière de faire !

Dans le menu Edit cliquez sur Projects contents.


Une fenêtre s'ouvre qui rappelle les informations que l'on peut trouver avec S3PE/S3OC. On ne s'en soucie pas plus que ça car la seule chose qui nous intéresse est le menu Export, là pas le choix cliquez sur package


Pour finir un exemple de ce que l'on peut faire quand on ne se limite pas à deux pans de mur :


Pour ce faire j'ai utilisé une prise de vue du jeu et me voici avec une fresque de soleil couchant.

Voilà, j'espère que ce tutoriel vous sera utile.
N'hésitez pas si vous l'essayez à montrer ce que vous avez réussi à faire  

Bref, merci beaucoup Fu' !

Merci beaucoup Fu pour ce super tuto!

Très bon tuto Fu !

Merci à toi maman parce que je me serai arrêté à l'étape 1 si tu ne m'avais pas intrigué

Merci

sur le 2me post il y a une image qui n’apparaît pas

C'est corrigé