[Débutant] Recoloration d'un tableau Sims 4

Bonjour,

Ce tuto s'intéresse spécifiquement à la modification graphique d'un fichier .dds de tableau. Ce qui signifie donc qu'à cette étape vous avez déjà le fichier .dds du tableau.

Là vous vous dites oui mais comment fait-on ? Pas de souci la partie technique liée à la manipulation des logiciels de création de contenu personnalisé est distincte.
Voici les tutoriels associés :
- S4 Studio
- TSR Workshop (à venir)
Vous devez donc avoir la possibilité d'utiliser les fichier .dds, je vous invite, si vous ne l'avez pas, à lire cette fiche

Le pendant de ce tutoriel pour Photoshop se trouve ici : http://www.sims-artists.com/t12330-apprenti-recoloration-d-un-tableau-sims-4

La modification de la toile est très simple à suivre, elle est idéale pour les grands débutants et ceux qui sont satisfaits par les coloris des cadres d'origine.

Sommaire :
1. Préparation du cadre
2. Ajout de la toile
3. Export en dds

1. Préparation du cadre :

Pour commencer nous avons besoin du fichier .dds de référence. C'est à dire le fichier d'origine du tableau dont nous nous servons.

On va donc le récupérer après avoir fait Fichier > Ouvrir (CTRL + O)


Nous allons bien zoomer sur la toile pour prendre précisément la totalité de celle-ci ! A cette occasion on voit que sur la toile il y a un effet d'ombre, ce sera à reproduire ensuite.

Prenez donc l'outil de sélection et déterminez la zone. Attendez avant de relâcher le bouton de votre souris car nous avons besoin d'une information qui n'est visible que lorsque l'on détermine la sélection !!!

Tout en bas de votre écran vous avez les dimensions de votre cadre de sélection. Ici 341 px X 144 px.
Notez vous les chiffres qui vous seront indiqués, cela vous sera utile.
Pour la suite de la démonstration je vais utiliser ceux que je viens de vous mentionner.


Pour plus de sécurité j'ai pris l'habitude de toujours travailler sur une copie.
1. Dans la partie des calques positionnez-vous sur le calque et en cliquant dessus faite le glisser jusque l'icône de nouveau calque. Cette manipulation va le dupliquer
On masque l'original en cliquant sur l'oeil.
2. Positionnez-vous sur la copie que j'ai renommée en cadre
3. Appuyez sur supprimer pour effacer la sélection faite précédemment correspondant à la toile


Voilà nous avons préparé la partie cadre. Il reste à nous occuper de notre nouvelle toile  

2. Ajout de la toile :

A. Travail de la toile :

Pour la toile vous devez avoir préparé une photo que l'on va venir insérer.
Débutant avec Gimp je procède en plusieurs étapes !

Je vais ouvrir dans une nouvelle fenêtre l'image que j'ai préparée.
Dans le menu Image > Echelle et taille de l'image...


Je vais à présent la redimensionner pour qu'elle ait la même largeur que la toile (dans mon cas 341px)
Je vérifie bien que le symbole de la chaine soit lié, cela permet d'avoir une redimension proportionnelle


J'ai donc une image redimensionnée. Je la sélectionne totalement et là pour gagner du temps je la copie (CTRL + C)

Je retourne dans la fenêtre où se trouve ma préparation du cadre et je colle mon image  (CTRL + V)

Pour l'instant mon calque a une miniature qui indique que ce n'est qu'un copié/collé.
Afin d'en faire un calque à part entière, je le sélectionne et effectue un clic droit pour avoir le menu contextuel. On sélectionne Vers nouveau calque


Mon image est plus grande que la place délimitée par le cadre. Première chose je déplace le calque de mon image pour le mettre en dessous de celui du cadre.

Puis je sélectionne l'outil de déplacement pour positionner mon image qui est partiellement cachée afin d'avoir le meilleur rendu.

B. Détail de l'ombre :

J'ai attiré votre attention au début du tutoriel sur un effet d'ombre au niveau du cadre. Cela ajoute du réalisme en simulant l'ombre portée du cadre.

Je vais pour ce faire créer un nouveau calque que je renomme ombre et qui sera au dessus du calque de toile. Ainsi si vous avez plusieurs recolorations (toile ou cadre) vous aurez le même calque d'ombre pour tout le monde.


J'utilise l'outil crayon avec une brosse simple (brosse pixel) que je mets à 1 pixel d'épaisseur.
Je vais donc sur le pourtour de la toile tout au bord dessiner un cadre. Mon astuce pour tracer des lignes droites c'est de positionner mon premier point. Je me mets ensuite à l'opposé et je clique sur MAJ en même temps que je clique sur le bouton de la souris.
Cela trace une ligne droite entre ces deux points !


Toujours sur le calque Ombre, je vais dans le menu Filtres > Flou > Flou Gaussien
Au niveau des réglages j'opte pour 3px


Nous avons donc à présent notre toile incorporée au cadre et un effet d'ombre ajouté.
Si ce n'est pas fait sauvegardez votre travail, vous pourrez ainsi ajouter différentes toiles ou modifier la couleur du cadre.

On va voir comment se passe une exportation au format dds pour conclure

3. Export en dds :

Afin d'exporter au format dds, il y a une contrainte imposée qui est de fusionner les calques visibles. D'où ma recommandation d'une sauvegarde alors que vous avez tous vos calques séparés !!!

Pour la fusion je vais cliquer dans la partie calque sur le bouton droit pour sélectionner le menu contextuel et choisir Fusionner les calques visibles...

Au niveau des options de fusion je conserve ceux donnés


On peut à présent exporter en allant dans Fichier > Export as...

Ensuite dans le menu déroulant on choisit le format de fichier .dds et on renseigne un nom.

Enfin au niveau des réglages du format :
- DXT5
- Generate Mipmap


C'est fini vous avez votre fichier .dds et il ne vous reste plus qu'à l'incorporer au package. La suite ici dans le point 3 : http://www.sims-artists.com/t12328-debutant-s4-studio-recoloration-de-tableau

Post gardé pour d’éventuels ajouts et j'en suis sûre vos astuces d'utilisateurs chevronnés

Maman gateau a écrit:

Bloup, si tu souhaites enlever l'effet du verre, tu vas dans Warehouse, tu exportes

cette image DST:

Tu l'ouvres dans ton logiciel de graphisme, tu la remplis de noir, tu la sauvegardes au format DDS et tu l'importes

Merci !!! Je teste ça très vite !!! Trop envie !

Merci beaucoup Fu !

Merci Fuyaya, je le mets dans mes favoris et je vais regarder ça de plus près.

Merci Fu, j'ai réussi !

Je suis partie de ce tableau:

Et voilà mon résultat:

Je n'ai pas fait attention au reflet de la vitre par contre, ça rajoute du flou sur le dessin de la toile en fonction des lumières.

Merci pour le tuto, Fu !

Merci pour le tuto!

Merci pour le tuto Fu

Je n'arrive pas !

Tu peux ouvrir un sujet dans cette section et expliquer ce que tu ne comprends pas