[Apprenti] Effet de plissé pour la création de CC

Bonjour,

Comme indiqué dans le titre on va s'intéresser aux effets de plissé dans la cadre de création de contenu pour le jeu des sims.
Le contexte est particulier car pour les méthodes que nous verrons nous aurons besoin d'éléments issu du jeu des sims.

Pour l'exemple je vais utiliser un rideau, vous pouvez bien entendu suivre ce tutoriel dans le cadre de la création de vêtement.
Vous trouverez tout au long du tutoriel des références à d'autres tutoriels vous permettant d'approfondir vos connaissances sur un point particulier.

Je vais lister 3 méthodes pour les ombres mais n'en développerai ici que deux car une a déjà été traitée dans un tutoriel.
Le niveau est mis en apprenti car je ne vais pas détailler où se trouvent les outils.

Enfin on va travailler de manière distincte le travail du tissu et le travail des ombres qui se superposera pour donner un effet de mouvement par un jeu de lumière

Sommaire

1. Contexte et matériel
2. Déformation du tissu
3. Les ombres du voilage

1. Contexte et matériel

A. Contexte

Dans quel cas ce tutoriel vous est utile ? Vous pouvez bien sûr le lire pour la beauté de la connaissance et mon style sans précédent...

Bref, ce tutoriel est à suivre dans le cas d'un objet de référence qui n'existe pas dans une teinte unie.
Donc un tissu composé de motif comme ce magnifique rideau qui nous sert de support.

Si votre objet ou création de référence existe dans un style uni, même composite (deux couleurs) alors chers amis, il y a plus simple et je vous enjoins à un peu de lecture !

- [Fiche] Guide du petit créateur - Tirer le meilleur parti des textures du mesh de référence
- [Intermédiaire] Création de vêtements Sims 4 : le calque de l'ombre

B. Materiel

Vous aurez besoin dans le cadre de ce tutoriel de plusieurs éléments :
- le fichier texture
- la normal map (si vous utiliser la méthode d'ombrage associé à celle-ci)
- l'UV Map de l'objet

Voici une liste de tutoriels utiles pour vous aider à récupérer ces éléments :
- [Débutant] Manipuler TSRW - Création d'un nouveau projet  
- [Fiche] Accéder à la normal map et au specular
- [Apprenti] Récupérer l'UV Map d'un objet pour faciliter sa recoloration avec Sims 4 Studio


En théorie vous avez tout à présent, bien nous allons créer notre base.
Pour se faire on va superposer notre texture du rideau et l'UV Map.

Pour ma part j'ouvre d'abord le rideau et ensuite je fais glisser mon fichier .png dans la fenêtre.

Vous devez avoir cela au final quel que soit la manière donc vous procédez

2. Déformation du tissu :

Dans la vraie vie un rideau c'est facile c'est un grand rectangle de tissu. Mais dans le jeu c'est une forme alambiquée tout simplement car prendre un carré et lui donner un effet de pli c'est plus lourd (en terme de poids du mesh) qu'une autre forme.
C'est donc tant mieux pour votre jeu qui rame moins mais tant pis pour la retexture...

Pour la démonstration je vais m'attarder sur la partie haute du rideau. La manipulation est la même pour les autres parties.

On va donc partir de notre petit montage à savoir la superposition de la texture et la superposition de l'UV Map.
Je lui rajoute un calque qui va me permettre de déterminer à la zone sur laquelle on va travailler. Pour se faire j'utilise l'outil de sélection.


Je vais à présent le remplir d'une couleur unie. Dans le cadre de ce tutoriel je vais utiliser une texture pour que vous ayez le déroulé le plus long, aussi la couleur m'importe peu.


Je vais à présent créer un nouveau calque et effectuer une sélection rectangulaire qui couvre complétement la partie haute du rideau.
Pour le remplir je sélectionne le pot de peinture et dans le menu du haut que choisi Motif.

Ce peuvent être des motifs maisons, je vous recommande ce tutoriel mais également des motifs ou textures téléchargés trouvés sur le net. Pour la part je consulte régulièrement Deviant art, pensez à remercier les créateurs et aux crédits.
Quoiqu'il en soit pour en savoir plus lisez ce tutoriel [Débutant] Les motifs


A présent on va déformer ce tissu, on n'obtiendra pas de plisser mais une modification du design qui sera plus cohérent avec la forme du rideau. Cela va permettre de simuler les contraintes de la forme.

Pour selon on va dans Edition > Transformation manuelle, raccourci CTRL+T ou CMD+T


On va à présent se positionner sur la zone du calque et effectuer un clic droit de la souris pour ouvrir le menu contextuel.
On va opter pour déformation

Pour mieux y voir on va baisser l'opacité de notre calque

Votre tissu apparait quadrillé en 9 parties, vous avez sur le côté des balises avec des poignées. Utilisez ces balises pour modifier la forme de votre tissu.
Les intersections du quadrillage vous permettent également de déformer celui-ci.


Attention à ce que votre tissu dépasse un peu sur les côtés pour avoir une petite marge de sécurité.
Lorsque vous êtes satisfait de la forme appuyer sur Entrée pour valider les déformations.


On va remettre l'opacité à 100% et notre tissu déborde un peu sur les autres parties du rideau. On va donc lui appliquer un masque de fusion et pour se faire on va utiliser le calque créé précédement et rempli d'une couleur unie.

Donc on se positionne sur le calque. Si on se place au niveau du nom du calque on fait un clic droit et on opte pour Sélectionner des pixels.
Une méthode plus rapide consiste à se placer sur l'aperçu du calque et à appuyer sur CTRL


Sélectionnez la calque de votre tissu et à présent ajouter un masque de fusion. Seule la sélection sera visible


Vous avez à présent votre tissu avec une déformation et sans déborder sur le reste.


Nous avons donc fini avec notre première couche correspondant au tissu. On va à présent lui donner un effet de mouvement en jouant sur l'ombrage dans la partie suivant

3. Les ombres du voilage :

Nous allons voir trois méthodes pour réaliser ces ombres :
- Manuelle : destinée à ceux qui savent dessiner ou du moins créer des jeux d'ombre et de lumière
- Normal map : Maman Gâteau m'a mis sur la piste en me parlant de l'utilisation de la normal map, j'ai cherché un moyen qui soit accessible à chacun
- Degradé : l'utilisation des dégradés pour créer du mouvement

Quelle que soit la technique elle repose sur le même principe. La création d'un calque de gris neutre et le fait de créer des zones plus clair et des zones plus sombres pour créer du relief.
Ce claque auquel on combine un mode de fusion donnera un effet de voilage et de relief au rideau.

A. Ombrage manuel :

J'avais prévenu que je ne développerai pas cette partie tout simplement car nous avons des tutoriels consacrés à cette technique.

Photoshop :
- [Intermédiaire] Ombrage manuel

Gimp :
- [Intermédiaire] Ombrer un render (partie 2 sur l'ombrage manuel)


B. Ombrage à l'aide de la normal map :

Nous allons à présent ouvrir dans un onglet distinct notre normal map.
Ce qui nous intéresse c'est son canal alpha, on va donc dans l'onglet couche et on masque les autres canaux pour ne voir que l'alpha


On va sélectionner toute l'image en faisant CTRL+A ou CMD+A et la copier CTRL+C ou CMD+C

On retourne dans l'onglet qui contient notre travail sur le rideau et on colle notre image CTRL+V ou CMD+V


On peut fermer l'onglet de la normal map on n'en a plus besoin.

On ne va pas laisser l'image telle quelle pour éviter une redondance avec la normal map dont on l'a extraite.
On va donc inverser le rendu de l'image via le menu Image > Réglages > Négatif. Raccourci CTRL+I


En ce qui concerne le mode de fusion cela dépendra de votre texture ou couleur. Dans mon exemple c'est une couleur claire je vais donc utiliser Produit


Dans un second temps je vais ajouter un calque de réglage Luminosité/Contraste
Je le règle pour revenir au maximum à ma couleur d'origine tout en gardant l'effet de plissé. Les réglages sont indicatifs à vous de trouver les votre mais ils vous serviront de référence de départ.
Donc contrastes à 100 et Luminosité à 60

Je mets ce calque de réglage en écrêtage sur le calque de mon tissu (option dans le menu contextuel avec un clic droit)
Pour en savoir plus sur l'écrêtage je vous conseille ces lectures :
- Photoshop : [Débutant] Le masque d'écrêtage
- Gimp : [Apprenti] Masque d'écrêtage


Dans le cadre d'un tissu plus foncé je vais plutôt prendre le mode  Incrustation
ou encore  Lumière tamisée.
Il ne faut pas hésiter dans tous les cas à jouer sur l'opacité


Enfin si des zones du rideau vous semblent trop lumineuses vous pouvez corriger cela en jouant avec l'outil densité +
Mettez au niveau du réglage une action sur les tons clairs et un faible opacité. Vous pourrez ainsi corriger ce qui vous dérange


Nous en avons fini avec cette technique qui tire à profit la normal map.

C. Ombrage à l'aide de dégradé :

Je l'ai dit en introduction pour donner un effet de plus on joue sur des variations de gris clair et de gris foncé. Une bonne manière de créer ces variations est d'utiliser l'outil dégradé.

On va bien entendu créer notre dégradé maison donc au niveau du menu qui apparait une fois l'outil sélectionné on clique sur la visualisation du dégradé


J'ai ici créé mon propre dégradé, je vous invite à consulter ce tutoriel pour savoir comment procéder : [Débutant] L'outil dégradé

Je me suis basée sur un gris neutre (128/128/128) et à partir de celui-ci j'ai choisi des gris plus clair et plus foncé pour simuler les plis.
On n'oublie pas de valider en faisant OK



J'ai effectué une sélection au niveau de mon rideau, ici la zone est colorée en grise pour mettre en exergue celle-ci.
On va appliquer notre dégradé dans cette zone. Pour être sûr d'appliquer l'effet de manière rectiligne je fais appuyer sur la touche MAJ.


Voici le résultat un peu brut mais j'ai besoin de contraste pour donné les effets de volutes. Cependant on a des plis trop important au sens de large.


Pour modifier mon calque je clique sur CTRL+T et je vais modifier sa largeur jusqu'à ce que le rendu me paraisse plus à l'échelle de mon rideau et donc des plis plus réalistes.

Mon calque ne couvre plus mon rideau. Je vais donc le dupliquer. Pour cela il y a de nombreuses méthodes :
- cliquez sur le calque et faites-le glisser sur l'icône de nouveau calque
- faites un copié/collé
- déplacez le calque en maintenant la touche Alt
Choisissez votre méthode...


Une fois mes calques mis bord à bord de manière à donner l'illusion d'un ensemble continu je vais sélectionner ceux-ci. Un clic droit et on opte pour Fusionner les calques.


Je mets à présent mon calque en produit et on va effectuer une déformation.
La méthode est la même que celle utilisée dans la partie 1 pour le tissu, reportez-y-vous si vous avez un trou de mémoire


On va à présent effectuer les derniers réglages, ceux-ci sont indicatifs, ils dépendent de votre projet.

1. Jaune : j'utilise l'outil doigt pour atténuer l'ombrage et enlever les effets incohérents avec la forme du tissu

2. Bleu : J'ajoute un calque de réglage de type Luminosité contraste pour parfaire le rendu. Je le place en écrêtage sur le calque de l'ombrage.

3. Rose : Je baisse l'opacité de mon calque d'ombrage pour un rendu plus doux.

Post laissé libre pour d’éventuels ajouts ou astuces donnés par les membres

merci Fu, j'ai trouvé le tuto très clair et très bien expliqué

Merci Fu pour ce tuto!

Merci beaucoup Fu pour ce tuto!
Faut que je l'essaye celui-là, il me tente bien.

Merci pour ce tuto Fu !

Merci pour le tuto !

Merci pour ce tuto, c'est exactement ce qu'il me faut. Je teste avec une curiosité de gosse.