Compatible avec CLIP STUDIO PAINT version 2.2.0

 

Transformez une illustration simple en une « illustration animée » accrocheuse pour les réseaux sociaux !

Donner vie à votre travail en animant certaines parties de votre illustration telles que la bouche, les cheveux, les mains ou l'arrière-plan.

 

Dans ce tutoriel, apprenez comment ajouter un mouvement de clignement des yeux sur un personnage ! Vous pouvez utiliser ces techniques même si vous n'avez aucune expérience en animation.

 

Note : Pour plus d'informations sur le déplacement, veuillez vous référer à l'article TIPS ci-dessous.

 

Créez une simple animation en animant une petite partie de votre illustration !

 

Dans cet article, nous allons vous présenter comment bouger les yeux et les sourcils pour créer une animation de clignement des yeux.

 

[1] Clignement des yeux

1. Séparer les pièces

Découpez les parties que vous souhaitez déplacer de l'illustration et placez-les dans le dossier d'animation séparément des parties immobiles.

 

Avant de commencer, faites une copie de l'illustration originale et conservez-la.

Pour cela, sélectionnez le menu [Fichier] > [Enregistrer la duplication] > [.clip].

 

① Aplatissez les calques du personnage

Après avoir aplati les calques du personnage, déplacez les parties que vous souhaitez animer dans le dossier d'animation.

 

[POINT]

Dans l'exemple, les calques sont combinés en un seul calque. Cependant, en regroupant plusieurs calques tels que « Dessin au trait » et « Remplir » dans le dossier d'animation, vous pouvez spécifier les cellulos en un seul cellulo.

Pour en savoir plus, veuillez consulter l'article suivant.

 

② Sélectionnez l'outil [Sélection] > Outil secondaire [Stylo de sélection], créez ensuite une zone de sélection de la partie « yeux et sourcils » dessinée.

 

Ce n'est pas très grave si la sélection dépasse un peu lorsque vous peignez la couleur de la peau.

 

[POINT]

Vous pouvez utiliser l'outil secondaire [Polyligne] si les « yeux et sourcils » ne chevauchent pas d'autres dessins au trait. Cependant, comme l'extrémité du sourcil chevauche la frange des cheveux, nous avons choisi l'outil secondaire [Stylo de sélection] qui permet de créer une zone de sélection plus détaillée.

 

③ Faites copier-coller une fois la zone de sélection créée. Un calque contenant « yeux et sourcils » est créé dans la palette [Calque].

 

④ Créez un dossier d'animation (« b ») en sélectionnant le menu [Animation] > [Nouveau calque d'animation] > [Dossier d'animation]. Déposez le calque « yeux et sourcils » à l'intérieur.

Changez le nom du calque des « yeux et sourcils » en « 1 ».

 

[POINT]

Dans la palette [Calque], si vous créez un dossier d'animation à partir du menu [Animation] > [Nouveau calque d'animation] > [Dossier d'animation], ce dossier d'animation sera également affiché dans la palette [Chronologie].

• Il est impossible d'éditer le contenu d'un cellulo si aucun cellulo n'est sélectionné dans la chronologie. Vérifiez la chronologie lorsque vous n'arrivez pas à dessiner sur un cellulo.

• Si rien n'est affiché dans la palette [Chronologie], il est nécessaire de créer une chronologie avec le bouton [Nouvelle chronologie]. Pour plus de détails sur les paramètres de réglage, veuillez vous reporter à ce qui suit.

 

⑤ Effacez les « yeux et sourcils » de l'illustration d'origine à l'aide de l'outil [Stylo] en calquant la couleur de la peau.

 

Nous avons maintenant séparé dans des dossiers à part, les pièces mobiles « yeux et sourcils » des autres pièces immobiles. Les dossiers d'animation ont été nommés « a » pour les pièces immobiles et « b » pour les pièces mobiles (yeux et sourcils).

 

2. Dessiner les yeux fermés

Créez deux nouveaux calques pour créer une animation de clignement des yeux. Déplacez les trois calques (cellulos) suivants.

 

・Yeux ouverts

・Yeux entrouverts

・Yeux fermés

 

Créons ici un cellulo pour les yeux fermés et dessinons-les.

 

① Sélectionnez la troisième image dans la palette [Chronologie]. Cliquez sur [Nouveau calque de pixellisation] dans la palette [Calques]. Le cellulo est spécifié dans la palette [Chronologie].

[REMARQUE]

Si vous ne pouvez pas spécifier de cellulo à partir de la palette [Calque], activez l'option [Ajouter un cellulo à l’image lors de l'ajout d'un calque] dans [Animation] de la boîte de dialogue [Préférences].

 

② Sélectionnez le menu [Animation] → [Afficher des cellulos d'animation] → [Activer le papier pelure] pour afficher la pelure d'oignon. Créez les yeux fermés sur le calque [2] tout en vérifiant les yeux ouverts sur le calque [1]. L'essentiel est d'imaginer le mouvement de la paupière vers le bas et de prêter attention à la largeur de l'œil fermé et à sa tridimensionnalité.

Nous dessinons au bas des yeux ouverts. Si la position est trop haute, il sera difficile de considérer cela comme un mouvement de fermeture de paupière.

 

③ Les sourcils sont presque identiques à ceux du calque [1], à l'exception du fait qu'ils ont été positionnés légèrement plus bas.

 

3. Interpolation

① Dans la palette [Chronologie], sélectionnez l’image entre [1] et [2] et cliquez sur [Nouveau calque de pixellisation] dans la palette [Calque]. Le cellulo [1a] est spécifié dans la palette [Chronologie].

 

② Sélectionnez le menu [Animation] → [Éditer la piste] → [Renommer dans l'ordre chronologique]. Les cellulos et les calques sont renommés [1], [2] et [3] pour correspondre à l'ordre dans lequel ils apparaissent sur la Chronologie.

 

③ Dessinez les yeux ouverts et fermés dans le calque « 2 ». Affichez un papier pelure et dessinez ensuite l'interpolation en comparant le tout au contenu des claques « 1 » et « 3 ».

 

④ Liez les coins des yeux de « 1 » et « 3 » à l'aide de courbes de mouvement. Ici, nous allons dessiner une ébauche de l'interpolation sur une position légèrement supérieure pour accentuer le mouvement. Pour rendre le mouvement plus réel, accentuez la différence en appliquant l'accélération/ralentissement.

 

[POINT]

■ Courbe de mouvement

Une courbe de mouvement est une ligne représentant la trajectoire du mouvement. Le mouvement est calculé en trois dimensions à partir de l'image originale et relie les points déterminés avec une ligne.

 

< Accélération/Ralentissement >

Quand un objet commence à bouger, on appelle une accélération le fait que sa vitesse augmente progressivement. Au contraire, lorsque l'objet en mouvement s'arrête graduellement, on appelle cela le ralentissement. En animation, lorsque vous souhaitez déplacer l'image lentement, raccourcissez la distance entre les images. Pour déplacer l'image rapidement, écartez la distance entre les images.

 

 

 

⑤ Nous allons dessiner les cils de l'interpolation en nous référant à l'ébauche. Dessinez soigneusement en tenant compte que les paupières couvrent le globe oculaire.

 

⑥ La pupille dans l'interpolation doit être dessinée légèrement baissée comme si elle suivait la paupière descendante.

 

4. Vérifier le mouvement

① Cliquez avec le bouton droit sur un cadre arbitraire de la palette [Chronologie] pour afficher le menu contextuel et spécifier les cellulos dans la chronologie.

 

② La spécification des cellulos du dossier « b » de « Yeux et sourcils » est « 1 » → « 3 » → « 2 » → « 1 ».

 

Nous avons choisi la séquence « 1 (yeux ouverts) » → « 3 (yeux fermés) » afin de créer un œil qui se ferme instantanément sans insérer d'interpolation.

 

Lors de l'ouverture, placez les cellulos dans l'ordre suivant : « 3 (yeux fermés) » → « 2 (interpolation) » → « 1 (yeux ouverts) ». Le mouvement de l'ouverture des yeux devient plus lent par rapport à la fermeture des yeux à cause de l'interpolation.

 

③ Cliquez sur [Lire/arrêter] dans la palette [Chronologie] pour vérifier le mouvement.

 

④ De même, ajoutez du mouvement à la vapeur dans un autre dossier d'animation et colorisez chaque cellulo pour terminer le dessin.

 

Une fois terminé, votre travail peut être exporté en tant que GIF animé puis publié sur Twitter et autres réseaux sociaux.

Sélectionnez [GIF Animé] de [Exporter l'animation] du menu [Fichier] pour exporter votre animation en tant que GIF animé.

 

[2] Balle rebondissante

En plus de l'animation sur le clignement des yeux, ce tutoriel inclus une explication sur comment animer une balle rebondissante. Cette animation est importante à comprendre lorsque vous vous lancez dans l'animation.

 

La méthode de dessin de cellulos (partie par partie) en commençant par le premier, est appelée « Toute l'action d'un coup ». L'animation peut être réalisée de cette manière s'il s'agit d'un dessin simple qui ne nécessite pas de production d'images originales. Créer des illustrations animées d'une figure simple en « Toute l'action d'un coup » vous permettra un bon exercice pour « Dessiner un mouvement ».

 

① Dessinez le premier cellulo sur le premier calque. Nous continuons à dessiner la balle dans les cellulos l'un après l'autre.

 

② Dessinez le deuxième cellulo. Il sera plus facile de dessiner en affichant le cellulo précédent avec le menu [Animation] > [Afficher la cellule d'animation] > [Activer la peau d'oignon].

Nous avons imaginé le mouvement d'une balle comme suit.

 

③ Continuez à dessiner dans l'ordre le 3ème, 4ème cellulo...

 

④ Nous avons finalement créé une illustration animée représentant cette trajectoire de balle.

Nous représentons un déplacement lent au sommet de la parabole, puis une accélération croissante et un rebondissement, et enfin une décélération graduelle en utilisant la méthode d'Accélération/Ralentissement. Nous avons dessiné la balle de façon déformée lors du contact avec le sol.

 

Une telle illustration animée peut être créée en peu de temps. Ceci vous permettra d'apprendre à utiliser le logiciel. N'hésitez donc pas à vous y entrainer.