AVERTISSEMENT : Ce tutoriel contient des images avec des lumières clignotantes.

Dans ce tutoriel, je vais vous montrer quelques façons de donner vie à vos bandes dessinées avec cinq astuces d'animation faciles. Ne vous inquiétez pas si vous n'avez jamais animé auparavant ou si les fonctionnalités de Clip Studio Paint vous semblent intimidantes au début. Une fois que vous verrez vos personnages prendre vie, vous serez content d'avoir essayé !

Pour commencer, créez un nouveau fichier d'illustration et sélectionnez 'Créer une illustration animée'. Vous pouvez ensuite sélectionner le nombre de celluloïds que vous souhaitez et la fréquence d'images à laquelle vous voulez travailler. Plus le nombre d'images par seconde est élevé, plus votre animation sera rapide.

 

Pour la largeur et la hauteur, je m'en tiens généralement à 940 de largeur, car c'est la largeur standard de la plupart des sites d'hébergement de webcomics. La hauteur a tendance à être moins rigide, mais je trouve qu'il est plus facile de travailler avec 1000 pixels ou moins.

 

 

'Effet de « boiling »'

« L'effet de boiling » est un terme d'animation signifiant que le personnage semble toujours en mouvement, même lorsqu'il est statique.

Pour obtenir cet effet, tracez simplement la première image de votre personnage.

L'outil pelure d'oignon est une fonctionnalité pratique pour le traçage. Il affichera le celluloïd précédent dans la timeline d'animation lorsque le celluloïd devant lui est sélectionné.

Maintenant, pour exporter le fichier en tant que GIF. Allez dans Fichier > Exporter l'animation > GIF animé.

 

Une fenêtre apparaîtra après avoir sélectionné cette option, intitulée Paramètres d'exportation. Ici, vous pouvez modifier la fréquence d'images selon ce qui convient le mieux à votre animation. J'ai tendance à la garder à 10fps (images par seconde).

Clignotement

Pour la manière la plus simple de faire cligner des yeux à votre personnage, organisez la timeline d'animation de cette façon.

 

Séparez la tête et les yeux du personnage dans des calques distincts en cliquant sur le bouton Nouveau dossier d'animation. Dessinez la tête dans le dossier inférieur et animez les yeux dans le dossier supérieur.

Dessiner les yeux fermés en premier donne l'illusion d'un clignotement plus rapide.

 

Mouvement des cheveux

Animer des cheveux flottant dans la brise peut être délicat, mais cela peut donner un aspect calme et serein à une case de bande dessinée.

Assurez-vous que la tête et les cheveux de votre personnage sont sur des calques distincts.

 

Créez un nouveau dossier d'animation avec un seul celluloïd et nommez le dossier 'Tête'. Nommez le dossier avec plusieurs celluloïds 'Cheveux'. Assurez-vous que le dossier de la tête est sous le dossier des cheveux.

Avec cette technique, vous pouvez parcourir l'animation pour voir comment chaque image s'enchaîne avec les autres. L'utilisation de références pour voir comment les cheveux bougent au vent est très utile si vous avez du mal à le visualiser dans votre tête. Utiliser des références n'est jamais tricher !

Ce GIF a été exporté à 10 images par seconde. Il a une sensation rapide et nette.

Ce GIF a été exporté à 5 images par seconde. Il donne une sensation beaucoup plus 'saccadée' à l'animation. Essayez d'exporter à différentes fréquences d'images pour voir celle qui convient le mieux à votre style ou à l'ambiance de votre bande dessinée !

Disparaître

Pour notre prochain tour, nous allons faire disparaître ce chat !

Mais pour cela, nous devrons apprendre à utiliser la fonction d'images clés de Clip Studio Paint. Tout d'abord, sélectionnez le dossier d'animation auquel vous souhaitez ajouter l'effet et allez dans Animation > Éditer la piste > Activer les images clés sur ce calque.

Après avoir activé les images clés, cliquez sur le bouton Éditeur de graphe tout en haut à gauche de la timeline et sélectionnez Opacité.

Ici, vous pouvez ajouter les images clés qui rendront votre image transparente. Pour ce faire, cliquez sur le bouton Ajouter des images clés sur le premier celluloïd (qui est le numéro 1 en haut de la barre rouge) ce qui ajoutera l'image clé de départ. Faites glisser la barre rouge jusqu'à la fin de votre animation (pour moi, c'était à 20 secondes) et cliquez à nouveau sur le bouton Ajouter des images clés. Vous avez maintenant votre point de début et de fin d'animation.

 

Maintenant, pour faire disparaître le chat. Assurez-vous que votre première image clé est au-dessus du nombre 100 sur le côté du graphique dans la timeline. Ensuite, faites glisser votre dernière image clé sous le nombre 0. Voilà ! Vous avez fait disparaître le chat !

 

 

Vous pouvez également faire cela en sens inverse en ayant la première image clé sous zéro et la dernière image clé au-dessus de 100.

Lueur

Pour une technique de lueur efficace, assurez-vous de sélectionner Ajouter (Lueur) dans les options de calque de votre dossier d'animation.

Utilisez un aérographe doux pour créer l'effet de lueur. Créez un autre dossier d'animation et dessinez une autre lueur d'une couleur différente. Et s'il y a un celluloïd dont vous voulez vous débarrasser, sélectionnez-le et cliquez sur le bouton Supprimer les celluloïds spécifiés.

Ceci est très similaire à la technique de 'disparition', sauf que nous travaillons avec deux images au lieu d'une. Sélectionnez le calque supérieur (la lueur orange) et ajoutez trois images clés, deux sous zéro et une au-dessus de 100 pour lui donner un pic.

Répétez l'opération pour le calque inférieur (la lueur jaune) mais avec un pic légèrement plus petit.

Expérimentez avec différentes couleurs et le timing des images clés pour obtenir l'effet qui convient le mieux à votre travail !

Voici quelques panneaux animés que j'ai inclus dans mes bandes dessinées. C'est très amusant d'expérimenter et d'ajouter un peu de vie à ce qui serait des images statiques. J'espère que ce tutoriel vous a aidé et je vous souhaite le meilleur dans votre parcours artistique et d'animation de bandes dessinées !

Voici les liens vers mes bandes dessinées -