Introduction

L'animation 2D est donc difficile pour les autres, mais elle ne devrait pas l'être.

 

Même si je savais déjà animer à l’aide d’un flipbook auparavant, l’apprentissage de l’application fait toujours partie du défi.

 

Avant de commencer à dessiner quelque chose, il faut au moins savoir tenir un crayon.

 

Mais dans ce cas, il faut savoir utiliser l’application.

 

Dans cette vidéo, je devrais vous apprendre à animer à l'aide de Clip Studio Paint, et également partager suffisamment de connaissances et de techniques d'animation comme le font les animateurs classiques, afin que vous puissiez au moins créer des emojis personnalisés sur vos réseaux sociaux.

J'ai également un didacticiel vidéo pour les personnes qui souhaitent en savoir plus sur les présentations visuelles.

Partie 1.1 - Préparer votre espace de travail

Tout d’abord, ouvrez un canevas. Assurez-vous d'avoir choisi le préréglage d'animation.

La taille de ma toile serait 128 x 128 en pixels(px), car ce serait la plus grande taille recommandée pour un emoji, mais selon le site, les tailles peuvent varier.

 

Bien que vous puissiez l'agrandir, par exemple 512 x 512 px, il sera compatible avec les autocollants, mais je conserverai le 128 px afin de ne pas être tenté d'ajouter plus de détails.

 

Ce serait la représentation visuelle des 2 tailles.

Normalement, vous pouvez laisser tous les paramètres tels quels, mais pour ma part, je conserverai la Zone de sécurité des tuiles afin de pouvoir avoir un guide central sur ma toile.

J'ai également ajouté un Espace vide afin de pouvoir conserver la cohérence et pouvoir suivre chaque fois que je dessine en dehors du cadre.

Depuis que j'utilise un Clip Studio Paint EX, je peux avoir plus d'images sur mon animation, mais je veux ce tutoriel pour tout le monde, je vais donc suivre les limitations de Clip Studio Paint PRO et définir mon Temps de lecture à 24 et ma Frame rate à 12 pour que je puisse avoir un maximum de 2 secondes d'animation.

Une fois que vous ouvrez un canevas d'animation, vous obtiendrez une fenêtre de chronologie au bas de l'application où vous pourrez réaliser votre animation.

Mais chaque fois que vous le perdez pour une raison quelconque, vous pouvez toujours le retrouver dans la barre de menu sous Windows, puis Timeline.

Également sous l'onglet Animation du menu, vous pouvez trouver tout ce dont vous avez besoin pour l'animation, mais nous n'en discuterons pas tous ici. Ceci est juste une note à expérimenter pendant votre temps libre.

Je suggérerais également de dupliquer votre fenêtre afin que vous puissiez voir la taille réelle de l'emoji tout en travaillant dessus.

Pour ce faire, déroulez l'onglet Fenêtre dans le menu, sélectionnez Toile, Choisissez une nouvelle fenêtre.

 

Cela vous donnera une fenêtre en double sur quelque chose dans lequel vous vous trouvez actuellement.

Et cette nouvelle fenêtre, faites-la glisser hors de l'onglet, redimensionnez la fenêtre et maintenez le zoom sur 100 pour obtenir la taille réelle de l'emoji.

Partie 1.2 - Chronologie de l'animation

Dans la timeline, vous pourrez retrouver tous vos calques d'animation. Le contenu de votre fenêtre de calque sera également dans la chronologie, mais disposé différemment pour en faire un espace de travail convivial pour l'animation.

 

Vous verrez le dossier d'animation par défaut lorsque vous ouvrez un canevas prédéfini d'animation.

Si vous avez besoin de plus, vous pouvez simplement créer un autre dossier d'animation en cliquant sur cette icône Nouveau dossier d'animation.

 

 

Le dossier Animation est différent du dossier ordinaire que nous connaissons.

 

Le dossier d'animation est l'endroit où vous devez placer tous vos cellules et images d'animation.

Vous pouvez ajouter plus d'un dossier d'animation si vous souhaitez avoir plus de calques sur votre animation.

Si vous avez toujours souhaité modifier votre timeline, par exemple en modifiant sa fréquence d’images.

 

Vous pouvez facilement le faire en suivant ces 3 lignes dans le coin supérieur gauche de la timeline.

 

Sélectionnez Chronologie, puis choisissez Modifier la fréquence d'images.

 

Dans ce cas, je mets 8 images et cela deviendra 3 secondes d'animation sur un total de 24 images.

Les divisions sur la chronologie impliquent le nombre de secondes d'animation que vous pourrez réaliser.

Vous remarquerez également que ma chronologie d’animation n’a pas de vignette. C'est parce que je l'ai gardé ainsi afin d'avoir plus d'espace pour dessiner sur la toile.

 

Vous pouvez facilement le faire en accédant toujours à ces 3 lignes, puis en sélectionnant Vignette.

Partie 1.3 - Cellule et cadre

Pour certaines personnes, Cel et Frame sont déroutants, ou du moins pour moi au début, à cause de l'appareil photo et des ordinateurs, comme entendre ces 60 images par seconde, m'a fait penser à des trucs image par image. Mais ils sont légèrement différents.

 

Pour moi, cela n’avait pas vraiment d’importance si vous l’appeliez cellule de cadre, mais si vous communiquez sur animateur, cela peut parfois avoir de l’importance. Cependant, si vous parlez à un client, ce n’est peut-être pas le cas, à moins qu’il ne veuille connaître la terminologie appropriée.

Pour l'expliquer dans une logique plus simple, les cellules ne sont que des calques dans l'animation.

Les Cels peuvent être utilisés à plusieurs reprises sur différentes images de la timeline, comme cet exemple d'animation que j'ai réalisé. 1 cellule peut être juste 1 dessin qui peut être recyclé à un autre moment.

 

Dans cette animation, j'utilise le Cel #4 sur les images 11 et 15 afin de me faire gagner du temps en ne le dessinant plus.

Maintenant que vous connaissez déjà la terminologie, vous comprendrez maintenant l'utilisation des 3 autres icônes à côté de Nouveau dossier d'animation.

Le premier est New Animation Cel.

 

En gros, vous allez simplement ajouter un cellule vide dans le cadre sur lequel dessiner.

 

Et l'icône suivante à côté est Attribuer un Cel au cadre.

 

Ce qui signifie que vous attribuerez un cellule existant au cadre.

Ou vous pouvez simplement cliquer avec le bouton droit sur l'emplacement du cadre spécifique et sélectionner le cel que vous souhaitez ajouter.

Partie 2 - Animations

Passons maintenant à la partie amusante, l'animation.

 

Il y a des principes d'animation, mais bien sûr je n'en parlerai pas ici car je ne veux pas que vous soyez bombardé d'informations.

 

Mais je suis ici pour vous dire que c'est important, vous voudrez peut-être le rechercher un peu pendant votre temps libre.

 

• Les principes de l'animationsont essentiellementl'art de la vie.

 

Si vous observez suffisamment dans la vie, vous aurez une intuition sur ce qu'il faut ajouter à côté de votre animation.

 

Maintenant, pour la conception de mon personnage, l'emoji serait un roi singe, puisque je suis une année de singe et un zodiaque de Lion, donc cela devrait avoir du sens.

Et rendez-le aussi simple que possible, moins de détails donc moins de choses à regarder et moins de lignes à animer.

Plus de lignes à animer = Plus de temps.

Partie 2.1 - Poses d'images clés

Ainsi, la première chose que vous devez faire lorsque vous réalisez une animation est de dessiner les poses des images clés.

 

Les poses d'images clés sont simplement une pose de départ de toute action à réaliser, un début de changement d'action et une pose finale.

Le but est que même dans les poses d'images clés, vous puissiez toujours lire l'action du personnage.

L'activation de la peau d'oignon vous aide à voir le cellule suivante et précédente que vous avez créée.

Vous pouvez modifier ses paramètres en accédant à l'onglet Animation > Afficher les cellules d'animation > Paramètres de peau d'oignon.

Vous pouvez modifier le nombre de cellules à afficher afin de pouvoir voir d'autres actions de votre animation.

 

et vous pouvez changer sa couleur et son opacité. Cela sera très utile dans le processus ultérieur.

Partie 2.2 - Entre-deux

L'animation ne sera pas terminée sans combler les lacunes.

 

C’est le temps dont vous aviez besoin entre les deux.

 

L'intermédiaire consiste essentiellement à dessiner entre les espaces, pour donner un mouvement fluide à votre animation.

Pour voir les changements, c'est AVANT

Et c'est APRÈS

Plus il y aurait d’images, plus l’animation serait fluide.

 

Doubler l'image rendrait l'animation bien meilleure mais prend beaucoup de temps à animer.

 

 

Partie 2.3 – Maculage et flou de mouvement

avec une animation de 12 images par seconde, nous ne pouvons pas la rendre plus fluide.

Exactement comme ce que nous avons fait ici. Il n'a pas l'air assez rapide donc il n'y a aucune sensation de vitesse dans ses mouvements.

 

C'est la partie dans laquelle nous allons ajouter le maculage, pour créer une illusion de mouvement rapide.

En réalité, lorsque l’on bouge trop vite, il devrait y avoir un flou de mouvement. Mais puisque nous travaillons sur des lignes dures, ajouter la diffamation fera l’affaire.

 

Voici donc les changements une fois ajoutés.

Partie 2.4 - Courge et étirements

Je vais maintenant ajouter du texte à mon emoji afin de pouvoir utiliser une technique d'écrasement et d'étirement.

 

C'est un peu similaire au maculage, mais la différence est que l'objet s'étirera lors d'un mouvement rapide. Cela fonctionne parfaitement sur les objets mous.

Il s'étirera à mesure qu'il entrera et s'écrasera lorsqu'il atteindra sa destination avant de reprendre sa forme originale.

Cela montrera à quel point cela ressemblerait à du rebond.

Partie 3 - Finalisez votre Emoji

Finalisez votre travail en ajoutant des mouvements supplémentaires tels que le mouvement des cheveux après avoir déplacé le personnage.

image supplémentaire avant que votre personnage ne s'arrête de bouger. Ce détail subtil rend votre animation plus naturelle.

 

 

Ensuite, lorsque tout est terminé, vous pouvez commencer par le dessin au trait.

 

Si vous réalisez un dessin au trait, je vous suggère d'utiliser un calque vectoriel.

L’avantage des calques vectoriels est que vous pouvez les redimensionner à la taille de votre choix tout en conservant sa netteté.

 

 

Assurez-vous d'utiliser l'outil d'opération pour le redimensionner. Mettez tout en surbrillance et ajustez.

et cochez la case Ajuster l'épaisseur de la ligne lors de la mise à l'échelle. Cela conservera la proportion de la ligne lors du redimensionnement

décochez si vous souhaitez que votre dessin au trait conserve la même épaisseur en pixels

Et vous pouvez également modifier l’épaisseur du dessin au trait à tout moment.

Et le reste que vous devez faire est la couleur.

 

L'ajout de reflets et d'ombres nécessite également des croquis d'animation, mais dans notre cas, les mouvements sont minimes, vous pouvez faire des suppositions sur chaque image.

Et c'est tout pour ce tutoriel, merci et j'espère que vous avez appris quelque chose ici.

 

Tout ce que vous apprenez ici peut être utile à n'importe quelle animation en général, c'est donc très instructif.

 

MERCI ENCORE!