Comment crée des vêtements sous PAINT SHOP PRO X ?

Tutoriel de Shousetsu ( http://www.sailorfuku.com/forum/viewtopic.php?id=1025 )
/!\ Attention /!\ Des images sont a moitié coupés ! Ouvrez les dans un nouvel onglet pour le voir en entier !

Hello !

Vous êtes très nombreuses à nous poser la question suivante : Comment créer des vêtements pour Sailor Fuku ?

Ce topic vous expliquera étape par étape comment créer des vêtements grâce au logiciel PAINT SHOP PRO X.

PAINT SHOP PRO X est un logiciel PAYANT.
Pour vous le procurer, vous devrez, officiellement, l'acheter... Je ne ferai pas l'apologie des autres techniques froduleuses ici, ce n'est pas le lieu.
Sachez, néanmoins, que le fonctionnement de ce logiciel se rapproche de celui d'autres logiciels du même genre (notamment et en particulier PHOTOSHOP). Si vous possédez un autre logiciel, vous devriez donc pouvoir suivre ce tutorial même si les options à trouver ne seront pas forcément aux mêmes places. Vous devrez farfouiller un peu plus et ce sera un peu plus compliqué mais ce tutorial sera au moins une base pour vous.

Mon logiciel étant en anglais, je vous ferez la traduction au fur et à mesure mais sachez qu'il s'agit souvent de mot transparent. Ca ne devrait pas poser problème.

POUR LES UTILISATRICES DE PAINT : Paint n'intègre pas de système permettant de créer des calques comme vous pourrez en voir dans ce tutorial. Vous pouvez, néanmoins, lire ce tutorial car il expliquera aussi comment DESSINER UN LINE et COLORISER un line ; c'est-à-dire COMMENT DESSINER UN VETEMENT, pas à pas.

ATTENTION : Veillez à lire TOUTES mes explications, qu'elles soient sur les screen (illustrations) des étapes ou dans le topic sinon vous risquez de NE RIEN COMPRENDRE, surtout si vous êtes complètement débutante. Si vous avez des questions après votre lecture, merci de BIEN PRECISER VOTRE PROBLEME afin que je puisse vous aider. Les "Je comprends rien !" sans plus de détail ne serviront à rien...


Je commence par vous remettre ici les bases (corps nus) sur lesquels vous allez devoir travailler.

Voici celles proposées par Sailor Fuku :


Je me permets de vous mettre deux bases avec un bras en plus, ce sera sûrement plus simple pour les vraies débutantes :



Ouvrez le logiciel. Puis votre base (fichier -> ouvrir).
Voici ce que vous allez obtenir, avec une petite explication sur la présentation du tout (où se trouvent les outils etc) pour vous familiariser avec l'endroit :


Nous allons commencer par créer un nouveau calque.
Pourquoi ? Parce que les calques sont une façon très pratique de dessiner, comme vous le découvrirez rapidement mais, dans un premier temps, cela va surtout nous permettre d'enlever le fond noir qui entoure votre base.
Suivez le guide :


Quand vous aurez cliqué, ce panneau va apparaître :

Faites en sorte d'obtenir les MEMES paramètres.
Il faut absolument que votre fond soit TRANSPARENT. Sur PAINT SHOP PRO X, le fond transparent est ici signifié par un rond barré. C'est le cas sur la plupart des logiciels. S'il y a une couleur par défaut, cliquez sur le carré coloré et choisissez donc transparent.
Vous pouvez remplacer "Vector 1" par le nom de votre choix. Par exemple "Fond" ou "Background" puisque ce calque sera le fond de votre travail (ne faites pas attention à mes screen, moi je ne donne pas de noms à mes calques, je laisse les noms par défaut...).
Quand c'est fait, cliquez sur OK.

Vous allez pouvoir voir apparaître un nouveau calque au-dessus de celui qui existait déjà :


Seulement, voilà, notre fond est pour l'instant placé au-dessus de notre base et ça ne va pas... Nous allons devoir le placer tout en dessous. Sous PHOTOSHOP, il vous suffira de cliquez sur le calque servant de fond pour le mettre sous celui de votre base (en deuxième position dans la liste, si vous préférez). Sous Paint Shop Pro X, c'est un peu plus compliqué.
Vous allez d'abord devoir suivre cette procédure du "Promote Background Layer" (littéralement, "faire passer devant le calque de fond") :



Quand vos calques sont bien positionnés, il ne reste plus qu'à faire disparaître le fond noir qui nous embête. Assurez-vous d'être bien sur le bon calque (celui de la base) en cliquant dessus (il sera alors en surbrillance par rapport à l'autre calque, celui du fond).
Ensuite, suivez la procédure suivante :


Il se peut que votre logiciel ne soit pas, par défaut, sur l'outil "baguette magique". Alors, pour trouver cet outil, cliquez simplement sur la petite flèche à côté de l'outil et vous obtiendrez la liste de tous les outils de sélections, comme ceci :


Chaque fois qu'il y a une petite flèche à côté des outils, n'oubliez pas, donc, c'est qu'il y a d'autres outils du même type cachés


La baguette magique (comme tous les outils de sélection) possède un des réglages qui peuvent paraître un peu complexes. Ce qu'il faut savoir, c'est qu'une baguette magique dont la tolérance est à 0 ne sélectionnera que les zones à la couleur STRICTEMENT identique à celle que vous aurez sélectionner à la base. J'ai donc choisi, ici, de mettre 8 de tolérance pour que la tolérance de l'outil soit un peu plus souple (les couleurs proches de celles que vous aurez sélectionné seront également sélectionnées).
Assurez-vous, néanmoins, de ne pas dépasser 10 de tolérance, ici.
Pour l'option "Feather" (je ne connais pas la traduction française mais ça doit être quelque chose comme "adoucissement"), assurez-vous bien qu'elle est à 0, ici, sinon la sélection de s'arrêtera pas aux contours de la base mais ira un peu plus loin.
Enfin, je vous conseille de mettre INSIDE (intérieur) et non OUTSIDE (extérieur) comme sur le screen. Mais ça ne changera pas grand chose au final.




Autre solution pour désélectionner rapidement : faites clique droit sur votre image

A partir d'ici, vous n'avez plus de fond noir.
A SAVOIR : Le fond gris et blanc qui a remplacé le fond noir signifie que votre fond est TRANSPARENT. Ce sera la même chose sur tous les logiciels gérant la transparence ; elle sera toujours montrée de cette façon. Donc, pas de panique. Si vous obtenez bien ce résultat, c'est que vous avez bien tout fait jusqu'à présent
Je rappelle, cependant, que la transparence n'est pas faisable sous PAINT. Donc, inutile de chercher.

On entre maintenant dans le vif du sujet ; comment réaliser un vêtement. Là encore, quelques étapes préliminaires avant de commencer votre pixel art :






Nous allons maintenant apprendre à nous servir de l'outil pinceau. C'est de cet outil que je me sers pour dessiner mes pixel art. Il est primordial de comprendre que votre pinceau devra être réglé de la bonne façon pour obtenir un pixel art de bonne qualité.
Voici le guide :

N'OUBLIEZ SURTOUT PAS que votre pinceau doit avoir, en hardness (ou "dureté", même si je ne suis pas sûre que ce soit traduit de cette façon dans les logiciels français) 100. S'il n'est pas à 100, votre pinceau ne sera pas de 1 pixel sur 1 pixel et/ou votre couleur ne sera pas nette parce que le pinceau sera plus "flou".
Pour ce qui est de la taille du pinceau, il se peut que vous désiriez utiliser une taille de pinceau un peu plus large (2 pixels sur 2 pixels, par exemple, pas plus généralement). Bien sûr, c'est possible. Pour cela, dans "size" (ou "taille") mettez tout simplement "2".
Pour le reste, mettez les mêmes réglages que sur le screen.

Et, enfin, dernière étape avant de commencer enfin à dessiner ; le choix de la couleur du line (contours de votre dessin) :










Si vous ne comprenez toujours pas comment poser votre ombre et vos zones de lumière, je verrai si je peux faire un autre tutorial dédié à ça quand j'aurai un moment mais je ne vous promets rien, ça ne s'explique pas vraiment... ça vient à force de pratique du dessin. Au feeling, à force, on sait où vont se poser les ombres et les zones lumineuses, c'est comme ça.



Je sais, je n'ai pas fait de miracle sur ma petite robe mais c'était avant tout un exemple alors je n'ai pas forcé le trait pour que tout le monde puisse bien comprendre comment ça marche ^^'




En français, ça doit être quelque chose comme "optimisé pour format GIF", je ne suis pas sûre à 100% mais vous ne devriez pas avoir de mal à retrouver cette option.

Et pour les curieuses, voici comment obtenir la même petite barre d'outil bien pratique que moi qui vous permettra d'accéder à cette option en un clique (surtout si vous voulez faire beaucoup de vêtements pour Sailor Fuku, c'est quand même un mieux ) :


Quelle que soit votre façon d'y arriver, donc, voici le panneau qui s'affichera une fois que vous aurez cliqué sur cette option :




J'ai fait un screen de chacun des onglets. Assurez-vous d'avoir les mêmes options que moi

Quand vous cliquerez sur "OK" vous n'aurez plus qu'à choisir le fichier dans lequel vous souhaitez enregistrer votre création.

Voilà ! Votre vêtement est créé !

Maintenant voyons voir comment créer la miniature qui ira avec (et oui, j'ai pensé à tout x)) :




Et voilà ma jupette :



___________________________________________

Voilà, le tutorial est terminé. Normalement, avec Paint Shop Pro X, vous êtes maintenant capable de faire un vêtement sans problème ou presque
Comme je l'ai dit au début du topic, il sera peut-être un peu plus compliqué de s'y retrouver avec d'autres logiciels mais, souvent, la marche à suivre reste relativement semblable. A vous, juste, de retrouver l'endroit où se trouvent les différents outils présentés parce qu'il se peut que ça change d'un logiciel à un autre. Je peux seulement vous dire que sur Photoshop, le fonctionnement est vraiment très proche mais je ne connais pas Photofiltre, par contre.

Pour les gens utilisant Paint... Je ne peux que vous conseillez de vous procurer Paint Shop Pro X qui est vraiment un bon logiciel, pas si compliqué que ça, qui vous permettra de faire, non seulement, du pixel art mais aussi beaucoup d'autres choses (comme du montage photo, pour celle que ça intéresse, donc ; bannière, icône etc, enfin beaucoup de choses quoi ).

J'espère que ce tutorial n'est pas trop compliqué, en tout cas.
Si vous avez des questions, n'hésitez pas à les poser ici. N'oubliez pas, cependant, de BIEN DÉTAILLER VOTRE PROBLÈME sinon je ne pourrai pas vous aider. J'utilise Paint Shop Pro depuis des années alors je pense pouvoir répondre à la plupart de vos questions... N'hésitez pas à poster des captures d'écran (screen) si votre problème est trop compliqué à expliquer.