Edition sous Photoshop

Bienvenu dans ce petit tutoriel pour vous expliquer comment éditer une belle page fraichement cleanée.

Petit plan, vu la longueur :


Note: Si du monde passe encore par ici, sachez que ce tutoriel a été mis à jour, ce serait un peu long à recopier sur ce site, donc voici le lien du tuto mis à jour:
http://www.ddl-tnsensei.com/dossier/tutoriel-edition-1
Je laisse ici l'ancienne version, au cas où


1) Le rôle de l’éditeur

L’éditeur est tout simplement la personne qui met du texte dans les bulles. Vu comme ça, c’est super simple.
Et là, je vous vois venir... La question qu’on se pose tous... C’est quoi la différence entre un bon éditeur et un mauvais éditeur ? Pour faire court^^, je dirais simplement que le bon éditeur est quelqu’un qui est motivé pour rendre un beau travail, qu’il est assez autonome pour prendre ses décisions tout seul, et qu’il connait assez bien le français pour pouvoir corriger les petites fautes qui sont passées à travers les griffes des checkeurs.
Au faite, juste comme ça, si vous ne savez pas ce qu’est une syllabe, et que donc vous ne savez pas comment couper un mot, il serait grand temps de se renseigner, hein.^^

-Le logiciel :
--> Soit Photoshop CS (CS2 dans le cadre de ce tuto). Cliquez ici pour télécharger une version d’évaluation de 30 jours.
--> Soit The Gimp, logiciel libre téléchargeable ICI. Les utilisateurs de The GIMP doivent installer le plug-in layerfx pour pouvoir faire des contours de police facilement. Cliquez ici et lisez attentivement le fichier texte que je vous ai préparer pour réussir cette installation rapidement.

-Les polices :
Les polices utilisées en scantrad ne sont pas préinstallées dans votre ordinateur ou dans les logiciels ci-dessus. Les plus couramment utilisées sont Wildjess, Wildroman et Anime Ace. D’autres polices et les consignes d’installation sont disponibles ICI.

-Une page cleanée à éditer, comme celle-ci.

-Une traduction qui à été corrigée, que voici :

-Un minimum de temps au calme pour pouvoir faire un boulot correct, non bâclé.

-Matériel optionnel, mais très très très fortement recommandé, le RAW du chapitre ou de la page que vous allez éditer. (RAW= page originale du manga non modifiée.) Ceci permet de vérifier la position de certains textes, ou la grosseur du texte à utiliser. Voici celui de la page exemple.

-La boîte à outils : Elle contient les différents outils que vous pouvez utiliser avec le logiciel. Pour l’édition, vous devez maîtriser au minimum les outils « Déplacement » et « Texte », il serait aussi bon de connaitre un peu et de savoir utiliser les autres outils que j’ai nommés sur la figure ci-dessous.

Pour info, sachez que différentes variantes de ces outils sont accessibles avec un clique droit sur l’icône. Un clique droit sur la page à éditer permet d’afficher les options de ces outils.

-les fenêtres : Quand on sait s’en servir, ces fenêtres facilitent l’utilisation du logiciel. Si elles ne sont pas affichées comme dans mon exemple, vous pouvez les activer grâce à l’onglet « fenêtres ».

Ouvrez votre page avec l’onglet « Fichier » -> « Ouvrir », ou tout simplement en glissant son icone dans Photoshop.

Un petit conseil préliminaire, essayez de séparer votre poste de travail en deux, d’un côté la traduction à éditer, de l’autre Photoshop. Un accès rapide au RAW est souvent utile.

/!\ On ne recopie pas la traduction corrigée, on la copie-colle (Ctrl+C -> Ctrl+V). On évite ainsi d’introduire des fautes dans un texte qui a déjà été corrigé.

Sélectionnez l’outil « Texte » et faites un cadre autour de la zone à éditer, en s’assurant déjà de centrer la zone de texte sur la bulle, comme montré pour ces deux premières bulles.

Une fois le cadre fait, sélectionnez votre police (ici Wildjess). Vérifiez les options à côté du choix de la police : style « Normal », Taille « XX », Lissage « Précis » ("Crisp" en anglais) Couleur « noir » (ou blanc selon les cas).
Si tout est bon, collez le texte.

/!\ Les débutants ont presque toujours tendance à écrire trop gros, ce qui a pour effet de trop charger la page et qui fait ressortir les petites erreurs d'alignement. Généralement, éditez avec une taille de police de 11 ou 12px. De plus ça simplifiera la mise en forme de la bulle par la suite.

Le plus long reste à faire : la mise en forme du texte pour qu’il se fonde au mieux dans sa bulle.

/!\ Un bon éditeur ne travaille pas bulle par bulle, mais ligne par ligne.
/!\ Prenez votre temps pour découper le texte au mieux. Quand on commence, il faut privilégier la qualité à la quantité.

Agencez le texte au mieux pour qu’il suive la forme de la bulle. Ensuite, ajustez la taille du texte pour qu’il reste en harmonie avec la page. Voici quelques exemples de résultats :

À ne pas faire :




À obtenir :



5) Deuxième pas dans l'édition : les pensées, les cris et les bordures

L’édition doit facilement faire comprendre au lecteur ce qui se passe. Pour cela, il existe des codes simples.

Les bulles de cri sont généralement facilement identifiables grâce à leur forme, avec des angles plus prononcés.
Sélectionnez le texte, puis faites un clique droit. Cochez l’option « Faux-gras ». Le tour est joué.

Il arrive que le texte doive être placé hors d’une bulle, directement sur le dessin. Dans ce cas, il est nécessaire de mettre un contour autour du texte pour le faire ressortir et pour le rendre plus lisible. Le contour s’applique à un calque entier.
Sélectionnez le calque en question, puis cliquez sur le petit bouton , en bas de la fenêtre des calques, pour ajouter un style au calque. Sélectionnez « contour... » pour faire apparaître cette fenêtre :

Assurez-vous que vos paramètres sont identiques à ceux présentés ici. Lors de vos éditions, deux variables sont utilisables : La taille (mais elle doit rester à 2 ou 3 px) et la couleur (généralement, on utilise le blanc).

Retournons à notre page et éditons la troisième ligne de texte. On remarque grâce au RAW que ce texte est à placer dans la troisième case. C’est justement du texte hors-bulle, à écrire en noir avec un contour blanc. De plus, ce texte correspond à des pensées, donc on va le mettre en italique. Voici le résultat que vous devez obtenir :

Attaquons enfin la dernière bulle. Ici on remarque que les contours des bulles sont différents, ce sont des bulles de cri. Donc il faudra écrire en gras. Voici le résultat à obtenir :

Une fois fini, ce serait trop bête d’oublier la sauvegarde.^^
Je vous conseille de commencer par sauvegarder votre page au format PSD (Photoshop Document). Vous pourrez ainsi retrouver vos calques si vous avez une erreur à corriger.
Faite ensuite une seconde sauvegarde car la page doit être rendue sous le format d’échange Jpeg, avec une qualité de 7 ou 8 pour ne pas avoir, au final, un chapitre de 30Mo à télécharger.

Le tampon est un outil fort utile pour pouvoir remettre l’image sous un texte effacé. Les cleaneurs sont logiquement habitués à l’utiliser, mais c’est parfois synonyme d’objet de torture pour un éditeur.
Pourtant c’est tout simple, il suffit d’essayer 2 minutes pour comprendre comment ça marche.

Prenons cet exemple :

Le cleaneur a effacé le texte en japonais, mais il n’a pas pris le temps de redessiner les gradins ni le cours de Tennis. Et vu le peu de texte que vous avez à mettre, vous ne pourrez pas couvrir tout la zone à cacher.
Commençons par le terrain de tennis. Sélectionnez l’outil tampon. Si vous avez déjà plusieurs calques, vérifiez que vous avez bien sélectionné celui de l'image(normalement, l’arrière plan).
Le tampon est comme le pinceau, modifiez sa taille avec un simple clique droit sur la page.

La première chose à faire est de définir la zone à dupliquer. Placez-vous exactement sur le point A indiqué ci-dessus, maintenez la touche Alt enfoncée et faite un clique gauche avec la souris. Ça y est, la zone est définie.^^

Ensuite, l’étape délicate est de bien placer le tampon à l’endroit où l’on veut dupliquer, correspondant dans notre cas au point B ci-dessus. Cliquez et glissez dans la direction souhaitée pour « boucher les trous ».
Les erreurs sont fréquentes, gardez Ctrl-Z sous la main pour annuler et reprendre.

Sélectionnez ensuite la zone C pour la dupliquer à partir du point D, et ainsi de suite jusqu’à refaire le terrain de tennis.

Maintenant que vous comprenez un peu mieux comment marche le tampon, et que dans l’euphorie du moment, vous trouvez ça trop bien , utilisez le même principe sur le stade pour obtenir finalement un résultat de ce genre.

Il arrive parfois, lorsque vous éditez une page, que vous remarquiez une bulle vide ou aucun texte n’est prévu. Deux possibilités : le traducteur a oublié de la traduire ou le cleaneur a effacé une bulle de SFX (c'est-à-dire une bulle qui correspond simplement à un son ou à une action, pour aider à comprendre l’action).
N’hésitez pas à demander à l’administrateur du forum l’ouverture d’un topic « salle des tortures » pour pouvoir blâmer les fautifs comme il se doit. Ces #?@! vous donnent du travail en plus. Il est tard, vous voulez boucler votre page et il n’y a personne à engueuler car tout le monde dort paisiblement pendant que vous bossez comme un malade... Je m’égards, retournons sur le sujet^^.

C’est parti pour le « système D ». Voici comment procéder.
Notez également que l’on garde les bulles qui contiennent uniquement de la ponctuation comme dans le RAW, car c'est bien plus joli. Quelques exemples :


Pour pouvoir travailler, il vous faut obligatoirement le RAW.
Voici par exemple une page cleanée et éditée, et le RAW si vous voulez essayer.

On va maintenant cleaner très simplement le RAW (Bah non partez pas, vous allez voir c’est facile^^)

Les niveaux

On va commencer par ouvrir le RAW et redimensionner la page à 1100px. Comme la page finale est de la même taille, logiquement vous n’aurez pas de modification de taille à apporter au SFX par la suite.
Zoomez sur le SFX. On va maintenant modifier les niveaux pour foncer les noirs et pour rendre les blancs « plus blancs que blanc ». Dans l’onglet « Image », choisissez ajustements -> Niveaux... (Ou Ctrl+L)
Vous voyez apparaitre une fenêtre avec un graphique et 3 flèches au dessous. Mettez la flèche blanche légèrement avant le pic et avancer ensuite la flèche noir, pour avoir ce genre de résultat, et appuyez sur OK.

Attention, ne forcez pas trop sur les niveaux pour ne pas faire pixelliser l’image. Par contre, si vous ne forcez pas assez, vous allez avoir beaucoup d’impuretés dans les blancs à corriger.

Sélectionner le SFX et le coller sur la page cleanée

Prenez l’outil sélection et entourez le SFX. Vous pouvez prendre large, ce n’est pas grave si il y a d’autres éléments dans le cadre, on les effacera plus tard.


Copiez la sélection avec Ctrl+C.
Ouvrez maintenant la page cleanée et faites Ctrl+V pour coller la sélection. Vous remarquerez que la sélection a été directement collée sous forme de nouveau calque. Dons utilisez l’outil « déplacement » pour remettre le SFX au dessus de la bulle comme ceci.

Normalement, vous n’avez pas de modification de taille à apporter, mais si c’est le cas, Ctrl+T est votre ami.
C’est déjà une bonne chose de faite. Il ne reste plus qu’à embellir.

Finalisation

Trois choses à faire pour terminer ça :
- Utilisez la gomme pour effacer toutes les parties de votre sélection qui sont inutiles. Vérifiez que vous êtes bien sur le calque de la sélection, et rendez invisible la page cleanée pour vous simplifier la vie. Vous devez obtenir un résultat comme ça.

- Reprise des blancs : Retirez les impuretés dans les blancs en utilisant le crayon ou le pinceau. Mettez « Blanc » en couleur de premier plan. (Revoir la première figure du tuto pour ces options. Le crayon est accessible avec un clic droit sur l’icône du pinceau).
Je vous rappelle que les taille du pinceau et de la gomme sont modifiables avec un clique droit.

- Reprise des noirs : Comme vous le voyez, il y a aussi des impuretés dans les noirs. Pour les supprimer, utilisez le crayon, taille 1 à 3 px, avec le noir en couleur de premier plan.
Voici enfin le résultat final que vous devez obtenir :

Et la page finale

P.S. : Au passage, j’espère que vous avez noté que dans les 4 bulles des images 3 et 6, c’est bien du texte à traduire et que le cleaneur a oublié d’effacer le contenu. Ce ne sont pas vraiment des SFX, C'est des "Haa / Haa / Haa / Haa". Donc, il suffit d’effacer le japonais avec la gomme et de placer le nouveau texte... Comment ça j’en demande trop !

Les bulles contiennent quelque fois des symboles, notamment des cœurs ou des notes de musique, que l’on retrouve rarement dans la page cleanée. Et bien figurez-vous qu’avec Photoshop, c’est très simple de les remettre. Bien sûr, vous pouvez les remettre à partir du RAW, comme décrit dans le tuto précédent, mais voici une technique plus facile et plus rapide.
Petits exemples avec One Piece :

En fin de texte, vous voyez apparaitre des cœurs ou des notes de musique. Et comme vous êtes un éditeur méticuleux, vous avez décidé de les remettre.
Pour cela, dans la boîte à outils, sélectionnez l’outil Forme personnalisée, qui se cache ici.

Vous aurez ainsi accès à plusieurs formes préenregistrées, qui sont elles cachées ici.

Vous trouverez facilement le cœur et la note de musique. Décidément, vous êtes très attentif, oui... c’est vrai..., c’est une double croche et non une simple croche comme sur la page de One Piece. Pour avoir la simple croche, cliquez tout simplement sur la petite flèche entourée à droite du choix du symbole, et choisissez le répertoire « Musique ». Concernant le cœur, celui-ci est plein. En cherchant un peu dans les répertoires, vous retrouverez exactement le même cœur que sur la page de One Piece.


Une fois la forme choisie, vous devez définir le style avec le bouton juste à côté. Choisissez « Style par défaut » (Notez aussi la présence du style contour, parfois pratique), et assurez-vous d’utiliser le noir comme couleur.

Vous pouvez maintenant dessiner l’objet dans votre bulle (en appuyant sur la touche Maj pour ne pas le déformer). Vous remarquerez encore une fois que Photoshop crée automatiquement un nouveau calque pour votre dessin.
Si vous désirez rétrécir/agrandir ou modifier la forme de l’objet, cliquez sur Ctrl+T.
(Pour info, avec le style contour, cliquez sur l’icône en bas de la fenêtre des calques pour pouvoir modifier les options du contour de l’objet.)
Et voilà le résultat :

Il arrive quelques fois que certains caractères dans les RAW ont un double contour. C'est assez rare, mais voici un exemple en haut d'une page de résultat de sondage (caractères en haut à droite) :

(On ne le voit pas très bien, mais il y a un contour blanc de 2px)