Dans ce tutoriel, je vais vous montrer comment j'utilise l'outil Courbe de Bézier pour créer facilement des images clés afin d'animer les cheveux. La nouvelle fonctionnalité de Clip Studio (depuis avril 2020) rend le processus d'animation image par image plus facile que jamais.

Remarque : Assurez-vous de mettre à jour votre version de Clip Studio vers la 1.9.9 (Mise à jour du 9 avril 2020) ou ultérieure pour utiliser l'outil courbe de Bézier.

 

(Si vous êtes déjà habitué à la manipulation vectorielle dans Clip Studio, cette mise à jour modifiera également l'interface de certains outils et les nœuds vectoriels pour faciliter leur manipulation.)

 

 

Tutoriel Vidéo

Animation capillaire de base

Voici quelques conseils pour débutants concernant le mouvement des cheveux en toute simplicité.

Une fois l'animation préliminaire terminée, ajoutez les images clés intermédiaires pour des mouvements plus fluides.

Avec cette base, vous pouvez ajouter l'animation capillaire de base au personnage.

Tout d'abord, séparez les parties des cheveux.

Dessinez l'image clé préliminaire, appliquez la chaîne pour faciliter la conception du mouvement et dessinez les détails préliminaires de l'image clé.

Les parties séparées facilitent le dessin du mouvement.

Pour les calques de séparation des couleurs,

créez une nouvelle chronologie avec ce réglage

(la boucle de 24 images prendra 2 secondes, ce qui reste fluide pour une limite de 24 images [Clip Studio PRO])

Créez un dossier d'animation pour les images clés

Créez un dossier pour les images clés et des calques pour la couleur

Puis appliquez-y l'effet de couleur de calque

En utilisant cette technique, vous n'aurez pas à choisir une nouvelle couleur chaque fois que vous dessinez sur une autre partie et ce sera moins déroutant. ^_^

Et lorsque vous créez une nouvelle image, la couleur du calque apparaîtra également dans le nouveau dossier d'images.

La fonction pelure d'oignon nous permet de voir ce qui s'est passé dans les images précédentes et suivantes. Vous pouvez l'activer ou la désactiver en cliquant sur l'icône.

Si la couleur est trop difficile à voir, vous pouvez personnaliser la fonction pelure d'oignon dans le menu :

Animation > Afficher les celluloïds d'animation > Paramètres de la pelure d'oignon

 

Terminez les images clés préliminaires.

Encrament avec l'outil courbe de Bézier.

Vous pouvez trouver l'outil Courbe de Bézier dans le sous-outil Figure.

Avec 3 modes de courbe pour diverses utilisations

Pour ce projet, j'utiliserai la courbe de Bézier cubique, car elle permet de créer des courbes et des angles ensemble en une seule ligne, ce qui est flexible pour l'édition.

Le nœud circulaire est pour la courbe

et le nœud carré est pour l'angle

Vous pouvez également convertir le type de nœud avec le sous-outil Correcteur de ligne > Point de contrôle

Et cochez [Basculer l'angle] dans la propriété de l'outil.

Le contrôle de base pour dessiner une courbe de Bézier cubique

Cliquer = créer un nœud d'angle (nœud carré)

Cliquer, maintenir et faire glisser = créer une courbe (nœud circulaire)

 

Les deux nœuds ont un contrôle de bras pour que vous puissiez tirer pour ajuster la courbure de la ligne connectée au nœud.

 

Créez le dossier pour l'image clé 1 avec un calque vectoriel pour l'encre

*[IMPORTANT!!] vous devez utiliser un calque vectoriel pour l'encre afin de pouvoir modifier l'encre plus tard.

Dessinez l'image clé avec l'outil courbe de Bézier cubique

(afficher le calque d'esquisse avec une opacité réduite pour référence)

La pelure d'oignon aidera avec la position de la ligne

Pour réaliser l'animation en boucle, lors du dessin de la dernière image, définissez l'image suivante sur la première image.

La fonction pelure d'oignon facilitera le dessin.

Pour les images clés intermédiaires, nous allons utiliser la courbe de Bézier pour éditer le calque existant au lieu de dessiner toutes les images clés

 

Insérer une nouvelle image : cela générera parfois un nom de dossier car il ne peut pas créer d'images clés nommées '2' qui est déjà utilisé à l'image 5 (mais nous pourrons le renommer plus tard)

 

Voici mon réglage de la pelure d'oignon :

vert - scène suivante

rose - scène précédente

Sélectionnez le calque d'encre de la scène précédente, puis appuyez sur Ctrl+C pour copier

Et sélectionnez le dossier de la scène cible, puis appuyez sur Ctrl+V pour coller

Vous pouvez voir la ligne d'encre chevaucher la ligne rose (image précédente)

Utilisez l'outil point de contrôle (Sous-outil [Correcteur de ligne]) pour déplacer le nœud

Je recommande de rester en mode : Ajouter un point de contrôle.

vous pouvez également déplacer, ajouter et supprimer des nœuds avec ce mode.

 

 

Cliquez sur la ligne pour ajouter un nouveau nœud (lorsque le symbole + apparaît)

Maintenez Alt et cliquez sur le nœud pour supprimer des nœuds (le symbole - apparaît)

 

Ajustez l'encre à la position entre l'image clé précédente et les images clés suivantes

Avec cette technique, vous gagnerez beaucoup de temps pour créer les images clés intermédiaires, et l'encre conservera la même taille dans chaque image clé.

(Dites bonjour à la fille chauve, hé hé)

Répétez les étapes pour l'arrière des cheveux, dessinez tout sans espace ouvert dans les lignes pour faciliter la coloration.

Coloration et ombrage

J'utilise toujours mon réglage d'outil préféré de Clip Studio Assets pour remplir la couleur de zone.

Vous pouvez également utiliser l'outil 'Fermer et remplir'

 

Définissez l'option de référence multiple sur calque de référence

Créez un nouveau dossier d'animation sous le dossier d'animation d'encre, puis définissez le dossier d'encre comme calque de référence

Vous pouvez réaliser des remplissages de couleur soignés en un seul trait.

Créez une nouvelle image et remplissez la couleur dans chaque image,

répétez également l'étape avec la partie arrière des cheveux

(Plus chauve ~(‘ w ‘ ~))

Pour ajuster la couleur de l'encre, sélectionnez le dossier d'encre et appliquez l'effet de couleur de calque.

Vous pouvez également utiliser un calque qui applique l'image clé du calque comme calque de référence pour le remplissage des couleurs.

Définissez la boîte mobile comme calque de référence et remplissez-la image par image, puis clipsez-la au dossier d'animation de couleur de base.

Je peins (ajoute) également plus de détails avec l'outil stylo.

Appliquez-le aussi à l'arrière des cheveux et c'est fait !!

Techniques d'édition : ombre portée et ajustement des lignes

Pour créer un effet d'ombre portée sur le visage, copiez simplement le dossier d'animation de couleur de base et déplacez-le juste au-dessus du dossier de base

Sélectionnez le dossier d'animation et déplacez-le un peu vers le bas

 

Note :

assurez-vous de cliquer sur la barre du dossier pour déplacer l'ensemble du dossier.

(Si le surlignage n'est que sur la vignette, il ne déplacera qu'une seule image clé, pas l'ensemble du dossier)

Puis appliquez l'effet de couleur de calque

Définissez le mode sur Multiplier et réduisez l'opacité

Voici un effet d'ombre portée en moins d'1 minute !!!

Pour une encre plus audacieuse, j'ai appliqué l'effet de bordure avec la même couleur d'encre

Ceci apparaîtra dans toutes les images.

Il est également possible de modifier l'encre manuellement avec le sous-outil [Correcteur de ligne]

consultez ma vidéo précédente sur la façon de le modifier

 

Mais cela prendra du temps d'éditer chaque image.

Édition de lumière et touche finale

Vous pouvez remarquer que le dessin ressort de l'arrière-plan car nous n'y avons pas ajouté de lumière.

Pour le nuage facile, j'utilise le pinceau de l'asset. Mon préféré ^-^

Pour appliquer la lumière à l'image, j'utilise le mode de calque : Ajouter (croissance)

Clipsez à l'image et ajustez l'opacité

 

Et pour la lumière réfléchie, j'utilise le mode de calque : Lumière dure

Et pour le flare, j'utilise une carte de dégradé avec du jaune clair

Travail terminé

Amusez-vous à animer !!!