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

Ce sujet a été archivé depuis le forum Sims Artists avec leur aimable autorisation.

Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

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
A) Dans TSRW

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

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

Choisissez une fenêtre simple

  • 2) Exportation

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

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

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

[Intermédiaire] Créer une fenêtre simple 0210
B) Dans MS3D


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

Un peu de lecture  utile

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

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

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

Importez le high level

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

 
Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

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

https://i.servimg.com/u/f39/15/39/66/57/5510.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 5510
Cliquez sur l'image pour un grand format

[Intermédiaire] Créer une fenêtre simple 5610
Cliquez sur l'image pour un grand format

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

Faites réapparaître tout

https://i.servimg.com/u/f39/15/39/66/57/5710.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 5710
Cliquez sur l'image pour un grand format

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

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

 
Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

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

https://i.servimg.com/u/f39/15/39/66/57/5910.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 5910
Cliquez sur l'image pour un grand format

https://i.servimg.com/u/f39/15/39/66/57/6010.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 6010
Cliquez sur l'image pour un grand format

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

https://i.servimg.com/u/f39/15/39/66/57/6110.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 6110
Cliquez sur l'image pour un grand format

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

https://i.servimg.com/u/f39/15/39/66/57/6210.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 6210
Cliquez sur l'image pour un grand format

https://i.servimg.com/u/f39/15/39/66/57/6313.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 6313
Cliquez sur l'image pour un grand format

 
Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

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

https://i.servimg.com/u/f39/15/39/66/57/6410.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 6410
Cliquez sur l'image pour un grand format
https://i.servimg.com/u/f39/15/39/66/57/6511.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 6511
Cliquez sur l'image pour un grand format

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

https://i.servimg.com/u/f39/15/39/66/57/6611.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 6611
Cliquez sur l'image pour un grand format

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

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

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

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

 
Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

D)Le mappage 1ère partie

un peu de lecture

Ouvrez UVM et charger votre fenêtre

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

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

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

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

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

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

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

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

 
Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

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

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

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

https://i.servimg.com/u/f39/15/39/66/57/7510.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 7510
Cliquez sur l'image pour un grand format

Sauvegardez et fermez UVM

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

Ouvrez MS3D et importez votre fenêtre mappée

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

 
Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

E) Rotation des éléments

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

https://i.servimg.com/u/f39/15/39/66/57/7811.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 7811
Cliquez sur l'image pour un grand format

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

https://i.servimg.com/u/f39/15/39/66/57/7911.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 7911
Cliquez sur l'image pour un grand format

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

https://i.servimg.com/u/f39/15/39/66/57/8011.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 8011
Cliquez sur l'image pour un grand format

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.

https://i.servimg.com/u/f39/15/39/66/57/8110.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 8110
Cliquez sur l'image pour un grand format

https://i.servimg.com/u/f39/15/39/66/57/8210.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 8210
Cliquez sur l'image pour un grand format

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


 
Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

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

Image:

Fermez MS3D

F) Mappage 2ème partie

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

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

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.

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

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.

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

 
Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

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

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

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)

https://i.servimg.com/u/f39/15/39/66/57/9010.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 9010
Cliquez sur l'image pour un grand format

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

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

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

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

G) Les groupes

  • 1)Le high level

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.

https://i.servimg.com/u/f39/15/39/66/57/9311.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 9311
Cliquez sur l'image pour un grand format

 
Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

Renommez vos groupes,  pour vous aider regardez ici

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

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)

https://i.servimg.com/u/f39/15/39/66/57/9511.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 9511
Cliquez sur l'image pour un grand format

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

https://i.servimg.com/u/f39/15/39/66/57/9610.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 9610
Cliquez sur l'image pour un grand format

  • 2) Assignez le joint

Un peu de lecture

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

https://i.servimg.com/u/f39/15/39/66/57/9711.pn g" class="postlink" target="_blank" rel="nofollow">[Intermédiaire] Créer une fenêtre simple 9711
Cliquez sur l'image pour un grand format

Exportez le high level : File / Export / TSRW object

  • 3) Le medium level

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

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

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


 
Avatar photo
Forum Futur streamer professionnel
Messages : 3061
Membre ayant créé le sujet
 

H) Les textures

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

  • 1) Le multiplier et le specular

Créer un multiplier réaliste avec Blender

Image:

Ouvrez votre image du multiplier et corrigez les petites imperfections

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

Ajustez la luminosité et le contraste

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

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

  • 2) Le mask

Créer un mask 4 couleurs avec Paint.Net

Créer un mask 4 couleurs avec Photoshop

I) Importations dans TSRW

Importez le high level et le medium level

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

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

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

image:

J) Modifier le wall mask

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

D'autres tutoriels à lire

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

MODE D'EMPLOI

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle. Si vous avez créé quelque chose en suivant le tuto pourquoi pas la poster afin de la montrer à l'auteur

-----------------------------------------

Pour d'éventuelles questions, c'est par ici et si vous souhaitez en apprendre plus sur le sujet, rendez-vous dans la salle travaux pratiques

Bonne journée


 
Natsynchro
Forum Futur streamer professionnel
Messages : 3281
 

Merci Mam' !

 
Avatar photo
Forum Membre d'une société secrète
Messages : 1357
 

Merci Mam' pour ce tuto. Quel boulot