Introduction

VOUS avez procrastiné l'apprentissage du dessin de fonds pendant… longtemps. Probablement.

Et bien que ce tutoriel ne vous apprenne pas exactement à les « faire » pour l'instant, il vous aidera certainement à créer des fonds impressionnants, originaux et pas si ennuyeux, avec la bonne perspective.

 

Mais surtout, cela vous permettra de créer des fonds RAPIDES.

 

En fait, c'est moins un tutoriel de « dessin » qu'un tutoriel de « génération » de fonds.

C'est incroyablement utile, surtout si vous devez dessiner plusieurs fonds, ou le même fond sous différents angles.

 

Dans ce tutoriel, je vais vous montrer comment faire, en utilisant les fonds 3D de CSP en seulement 4 étapes !

 

Vous pouvez cliquer sur le lien ci-dessous pour regarder la vidéo et vivre l'expérience complète ! :)

1ère étape : Trouver et configurer votre arrière-plan

La première étape est évidemment de trouver l'arrière-plan que vous recherchez.

Pour ce faire, vous pouvez soit utiliser la fenêtre latérale, aller dans « Tous les matériaux », puis « 3D » et cliquer sur « Arrière-plans ».

Ou, allez dans fenêtre => matériau => arrière-plan du matériau.

Ici, vous trouverez un tas de fonds 3D par défaut, comme des bâtiments, des salles de classe, des maisons…

Si l'arrière-plan que vous recherchez ne figure pas dans cette liste, cliquez simplement sur « rechercher du matériel sur les assets ». Cela vous mènera aux « assets de Clip Studio » où vous pourrez rechercher des fonds supplémentaires.

 

Pour ce tutoriel, j'utiliserai un fond 3D par défaut pour un personnage que j'ai créé il y a quelque temps.

Le dessin initial n'avait pas de fond, alors j'ai pensé que ce serait bien d'en ajouter un.

En réfléchissant un peu, j'ai trouvé que mon personnage aurait du sens de se tenir ainsi dans un parc.

J'ai donc choisi « parc » dans la liste des fonds et l'ai glissé sur ma toile.

 

 

Dans le coin gauche de l'arrière-plan se trouve une barre d'outils de navigation qui vous permet de manipuler l'objet 3D comme vous le souhaitez. Vous pouvez le déplacer de haut en bas, de gauche à droite, et changer la perspective comme bon vous semble.

Une fois votre fond 3D prêt, nous pouvons passer à l'étape suivante !

2ème étape : Convertir en lignes et trames

Nous allons maintenant transformer cet arrière-plan 3D en lignes et en trames.

Allez dans « Calque » dans la barre de menus, et cliquez sur « Convertir en lignes et trames ».

 

Lorsqu'une nouvelle fenêtre apparaît, la première chose à faire est de cliquer sur « Aperçu » pour voir toutes les modifications opérationnelles avant de les accepter.

Comme vous pouvez le voir, cette option fait exactement ce qu'elle dit :

Elle transforme vos fonds 3D en un ensemble de lignes et de trames.

La transformation que vous voyez est celle par défaut. Et cette fenêtre vous permet de contrôler les lignes et les trames à votre guise.

 

Afin d'expliquer toutes les options, je vais diviser cette fenêtre en 3 parties et démontrer l'utilisation de chaque option sur l'arrière-plan que j'ai choisi avec des captures d'écran des résultats.

 

1- La première partie concerne l'extraction des lignes de l'arrière-plan.

2- La seconde partie transforme les couleurs et les textures en trames.

3- La 3ème partie contient des outils de précision pour améliorer votre résultat global.

 

 

Commençons par la première partie :

La Postérisation signifie que vous pouvez choisir de créer le lineart des formes que vous souhaitez dans votre arrière-plan.

Vous pouvez déplacer les flèches d'avant en arrière afin d'ajouter ou de générer moins de lignes.

Comme vous pouvez le voir ci-dessous, les deux linearts générés sont complètement différents puisque j'ai modifié les réglages des flèches.

 

** Gardez à l'esprit que vous pouvez cliquer dans l'espace vide entre les flèches, ajoutant une autre flèche pour créer plus de lignes et donc encore plus de postérisation.

L'option Remplissage noir vous permet de remplir des éléments aléatoires en noir.

Habituellement, ce sont les éléments et surfaces les plus sombres de l'arrière-plan 3D.

Donc, si vous voulez plus de noir, augmentez simplement ces chiffres.

 

La Largeur de ligne modifie l'épaisseur des lignes jusqu'à 5,

Le changement n'est pas dramatique, mais il rend les lignes plus foncées et plus visibles.

Avec le processus de détection des bords, Clip Studio vous offre deux options pour détecter les formes dans l'arrière-plan 3D afin de générer différentes lignes.

Vous pouvez choisir 1 ou 2 pour un résultat différent.

Le seuil de détection des bords permet à la postérisation de détecter plus ou moins de détails de l'arrière-plan, et donc de générer plus ou moins de lignes.

Si votre seuil de détection des bords est proche de 0, il générera automatiquement plus de lignes (voir le premier exemple ci-dessous).

Tandis qu'il créera moins de lignes si le nombre est plus élevé (voir le 2ème exemple ci-dessous).

La direction de détection vous permet de supprimer les lignes qui vont dans la même direction,

Dans la capture d'écran ci-dessous par exemple, j'ai choisi de désactiver toutes les directions sauf celle de gauche.

 

Et c'est tout pour la première partie de la fenêtre de conversion !

La deuxième partie concerne les trames.

 

Si vous comptez ajouter des couleurs plus tard, vous pouvez désélectionner entièrement cette partie puisque vous n'en aurez pas besoin, et ne garder que les lignes. Mais si vous optez pour un arrière-plan tramé, vous avez essentiellement une option principale :

Comme pour les lignes, la postérisation ici vous permet de transformer les couleurs et textures de l'arrière-plan en trames.

Ici par défaut, vous aurez 3 trames principales. Et en utilisant ces flèches, vous pouvez ajouter plus de chaque trame et contrôler la quantité que vous souhaitez inclure.

 

Les deux captures d'écran ci-dessous montrent à quel point le résultat peut être différent lorsque vous modifiez les réglages des flèches.

Gardez à l'esprit que vous pouvez supprimer n'importe quelle trame et n'en garder qu'une seule en faisant glisser les flèches en dehors de la barre, comme dans la capture d'écran ci-dessous.

Dans Type, vous pouvez choisir la forme de la trame ; car comme vous le savez, les trames sont composées de petits points noirs, et vous pouvez donner une forme à ces points si vous le souhaitez.

C'est pratique si vous voulez faire ressortir la forme elle-même, comme un cœur par exemple si vous réalisez une scène romantique dans un manga.

 

La Fréquence est l'option qui vous permet d'afficher la forme qui compose la trame.

Si vous diminuez la fréquence, les formes deviendront plus grandes, et vice versa.

 

Enfin, vous pouvez modifier l'angle des formes qui composent la trame. Le changement n'est pas vraiment apparent si la fréquence est élevée, mais cela peut parfois modifier l'apparence de la trame si vous utilisez des formes spécifiques ou si la fréquence est basse.

La 3ème et dernière partie de cette fenêtre concerne en fait uniquement le lineart.

 

Elle contient des options qui vous permettent de créer un tracé plus beau et plus dynamique.

Tout d'abord, vous pouvez choisir entre un calque vectoriel et un calque raster. Celui que vous utilisez habituellement.

 

Dans Largeur de ligne, vous pouvez rendre les lignes plus épaisses ou plus fines. C'est différent de l'option précédente du même nom. Celle-ci vous permet de créer des lignes vraiment épaisses et pas seulement des lignes définies.

 

L'Précision de détection détecte les formes de l'arrière-plan plus précisément afin de créer un lineart meilleur et plus lisse,

tandis que le Degré d'amélioration du contour extérieur améliore l'aspect des contours extérieurs.

L'option Profondeur est vraiment intéressante et pratique car elle contribue à un résultat dynamique.

 

En fait, elle vous permet de faire varier l'épaisseur de la ligne de l'avant vers l'arrière de l'arrière-plan, aidant à créer une sensation de profondeur.

Par exemple, cet objet (flèche rouge au milieu du terrain de jeu) et le banc avant sont plus proches du spectateur que la barrière et les bancs, ils sont donc plus fortement délimités qu'eux. Cela peut aussi aider à déterminer l'importance de certains objets en les faisant ressortir dans votre dessin.

 

Vous pouvez également choisir de rendre l'arrière plus délimité que l'avant : il suffit d'inverser la courbe.

 

Ensuite, vous pouvez choisir d'appliquer ces options uniquement aux lignes extérieures, et/ou de lisser l'ensemble du travail que vous venez de faire.

Si vous êtes satisfait des modifications jusqu'à présent, vous pouvez les enregistrer et vous trouverez un nouveau calque pour chaque lineart et chaque trame dans la section des calques.

 

Bien sûr, cette transformation est automatique et les choses automatisées ne sont jamais parfaites.

Mais puisque vous avez maintenant tous les calques nécessaires et que la majeure partie du travail est faite, vous pouvez toujours améliorer les lignes et les trames jusqu'à ce que vous soyez satisfait.

3ème étape : Extraction des couleurs.

Si vous cherchiez uniquement un arrière-plan en noir et blanc ou tramé, vous pouvez ignorer cette étape.

 

Mais si vous cherchiez un moyen rapide d'ajouter des couleurs, je vais vous l'expliquer ensuite.

 

Dans la fenêtre des calques, nous avons toujours notre arrière-plan 3D, bien que désactivé.

Cliquez dessus, puis cliquez sur l'outil d'opération.

Une fenêtre de 'propriétés de l'outil' apparaît maintenant à gauche.

Dans les propriétés de l'outil, désactivez la source de lumière et le contour, laissant votre arrière-plan avec des couleurs plates et à peine quelques nuances.

 

Vous pouvez également accéder à la fenêtre 'Propriétés de l'outil' depuis le bas de l'arrière-plan 3D :

Retournez à votre calque d'arrière-plan 3D, faites un clic droit et choisissez « pixelliser ».

Cela pixellisera votre arrière-plan 3D et le transformera en une simple image.

Cela signifie également que vous pouvez modifier votre arrière-plan comme n'importe quelle autre image (saturation, luminosité, contraste, copier/coller, calque de masque...)

 

Dans mon exemple, j'ai placé le calque de fond pixellisé au-dessus des trames, et j'ai choisi de masquer tout sauf les parties bleues.

Voici le résultat :

Et voilà, votre coloration plate est prête !

Gardez à l'esprit que vous pouvez modifier les modes de fusion des trames pour les faire ressembler à des ombres sur les couleurs.

4ème étape : Complétez votre arrière-plan, obtenez ce look naturel !

Quel que soit l'arrière-plan 3D que vous avez choisi de convertir, il manque probablement encore quelques détails pour en faire un arrière-plan complet d'aspect professionnel.

Par exemple : Mon arrière-plan actuel n'a pas de ciel, d'arbres ni d'herbe.

Heureusement, vous pouvez facilement les ajouter en utilisant du matériel préfabriqué ou des pinceaux de décoration.

 

Allez dans : « Tous les matériaux », dans la barre de recherche tapez « ciel » ou « nuage », et faites glisser le matériau d'image que vous préférez sur votre toile.

Puis allez dans « Décoration » => « Végétation » et choisissez parmi les différents pinceaux d'herbe, de fleurs et d'arbres.

 

Un petit rappel : vous pouvez transformer votre matériau d'image en trames pour qu'il corresponde au reste de votre arrière-plan,

Il suffit de cliquer sur le calque de matériau d'image et de choisir « trame » dans les propriétés du calque.

Alors, voici mon résultat final !

Je pense que cela ressemble vraiment à un manga professionnel. Clip Studio a fait un excellent travail avec cette option. C'est propre, cela a un aspect naturel, et cela peut être fait en quelques minutes seulement.

Bonus : une astuce rapide !

Avant de partir, j'aimerais vous montrer une astuce rapide !

 

C'est encore plus rapide que les étapes précédentes et cela fonctionne bien en noir et blanc. Mais les résultats ne sont pas aussi bons. Je vous conseille donc de l'utiliser si vous avez besoin d'un lineart rapide pour une petite case de votre manga ou une petite partie de votre illustration.

 

Une fois que vous avez sélectionné votre arrière-plan, cliquez sur « Afficher la liste des objets », « Préférences » et choisissez « Paramètres de rendu ».

 

Maintenant, désactivez « utiliser la texture » et activez le contour. Vous pouvez choisir d'ajouter des lumières et des ombres, mais cela dépend vraiment de ce dont vous avez besoin.

 

 

et c'est un bel arrière-plan pour un manga, ou un lineart pour commencer une illustration ! :D

Voici donc les 4 étapes pour créer n'importe quel arrière-plan à partir du matériel 3D sur Clip Studio.

Cela devrait vous aider à devenir plus rapide et plus efficace pour insérer des arrière-plans, et surtout, moins effrayé et suffisamment audacieux pour envisager de les ajouter ;)

 

J'espère que ce tutoriel ainsi que cette vidéo vous ont aidé d'une manière ou d'une autre et si c'est le cas, veuillez considérer d'aimer et de vous abonner, cela me motivera à faire plus de tutoriels à l'avenir :)

 

 

Vous pouvez poser toutes vos questions ! Je m'assurerai de répondre dès que possible :)

 

Merci d'avoir regardé/lu !

 

 

Blue Luminary