Les outils d'animation d'aujourd'hui!

Bonjour à tous! NihongoGamer et Hinoe de Doki Doki Drawing ici! Nous savons que vous aimez ces autocollants emoji animés que vous voyez dans les applications de messagerie comme Line et Facebook Messenger, mais saviez-vous que vous pouvez créer vos propres autocollants animés très facilement dans Clip Studio Paint Pro? Vous pouvez même utiliser ces animations pour vos vidéos YouTube ou vos livestreams Twitch pour vraiment personnaliser votre chaîne et ainsi remercier les téléspectateurs pour leurs généreux dons et leur soutien! Vous n'avez besoin que de deux outils pour créer l'animation d'aujourd'hui.

 

Le premier outil est Clip Studio Paint. Nous utilisons Clip Studio Paint Pro qui permet jusqu'à 24 images d'animation, ce qui est suffisant pour la plupart des autocollants animés. Si vous souhaitez faire des animations plus longues, vous voudrez peut-être jeter un œil à Clip Studio Paint EX!

 

Le deuxième outil est un outil de dessin. Nous utilisons un écran à stylet Wacom Cintiq Pro 16 qui vous permet de dessiner directement sur l'écran, mais vous pouvez utiliser tout ce que vous voulez. Vous pouvez même dessiner de superbes animations en utilisant uniquement la souris de l’ordinateur, surtout si vous utilisez à bon escient les outils vectoriels de Clip Studio Paint pour dessiner des formes.

 

 

Une fois vos outils en place, nous suivons 10 étapes simples pour terminer notre autocollant animé.

Étape 1 - Décidez quoi dessiner

Il arrive souvent que vous souhaitiez utiliser un autocollant au lieu du texte brut. Beaucoup d'entre eux comportent un court message comme «Veuillez vous abonner à ma chaîne» ou «Merci». Aujourd'hui, nous avons décidé d'animer notre personnage de cochon préféré des vidéos de Doki Doki Drawing. Nous pourrions leur faire dire n'importe quoi, mais cette fois, nous avons choisi «Long Time No See». C’est aussi une expression populaire au Japon, «O Hisashiburi».

Étape 2 - Configuration du canevas dans ClipStudio Paint Pro

Avant de pouvoir dessiner, vous devez créer une toile! Pour plus de commodité, cliquez sur "Fichier-> Nouveau", puis choisissez le préréglage "Autocollant animé (APNG) x 1 (320 x 270px). Vous pouvez modifier la taille de la toile à votre guise. Nous utilisons ce préréglage qui maintient l'image dans les règles de nombreux autocollants animés sur les applications de messagerie.

Vous pouvez choisir le «Nombre de cellules» dans l'animation. Cette fois, nous avons choisi «6» pour commencer, mais vous pouvez ajouter ou soustraire des cadres plus tard si nécessaire.

Étape 3 - Dessinez la pose finale de l'animation

Le conseil de Hinoe est de commencer par dessiner la pose finale de l’animation! Les autocollants animés sont généralement très courts, de sorte que la pose finale est l'image qui est vue le plus longtemps. Pour cette pose, nous dessinons notre personnage cochon regardant par-dessus son épaule pour nous regarder.

Petite astuce: dessiner le personnage sur un côté vous laissera suffisamment d'espace pour ajouter un message rédigé! Ces autocollants sont parfaits car ils permettent de communiquer facilement avec des amis sans taper un message séparément!

Étape 4 - Ajoutez des mots!

Une fois que vous avez fini de dessiner le personnage, il est temps d'ajouter votre message! Vous pouvez le laisser vide pour un autocollant à usage général, ou peut-être essayer quelque chose comme "Désolé, je suis en retard!" ou "Merci pour le don!"

Étape 5 - Utilisez la «table lumineuse» de Clip Studio Paint

Saviez-vous que Clip Studio Paint dispose d'une fonction «Table lumineuse»? C’est exactement ce que les animateurs professionnels utilisaient pour l’animation analogique traditionnelle, mais avec tous les avantages de l’ère numérique! Pour dessiner l'image suivante de l'animation (image 1, le début de notre animation), nous allons activer la boîte à lumière. Cliquez sur l'image 1 dans la palette des calques, puis cliquez sur la coche de l'image 6 (la pose finale de l'animation). Cliquez maintenant sur «Enregistrer le calque sélectionné» dans la fenêtre Animation Cel. Cela devrait nous permettre de voir l'image 6 en dessous pendant que nous dessinons l'image 1.

Vous pouvez réduire l'opacité de l'image 6 à quelque chose comme 30%. Cela facilitera le dessin de l'image 1 par-dessus. L'image 1 sera notre personnage cochon tourné vers nous.

Étape 6 - Configurer la table lumineuse pour «entre les deux»

Ensuite, nous voulons dessiner un «Entre-deux». Il s’appelle ainsi parce qu’il s’agit d’une image située entre deux autres images. Nous voulons dessiner l'image 2 qui se situe entre l'image 1 et l'image 6. Configurons la table lumineuse pour nous montrer l'image 1 et l'image 6. Avec l'image 2 sélectionnée, ajoutez des coches pour l'image 1 et l'image 6.

Tout comme l'étape 5, cliquez sur «enregistrer le calque sélectionné» pour ajouter l'image 1 et l'image 6 à la table lumineuse.

La table lumineuse de Clip Studio Paint est très puissante car elle est numérique! Modifions les couleurs des images 1 et 6 afin qu’elles soient plus faciles à distinguer visuellement!

Maintenant que la table lumineuse est configurée pour "entre les deux", dessinons le cadre 2. Notre personnage de cochon va passer rapidement de face à nous pour faire face sur le côté. Dessinons une vue de côté!

Astuce rapide de Hinoe: concentrez-vous sur la cohérence des volumes des formes. Les formes changeantes sont plus difficiles à voir, mais un volume changeant est très évident pour le spectateur!

Étape 7 - Dessinez le prochain entre-deux (répétez si nécessaire)

L'étape 7 est la même que l'étape 6. Dessinez des intercalaires selon vos besoins. Assurez-vous de vérifier le mouvement de votre animation. Assurez-vous qu'il a l'air de bouger, car c'est le but de créer un autocollant animé! Pour notre personnage cochon, ce sera la dernière image que nous dessinerons. Puisque le mouvement ralentit en arrivant à la pose finale, nous dessinons une pose intermédiaire qui se rapproche de la pose finale.

 

Il s'agit du cadre 2 et du cadre 6 de la table lumineuse.

Voici le cadre que nous dessinons entre les deux.

Étape 8 - Tester l'animation et ajuster la synchronisation

Il semble que nous n’avions pas besoin des 6 images pour l’animation. Supprimons les images vides inutiles et accélérons l’animation. Pour ce faire, nous utilisons "Animation -> Chronologie -> Modifier la fréquence d'images…"

 

Modifions-le à 15 ips (images par seconde).

Étape 9 - Nettoyage et couleur!

Hinoe est un animateur professionnel très occupé pour l'anime japonais! NihongoGamer va terminer les dessins clés en effectuant le processus de nettoyage du dessin au trait, puis en ajoutant une couleur simple!

N'oubliez pas de garder la palette de couleurs simple. Cela réduit la taille du fichier et rend l'animation immédiate et facile à comprendre rapidement! C'est un autocollant pour les applications de messagerie après tout, la communication est donc une priorité!

Étape 10 - Exporter l'animation

L'animation est terminée, mais nous ne pouvons pas utiliser un fichier image Clip Studio dans les applications de messagerie ou dans les flux en direct, alors exportons le fichier APNG standard de l'industrie (PNG animé). Si vous voulez que votre animation ait un arrière-plan transparent, n'oubliez pas de supprimer d'abord le calque d'arrière-plan blanc!

 

Dans le menu Fichier, cliquez sur "Fichier -> Exporter l'animation -> Autocollant animé (APNG)"

Pour cet exemple, nous choisissons le paramètre par défaut de 320 x 270 pixels. Vous pouvez configurer l'animation pour qu'elle répète plusieurs fois, mais nous nous en tenons à "1 fois".

Et c'est tout! Clip Studio Paint créera un fichier PNG animé pour vous et vous pourrez le déposer dans vos vidéos, vos livestreams ou le soumettre à une application de messagerie pour une utilisation dans les chats!

C’est tout pour cette animation! N'oubliez pas de vous amuser! Il n'y a pas de limite au nombre de choses que vous pouvez animer! Cela peut devenir compliqué, mais si vous vous concentrez sur le fait que cela semble bouger, vous serez un animateur en un rien de temps!

À propos de Doki Doki Drawing

Doki Doki Drawing est une chaîne YouTube avec des centaines de vidéos présentant des didacticiels, des défis artistiques amusants et des interviews d'artistes japonais professionnels travaillant dans la production de mangas et d'animés au Japon! Connectez-vous avec Doki Doki Drawing en vous abonnant sur YouTube ou en suivant sur Twitter!

 

Version vidéo de ce tutoriel → https: //youtu.be/tcZJGp1pnIc

Abonnez-vous à la chaîne → https: //www.youtube.com/dokidokidrawing

Suivez sur Twitter → https: //twitter.com/DokiDokiDrawing