Bonjour ! Dans cette astuce, je veux vous montrer l'un de mes outils préférés de Clip Studio PAINT, appelé : Convertir en lignes et trames. Il s'agit essentiellement d'utiliser un matériau 3D et d'en extraire les lignes pour pouvoir l'utiliser comme un dessin.

 

Vous connaissiez sûrement déjà cet outil. N'est-ce pas ?

La seule chose triste, c'est que je fais toujours des vidéos pour vous, que vous ayez la version Clip Studio Paint PRO ou EX, mais cet outil n'est utilisable que si vous avez la version EX.

 

Mais cette fois-ci, je veux aller encore plus loin et l'intégrer à une illustration que je transformerai ensuite en animation, en ajoutant également des effets pour que tout s'intègre au mieux.

 

Accompagnez-moi pour en savoir plus sur cet outil génial !

 

 

Ce que nous allons faire :

Nous allons commencer par l'esquisse d'une fille de style Layout et avec l'arrière-plan d'une salle de classe, qui sera un Matériau 3D.

Et nous allons utiliser l'option : Convertir en lignes et trames, pour extraire les lignes du modèle 3D et ensuite peindre notre arrière-plan.

Ici, vous pouvez voir la combinaison entre l'arrière-plan 3D et l'arrière-plan 2D en couleur.

Ensuite, nous intégrerons la fille en couleur à l'arrière-plan.

Pour finalement montrer comment nous pouvons tout intégrer dans une animation simple :

Tout cela vous semble incroyable, tout comme à moi ?

Si c'est le cas, je vous invite à regarder la vidéo suivante !

TUTORIEL : Créez des arrière-plans 2D avec des matériaux 3D dans Clip Studio PAINT

Vous pouvez regarder la vidéo en espagnol ou en anglais. Il suffit d'activer le doublage.

Et si vous parlez une autre langue, activez les sous-titres, vous les trouverez sûrement :)

Résumé

Passons maintenant à un résumé de tout ce qui a été appris.

1. Création du projet dans Clip Studio PAINT

Allons dans Clip Studio Paint (dans mon cas depuis mon iPad) et créons un nouveau projet avec les caractéristiques suivantes :

Dans mon cas, c'est un projet d'animation, mais vous pouvez créer un projet d'illustration et ce serait bien aussi ! La résolution du projet doit être de 350ppp, ainsi l'option "Convertir en lignes et trames" fonctionnera à merveille.

Et si vous voulez le modèle d'animation 2D, vous pouvez le télécharger ici :

2. Layout

Voici le Layout de la fille que j'intégrerai au matériau 3D que nous utiliserons dans cette vidéo.

Si vous regardez bien, il y a quelques calques écrits en japonais, c'est parce que je vis ici depuis un certain temps et j'adore apprendre la langue :)

Tous les calques de ce dessin seront dans un dossier de calques appelé Layout.

3. Matériau 3D

Dans le panneau des calques, nous sélectionnons le calque papier et activons le panneau : Matériau.

(Si vous ne l'avez pas sur le côté, vous pouvez l'activer dans le menu Fenêtre - Matériau)

Et le matériau que j'utiliserai est une salle de classe, j'ai téléchargé ce matériau depuis les Assets de Clip Studio Paint et c'est le suivant :

Une fois téléchargé, nous le prenons et le faisons glisser dans la zone de travail.

Dans mon cas, je ne désactiverai pas le dessin de la fille, car je veux bien l'intégrer à l'arrière-plan, qui est le matériau 3D.

L'outil Opération s'active automatiquement et nous pouvons voir une barre d'options en haut à gauche. Avec ces options, nous pouvons déplacer l'objet, et les autres options servent à modifier l'angle de la caméra.

 

Et ainsi, nous réussissons à adapter parfaitement l'arrière-plan à notre personnage.

Si nous voulons voir les propriétés ou modifier le matériau 3D, nous pouvons activer l'option en bas : Afficher la liste des objets.

 

Une nouvelle fenêtre apparaîtra avec plusieurs options, nous nous concentrerons sur 2 en particulier.

L'une d'elles se trouve dans la Liste des objets, où nous activerons la lumière ambiante, désactivée par défaut, pour ajouter plus de lumière au matériau 3D.

Ensuite, dans Source de lumière, nous avons une sphère où nous pouvons repositionner d'où nous voulons que la lumière soit projetée ; dans le cas de ce projet particulier, la lumière viendra des fenêtres.

Pour finir, nous fermons la fenêtre et pour le moment, nous avons le résultat suivant :

4. Convertir en lignes et trames

Dans le panneau des calques, nous sélectionnons le matériau 3D, puis nous allons dans le menu Calque, Convertir en lignes et trames…

Cette fenêtre apparaît où nous avons 3 options principales :

Lignes 3D, Lignes de texture et Trame.

Pour voir toutes les modifications que nous allons effectuer, je recommande d'activer la case : Prévisualisation.

Et pour le moment, sans avoir rien édité, nous avons le résultat suivant, je trouve que ça rend très bien.

Dans le panneau Lignes 3D, nous avons 2 options pour le type de calque : Calque de pixellisation et Calque vectoriel.

Je choisis souvent le calque vectoriel car il est plus facile de supprimer les lignes dont je n'ai pas besoin avec l'outil Gomme vectorielle.

Mais cette fois, je choisirai le calque de pixellisation, car je veux ensuite estomper ces tracés pour marquer une distance entre la fille et l'arrière-plan, mais nous verrons cela un peu plus tard :)

Ensuite, dans Lignes de texture, nous avons : Gris et Monochrome.

Nous pouvons voir qu'il y a des différences entre les deux, je vais donc opter pour l'option Monochrome.

Les lignes sont plus fines avec l'option Monochrome.

Enfin, nous avons l'option Trame, qui, une fois activée, nous donnera différentes nuances de gris.

Je ne l'activerai pas car j'ai seulement besoin des lignes du modèle 3D.

À la fin, nous avons le résultat suivant : dans le panneau des calques, la visualisation du matériau 3D est désactivée et un dossier de calques est créé avec 3 calques à l'intérieur : la ligne principale, les lignes secondaires ou ombres, et un calque blanc.

Nous désactivons le calque de la fille pour ne voir que l'arrière-plan, et regardez, c'est génial !

J'adore cette option de Clip Studio PAINT ! :)

5. Peindre l'arrière-plan

Dans le panneau des calques, nous créons un nouveau calque de pixellisation dans le dossier de l'arrière-plan.

Nous changeons son nom et activons l'outil Remplissage, dans la sous-catégorie Référence à d'autres calques, nous choisissons une couleur et commençons à peindre.

En un seul clic, nous remplirons de couleur.

Obtenant le résultat suivant, simple mais qui rend génial !

L'entrée de lumière par la fenêtre aide sans aucun doute à ce que l'arrière-plan soit meilleur.

Enfin, nous sélectionnons le calque de la ligne de l'arrière-plan et allons dans Propriétés du calque et changeons le calque de Monochrome à Couleur.

Ensuite, nous allons dans le menu Filtre - Flou - Flou gaussien.

Une valeur entre 6 et 10 est suffisante pour estomper la ligne de bord sans perdre trop d'intensité de couleur.

6. Intégrer la fille à l'arrière-plan

Nous avons notre personnage en couleur et nous devons maintenant intégrer la fille à l'arrière-plan pour que tout prenne sens.

La première chose que je vais faire est d'utiliser ce matériau que j'ai téléchargé depuis les Assets de Clip Studio Paint, ce sont des rayons de lumière.

 

Vous le voulez ? Vous pouvez le télécharger ci-dessous :

Une fois téléchargé, nous le prenons et le faisons glisser dans la zone de travail.

Et presque sans avoir à le déplacer, nous avons le résultat suivant, il s'intègre parfaitement à la scène que je suis en train de créer :)

7. Action automatique

À l'aide de la touche SHIFT, nous sélectionnons le calque des rayons de lumière, le dossier de la fille et le dossier de l'arrière-plan.

Avec le bouton droit, nous activons : Dupliquer le calque.

Ensuite, sur ces nouveaux calques, avec le bouton droit, nous activons : Fusionner les calques sélectionnés.

Et nous avons tous les éléments de la scène sur un seul calque.

Maintenant, nous créons un nouveau dossier de calques où nous mettrons le calque de notre scène.

Maintenant, allons dans le panneau Matériau et choisissons cette action automatique que j'ai téléchargée depuis les Assets de Clip Studio PAINT.

Vous le voulez ? Vous pouvez le télécharger ci-dessous :

Pour l'installer, il suffit de le sélectionner et en bas, d'activer :

Coller le matériau sélectionné sur la toile.

Et une fois installé, allons dans le panneau Action automatique (si vous ne le trouvez pas, vous pouvez l'activer dans le menu Fenêtre, Action automatique)

En le sélectionnant en bas, nous cliquons sur le bouton Lecture.

Et il ne nous reste plus qu'à attendre que cette action automatique fasse son travail :)

Obtenant le résultat suivant, ça rend génial ! :O

Si nous allons dans le panneau des calques, nous pouvons voir qu'il a créé plusieurs calques.

Dans mon cas, je trouve que la scène est un peu sombre, alors je vais essayer de désactiver des calques pour la laisser à mon goût :)

Et maintenant, j'aime beaucoup la scène ! Sincèrement, j'adore !

8. Animation 2D

J'ai créé une animation simple de cette fille, un clignement d'œil et l'éclat de ses yeux, montrant à quel point elle est excitée.

Ça rend génial, n'est-ce pas ? Personnellement, j'adore le résultat :)

9. Exporter votre animation

Je vous montre toujours comment exporter une animation pour qu'il n'y ait aucun doute.

Pour cela, allons dans le menu Fichier - Exporter l'animation - Film.

Nous donnons un nom à la vidéo de notre animation.

Ensuite, nous vérifions la taille de la vidéo, ainsi que les images par seconde, et au cas où nous aurions animé la caméra ou changé le cadrage, nous pouvons activer l'option de la caméra.

Et nous attendons que l'animation soit exportée.

N'oubliez pas de choisir le dossier de votre appareil où vous souhaitez enregistrer votre animation. Dans mon cas, j'ai tout fait depuis mon cher iPad Pro M1.

10. Animation finale et réflexions

C'est l'animation que j'ai réussi à faire dans cette astuce :)

Nous pouvons ajouter plus de calques de couleur pour mieux intégrer tous les éléments, mais cela dépendra de chacun d'entre vous.

 

Je vous invite à essayer différents matériaux 3D pour les combiner avec vos personnages, comme je l'ai fait :)

 

À bientôt pour la prochaine astuce !