Apprendre à Cleaner by Sidona [Photoshop]

Voilà le tuto n'est pas de moi mais de Sidona à cette adresse ici

Si vous êtes arrivés jusqu’ici, c’est pour l’une de ces trois raisons ^^ :

- Vous nourrissez l’infime espoir de devenir cleaneur ! ( ou comme moi, cleaneuse ! )
Bravo ! Vous avez donc mordu à l’hameçon d’une publicité mensongère vous ventant la pseudo gloire
de cette noble occupation qu’est le clean !
Pour continuer dans la fiction, sachez que ce « hobby » ne requiert pas un investissement personnel important ,
ne déteindra absolument pas sur votre vie privée ^^ et vous allez devenir célèbre !

( Pfiou ^^ Heureusement que derrière se cachent un superbe travail
d’équipe et une fantastique aventure humaine ^^ Sinon on était grillé !
xD )
( Petite dédicace à toutes celles et ceux que j'ai pu côtoyez, que je côtoie et que j’adore ! ^__^ )

- Vous avez vu qu’il y avait de la lumière, et vous êtes entrés !
( Frappez la prochaine fois ! )
( Et sachez aussi que la curiosité est un vilain défaut ! Sauf quant elle est utilisée à bon escient Comme ici ! )

- Vous faites partie du Sidona’s fan club ! Ce que Sidona écrit se doit d’être lu !
( ben quoi ? Vous savez bien que l’on dit à propos de l’espoir ! )


Bon, promis j’essaie d’arrêter de dire n’importe quoi ^^
( J’ai dis que j’essayais ! )

Alors, les tutoriaux pour « apprendre à cleaner », on en trouve un peu partout ^^
Sauf ici ! Donc j’essaie de remédier à ça ^^
Celui-ci
est plutôt destiné à tous ceux qui désirent apprendre les « bases »
pour devenir cleaneur, mais qui n’ont jamais touché à un logiciel de
retouche d’images ! ( ou très peu ^^ )

En parlant de logiciels, Photoshop est évidemment la référence, mais vous pouvez également utiliser GIMP ou encore Photofiltre
( Le premier est disponible en version d’évaluation de 30 jours, les deux autres sont gratuits ^^ ).




1. Présentation de l’artillerie du cleaneur

1.1 Tracer son chemin
1.2 Sélectionner sa voie
1.3 Lever le voile sur le monde obscur des calques


2. Le clean en pratique, c’est fantastique ^^

2.1 Avant de commencer à cleaner
2.2 Réglages de bases pour se simplifier la vie
2.3 Repassage des traits blancs
2.4 Remplissage des noirs / purification des blancs
2.5 Repassage des traits noirs
2.6 Toi ? J’peux pas t’encadrer !


3. Les petites difficultés apprivoisées

3.1 Les traits de mouvements / SpeedLines arretés sur image
3.2 Le fabuleux monde des gris


4. Bien Beau Bonus



( En fait, je me demande si cela n’aurait pas été mieux sans plan ^^" )
Bon, trêve de bavardages ! C’est parti ! ( accrochez-vous bien )


Je reviens tout de suite sur « la navigation ».

Déplacement ( 7 ), pour faire bouger un calque, une sélection, etc…
La loupe ( 8 ) ,
et bien oui je ne vous apprends rien, elle sert à zoomer ^^ Sachez que
plus vous zoomerez pour faire les petits détails, meilleur sera le
résultat ^^
( Autant annoncer la couleur dès le début ! )
Main ( 9 ) , c’est pour vous déplacer lorsque vous avez bien zoomé ! ( ça ne fait pas bouger les calques, seulement vous ! )

Alors maintenant voyons d’un peu plus près l’outillage photoshopien !




Et oui ^^
Vous allez en tracer des traits !
Ou plutôt devrais-je dire « repasser », puisqu’il s’agit là de remettre en valeur des traits qui ont été plus ou moins effacés
par le scanner de nos amis japonais ^^'

Deux outils sont alors disponibles : le pinceau et l’outil trait, chacun présentant des avantages et des inconvénients.


Le pinceau ( 1 ) permet de dessiner tout simplement ^^

Utilisation : En associant la touche maj et clic droit de la souris, on peut obtenir des traits droits,
et une succession de petits traits droit, ça peut faire une jolie courbe


Réglages : vous pouvez modifier la taille du pinceau, sa forme, son opacité.
Pour
les cleans, on modifie rarement l’épaisseur ( sauf si l’on veut un
trait plus épais pour repasser les bulles par exemple ), la forme non
plus ne varie pas ( on garde celle par défaut ), et pour l’opacité,
cela sert juste à régler l’intensité / transparence du trait, donc on
laisse à 100% ^^

Avantages et défauts :
- Facile et pratique à utiliser, c’est L’outil de base ! ^^
- Les traits tracés sont plus flous et beaucoup moins prononcés, par rapport à ceux tracés par l’outil trait.
( Cela et surtout observable pour une taille de pinceau supérieure à 1 px )
- On obtient de très bon résultats pour faire des courbes en faisant beaucoup de petits traits, grâce à la touche maj + clic ^^
( Je sais je l’ai déjà dit, mais c’est pour que ça rentre ! )


L’outil trait ( 2 )
Si vous l’utilisez tel quel, vous allez vous retrouver avec un calque par trait :s
( Et c’est super déstabilisant de se retrouver avec plein de calques quant on ne sait pas comment ça marche ! :s :s )
( Oui il y a de l’expérience personnelle là dedans ! )


Utilisation :
Avec cet outil, les traits sont obtenus en cliquant droit, puis en
déplaçant la souris pour « étirer » le trait qui sera formé une fois le
bouton de la souris relaché.

Réglages : n’oubliez pas de cocher la case « lisser » !!! Sinon vous allez obtenir des traits pixélisés !

Avantages et défauts :
- les traits sont absolument parfaits, bien noirs et juste assez flous !
- Il est un peu plus pénible à manipuler que le pinceau.
- Il faut aussi se méfier des effets « escaliers »
La gomme ( 3 )
( Je l’ai juste citée pour la situer ! )
Juste une petite chose à savoir ^^
Il faut se méfier des couleurs « premier plan » et « arrière plan » !

Spoiler:

Je rajoute ici parce que je ne sais pas trop où mettre ailleurs ^^'
S’il ny avait qu’un raccourcit à retenir, ce serait celui-ci : Alt + Ctrl + z
( C’est pour retourner en arrière ^^ et ainsi annuler les bêtises effectuées ! )




Nous
sommes souvent amenés à devoir sélectionner des parties de pages, que
ce soit pour remplir de noir, de gris, ou pour appliquer un flou sur
les mouvements.

Encore une fois, deux outils sont à notre portée ^^

Le rectangle de sélection ( 4 ) : Grâce à lui, vous pouvez sélectionner avec de beaux rectangles biens droits ^^
On l’utilise surtout pour faire des cadres biens droits ( mais ça, on en reparlera plus tard ! )

Le lasso polygonal ( 5 ) : Le plus courant et l’un des plus faciles à utiliser.

Utilisation : Commencez
à cliquer pour débuter votre sélection, déplacez votre lasso, puis
cliquez à nouveau pour créer un « point d’ancrage ». Pour boucler la
sélection, il suffit de double cliquer.
Si jamais vous avez trop
cliqué et que vous avez perdu votre sélection, vous pouvez la récupérer
en allant dans « sélection » , « resélectionner ».

Avantages et inconvénients :
- Facile d’utilisation
- Pas très maniable : si on « rate » un point d’ancrage, on est bon pour tout resélectionner ( ou pour bidouiller )
-
Pas très compatible avec msn :s ( si quelqu’un vous parle, et bien la
dite personne va devoir attendre que vous ayez fini de tout
sélectionner avant d’avoir sa réponse )
Remarque,
il n’est jamais bon de trop discuter pendant un clean, si l’on ne veut
pas voir son temps passé devant son écran augmenter de façon
exponentielle !

La plume ( 6 ) : A première vue elle ne sert pas à sélectionner, mais si on la règle de façon appropriée, elle surpasse largement le lasso ^^


Utilisation :
Elle est pratiquement identique à celle du lasso, sauf que cette
fois-ci l’utilisation est plus « souple » : vous pouvez naviguer plus
facilement sur votre page, zoomer, dézoomer, revenir en arrière si vous
n’avez pas cliqué au bon endroit ( Alt + Ctr + z ), dialoguer parallèlement sur msn…
Pour boucler votre sélection, vous devez revenir cliquer sur votre premier point d’ancrage.
Si
à l’intérieur de votre sélection il y a une partie que vous ne voulez
pas sélectionner, il suffit de sélectionner à nouveau avec la plume ( «
la double sélection » permet de désélectionner ).

Remarque :
Le type de sélection que vous obtenez avec la plume n’est pas du même
type que celle obtenue avec le lasso, c’est une espèce de sélection
intermédiaire.
Si vous voulez basculer vers une sélection « normale
», vous devez ensuite cliquer droit, puis sur « définir une sélection
», et valider.
Pour effacer la sélection intermédiaire, il faut juste cliquer sur «Echap ».


Avantages et inconvénients :
- Utilisation plus souple
- Il faut passer par une sélection intermédiaire avant d’obtenir une « vraie sélection »
- Elle a d’autres utilisation, mais pas le temps de s’éterniser dessus ^^
- C’est ma meilleure amie ! ( mais si c’est un avantage ^^ )


Bon maintenant, les petits trucs pour jouer sur les sélections ^^
( Valable pour le rectangle ou pour le lasso, les « vraies sélections » ne sont pas modifiables via la plume )
- Si vous avez déjà une sélection, et que comme pour la plume vous voulez en retirer une partie => Alt + sélection
-
Si vous avez une sélection, et que vous voulez rajouter une sélection
sans désélectionner le reste ( comme par exemple sélectionner le
contour de chaque vignette pour en faire le cadre ) => maj +
sélection
- Pour remplir une sélection de couleur ( utile pour les gris ) => maj + F5
- Pour intervertir la sélection ( ça peut être utile parfois ) => sélection => intervertir




Ah les calques ^^
Ils peuvent vraiment être une source de gros soucis si on ne comprend pas trop leur fonctionnement,
mais une fois que l’on a compris ! C’est la grande classe !
Et il est absolument essentiel de bien savoir les utiliser pour les cleans

Bon, et bien je vais commencer par un exemple des plus idiots, mais qui m’aurait bien aidé moi !
Vous devez bien vous souvenir de l’époque plus ou moins lointaine où vous utilisiez ce genre de papier
pour décalquer avec votre crayon de papier ^^
Alors avec photoshop c’est pareil, sauf que là le calque est vraiment invisible !
Et en plus, vous pouvez en mettre tout plein les uns par-dessus les autres sans que cela ne gène la visibilité !
Il faut aussi se rappeler qu’avec le principe de la superposition, le calque situé au dessus d’un autre
masque celui ou ceux situés en dessous

Désolée, j’ai un peu tout concentré sur l’illustration ^^ Décryptons donc un peu tout ça !

La superposition : Le calque du haut recouvre celui/ceux qui sont situés juste en dessous !
Comme
vous pouvez le voir, le calque « flèches » où j’ai tracé les 2 jolies
flèches sur le screen pour la plume est situé au dessus du « calque 2 »
où se trouve le découpage des vignettes, et c’est donc pour cela que
les flèches recouvrent les vignettes.
Si vous voulez changer l’ordre de superposition des calques, ils suffit de cliquer sur le calque
( et de maintenir le bouton de la souris ^^ ) et de faire « glisser » le calque à la position désirée.

Les calques visibles et les calques non-visibles : pour une raison ou pour une autre, il est utile de pouvoir dissimuler un calque
( par exemple pour voir la partie qu’il recouvre ^^ ), cliquez donc sur l’œil pour masquer ou afficher les calques.

Le calque actif :
Attention ! C’est sur celui-ci et celui-ci uniquement que vous êtes en
train d’agir ! Sur l’exemple précédent, je me trouve sur le calque «
flèches », si je prends la gomme et que je veux effacer des choses sur
les vignettes, il va falloir que je clique sur le calque 2 pour
l’activer et pouvoir ainsi modifier son contenu !
Remarque : un calque non visible ne peut être modifié ^^

L’arrière plan :
Lorsque vous allez ouvrir une page de raw, la page sera par défaut en
arrière plan. Si vous avez besoin d’en faire un calque => calque
=> nouveau => calque à partir de l’arrière plan.

Opérations sur les calques :
- Pour en créer un => calque => nouveau => calque… ( vous pouvez lui donner un nom )
-
Pour supprimer un calque => rendez le calque actif en cliquant
dessus dans la fenêtre des calques, puis dans la fenêtre des calques
toujours, vous trouverez une petite corbeille en bas à droite
-
Pour fusionner des calques ( si vous avez trop de calques et que vous
voulez les regrouper un peu pour faire du nettoyage et vous y retrouvez
un peu mieux ^^ ) => rendez visibles uniquement les calques que vous
voulez fusionner, rendez actif l’un de ces calques, puis => calques
=> fusionner les calques visibles
- Pour mettre sélectionner un calque => Ctrl + click droit sur le calque ( dans la fenêtre des calques ^^ )

Bon, et bien maintenant que vous maîtrisez parfaitement tous ces outils ^^, il est temps de s’essayer sur une vraie page !





Alors, beaucoup de bricoles à faire ^^
Donc vous démarrez photoshop ^^, un peu de zic ça détend toujours ^^,
on change son statut sur msn ( Clean en cours ! ) ( occupé ),
on ouvre sa page, on respire profondément, et on attaque !



Je ne montre pas le résultat, il coule de source !
Bon, voilà déjà une bonne chose de faite !

La deuxième chose : mettre l’image en niveaux de gris.

C’est pour le cas où votre page possède des couleurs, et cela joue également lors de l’ajout de bruit sur vos gris.
Pas besoin de screen pour cette fois, il suffit d’aller dans => Image => Mode => Niveaux de gris.

Troisième chose : régler la taille des pages sur 1100 px de haut.

Les pages des raw ont des hauteurs qui varient, pas celles de nos chapitres !
Il faut donc aller dans => Image => Taille de l’image et la fenêtre suivante va s’afficher :



Quatrième et dernière chose ^^
Vous avez déjà bien modifié votre page mine de rien
Alors moi je suis partisante de la sauvegarde !
Euh...
Quand je parle de « sauvegarde », je parle de faire une copie de votre
arrière plan sur un calque, comme ça en gros vous allez travailler sur
le calque, et si jamais à un moment vous avez fait une erreur de
manipulation et que vous avez besoin de la page originale, et bien vous
l’avez déjà sur votre .psd ( document de photoshop ).
Pour la manipulation, il suffit de faire Ctrl + a ( pour sélectionner toute la page ), puis Ctrl + c ( pour copier : p ),
et enfin Ctrl + v ( pour coller ^^ ).
Vous avec donc un « claque 1 » créé, qui est une copie parfaite de votre arrière plan.

Ensuite, rien ne vous empêche bien sûr de faire de « vraies sauvegardes »
pour éviter les gentils buggs de PC qui vous font refaire une page…




Bon oui ! On va commencer à cleaner !
Et bien en fait non !
Avant de s’attaquer réellement à une page, il existe des petits réglages qui permettent de soulager un peu
le fardeau des pauvres cleaneurs que nous sommes ^^

Voici le plus courant et le plus utilisé : les niveaux.
Pour ouvrir la fenêtre : => Image => Réglages => Niveaux…
( N’oubliez pas que vous modifiez ici votre calque 1 )
( Donc pensez bien à vérifier que c’est votre calque 1 qui est activé, et non votre fond ^^ )
( Si vous avez peur de vous tromper, vous pouvez rendre le fond « non-visble », comme ça vous ne pouvez rien faire dessus ! )


Bon, il faut que je change de vignette pour l’exemple, parce qu’il n’y a pas de traits blancs à repasser avec celle de Sakura…


Vous
créez un nouveau calque, que vous pouvez l’appeler « blancs » pour le
repérer plus tard, vous prenez au choix le pinceau 1px ou l’outil trait
1 px aussi, et vous repassez les traits
( Repassez bien tous les traits blancs, vous comprendrez pourquoi dans l’étape suivante )
Si vous avez encore du mal avec ces outils, retournez dans 1.1 Tracer son chemin.

Maintenant que les traits blancs sont sur un calque, nous allons pouvoir faire le remplissage des noirs !
Vous prenez l’outil que vous préférez pour sélectionner vos noirs, vous créez encore un calque, vous l’appelez « noirs »,
vous vérifiez également que l’ordre de vos calques est bien :

( Sinon, vous faites glisser les calques pour avoir le bon ordre ;p )
Et vous remplissez votre sélection de noir en cliquant sur maj + F5

Une
fois que le remplissage des grosses zones de noir est terminé, vous
pouvez en profiter pour finir d’effacer les poussières qui parasitent
vos blancs, et que les niveaux n’ont pas supprimées. Privilégiez
l’utilisation du pinceau blanc (cliquez sur la couleur du premier plan
pour la modifier), avec une taille comprise entre 3 et 12 px, suivant
les zones à effacer.
Profitez en pour effacer le texte des bulles mais pas les kanji des sfx !!!
( il est assez facile de différencier les kanji "dialogue" des kanji "sfx" )


C’est presque la dernière étape ^^
Elle est identique à celle du repassage des blancs, sauf que là c’est les noirs !
Heureusement, si vous avez bien travaillé ( et vous avez bien travaillé
) TOUS les noirs ne sont pas à repasser ! Il s’agit juste de redonner
une « continuité » aux traits noirs, et de faire ressortir des éléments
qui ne sont plus aussi nets qu’il le devraient.
Pour tout ce qui est décors et personnages, utiliser le pinceau 1px ou l’outil trait ( 1px aussi).
Pour
repasser les bulles, l’outil trait est préférable, car on peut le
régler à 1,5 px ( il faut bien taper 1,5 , ne pas valider pas « entrer
» mais faire un trait tout de suite après ).

Il n’est pas nécessaire de créer un nouveau calque pour repasser les traits ( Même si moi je le fais ! ),
vous pouvez travailler directement sur le calque « noirs ».

Si vous avez des zones de gris sur votre page, vous devez par contre repasser TOUS les noirs qui sont situés dans votre gris !
( explications dans 3.2 « le fabuleux monde des gris^^ » )




Mais si c’est possible ^^
Et c’est même très facile !
Vous sélectionnez toutes vos vignettes de la façon que vous préférez
( Attention de bien sélectionner SUR les anciens cadres des vignettes, ou légèrement à l’intérieur ! )
Vous créez un calque « cadres » que vous placez au dessus des autres, et vous faites => Edition => Contour…


Validez, mais ne désélectionnez pas !
Maintenant
que vous avez vos jolis cadres, intervertissez la sélection, remplissez
de blanc ( maj + F5 ), et admirez le résultat !
( Et oui d’un coup c’est tout de suite plus propre ! )
( Je n’en plus plus de faires des screens ! Si vous suivez la méthode, vous allez y arriver ! )



Ah !
Si les cleans pouvaient s’arrêter aux repassages des noirs et des blancs !
…
Euh…
Et bien en fait ce serait bien moche à lire !
Donc voici quelques petites explications pour réussir à palier ces petites difficultés




Bon, il y a déjà des « petites restrictions » sur l’utilisation de flou sur les speelines.
Elles sont « réservées » à Naruto, on ajoute que très très très rarement ( pour ne pas dire jamais ) du flou sur One Piece.
Ensuite, il ne s’agit pas non plus de tout flouter !
Ne sont à flouter que les vêtements, les cheveux ou des objets lorsque mouvements il y a.

Alors
en gros, il y a deux grands types de flous : le flou directionnel (
pour les mouvements « droits » ), et le flou radial ( je crois que je
vais refaire quelques screens, parce que je ne vais pas m’en sortir
-_-‘ ).


Méthode :
( Je ne donne l’exemple que pour le flou directionnel, la méthode est analogue pour le flou radial )
- Sélectionner la partie à flouter
-
Vérifiez bien que votre calque du fond est activé (calque 1 dans mes
exemples précédants ), sinon vous n’allez pas vraiment sélectionner ce
que vous voulez…
- Faites un copier / coller => votre partie à flouter est désormais sur un nouveau calque
( renommez le si vous avez peur de le perdre ^^ )

- Resélectionnez la partie à flouter en faisant Ctrl + clic sur le calque
- Vous êtes maintenant prêts à appliquer du flou ^^
Cliquez sur => Filtre => Atténuation => Flou directionnel…

( Dans le cas d’un flou radial, faire => Filtre => Atténuation => Flou radial… Et cochez la case « zoom » )

Une
fois le flou appliqué, placez le calque des flous en dessous du claque
des noirs, et activez le calque des noirs pour repasser les traits
noirs qui ont été masqués par le flou.


Remarque : le
flou a tendance à « diluer » les noirs… Donc si vous donnez un petit
coup de niveaux et que vous pixélisez bien avant de flouter ( c’est
juste autorisé ici de pixéliser ! ), le résultat est plus foncé et
c’est donc plus homogène avec le restant de la page.


Si
pour vous les calques n’ont maintenant plus aucun secret, et si vous
avez bien repassé les traits noirs situés dans vos gris,
et bien vous avez fait 90% du travail !

Il
ne vous reste plus qu’à créer un calque « gris », vous sélectionnez la
zone où vous voulez ajouter du gris, vous remplissez d’un gris
( à vous de vous rappeler comment faire toutes ces étapes ),
gris que vous aurez choisi ( profitez-en car après le gris est imposé ^^ ).
Profitez-en aussi pour ajouter du bruit sur votre gris => Filtre => Bruit => Ajout de bruit…
Entrez « 5 » comme valeur, puis cochez « répartition uniforme »
(Si vous avez bien suivit, monochromatique est coché parce que votre page est en niveaux de gris ^^ )

Placez le calque en dessous du calque « noirs » pour que les traits noirs superposent le calque gris.

Ben voilà ! Si tout va bien c’est fini !
Pensez à regarder d’un peu plus haut votre clean pour essayer de voir les petits défauts faciles à corriger




Pas pratique à prononcer, pas vrai ? ( on s’amuse comme on peut )
Alors je vous propose de tester un peu ce que vous avez pu apprendre !
Si vous arrivez à répondre à toutes les questions, vous êtes sur la bonne voie !

- Comment activer un calque ?
- Quel est le raccourci pour remplir une sélection ?
- Quelle doit être la taille du pinceau ou de l’outil trait pour repasser des traits ?
- Est-ce que la première chose à faire sur une page est repasser les bulles ?
- Quelle doit être la hauteur de la page que l’on clean ?
- Doit-on flouter les traits de mouvements ?
- Quel est le raccourcit pour annuler les dernières opérations effectuées ?
- Combien de temps de temps cette barge a-t-elle mis pour rédiger ce tuto ?
- Comment changer l’ordre de superposition des différents claques ?
- Faut-il effacer le contenu de toutes les bulles ?
- Pouvez-vous citer au moins 3 manières d’atténuer / faire disparaître la poussière sur les blancs ?

( Pour les réponses, elles sont presque ( ^^ ) toutes données dans l’un des deux posts précédants ! )
(A vous de les chercher ! )




Si vous trouvez qu’en dépit de toutes les bêtises que j’ai pu raconter il reste encore des choses à éclaircir,
dites-le histoire que je corrige

Bon courage à vous et à bientôt dans la team

Bonne relecture !
Bonne rerelecture !
Bonne rererelecture !
Bonne rerererelecture !
Bonne rererererelecture !