communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  Dernières imagesDernières images  RechercherRechercher  
Le Deal du moment : -17%
Casque de réalité virtuelle Meta Quest 2 ...
Voir le deal
249.99 €

Partagez
 

 [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Grand artiste du pinceau
Katnat
Katnat
Grand artiste du pinceau
Féminin Date d'inscription : 31/05/2012
Age : 55

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Empty
MessageSujet: [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B   [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B EmptyVen 09 Nov 2012, 22:22

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Sans titre-1
Partie V - Créez avec Photoshop - Partie B

***
Adapté du tutoriel pour Gimp créé par Delise.

***
Tuto écrit dans le cadre d'un projet collectif de création de tutoriels sur la création de vêtements pour Sims 3.
Merci à Delise, Amylet, AuroreB, Caco, Katnat, et Mamangâteau.

***


Pour rappel, la création de vêtements sous Sims 3 fait l'objet de plusieurs tutoriels, tous créés en collaboration dont voici la liste :

Partie I : Créez vos vêtements - Créer un nouveau projet de vêtement sous TSRW

Partie II : Créez vos vêtements - les différents outils du TSRW

Partie III : Créez vos vêtements - Avec Gimp
Créer vos vêtements - Avec Photoshop
Créez vos vêtements - Avec Paint.net
Créez vos vêtements - Avec Photofiltre


Partie IV : Créez vos vêtements - Onglet mesh du TSRW, particularités du clothing specular et du normalmap

Partie V : Créez vos vêtements - Création du Clothing specular et du normalmap - Avec Gimp
Créez vos vêtements - Création du Clothing specular et du normalmap - Avec Photoshop
Créez vos vêtements - Création du Clothing specular et du normalmap - Avec Paint.net
Créez vos vêtements - Création du Clothing specular et du normalmap - Avec Photofiltre


Partie VI : Créez vos vêtements - Finalisation et exportation du vêtement en fichier jouable

------------------------------------------------------------------------------------------------------------------------
Plan

I) Réalisation du clothing specular
II) Réalisation de la normal map


------------------------------------------------------------------------------------------------------------------------
Bienvenue dans la 2e partie de ce tutoriel modification des fichiers de TSRW par Photoshop.

Normalement, arrivé à ce niveau, vous êtes un peu aguerri, vous avez réalisé votre multiplier, votre mask et votre overlay.
Je considère que vous avez suivi le premier tutoriel donc je vais un peu moins détailler certaines opérations de base que l'on a déjà faites plusieurs fois dans la partie 1.
Après lecture de ce tuto, vous savez maintenant qu'il vous faut faire un clothing specular. En prime, je vous montrerai comment faire une normal map, pour les perfectionnistes.
Il vous faut donc :

• Votre fichier multiplier.psd
• Selon ce que vous voulez faire, vos autres fichiers .psd
Revenir en haut Aller en bas
Grand artiste du pinceau
Katnat
Katnat
Grand artiste du pinceau
Féminin Date d'inscription : 31/05/2012
Age : 55

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Empty
MessageSujet: Re: [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B   [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B EmptyVen 09 Nov 2012, 22:25

I) Réalisation du clothing specular

Ouvrez votre fichier multiplier.psd.
Faites Image>Dupliquer. En tant que : specular .
Fermer votre fichier multiplier.psd.
Supprimez les calques inutiles, ce sont les images colorées :
[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 439116figure1p21

Créez un nouveau calque appelé "fond", remplissez le de noir et placez le tout en bas de la liste de calques :
[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 251635figure2p21

Puis, réglez individuellement la luminosité (couleur>luminosité et contraste) de chacune des parties en vous rappelant que plus c'est clair, plus ça va briller et plus c'est foncé, plus ça sera mat.
Pour cet exemple, rien n'est censé briller, je vais donc plutôt globalement assombrir :
[[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 202256figure3p21
J'ai gardé la ceinture un peu plus claire, c'est du cuir, ça brille
A propos de ceinture, je voudrais que la partie noire de la ceinture brille beaucoup.
Ouvrez votre overlay.psd
Sélectionnez votre calque contenant la partie noire de la ceinture.
Faites un clic droit sur le calque, dans la fenêtre calque, choisissez dupliquer et dans la boîte de dialogue qui s’ouvre nommez ce calque « ceinture noire » et choisissez le fichier specular.psd comme destination du calque.
[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 416770figure4p2

Revenez sur votre specular.psd (vous pouvez fermer l'overlay ). Laissez le calque tout en haut de la pile. Pour briller, cette partie doit être très claire. Ajustez donc la luminosité jusqu'à obtention de l'effet désiré. Vous pouvez augmenter la luminosité plusieurs fois si la valeur 100% la première fois ne suffit pas.
[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 151884figure5p21

Votre clothing specular est terminé !
Vous désirez comparer votre clothing specular au mien ?

>Téléchargez mon clothing specular.psd ici<

Si vous avez tout bien lu, vous savez que nous avons presque fini. Il ne vous manque plus qu'à aller modifier le fichier normal map dans l'onglet Mesh. Vous pouvez utiliser le carré gris qu'on vous a donné dans le tuto que vous avez lu avant celui-là, mais si vous désirez réaliser une vraie normal map, on continue.


Dernière édition par katnat le Ven 19 Avr 2013, 10:58, édité 3 fois
Revenir en haut Aller en bas
Grand artiste du pinceau
Katnat
Katnat
Grand artiste du pinceau
Féminin Date d'inscription : 31/05/2012
Age : 55

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Empty
MessageSujet: Re: [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B   [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B EmptyVen 09 Nov 2012, 22:28

II) Réalisation de la normal map

Ouvrez votre multiplier.psd et dupliquez-le. Enregistrez sous : normalmap.psd.
Sélectionnez les calques avec les images colorées et supprimez-les. Pour ceux qui ont photoshop sur PC, je vous invite à aller lire la fiche "créer sa normal map avec photoshop" de Maman Gateau. Comme j’ai photoshop sur Mac Intosh, je n’ai pas le plug in « normal map ». Je vais donc vous montrer ce que j’ai réussi à faire sans. Je souhaite accentuer l’effet relief de la ceinture nous allons donc mettre de côté les 2 calques qui la concernent. Cliquez sur l’œil à gauche des calques ceinture et ceinture ombre. Ces calques sont rendus invisibles. Cliquez droit sur le calque visible en haut de la pile et sélectionnez « fusionner les calques visibles ». Appelez ce calque « normal map base ».

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 126726figure1p22

Créez un nouveau calque que vous appelez " fond", que vous passez en bas de la pile de calques et remplissez-le avec un gris moyen que vous obtenez ainsi :
[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 613424figure8p2

Votre espace de travail ressemble à cela :

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 368124figure3p22

Sélectionnez vos 2 calques visibles en maintenant la touche maj enfoncée, dupliquez les calques (clic droit). Clic droit sur le calque visible en haut de la pile et fusionner avec le calque inférieur. Nommez ce calque «  normal map ». Puis, cachez les 2 autres :
[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 696105figure4p22


Dernière édition par katnat le Sam 05 Avr 2014, 16:48, édité 1 fois (Raison : ajout lien vers fiche de Mam')
Revenir en haut Aller en bas
Grand artiste du pinceau
Katnat
Katnat
Grand artiste du pinceau
Féminin Date d'inscription : 31/05/2012
Age : 55

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Empty
MessageSujet: Re: [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B   [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B EmptyVen 09 Nov 2012, 22:31

Restez sur votre calque "normal map" et cliquez sur Filtre>Esthétiques>Estampage…
Vous obtenez cette fenêtre :

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 334108figure5p22

Les contrastes sont trop marqués. Réduisez la hauteur et le facteur, j’ai pris 2 pixels et 120% respectivement, ainsi qu’un angle de 150°. Cliquez sur Ok. Passez l'opacité de votre calque à 50% :
[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 191118figure6p22
Venons-en à la ceinture. Créer le même fond que plus haut puis fusionnez les calques ceinture, ceinture ombre et ce fond. Appliquez le filtre estampage en prenant cette fois-ci un facteur 300%, c’est beaucoup… Réduisez l’opacité du calque à 50%.
[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B 601823figure7p22
Votre normal map est prête, vous pouvez l'importer dans le TSRW (onglet mesh).

Vous désirez comparer votre normalmap au mien ?

>Téléchargez mon normalmap.psd ici<


Ce tutoriel est terminé, passons à la suite :

Rappel : ce tutoriel fait partie d'une série qui vous permet de créer vos vêtement de A à Z. Voici la liste des ces tutoriels :



Dernière édition par katnat le Ven 19 Avr 2013, 11:00, édité 1 fois
Revenir en haut Aller en bas
Grand artiste du pinceau
Katnat
Katnat
Grand artiste du pinceau
Féminin Date d'inscription : 31/05/2012
Age : 55

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Empty
MessageSujet: Re: [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B   [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B EmptyVen 19 Avr 2013, 18:30

Post laissé vide en cas d'ajouts

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

Revenir en haut Aller en bas
Admin
Delise
Delise
Admin
Féminin Date d'inscription : 05/04/2012
Age : 45
Localisation : Lyon

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Empty
MessageSujet: Re: [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B   [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B EmptySam 20 Avr 2013, 17:01

Merci ! Very Happy
Revenir en haut Aller en bas
Ange gardien
Bettyboopjade
Bettyboopjade
Ange gardien
Féminin Date d'inscription : 25/03/2011
Age : 41
Localisation : Mons (Belgique)

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Empty
MessageSujet: Re: [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B   [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B EmptySam 20 Avr 2013, 19:34

Merci pour le tuto ! Very Happy
Revenir en haut Aller en bas
http://bettyboopjade.canalblog.com/
Maître du Jeu
Goby03
Goby03
Maître du Jeu
Masculin Date d'inscription : 21/08/2012
Age : 26
Localisation : quelque part en auvergne

[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Empty
MessageSujet: Re: [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B   [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B EmptyDim 21 Avr 2013, 14:06

Merci beaucoup pour le tuto ! Smile
Revenir en haut Aller en bas
http://plaisirdessims.blogspot.fr/
Contenu sponsorisé


[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Empty
MessageSujet: Re: [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B   [Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B Empty

Revenir en haut Aller en bas
 
[Débutant] Créez vos vêtements - Partie V - Créez avec Photoshop - Partie B
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Débutant] Créez vos vêtements - Partie III - Créez avec Photoshop
» [Débutant] Créez vos vêtements - Partie V - Créez avec the Gimp
» [Débutant] Créez vos vêtements - Partie III - The Gimp
» [Débutant] Créez vos vêtements - Partie VI - Finalisation et exportation du vêtement en fichier jouable
» [Débutant] Créez vos vêtements - Partie I - Créer un nouveau projet de vêtement sous TSRW

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Graphisme :: Photoshop-
Sauter vers: