[Apprenti] Créer ses propres vêtements Sims 2 - Partie I - La recoloration simple

Bonjours à toutes et à tous!

Depuis maintenant quelques temps, je songeais à proposer un Tutoriel pour la création de textures pour les vêtements de nos chers Sims. Plusieurs membres avaient déjà sollicité ce travail de ma part et aujourd'hui je vous en propose la première partie.

Note de Cam : ce tuto vous apprendra la partie graphisme "boit@look", pour voir la partie "boit@look" vous pouvez aller ici

   La création de textures est un exercice plus ou moins complexe, qui demande de l'entraînement.
J'ai décidé d'écrire et illustrer 2 Tutos pour vous aider à comprendre et vous essayer aux plaisirs de la création de vêtements pour Sims 2. J'ai ajouté des astuces perso qui sont le fruit de mon expérience en matière de création. Quelques petits secrets mais pas tous!  

   Nous commencerons donc par la première partie, « La recoloration simple »
Avant de vouloir créer une nouvelle texture, une nouvelle forme de vêtement, il faut apprendre à modifier des textures existantes.
Mon tuto sera illustrer avec Paint.net mais les étapes de modifications sont réalisables avec tous les logiciels photos. Il s'agit donc de connaître déjà un peu votre logiciel de retouche.


1) Ouvrez la boit@look pour choisir le vêtement à modifier.



J'ai choisit cette petite robe violette. Utilisez un vêtement du jeu pour commencer.
Une fois le vêtement extrait, aller dans le dossier d'extraction et ouvrir, avec votre logiciel de retouche, le fichier contenant "TextureName". c'est le fichier de texture.
Parfois il y a plusieurs fichiers notamment alpha3 et/ou alpha5 qui correspondent souvent à des mesh avec transparence. Nous y reviendrons plus tard.
→ Attention, les fichiers sont au format bitmap (.bmp) à respecter absolument. Il en va de même pour la taille 1024*1024 pour les Seniors, Adultes, Jeunes adultes, Ados, Enfants et 512*512 pour les Bambins

Voilà j'ouvre mon logiciel de photo et mon image.




Je vais donc utiliser mon outil teinte pour changer simplement la couleur de la robe sauf que le collier, les chaussures, toute l'image va être modifier si on ne "sépare" pas les éléments.
* Astuce n°1 : Lorsque je veux faire des vêtements, je mets chaque élément de l'image (col, manches, chaussures, motif, etc) sur un calque différent pour les modifier séparément.
Donc nous allons séparer le collier de la robe. En fait il suffit de le sélectionner avec le lasso, de le copier et de le coller sur un nouveau calque.
*Astuce n°2 : Toujours bien vérifier que vous avez sélectionner le bon calque.
Exemple : vous voulez découper ce collier mais vous le faites sur le calque 2 qui est vide...



Maintenant je change la couleur de la robe.
*Astuce n°3 : Noter/ mémoriser bien les chiffres de paramétrage que vous appliquez à un calque donné (teinte, luminosité, etc) si vous voulez l'appliquer à d'autres calques OU bien respecter l'ordre d'application des effets : mon logiciel mémorise les paramètres après la dernière application d'effets (teinte, luminosité, etc)
Exemple :

Dans cette image, j'ai découpé (copier/coller) un bout de la chemise d'origine pour créer un rabat avec une ombre. Lorsque je change la couleur de la chemise je dois avoir les mêmes paramètres de couleur pour le rabat...

Mais revenons à notre robe qui est maintenant lavande


Comme vous pouvez le voir le collier reste de la couleur d'origine... Confirmez votre choix de teinte puis fusionner le collier avec la robe



Puis enregistrez.

*Astuce n°4 : Lorsque vous sauvegardez votre travail, faites une copie de votre texture avant la fusion des calques. Cela permet de modifier à l'infini votre texture et/ou d'utiliser certains calques pour d'autres vêtements...

Vous pouvez regardez le résultat de votre travail

2) Parfois cette technique de recoloration sera inefficace. Notamment si l'on veut augmenter la saturation de la couleur de la texture. Regardez plutôt :

Je choisis ce petit pull que je voudrais voir en jaune


J'ouvre donc mon logiciel de retouche et la texture.


Je modifie la teinte pour avoir un jaune ainsi que la saturation pour obtenir un jaune brillant et là surprise la texture est devenue... moche! Comme on dit, elle est "pixellisée"

Donc nous allons voir comment recolorer ce pull différemment.

Tout d'abord, retour arrière, on annule l'application de teinte et de saturation pour revenir au pull rose et on ajoute un calque au-dessus.


Appliquez un effet noir et blanc ainsi qu'une luminosité (100) au pull.





Maintenant remplissez votre calque avec du jaune R:255 V:216 B:0 et modifier l'opacité pour voir apparaître le pull à travers.

Vous pouvez maintenant fusionner le calque de couleur avec le calque du pull
* Astuce n°5 : Plus on a de calques plus on... pleure! Et non on ne rit pas vu que cela augmente la difficulté d'organisation et de travail, donc ne pas hésiter à donner des noms à vos calques.



Nous allons faire quelques petits réglages de saturation et de luminosité/contraste pour étoffer ce jaune qui est un peu... bof! En l'occurence j'ai appliqué Sat = 120 et Lum/Cont = -10/ 20. Choisissez ceux qui vous paraîssent les plus judicieux. Tout en sachant que le résultat dans le logiciel de modification de vêtements est celui qui compte.
Il s'agit d'enregistrer et de vérifier régulièrement dans ce logiciel le résultat de vos modifications, jusqu'à obtenir l'aspect désiré...

Donc notre pull jaune avec un peu de sat, de luminosité et de contraste par ci par là :




Pour finir on va sauvegarder tout ça et notamment pour voir ce que cela donne porté par notre mannequin test



Alors, voyons voir, voyons voir :


La couleur est pas mal, mais on peut déjà augmenter la relation Luminosité/Contraste. Et puis on ne voit pas vraiment les manches ni le col. C'est parce qu'on a pas fini!
Je vais maintenant vous montrer comment faire ressortir ces deux éléments...

Nous allons donc faire ressortir les manches et le col de ce pull.

Dans votre outil de retouche il s'agit de sélectionner ce col et les bords des manches.
On commence par les bords, la plus simple car la sélection en rectangle suffit :


ATTENTION sur cette image les bords du pull sont sélectionnés, il vous faudra supprimer ces morceaux après la prochaine étape.

Les coller sur un calque au-dessus



Bien lire => On passe maintenant au col : Sous Photoshop ou Gimp la sélection de cette pièce sera plus aisée. Moi, sous Paint.net je barbouille avec une couleur vive et sur un calque différent le col arrière et avant; Puis je sélectionne les tâches de couleur vives, je sélectionne le calque du pull (la sélection des tâches demeure...) et je copie sur le calque du pull ainsi je l'ai sélectionné pour le coller sur le calque des manches... Ouf! ^^
* Astuce n°6 : Ne jamais modifier le calque de base du vêtements en cas d'erreurs vous augmenterez votre temps de réalisation voire metterez en échec ce travail donc prudence!

Sélection du col sous Paint.net :


Maintenant désélectionnez le calque du pull pour voire votre col et vos bords de manches

Maintenant on va légèrement foncer les manches et le col en augmentant le contraste et nous allons leurs créer une ombre pour simuler des "coutures"

Pour ce faire vous pouvez d’ors et déjà fusionner le col avec les bords (ce sera plus facile)



Luminosité = -20
Contraste = 10



Au tour de l'ombre :
Dupliquez le calque col et bords



Puis vous le transformer le deuxième calque (en dessous) en forme noire : plusieurs méthodes
1) Contraste et luminosité -100
2) Intensité -100

Maintenant un peu de flou glaussien de rayon 5


Enfin, réglez l'opacité du calque à 200 ou 75%


Sauvegardez.
Résultat dans la boit@look :

Spoiler:

Cette première partie est terminée, maintenant à vous de jouer!

Je suis disponible pour toutes questions en salle d'aide, merci de votre attention

Merci beaucoup Caco pour ce super tuto !

Merci beaucoup Caco!

Merci beaucoup Caco !

Merci beaucoup Caco, c'est magnifique que tu prennes le temps de nous expliquer tout ça...