[Apprenti] Créer un tableau sur mesure

Bonjour,

Lorsque l'on créé un nouveau tableau, on a tendance a utiliser un tableau existant que l'on va ensuite modifier en hauteur et largeur. Ensuite il ne reste plus qu'à remplacer l'image du fond pour y mettre la nôtre.

Mais comment faire lorsque l'on a sa propre image. Chercher parmi les meshes d'EA Games celui qui se rapproche le plus ou sur le net en espérant avoir le format idéal. Ou sacrifier son image pour qu'elle d'adapte ?

Cela est parfois subtil mais voici ce qui se passe en réalité lorsque vous utilisez un mesh pré existant et que vous modifier votre image pour qu'elle s'adapte sur l'overlay :


Sur cet exemple c'est flagrant, mais c'est ce qui se passe à chaque fois avec plus ou moins de bonheur.

Nous allons voir ici comment créer un tableau sur mesure à partir de votre image. Attention nous voyons ici comment créer l'objet 3D du tableau. Il vous faudra ensuite suivre le processus de création d'un tableau en l'exportant pour TSR Workshop.

1. Préparer sa vue :

Je vous invite à lire au préalable ces deux tutoriels :
-  Les bonnes dimensions pour Les Sims 3
Vous devez avoir une idée de départ de la taille de votre tableau pour être efficace.
- Découvrir l'interface de Milkshape
Afin que vos vues soient bien paramétrées

On va donc utiliser la vue de face (front) et pour avoir une vue d'ensemble j'ai mis le réglage à 100


Pour créer un tableau à partir d'une image, et bien je vais tout bêtement avoir besoin de mon image de référence, le joyau dont on prépare l'écrin !
Pour l'exemple notre joyau ce sera Pomme, en souvenir de ses Vacances en Grèce pourquoi ne pas lui créer un cadre photo ?!

On va donc cliquer sur le fenêtre Front avec le bouton droit de la souris, qui permet d'obtenir un menu contextuel. On choisi donc choose background image...


Une nouvelle fenêtre apparaît qui va nous permettre de choisir l'image et la redimensionner


Dans le cadre rouge le bouton pour parcourir vos dossier en quête de votre image.
Dans le cadre vert les valeurs qui vont permettre de redimensionner l'image.
Pour que l'image soit redimensionnée en respectant le format d'origine on donne la même valeur aux champs Scale X et Scale Y

En ce qui concerne la valeur après je suis désolée de le dire mais il va falloir que vous vous armiez de patience et tâtonner selon la taille d'origine de votre image. On ne cherche pas ici à ce que l'image soit à la taille exacte de votre futur tableau, juste à ce qu'elle soit assez petite pour rentrer en entier dans notre fenêtre.

Sachant que mon image de base à une taille de 640px X 360px, la valeur 0.005 donne un bon rendu

2. Créer le fond tableau :

Nous allons en premier lieu créer le fond du tableau :

Pour ce faire nous allons utiliser le menu Model et choisir la forme Plane. Au niveau des réglages nous avons besoin d'une forme toute simple dans Plane Option on saisit donc 1 Hdivs et VDivs


Il nous suffit à présent de tracer en nous calant sur l'image pour créer le fond du tableau


Voilà qui est chose faite. Prenez le temps de zoomer pour vérifier que tout est calé impeccablement, autant faire les choses bien


Nous n'avons plus besoin de notre image de fond, on peut à présent l'enlever. Re cliquez sur votre fenêtre avec le bouton droit et choisissez Choose a background image...
Au niveau de la fenêtre effacez le chemin de l'image et cliquez sur OK



Voilà c'est parti. On va en profiter pour prendre de bonne habitude et renommer notre plane. Cela se passe dans le menu group. Saisissez le nouveau nom et cliquez sur Rename

3. Créer le cadre :

Imaginons que sous souhaitiez créer un poster ou une toile simple : il vous suffit de passer ce point

Nous allons à présent utiliser la forme Box (boite) dans le menu Model


Et nous allons utiliser notre fond comme référence afin de créer une boite qui ait les mêmes dimensions. On opère toujours dans la fenêtre Front


Si vous regardez la vue Top vous voyez que nous avons notre fond et notre boîte (en rouge). Comme d'habitude il m'a créé un truc gigantesque au niveau de la profondeur, mais en y réfléchissant c'est normal il créé souvent des cubes...


On va donc redimensionner la boîte. On utilise pour cela la fonction Scale. Au niveau des valeurs je préfère y aller en plusieurs fois j'indique 1.1 au niveau de Z. Z correspond à la profondeur chez Milkshappe. Je laisse les autres à 1 pour qu'il ne touche ni à la hauteur ni à la largeur !
Il ne me reste plus qu'à cliquer sur scale jusqu'à ce que l'épaisseur me convienne.


Une fois chose faite je choisis Move et je déplace ma boite pour la caler par dessus mon fond. Le fond de la boite sur mon fond (ça fait beaucoup de fond dans la même phrase...)

A présent nous allons dupliquer notre cadre. A titre indicatif, la duplication ne fonctionne que si un élément est sélectionné. Si vous avez déséslectionné votre boite utilisez le menu group, cliquez dessus puis sur select.

Pour la duplication c'est le menu Edit > Duplicate selection, il y a un raccourci que l'on fait l'effort de mémoriser : CTRL + D


Nous avons donc à présent notre fond et deux boites. On va les renommer en cadre1 et cadre2. A présent on a plus besoin de notre fond donc on le sélectionne et on le masque en cliquant sur Hide


Ensuite si vous avez des choses sélectionnées, cliquez sur une fenêtre pour que tout se déselectionne ou alors composez le raccourci CTRL + MAJ+ A (autrement c'est dans le menu Edit > select none)
A présent on va sélectionner le cadre1.


Il va nous servir à créer l'extérieur de notre cadre, on va donc l'agrandir via la fonction scale, on l'a vu précédemment.
Cette fois ci comme on ne veut toucher qu'à la largeur et la hauteur on va rentrer des valeurs dans X et Y.
Les valeurs sont indicatives, elles ne doivent pas forcement être les mêmes, tout dépend de l'épaisseur que vous souhaitez donner à votre cadre !


A présent on va masquer (hide) le cadre2, pour ne travailler que sur le cadre1

Afin de mieux s'y retrouver pendant les manipulations à venir, je vous conseille de modifier la vue de votre fenêtre 3D
On va sélectionner :
- Flat shadded : cela va nous permettre de voir si les faces sont dans le bon sens et visibles (blanches) ou dans le mauvais sens et invisibles (noires)
- Wireframe Overlay : superpose à la vue 3D la structure de l'objet, vous vous rendez ainsi mieux compte du positionnement d'un vertex ou d'une face sur votre objet 3D.

On utilise Select dans le menu Model à présent.
Faites attention aux réglages, on veut sélectionner les face et ignorer les faces d'arrière plan (Ignore Backfaces) donc cochez la case


Afin d'être sûr de bien sélectionner les deux faces qui composent le devant du cadre1, on va tracer avec la souris un cadre de sélection. il suffit de maintenir la touche de gauche appuyée pour le tracer.


Voici au niveau des 4 vues ce que vous devez obtenir et qui indique que tout est bien sélectionné.
Si vous avez sélectionné des choses en trop, pour désélectionner une face il vous suffit de cliquer dessus en appuyant sur la touche Maj et en cliquant avec le bouton droit.

Spoiler:

A présent on va supprimer ces deux face et on clique tout simplement sur la touche Suppr de votre clavier.
Vous n'avez pas supprimé la bonne chose, pas de panique CTRL + Z pour revenir en arrière.

Voici ce que vous devez obtenir.
Vous avez remarqué le fond est noir, pas de soucis car plus tard c'est là que se trouvera le fond de notre tableau, notre image.

A présent nous allons changer de cadre donc :
- masquer le cadre1
- afficher le cadre 2, pour cela il suffit de re cliquer sur Hide

On change les réglages par rapport à tout à l'heure au niveau du menu select. Cette fois ci on décoche Ignore backfaces

On va répéter l'opération que l'on a effectuée tout à l'heure sur le cadre1, à savoir selectionner les faces du devant. Comme cette fois on n'ignore pas les faces d'arrière plan, cela va aussi nous sélectionner l'arrière !

Voici en spoiler ce que cela doit donner au niveau des 4 fenêtres.

Spoiler:

Si vous n'y arrivez pas en une fois, ce n'est pas grave, le but final est de supprimer la face avant et arrière comme vous pouvez le voir sur l'image du dessous
Bien on a donc la partie intérieur mais les faces visibles sont à l'extérieur ; pour modifier cela on va aller dans le menu Face > Reverse vertex order. Là encore un raccourci existe, mémorisez le ou notez le sur votre fiche des raccourcis Milkshape, c'est donc CTRL + Maj + F


Vous pouvez à présent afficher le cadre1 pour vous rendre compte de ce que cela donne pour l'instant


Il nous reste donc à créer les faces pour avoir notre cadre.
Milkshappe peut être capricieux dans la sélection des vertex, des fois il nous raconte qu'on en a sélectionné plus de 3 (alors que NON) des fois il ne veut pas sélectionner les vertex.
C'est pas grave, on va pas laisser un logiciel commander ! Je vais donc vous montrer deux manière de créer des Face, car quand une méthode ne veut pas fonctionner, la seconde prend parfaitement le relai !

Première manière :

On va utiliser dans Model la fonction Face


Il nous reste à présent à cliquer sur les 3 vertex (point) qui correspondent à la face que l'on veut créer. Une face est toujours un triangle.
La face se créé automatiquement !


Imaginons que vous ayez fait les choses et que la face n'apparait pas. Souvenez vous du raccourci pour inverser le côté des faces : CTRL + Maj + F
Des fois le visuel de 3D à un décalage, donc faites le une fois, si rien n’apparaît refaite le deux fois (cela dois faire trois fois au total). Si rien n'y fait c'est que la face n'existe pas tout simplement !

Seconde manière :

Nous allons utiliser Select et au niveau des réglages choisir la selection des vertex
On utilise notre cadre de sélection pour entourer les 3 vertex qui nous intéressent.


Attention on a volontairement choisi de ne pas ignorer l'arrière plan. Donc on va sur la fenêtre Left et on va dé-sélectionner les vertex qui ne nous intéressent pas.

Là encore un cadre de sélection à la différence près que l'on utilise le bouton droit et que l'on appuie sur la touche Mag en même temps.


Voilà ce que cela donne au niveau des 4 écrans

Spoiler:

On va à présent créer une face, c'est la touche F, vous pouvez aussi trouver la fonction dans le menu Face > Create a face

Pas de panique si la face n'apparait pas, pareil que tout à l'heure on utilise la fonction pour changer le sens de la face.

Voici ce à quoi ressemble votre cadre une fois que vous avez créé les 8 faces nécessaires (2 par côté)


Nous avons créé un cadre très simple, si vous voulez un cadre un peu plus élaboré au niveau des arêtes, je vous encourage à suivre les tutoriels de maman gâteau :
- [Intermédiaire] Créer une arête de meuble
- [Expert] Créer une arête arrondie

3. Finalisation du tableau :

Pour cette étape , on va encore changer les réglages de la vue 3D :
- textured : cela va nous servir tout à l'heure à visualiser une texture sur notre objet
- colored groups : cela va donner à chaque groupe une couleur différente, cela permet de mieux visualiser ce qui est quoi

On peut enlever Wireframe Overlay, on n'en a plus besoin.

On va sélectionner via le menu groupe le cadre1 et le cadre2 que l'on va regrouper via Regroup.
Toujours les bonnes habitudes on le renomme dans la foulée en cadre


Ensuite on va afficher à nouveau notre fond. Je désélectionne mes cadres et je ne sélectionne que mon fond.
Il n'est pas visible de prime abord, je vais donc le déplacer via Move.
Je me sers de la fenêtre Left, qui me permet de visualiser son emplacement et je peux le décaler vers la droite, directement en le déplaçant avec ma souris.
On voit bien au niveau de la vue 3D mes deux objets et le fond est bien positionné par rapport au cadre.


Afin de mieux me rendre compte du cadre et vérifier que tout est bien imbriqué nous allons associer à notre fond l'image de référence.

Première chose à faire, changer les réglages de la vue 3D pour décocher Colored Groups

On va ensuite dans le menu Materials pour cliquer sur new afin de créer une texture.


Un materiel est créé, je vais cliquer sur none pour récupérer un fichier image, il vous propose de parcourir votre ordinateur pour le trouver


Pour associer un matériel à un de vos groupe, vous devez penser à le sélectionner au préalable.
Ensuite vous pouvez cliquer sur Assign

Et voilà notre superbe Pomme encadrée, on se rend mieux compte du rendu !


Bon pas de place de suite à l'auto satisfaction, sortez votre oeil critique et vérifiez que les proportions du cadre sont bonnes...
On peut faire mieux que cela, donc peaufinez votre cadre.

S'il est trop profond alors utilisez la fonction Scale sur Z, comme on l'a fait au départ. Ou si vous êtes plus à l'aide sélectionnez les vertex et déplacez les directement avec la souris via la fenêtre Top

Les proportions du cadre ne vous conviennent pas en ce qui concerne la hauteur et la largeur : alors utilisez Scale.
Rappelez vous :
- Y contrôle la hauteur
- X contrôle la largeur

Spoiler:

Voilà vous avez fini votre cadre, il ne vous reste plus qu'à le mapper, le redimensionner et à l'exporter vers TSR Workshop.
Voici ce que cela donne pour notre souvenir de vacance :



Une fois que vous serez passé par UV Mapper afin de ne pas gâcher tous vos efforts, je vous suggère la lecture de ce tutoriel que j'ai créé à la suite de celui-ci
Milkshappe 3D - L'éditeur de texture


   

Voilà c'est fini, j'espère que ce tutoriel vous aura été utile !

Merci Fu pour le tuto super détaillé !

Trop cool je suis la star du tuto
Du coup, je vais faire une entrave à ma règle de non-téléchargement d'objets, parce que mes sims seraient bien tristes de vivre sans ce magnifique tableau!
*pars se cacher*
Bref, super tutoriel! Merci beaucoup Fu

pomme-kiwi a écrit:

Trop cool je suis la star du tuto

J'avais même pas remarqué!

Très bon tuto Fu, très bien expliqué!

Merci beaucoup, très bien expliqué, ça va me servir pour mes créations images que je dessine moi-même et donc ce n'est pas toujours la même taille, ce tutoriel est ce qu'il me fallait.