Bonjour à tous, je m'appelle Norpiova. Bienvenue dans mon didacticiel Clip Studio Paint.

Il s'agit de la première partie de la série de didacticiels Contexte Art avec photographie.

Et aujourd'hui, je vais vous montrer Comment créer un arrière-plan de style manga à partir de photographies de paysages.

Alors allons-y !

J'ai également réalisé une version vidéo pour ce tutoriel si vous préférez le format audiovisuel.

J'utilise Clip Studio Paint EX version 1.13. Ce tutoriel devrait donc convenir si vous utilisez la version 2.

1. IDENTIFIER LE CONTEXTE DU STYLE MANGA

La particularité de l’arrière-plan de style manga réside dans l’utilisation de screentones. Différents types de screentones créent une illusion d’ombrage.

Vous pouvez mélanger et faire correspondre la quantité et la taille de l’élément du screentone pour trouver la bonne ombre. L'élément de Screentone que je mentionne est la forme du motif de screentone tel que des points, des lignes, des carrés et des croix.

2. TRANSFORMER DES PHOTOGRAPHIES EN FOND DE STYLE MANGA

Donc, pour la première étape, importez votre photo de paysage dans Clip Studio Paint.

D'ailleurs, j'ai pris cette photo depuis mon Android.

Commençons la partie amusante. Pour transformer cette image en lignes et tons, faites un clic droit sur le calque de la photographie, sélectionnez Convertir en lignes et tons.

La partie supérieure est le réglage de l'extraction des lignes, tandis que la partie inférieure est destinée aux tons. N'oubliez pas de cocher la case Aperçu pour voir les modifications en temps réel.

---

Remarque rapide : si vous ne souhaitez pas lire mon explication pour tous ces paramètres, vous pouvez simplement copier mes paramètres et passer à l'étape suivante.

---

À partir des paramètres de ligne, assurez-vous de décocher la première option Postériser.

Ensuite, cochez la case Remplissage noir. Cette option générera une silhouette basée sur la zone sombre de l'image. Il crée également automatiquement des lignes à partir des bords de l’objet tant qu’il est suffisamment sombre. Et plus la valeur est élevée, plus la zone qui sera générée en silhouette noire est grande. Personnellement, j'aime les résultats entre 40 et 80.

 

Ensuite pour Line width, il s’agit de définir la largeur des lignes générées. Vous pouvez utiliser n'importe quel nombre mais je préfère la valeur de 3 à 5.

Pour connaître la méthode permettant à Clip Studio Paint de générer des silhouettes et des lignes, choisissez Processus de détection des contours 2 car il est plus facile à définir et à utiliser.

Il y a 2 paramètres sous cette option. Tout d'abord, Edge height, il vous permet d'ajuster la hauteur du bord et de le détecter comme un contour. Plus la valeur est petite, plus le bord est faible, ce qui permet même de détecter de petits changements sous forme de ligne. Si vous ne comprenez pas ce que je viens de dire, ce n'est pas grave. Pour faciliter les choses, mettez toujours 0 comme valeur pour ce paramètre.

Le second, Courbure de la ligne, ajuste la continuité du contour détecté en fonction de la variation de l'épaisseur. Plus la valeur est grande, plus il est probable qu'il y ait des segments courts. Encore une fois, si vous êtes confus, ce n’est pas grave. Pour faciliter les choses, mettez toujours 10 comme valeur de ce paramètre.

Passons maintenant aux paramètres de tonalité, assurez-vous de cocher l'option de travail de tonalité. Cochez ensuite l'option Postérisation. Lorsque ces options sont activées, l'image sera postérisée en screentones.

Pour régler l'intensité des screentones, vous pouvez utiliser le curseur en dessous. Le nombre de curseurs représente le niveau de postérisation qui sera généré. Donc 3 curseurs signifient que nous obtiendrons 3 niveaux de postérisation, ou 3 niveaux d'ombrage, ou 3 types de screentone. Vous pouvez ajouter plus de curseur en cliquant sur cette barre, et vous pouvez supprimer le curseur en le faisant glisser vers le bas jusqu'à ce qu'il disparaisse. Vous pouvez également repositionner le curseur pour ajuster la superficie qui sera affectée par la valeur de chaque curseur lors du processus de postérisation.

 

Personnellement, je laisse la position des curseurs rester la même et je joue plutôt autour de la valeur des curseurs. Habituellement, je préfère que le curseur de gauche se situe entre 60 et 80, le curseur du milieu reste à 50 et le curseur de droite entre 10 et 30.

Ensuite, pour l’option Type, il s’agit de définir la forme ou le motif du screentone. Il y a des tonnes d'options ici. Normalement, le screentone dans un arrière-plan de style manga comporte des motifs de cercles et parfois des motifs de lignes.

Malheureusement, nous ne pouvons pas voir la différence en mode aperçu en direct. Nous ne pouvons le voir qu'une fois que nous l'avons généré. Cependant, nous pouvons modifier le motif de forme plus tard, alors ne vous inquiétez pas.

 

Ensuite, l'option Fréquence consiste à spécifier le nombre de lignes de trame par pouce. Vous pouvez saisir n'importe quel nombre ici car nous pourrons ajuster le résultat plus tard.

Enfin, l'option Angle permet de définir l'angle du motif de screentone. Habituellement, les mangakas utilisent un screentone d'angle de 45 degrés car l'effet diagonal semble plus dynamique pour l'arrière-plan.

Cliquez sur OK maintenant.

 

Nous obtenons un dossier contenant 5 couches. Le premier est la silhouette noire, le deuxième est le ton d'écran gris foncé (mais il est généralement recouvert par le calque de silhouette), le troisième est le ton d'écran gris moyen, le quatrième est le ton d'écran gris clair et le dernier est le calque blanc. .

3. RÉGLAGE DE LA TONE DE L'ÉCRAN

Nous pouvons ajuster le nombre (fréquence) et la taille (densité) du motif de forme individuel pour obtenir un meilleur résultat. Par défaut, nous obtenons un très petit motif de screentone où la forme individuelle est difficile à remarquer.

Je veux que la forme individuelle, ou dans ce cas les points, paraisse plus visible, je dois donc diminuer la fréquence (nombres) du screentone, puis agrandir la taille du screentone en augmentant sa densité. Fondamentalement, je veux des points moins nombreux et plus gros, tout comme le résultat final sur la vignette.

---

REMARQUES RAPIDES : Les bonnes et meilleures valeurs varient d'une photo à l'autre en fonction de sa résolution ! Ceci est juste un exemple sur la façon d'obtenir un certain look pour le screentone en ajustant la fréquence et la densité !

---

Commençons par le screentone gris clair ou Tone 1, je baisse la fréquence (chiffres) à seulement 6 et la densité (taille) à 10.

Ensuite, le screentone gris moyen ou Tone 2, je baisse la fréquence à 6 et la densité à 35.

Pour le screentone gris foncé ou Tone 3, permettez-moi d'abord de masquer la silhouette noire, donc le réglage est de 6 pour la fréquence et de 70 pour la densité.

Avec ces chiffres, le ton de l'écran apparaît plus brillant qu'auparavant. Et maintenant, vous pouvez également voir chaque point individuel.

Et tout comme ce que j'ai dit plus tôt, vous pouvez également modifier ici l'angle et la forme du motif de screentone.

---

Si vous êtes satisfait du résultat, vous pouvez vous arrêter ici, car vous avez maintenant réussi à transformer les photographies en arrière-plan de style manga ! YAY!

Mais personnellement, je souhaite faire quelques ajustements supplémentaires, notamment en traçant l'objet principal et en nettoyant le ton d'écran qui l'entoure.

4. TRAÇAGE DES PRINCIPAUX OBJETS

La raison pour laquelle j'inclus le traçage dans mon processus est que je veux m'assurer que les objets qui deviennent le point principal semblent plus solides et se démarquent. Puisqu’il s’agit de ma propre photo, je n’ai pas honte de le faire. C'est juste ma propre préférence.

 

J'ajoute donc un nouveau calque vectoriel à l'intérieur du dossier et trace ces objets avec l'outil Plume et Ligne.

5. NETTOYER LE SCREENTONE

Après avoir tracé les objets principaux, je dois nettoyer certaines zones de screentones pour rendre mon arrière-plan plus propre et plus clair.

Ainsi, à côté du calque de tonalité d'écran, il y a un calque de masque. Pour effectuer un nettoyage, vous pouvez utiliser l'outil Plume pour ajouter plus de tonalité d'écran et utiliser une gomme dure ou l'outil Plume en mode soustractif pour supprimer la tonalité d'écran.

6. AJOUT DES PERSONNAGES SUR LE FOND

La dernière étape consiste à ajouter les personnages à l'arrière-plan.

 

Et c'est le résultat final.

OK, je pense que c'est tout. J'espère que ce tutoriel sera utile. Rendez-vous dans la partie 2 où nous apprendrons Comment créer un arrière-plan de style anime à partir de photographies de paysages.