[Intermédiaire] Créer une fenêtre simple

Les logiciels utilisés;
TSR Workshop
Milkshape
UV Mapper classic
Blender
un logiciel de graphisme

Sommaire du tutoriel

1. Dans TSRW
1. Créer un nouveau projet
2. Exportation
2. Dans MS3D
1. Décorticage de la fenêtre
2. Emplacement de la fenêtre
3. Modélisation
1. Création du châssis de la fenêtre
2. Les angles des coins
3. Création du cadre
4. Le mappage 1ère partie
5. Rotation des éléments
6. Mappage 2ème partie
7. Les groupes
1. Le high level
2. Assignez le joint
3. Le medium level
8. Les textures
1. Le multiplier et le specular
2. Le mask
9. Importation dans TSRW
10. Modifier le wall mask

ici l'objet à cloner se trouve dans la catégorie "object by buildtype "  

Choisissez une fenêtre simple

Allez dans l'onglet textures, exportez le mask, le multiplier et le specular

Allez dans l'onglet mesh, exportez wso et enregistrez sous le nom que vous voulez le high level, faites de même pour le medium level



Attention:« Auto Smooth » doit être coché dans l’onglet Groups

Un peu de lecture  utile

• Manipuler la vue pour se faciliter la vie
  

• Découvrir l'interface de Milkshape
  

Avant de commencer, nous allons effectuer une petite manipulation, allez dans File / Preference et mettez le Grid à 0,5

Réduisez la fenêtre MS3D pour que l'information soit prise en compte.

Importez le high level

Nous allons décortiquer la fenêtre afin de savoir à quoi correspond chaque groupe





Gardez bien en tête toutes ces informations car si vous inversez ne serait-ce que les vitres, votre fenêtre vous semblera nickelle dans TSRW mais elle ne fonctionnera pas dans le jeu

Les groupes sont identiques pour la majorité des fenêtres mais il y en a quelques unes qui diffèrent, voilà pourquoi c'est toujours mieux de vérifier avant de commencer,   pour ne pas avoir à tout reprendre depuis le début.

Vous n'avez plus besoin de la fenêtre pour le moment, vous pouvez la supprimer

Nous allons voir où doit se situer votre fenêtre dans MS3D.
C'est une fenêtre simple, elle ne doit pas dépasser la largeur d'un mur (2 carreaux) et la hauteur (6 carreaux)




Dans la vue de face créez une box pas trop épaisse.


Dans la vue de côté, avec votre souris sélectionnez en mode vertex un côté de la box
et déplacez-le en Z.



Faites de même pour l'autre côté.

Avec votre souris, sélectionnez votre box en mode face et dupliquez-la.



Sans désélectionner, effectuez un miroir Vertex / Mirror / Left/Right


Dans la vue de face, toujours en mode face, sélectionnez un des 2 côtés, dupliquez de nouveau, effectuez une rotation de 90° en Z et déplacez la sélection.

Dans la vue de face, sélectionnez les vertex sur le côté qui dépasse et déplacez en X.



Sélectionnez la barre du haut en double cliquant sur son nom dans l'onglet Groups et dupliquez-la.

Effectuez un miroir:  Vertex / Mirror  / Top/Bottom  et remontez la sélection




Dans la vue de face avec votre souris en mode vertex, sélectionnez le haut du châssis de fenêtre
 

Faites un zoom sur la partie sélectionnée, clic droit sur la fenêtre et Frame Selection

Explications en images


Faites de même pour les 3 autres coins


Commencez par créer un cylindre  avec les options indiquées



Pour sélectionnez  2  vertex distants : sélectionnez d'abord le premier puis sélectionnez le second en maintenant la touche SHIFT enfoncée

Sélectionnez les 2 vertex


Déplacez les vertex sélectionnés

La suite des explications en images

Déplacez le cylindre près du châssis


Sélectionnez les vertex et déplacez les pour mettre à la même taille que le châssis




Sélectionnez le cylindre en double cliquant sur son nom dans l'onglet Group, dupliquez le et effectuez un miroir : Vertex / Mirror / Left/Right

Sans désélectionner, dupliquez, effectuez une rotation de 90° en Z et remontez et placez en haut
Zoomez pour avoir une meilleure vue



Mettre à la même grandeur que le châssis

Sélectionnez les vertex et déplacez-les à la bonne taille



Sélectionnez la barre du haut en double cliquant sur son nom dans l'onglet Groups, dupliquez-la et effectuez un miroir : Vertex / Mirror / Top/Bottom

Comme je l'ai dit la fenêtre ne doit pas dépasser un pan de mur (2 carreaux), la mienne étant un peu plus grande, je vais la rétrécir un peu en largeur




Sélectionnez les quatre parties du châssis en double cliquant tour à tour sur les noms dans  l’onglet Groups et cachez-les.

Dans la vue côté dos, sélectionnez l'arrière du châssis et supprimez la sélection



N'oubliez pas de décocher « ignore backfaces »

Faites réapparaître tout


Il est temps de renommer vos groupes,  si vous avez lu les tutos que je vous ai conseillés, vous devez savoir comment faire.  

Dans la vue de côté, sélectionnez les vertex et déplacez-les jusqu'à la ligne



Dupliquez un par un tous vos groupes, pensez à les renommer au fur à mesure pour ne pas vous emmêler les pinceaux


Sélectionnez tous les groupes que vous venez de dupliquer, effectuez un miroir : Vertex / Front/Back et déplacez

Nous avons bientôt fini avec la modélisation, il ne reste plus que les vitres.
Dans la vue de face, créez un plane avec les options indiquées et placez-le dans votre fenêtre

Dupliquez votre vitre, effectuez un miroir : Vertex / Front/Back et déplacez

Supprimez toutes les couleurs/textures que vous avez pu ajouter via l'onglet materials

Exportez au format objet, vous pouvez fermer MS3D pour le moment

un peu de lecture

Ouvrez UVM et charger votre fenêtre

Sélectionnez tous, cliquez sur la touche / (elle se trouve sur le clavier numérique, au dessus du 8 ) pour réduire et placez la sélection dans un coin

Petites explications : Nous allons mapper de 2 façons, en planar pour les vitres  et en box pour tout le reste

Pour sélectionner 2 groupes non contigus, appuyez sur Ctrl

Sélectionnez ensemble les 2 vitres et mappez-les en planar

Sélectionnez une vitre peu importe laquelle, superposez-la avec l'autre et réduisez avec /

Sélectionnez ensemble les barres horizontales du cadre, côté extérieur et mappez-les en box
Répétez l'opération pour:
les barres horizontales du cadre, côté intérieur
les barres verticales du cadre, côté extérieur
les barres verticales du cadre, côté intérieur
les barres horizontales du châssis, côté extérieur
les barres horizontales du châssis, côté intérieur
les barres verticales  du châssis, côté extérieur
les barres verticales  du châssis, côté intérieur

Pour l'instant votre mappage doit ressembler à ceci

Sauvegardez et fermez UVM

Ouvrez MS3D et importez votre fenêtre mappée

Afin que la texture soit dans le même sens sur tous l'ensemble de la fenêtre, nous allons effectuer une rotation sur toutes les parties horizontales

Sélectionnez toutes les parties horizontales

Allez dans l'onglet Materials et ajoutez un motif de votre choix

Allez dans l'onglet Groups, désélectionnez tout et sélectionnez un groupe avec le motif et ouvrez le TCE


Cherchez le groupe que vous avez sélectionné et effectuez une rotation

Lorsque vous faites une rotation, il arrive que l'élément sorte en dehors de votre écran pour éviter cela sélectionnez "move" avant d’effectuer la rotation, faites un clic et là vous avez une petite croix qui marque le centre de votre rotation.



Réduisez le TCE, désélectionnez le groupe que vous venez de retourner, sélectionnez-en un autre et répétez les opérations. Ainsi de suite pour tous les groupes auxquels vous avez ajouté un motif

Fermez le TCE

Supprimez le motif et exportez de nouveau au format objet File/Export/Wavefront OBJ

Image:

Fermez MS3D



Ouvrez UVM et chargez la fenêtre que vous venez d'exporter
Comme vous pouvez le voir, c'est un peu le bordel, tout est mélangé!


On remet tout au propre
.
Ne vous inquiétez pas si vous n'obtenez pas exactement la même chose que moi, l'important c'est le résultat final et la place des éléments n'a aucune importance

Sélectionnez et retournez horizontalement (cliquez simultanément sur ctrl et x) une à une les parties entourées.

Lorsque vous avez fini, superposez les parties que vous venez de retourner avec celle qui se trouve à côté et déplacez-les à l'aide des flèches de votre ordi  
Regroupez ensemble les parties qui utiliseront la même texture, sachant que si vous avez pris la même fenêtre que moi, vous pouvez utiliser jusqu'à 4 textures.

Sélectionnez avec votre souris, le groupe cadre extérieur et agrandissez-le en cliquant sur la touche * (elle se trouve sur le clavier numérique au dessus du 9), répétez l'opération pour les 3 autres groupes. Ne pas redimensionner les vitres

Vous pouvez télécharger la grille ici

Importez la grille (ctrl+b) et placez vos éléments correctement, les éléments identiques doivent se trouver au même niveau (ex : le cadre extérieur doit se trouver au même niveau sur la grille que le cadre inférieur pour qu'il n'y ait pas de discontinuité dans votre texture), vous pouvez supprimer la grille (ctrl+c)

Sauvegardez votre texture map et votre fenêtre mappée


Ouvrez MS3D et importez votre fenêtre mappée File / Import Wavefront OBJ



Sélectionnez tous les groupes qui composent l'extérieur de la fenêtre sauf la vitre et regroupez-les, faites de même pour la partie intérieure.

Renommez vos groupes,  pour vous aider regardez ici


Importez le high level : File / Import / TSRW object, supprimez tous les groupes de la fenêtre du jeu que vous venez d'importer sauf le groupe 0 (l'ombre)


Ajustez l'ombre à votre fenêtre (group 0)


Un peu de lecture

Sélectionnez tous vos groupes sauf le groupe 0, allez dans l'onglet joint, cliquez sur Assign puis sur SelAssigned

Exportez le high level : File / Export / TSRW object

Supprimez le groupe 0 et renommez
le groupe 1----> groupe 0
le groupe 2----> groupe 1
le groupe 3----> groupe 2
le groupe 4----> groupe 3

Créez votre medium level

Importez le medium level afin de récupérer le joint et supprimez les groupes de la fenêtre que vous venez d'importer
Sélectionnez tout et assignez le joint

Exportez le medium level

Vous pouvez fermer MS3D

Information: Que ce soit dans le multiplier ou dans le mask les vitres doivent être mises en noir



Créer un multiplier réaliste avec Blender

Image:

Ouvrez votre image du multiplier et corrigez les petites imperfections

Ajustez la luminosité et le contraste

pour la suite, reportez vous à la fiche avec Photoshop ou celle avec  Paint.Net

Créer son multiplier et son specular avec Photoshop

Créer son multiplier et son specular avec Paint.Net



Créer un mask 4 couleurs avec Paint.Net

Créer un mask 4 couleurs avec Photoshop



Importez le high level et le medium level


Importez vos textures modifiées
N'oubliez pas de modifier le specular de référence.

image:

Adapter le wall mask à sa fenêtre ou à sa porte

Tout ce qu'il vous reste à connaître se trouve ici: Guide du petit créateur


Manipuler TSRW - Ajouter des canaux de couleur à sa création

Manipuler TSRW - Manipuler la vue de l'objet

PS: Merci à Pouss de m'avoir gentiment expliqué pour les images

Merci Mam' !

Merci Mam' pour ce tuto. Quel boulot

Mam', je suis la testeuse de ton tuto. J'ai quelques remarques en réserve mais là je suis bloquée, encore une fois avec uvmap.
J'ai mappé les vitres puis j'ai sélectionné toutes les boxes pour faire une uvmap box. Puis je sélectionne les 2 barres horizontales du cadre extérieur et je voudrais savoir si c'est normal qu'un groupe soit comme ça en 2 parties (celui sélectionné) et si oui comment je fais pour le placer comme tu l'as fait toi, il faut réduire aussi avec / ?

Spoiler:

Et est-ce qu'il faut réduire plusierus fois les vitres et tout le reste car chez moi je ne vais pas réussir à tout mettre si je ne réduis pas plus?