Animez votre personnage dessiné avec des expressions et des images clés

11 801

あっとますた

あっとますた

◆Différences d'expressions des personnages entre manga et animation

Il n'y en a pas. (rire)

Les descriptions d'expressions comme "pleurer", "rire", "être en colère" sont fondamentalement les mêmes.

Cependant, alors que le "rire" dans le dessin de manga ou d'illustration est une expression unique, le "rire" en animation implique des actions de jeu comme "quand" et "dans quelle mesure", ce qui rend le processus de description du personnage un peu plus complexe.

 

 

L'un des gestes humains fondamentaux pour créer un personnage animé est le "clignement des yeux".

Cependant, si le clignement est constant et monotone, il paraîtra mécanique et peu naturel. L'astuce est de le reproduire avec un sentiment rythmique.

La vitesse et le nombre de clignements incluent également l'effet de l'état psychologique du personnage, ce qui en fait en fait un aspect délicat.

Bien que ce soit un geste quotidien, l'animation qui décompose et exprime le mouvement au fil du temps est quelque chose de très profond.

 

 

【Exemple de création】

Transition d'expressions animées par images clés créées à partir d'une seule image

◆Timeline et images

Comprendre l'affichage de la timeline

Lors de la création d'animations,

vous manipulez ici les images clés et l'animation par celluloïdes.

Sans entrer dans les détails des opérations de la timeline (pour cela, veuillez consulter les Tips officiels d'animation), je vais expliquer brièvement ce qu'est une "image par seconde".

1 cadre et 1 image ont la même signification et désignent une seule image par seconde.

30 ips signifie qu'il y a 30 images par seconde.

Bien que l'animation utilise généralement 24 images par seconde,

"Alors, à l'avenir, ne serait-il pas acceptable de créer en 30 ips ?"

"Si vous créez en 60 ips, le mouvement sera plus fluide."

Bien que vous puissiez techniquement créer ainsi, cela rendrait les techniques de dessin d'animation traditionnelles basées sur 24 images par seconde (comme la façon de parler ou de marcher) totalement inutilisables. Il est donc plus pratique de considérer l'animation comme étant à 24 images par seconde, ce qui est souvent plus avantageux en termes d'efforts et à long terme.

 

 

※Paramètres utilisés par l'auteur pour l'explication

■Durée de lecture / 3 secondes ■Fréquence d'images / 24 (secondes + images)

 

 


【Tips officiels d'animation】

◆Comment créer un commutateur de calques d'images clés

Une technique qui consiste à ajuster l'opacité sur la même ligne de temps et à passer à un autre calque superposé.

C'est ce que l'on utilise pour passer d'une représentation d'yeux ouverts à celle d'yeux fermés.

Cette opération élargit considérablement les possibilités et l'orientation de l'animation par images clés en l'appliquant non seulement aux expressions faciales, mais aussi à diverses autres parties.

 

《Point d'opération !》

◆Comment créer une animation pour faire "cligner des yeux" à votre personnage dessiné

Essayons de faire cligner les yeux au personnage

Paramètres d'exemple】ClipstudioPaint Pro/EX

Taille/1920x1080 Résolution/72dpi Couleur

Créer une illustration animée Nombre de cellules/24 Durée de lecture/3 secondes Fréquence d'images/8 ips


01】Dessin des yeux

Pour créer un clignement des yeux avec des images clés, les dessins sont fondamentalement :

① "Cils"

② "Iris"

③ "Blanc de l'œil"

④ "Cils fermés"

Créez ces 4 éléments et séparez-les en calques, puis animez-les uniquement avec cela.

 


02】Création de la timeline

Paramètres de la timeline】ClipstudioPaint Pro/EX

Fréquence d'images/8 ips

Durée de lecture/3 secondes (secondes + images)

(Total de 24 images)


03】Conversion des calques

《Point d'opération !》

Convertissez les quatre calques créés en "Calque de matériau d'image" en suivant les étapes ci-dessous :

① Désactiver "Activer la timeline"

② Dans le menu Calque, sélectionnez "Convertir le calque" > "Calque de matériau d'image"

③ Sélectionnez Édition > Transformer > Transformation libre

④ Activer "Activer la timeline"

⑤ Dans le menu Calque, sélectionnez "Convertir le calque" > "Calque de matériau d'image"


04】Édition des images clés

Transformez en sélectionnant "Objet" > "Opération" depuis l'icône de l'outil.

 

 

 

Image 1

Comme dans l'exemple, assurez-vous d'ajouter une image clé à chacun des quatre éléments.

Pour ④ cils fermés, ajustez l'opacité pour que la transparence du calque soit de 0 %.

Pour ① cils, ② iris, ③ blanc de l'œil (la transparence du calque est à 100 %).

 

 


Image 2

Effectuez le changement de calque mentionné précédemment.

Transformez ① cils, ② iris, ③ blanc de l'œil pour fermer les yeux à moitié.

Laissez la transparence du calque à 100 %.

Pour ④ cils fermés, réglez la transparence du calque à 0 %.


Image 3

Pour ① cils, ② iris, ③ blanc de l'œil, réglez la transparence du calque à 0 %.

Pour ④ cils fermés, réglez la transparence du calque à 100 %.

 

 


《Point d'opération !》

Duplication (copie) d'images clés / [Sélectionner puis] + [Alt] + Déplacer

 

Image 4

Copiez toutes les images clés de l'image 3 telles quelles vers l'image 4.

 

Image 5

Copiez toutes les images clés de l'image 2 telles quelles vers l'image 5.

C'est ce que l'on appelle la lecture inversée des images clés.


Image 6

Copiez toutes les images clés de l'image 1 telles quelles vers l'image 6.

Dupliquez toutes les images clés des images 1 à 6 également après la 2ème seconde.

Ceci termine l'animation de clignement des yeux de 3 secondes.

 

 

◆Interpolation d'images clés

※Dans l'image d'exemple présentée précédemment, le réglage de l'interpolation d'images clés est "Vitesse constante" (vert).

Lors de l'animation d'un personnage, le réglage "Lisse" rend le mouvement plus naturel.

Bien sûr, la vitesse constante n'est pas une erreur et le mouvement fonctionne correctement.

 

《Point d'opération !》

◆Lorsque l'auteur travaille sur des projets réels, la timeline est généralement configurée de cette manière.

◆Les expressions changent juste en bougeant les sourcils

Comme pour le clignement des yeux, les expressions changent juste en bougeant les "sourcils".

【Méthode de création】

Préparez un calque séparé où seuls les "sourcils" sont dessinés, puis créez un calque de matériau d'image en suivant la procédure expliquée dans le 03】Conversion des calques de la section

◆Comment créer une animation pour faire "cligner des yeux" à votre personnage dessiné.

Ensuite, en suivant la timeline et en manipulant les images clés,

inversez verticalement les "sourcils" pour définir l'expression.

Pour revenir en arrière, il suffit de dupliquer l'image clé d'avant l'édition.

※Dans le cas de l'auteur, les sourcils gauche et droit sont animés séparément.


Une fois que vous avez réussi le clignement des yeux, essayez de l'animer avec d'autres parties du corps du personnage.

【Tips pour progresser】

Animation par images clés du mouvement du corps

【Tips pour progresser】

Créons un arrière-plan animé avec l'animation par images clés

◆Essayons de lier les expressions à partir du clignement des yeux

《Point d'opération !》

En combinant des commutateurs de calques complexes et en utilisant des transformations,

vous pouvez créer une animation par images clés avancée.

"Sourcils" + "Yeux" + "Mouvement des lèvres" + "Rougeur des joues" + "Cheveux" + "Corps"

 

◆Le mouvement de la position des yeux : l'astuce est de passer d'un mouvement de fermeture des yeux à un mouvement d'ouverture avec un regard différent pour donner un regard naturel.

◆La "rougeur des joues" est exprimée en utilisant la transparence de l'opacité.

Bien qu'il puisse être acceptable dans certaines scènes que les joues rougissent soudainement,

il est généralement plus naturel qu'elles rougissent lentement et disparaissent lentement.

Dans l'exemple, cela prend 2 secondes pour apparaître et 2 secondes pour disparaître.

◆Le mouvement des lèvres : la bouche "ouverte" est transformée pour correspondre à la forme de la bouche fermée,

puis elle est ouverte après avoir ajusté la position.

Dans l'exemple, les mouvements "fermé" et "ouvert" sont alternés à intervalles de 3 images.

◆Mettez en valeur les expressions du personnage sous différents angles avec le travail de caméra

L'animation de ClipstudioPaint dispose d'une fonction de travail de caméra qui, comme les opérations d'images clés sur la timeline, permet de créer facilement des plans optimaux pour les personnages (gros plan, plan large, panoramique, travelling) en utilisant la rotation, l'agrandissement, la réduction et le déplacement. Il est ainsi facile de créer un travail de caméra de type "berceau" comme dans l'exemple.

La capacité de créer des scènes intéressantes selon la façon dont vous l'utilisez est également un avantage de ClipstudioPaint.

【Tips officiels d'animation】

◆Les expressions psychologiques peuvent aussi être représentées par la couleur

Il s'agit d'une mise en scène d'effet psychologique, où le personnage n'est pas en colère, mais semble "en colère" ou "plein de force" par l'expression du personnage elle-même, avec un effet de mise en scène psychologiquement expressive et puissante créé par la "couleur" incluant l'arrière-plan, selon la scène.

C'est une expression classique que l'on a probablement vue au moins une fois dans un anime ou une vignette de manga.

Bon, si je continue sur ce sujet, je m'éloignerais des Tips originaux pour entrer dans des Tips d'acting et de mise en scène (rire). La fête bat son plein.

Nous aborderons ce sujet une autre fois.

◆Postface

Avec les méthodes de création de base présentées cette fois, je pense que vous pouvez créer presque toutes les expressions de "joie, colère, tristesse, plaisir" comme "rire", "pleurer", "être en colère". Alors, si vous êtes intéressé par la création, n'hésitez pas à essayer.

 

Le potentiel et la créativité humaine sont infinis. Merci d'avoir lu jusqu'au bout.

J'espère que les Tips de l'auteur vous seront d'une aide quelconque pour vos futures créations.

Je vous souhaite une excellente vie de créateur !

 

ClipStudioPaint EX Ver.3.0.4 20250405 Akiben


《 La démonstration expliquée dans cette vidéo est actuellement disponible sur Youtube 》

Je serais ravi si vous pouviez également la consulter pour référence.

【Chaîne officielle AttoMasuta】

ClipstudioPaint : explication en démonstration

Animez votre personnage dessiné avec des expressions et des images clés

【Compatible 1080p】■Durée vidéo environ 12 minutes ■1920x1080p/Stéréo ■Japonais

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel