Dessin d'animation simple

1 960

Mana1057

Mana1057

Bonjour !

 

Je vais vous montrer comment réaliser une animation simple sans trop couper ou découper votre dessin. J'animerai la majeure partie de l'environnement qui créera l'ambiance de l'animation sans trop m'attarder sur le processus d'animation lui-même.

 

L'image finale ressemblera à ceci :

Je vais vous montrer comment animer les lumières, les ombres et les hautes lumières

Je vais également vous montrer une animation simple des yeux et une animation de la caméra.

Nous travaillerons avec des KEYFRAMES et je vous montrerai quelques trucs et astuces sur la façon de les utiliser !

 

Ces animations sont très faciles à réaliser et sont applicables à la fois sur les versions PRO et EX de Clip Studio Paint

 

J'utiliserai CLIP STUDIO PAINT PRO pour ce tutoriel, vous pouvez également utiliser EX si vous l'avez

 

Ce sera un flux de travail détaillé, je m'excuse d'avance pour la longueur

Commençons !

PRÉPARATION

Tout d’abord, prenez le dessin que vous souhaitez animer.

Imaginez maintenant ou faites une ébauche de ce que vous voulez faire, dans ce cas ;

⭐ Je veux que les champignons brillent et peut-être libèrent des spores magiques.

⭐ Je veux que la chaîne stéréo brille

⭐ Et je veux qu'il cligne des yeux

 

Des animations vraiment simples ! Mais il faut se rappeler que la lumière crée des OMBRES.

 

Nous devrons donc également ajouter

⭐ Une animation d'ombre

⭐ Et peut-être des animations de surbrillance

 

Commençons à animer !

CHRONOLOGIE

Ouvrez le dessin que vous souhaitez animer.

Ensuite, allons dans notre TIMELINE, si vous ne trouvez pas votre Timeline, elle se trouve dans Fenêtre > Timeline

Cliquez maintenant sur [Nouvelle chronologie]

Les paramètres que j'utilise sont 8 images par seconde et 24 heures de lecture

Les fréquences d'images correspondent au nombre d'images par seconde tandis que le temps de lecture détermine la durée de l'animation souhaitée.

 

Vous pouvez utiliser [Durée de lecture/Fréquence d'images = Secondes], donc 24 temps de lecture / 8 fréquences d'images correspondent à 3 secondes.

 

Plus la fréquence d'images est élevée, plus l'animation sera fluide.

RAPPEL : Clip Studio Paint PRO a un TEMPS DE LECTURE maximum de 24 heures, au-delà cela ne sera pas possible. Si vous souhaitez un temps de lecture plus long, je vous conseille d'opter pour la version EX.

Commençons à animer !


>> Animation d'images clés

J'utiliserai principalement l'animation par images clés pour cela.

Juste une petite note sur ce qu'est l'animation par images clés :

 

L'animation par images clés moderne ou numérique consiste à créer un point de départ et un point d'arrivée sans avoir besoin de créer d'images intermédiaires.

 

Si vous démarrez une image clé à gauche et créez une autre image clé vers la droite, vous n'avez pas besoin de créer d'images intermédiaires. Elle le fait pour vous.

Plus les images clés sont éloignées les unes des autres, plus l'animation sera lente.

Plus les images clés sont proches les unes des autres, plus l'animation sera rapide.

ANIMATION LUMINEUSE – Interpolation fluide

Créez un [Nouveau calque raster] au-dessus de votre dessin > renommez-le en « Champignon lumineux »

 

Prenez maintenant votre outil [Dégradé] > [Premier plan vers Transparent] > Maintenez [ALT] sur votre clavier pour la pipette et obtenez la couleur de la LUMIÈRE que vous souhaitez.

Ou prenez n'importe quel outil que vous souhaitez utiliser comme LUMIÈRE.

Peut être un pinceau doux ordinaire ou un pinceau décoratif

 

Et cliquez simplement et faites glisser votre outil Dégradé

Vous pouvez utiliser la FORME de dégradé que vous souhaitez, je choisis [Cercle]

 

Changez votre MODE DE FUSION en GLOW DODGE

CONSEIL : Color Dodge, Add, Add (Glow), Overlay, Soft Light et Hard Light fonctionnent également.

Maintenant, dans votre zone TIMELINE, assurez-vous que vous êtes sur le calque « Glowing Mushroom », cliquez sur [Activer les images clés sur ce calque]

ASTUCE : vous saurez que le calque est désormais prêt pour l’image clé lorsque vous ne pourrez plus peindre ni effacer quoi que ce soit sur le calque. Le mot « transformer » apparaît également sur le nom du calque.

⭐ CLIQUEZ sur + pour développer, puis cliquez/sélectionnez sur [Opacité]

 

Vérifiez également votre Interpolation d'images clés, assurez-vous que vous êtes sur Interpolation fluide

Maintenant, au tout début de votre timeline, Image 1 > Clic droit > [Ajouter une image clé]

 

⭐Cela définira le tout début de notre timeline avec une opacité de 100 % sur le champignon lumineux

Ensuite, nous passons peut-être à Frame 7, vous pouvez également ajouter une image clé d'opacité en déplaçant la barre d'opacité sur l'onglet Calque

Continuez à ajouter les animations d'images clés que vous souhaitez, c'est ce que j'ai obtenu

Les cadres 1, 13 et 24 ont une opacité de 100 %

Les cadres 7 et 18 ont une opacité de 23 %

ASTUCE : vous pouvez faire glisser votre dernière image clé jusqu'à la toute fin pour rendre l'animation fluide.

Je vous expliquerai cela plus en détail dans « Bouclage d'images clés »

Maintenant, notre image ressemble à ceci :


>> Boucle d'images clés

En général, l’astuce pour créer une animation en boucle consiste à s’assurer que votre premier mouvement est le même que votre dernier mouvement.

 

Dans ce cas, nous travaillons avec des images clés, nous devons donc nous assurer que notre première et notre dernière image clé sont les mêmes.


Je vais mentionner « faire glisser vos images clés de fin à la fin de votre timeline » pendant un certain temps et c'est pour vous aider à créer une animation fluide ou en boucle.

 

Regardez la toute première image clé de la timeline, elle se situe entre 0 et 1

Il est préférable que nous fassions également la même chose pour la dernière image clé si nous voulons créer une boucle

Voici la différence lorsque vous ne faites pas glisser la dernière image clé jusqu'à la toute fin de la timeline.

C'est subtil, mais cela s'arrête pour une image à la fin

Mais lorsque nous faisons glisser la toute dernière image clé à la fin de la timeline,

elle se déplace plus facilement, car elles ont la même valeur

⭐ Assurez-vous que les valeurs des images clés des images 1 et 24 sont identiques

 

À l'image 1, nous avons obtenu la moitié finale de la première image clé

Ensuite, à l'image 24, nous avons obtenu la première moitié de la même image clé

Lorsque l'animation se déroule en boucle, l'animation semblera fluide


Si vous avez du mal à récupérer l’image clé que vous avez fait glisser à la toute fin, utilisez l’ÉDITEUR GRAPHIQUE et sélectionnez l’image clé.

Vous pouvez le faire glisser où vous le souhaitez, vous pouvez également le supprimer.


> Montage : Ajout d'effets supplémentaires

RÉCAPITULATIF : Voici ce que nous avons obtenu la dernière fois :

Et les autres champignons ?

Faut-il créer un nouveau calque pour eux aussi et les animer à nouveau ?

NON ! Nous pouvons toujours modifier ce calque « Champignon lumineux » !

 

Mais si vous cliquez juste comme ça, cela ne vous le permettra pas.

 

🚫 Vous ne pouvez pas modifier ce calque car il est actuellement destiné aux images clés

Si vous souhaitez dessiner sur ce calque, vous devez désactiver le [Activer les images clés sur ce calque].

Cliquez sur l'icône pour le désactiver.

 

NE VOUS INQUIÉTEZ PAS !

Nous venons de désactiver les images clés, une fois que nous les aurons réactivées, les images clés réapparaîtront.

 

N'OUBLIEZ PAS DE NE PAS SUPPRIMER LE CALQUE !

ET NE LE FUSIONNEZ PAS AVEC UN AUTRE CALQUE - les images clés disparaîtront si vous le fusionnez avec un autre calque

Prenez votre outil [Gradient] ou tout autre outil avec lequel vous souhaitez ajouter plus d'effets de lueur

Lorsque vous avez terminé, revenez à l’onglet Chronologie > cliquez sur [Activer l’image clé sur ce calque]

Et vos images clés sont toujours là !

Cela ressemble maintenant à ceci :

Avant de passer à l’animation du reste, parlons très rapidement des interpolations d’images clés


>> Interpolations d'images clés

Les interpolations d'images clés sont la façon dont vos images clés ou animations se déplacent.

C'est comme l'entre-deux lorsqu'il s'agit d'animations cellulosiques.

 

J'utiliserai deux interpolations d'images clés pour ce tutoriel, lisser et maintenir.

Voici la différence entre toutes les interpolations :

 

Lisse - crée un mouvement fluide, il se déplace essentiellement dans une courbe — il semble donc qu'il y ait un flux qui le fait bouger assez rapidement mais toujours lisse.

Linéaire - crée un mouvement direct. Il n'a pas de flux et se déplace à la même vitesse. C'est comme un mouvement linéaire - droit au but.

Maintenir - il se déplace d'une image clé à l'autre. Il maintient l'image clé jusqu'à l'image clé suivante et la suivante.

 

De plus, vos images clés changeront de couleur en fonction de l'interpolation que vous avez utilisée

Smooth est violet, Linear est vert et Hold est jaune


ANIMATION LUMINEUSE – Maintenir l'interpolation

Travaillons sur les lumières stéréo en utilisant cette fois l'interpolation HOLD

Créez un [Nouveau calque raster] > renommez-le comme vous le souhaitez

*Je l'ai nommé « Haut-parleur » – j'ai fait une erreur ! C'est une boombox/chaîne stéréo.

Prenez votre pinceau, j'ai utilisé un [Pinceau doux] et j'ai simplement mis des couleurs autour de la zone que je veux faire briller

 

Changez le Mode de fusion de votre calque sur Ajouter (éclat)

 

ASTUCE : vous pouvez utiliser Ajouter, Éclat et Éclat de couleur si vous le souhaitez

 

 

Cliquez maintenant sur [Activer les images clés sur ce calque] afin que nous puissions animer les lumières stéréo

Veuillez modifier l'interpolation d'images clés de Lisse à Maintenir

Nous allons maintenant ajouter une image clé sur FRAME 1, assurez-vous que vous êtes sur OPACITY

C'est assez subtil mais il y a un changement de couleur lorsque vous cliquez sur le menu de transformation

Placez une image clé sur l'image 1 ; 100 % d'opacité

 

Ensuite, sur l'image 14, modifiez l'opacité à 0 %

 

Image 15 à 100 % d'opacité

Image 16 à 0 % d'opacité

 

Faites-le autant de fois que vous le souhaitez

Et quand vous y jouez, cela ressemble à ceci

Les interpolations HOLD maintiennent la valeur de cette image clé jusqu'à l'image clé suivante

 

Contrairement à l'interpolation SMOOTH qui modifie la valeur de l'image clé en douceur jusqu'à l'image clé suivante


> Montage : Correction tonale

Disons que vous n’aimez pas la couleur – généralement, nous allons simplement dans Edition > Correction tonale > Teinte/Saturation/Luminosité mais sur ce calque d’images clés, nous ne pouvons pas dessiner ni effectuer de correction tonale dessus.

Si nous voulons effectuer une correction tonale sur ce calque, nous devons désactiver l'option [Activer l'image clé sur ce calque]

Et puis nous pouvons éditer les couleurs en utilisant Edition > Correction tonale > Teinte/Saturation/Luminosité

Lorsque vous cliquez sur [Activer l'image clé sur ce calque], les images clés sont toujours là.

Et maintenant, cela ressemble à ceci :

OMBRES ANIMÉES

Animons une ombre !

Voici l'ombre derrière le personnage. Lorsque la lumière devant lui brille, son ombre devient plus grande ou plus petite en fonction de la luminosité de la lumière devant lui.

 

Créez un [Nouveau calque raster] sous vos calques LUMINEUX

Renommez-le en Ombre > Réglez ce calque sur MULTIPLY

 

 

Faites en sorte que l'ombre chevauche le personnage

Je l'ai rendu ROUGE pour cet exemple, afin qu'il soit visible, mais je l'ai changé en gris plus tard

Encore une fois, assurez-vous que votre calque est en mode de fusion MULTIPLIÉ

 

Ensuite, utilisons le masque. Cliquez sur [Créer un masque de calque]

Cela masquera la zone que nous ne voulons pas sans la supprimer complètement

 

 

Et utilisez simplement votre [Gomme] pour masquer la zone que vous ne voulez pas voir affecter au personnage.

 

Si vous ne voyez pas ce que vous effacez, Clic droit (l'icône Calque de masque) > Afficher la zone de masque

 

 

J'ai continué à effacer et je me suis retrouvé avec ceci :

J'ai masqué tout le personnage juste pour être sûr

 

Pour supprimer la zone d'affichage du masque ; Clic droit (l'icône du calque de masque) > Afficher la zone de masque

Cela la désactivera.

 

Commençons maintenant l'animation

Assurez-vous que vous êtes sur le calque d'ombre, dans l'onglet Chronologie > cliquez sur [Activer l'image clé sur ce calque]

Assurez-vous de remettre votre interpolation d'images clés sur LISSE

Développez maintenant le calque d'ombre, cliquez sur l'icône >

Assurez-vous d'être en POSITION

 

Allez dans [Outil d'opération] ou appuyez sur O sur votre clavier

Les points de transformation doivent apparaître sur votre écran

À l'image 1, là où la lumière est forte

Cliquez et faites glisser l'image un peu en diagonale, en l'éloignant légèrement du personnage

Copiez cette image clé et collez-la lorsque la lumière est forte ; Image 13 et Image 24

Ensuite, lorsque la lumière est faible ; Image 7, faites glisser l'ombre vers le bas, en diagonale.

 

Copiez et collez cette image clé dans l'autre image où la lumière est faible ; Image 19

Et quand vous aurez terminé, cela ressemblera à ceci :

> Montage : Refonte du masque

Regardez attentivement l’ombre – vous pouvez voir qu’elle chevauche la pierre à l’arrière et la mâchoire du personnage

Même montage que la dernière fois pour les animations LIGHT, avec le calque Shadow sélectionné, désactivez le [Activer l'image clé sur ce calque]

 

Et nous pouvons retravailler notre masque

Une autre modification que j'aimerais apporter est de lisser l'ombre.

Clic droit sur le masque > [Activer le masque] (ou décochez-la)

Ensuite, [Alt] cliquez sur l'icône en forme d'œil du calque pour l'isoler pendant un moment

J'utilise simplement mon pinceau flou pour lisser l'ombrage

Ensuite, cliquez à nouveau sur l'icône en forme d'œil du calque d'ombre et le calque d'ombre n'est plus isolé

 

Clic droit sur le masque > cliquez sur [Activer le masque]

 

 

Ensuite, nous cliquons sur [Activer les images clés sur ce calque], nos images clés sont restées et lorsque nous l'avons joué...

EFFETS : Étincelles volantes et décolorées

Nous allons utiliser ici plusieurs transformations, POSITION et OPACITÉ

 

Ensuite, créons des étincelles !

Créez un [Nouveau calque raster] > nommez-le Sparkles > définissez le mode de fusion sur Ajouter (éclat)

 

Prenez maintenant votre pinceau à étincelles

J'ai utilisé ce pinceau :

Et ajoutez juste quelques étincelles

Ensuite, animons ceci.

 

Cliquez sur [Activer les images clés sur ce calque]

Assurez-vous que vous êtes sur Interpolation LISSE

Sur Frame 1 – La lumière est forte, ajoutez une image clé sur OPACITY – 100% Opacity

Faites de même avec Frame 13 et 24, où la lumière est forte.

Ensuite, lorsque la lumière est faible, Image 7 – ajoutez une image clé sur OPACITÉ – 0% d'opacité

Faites de même avec Image 19, où la lumière est faible

 

 

Et cela devrait ressembler à ceci :

Ensuite, travaillons sur le mouvement, faisons monter les étincelles

Développez le calque Sparkles en cliquant sur l'icône >

Assurez-vous d'être sur la POSITION

 

Sur l'Image 1, la lumière est forte, faites glisser l'étincelle vers le haut

Faites-la glisser juste un peu, imaginez-la comme si elle était au milieu de l'animation flottante Assurez-vous que vous êtes sur [Operation Tool] pour pouvoir faire glisser le calque Sparkle

 

Ajoutez la même image clé à la dernière image, Image 24 – mais cette fois, assurez-vous de faire glisser la dernière image clé jusqu'à la fin de la timeline, cela rendra l'animation plus fluide et transparente si vous souhaitez créer une boucle

Maintenant, lorsque la lumière est faible, Image 7faites glisser vos étincelles vers le haut

N'oubliez pas qu'il s'agit également de l'image où l'opacité est à 0 % -- en gros, nous créons une animation où elle disparaît au fur et à mesure qu'elle monte

Image 8, les étincelles descendent.

Copiez les images clés de l'image 7 et de l'image 8 et collez-les dans l'Image 17 et l'Image 18

 

Le processus et le résultat ressemblent à ceci :

En gros, ce que nous avons fait, c'est que l'image clé 1 et 24 sont le milieu de l'action

l'image clé 7 et 17 sont les étincelles qui montent

l'image clé 8 et 18 sont les étincelles qui reviennent à la position de départ

Et maintenant, l'animation ressemble à ceci :

> Montage : Ajout de plus de Sparkles

C'est la même chose que [Edition : Ajout d'autres effets]

 

Assurez-vous que vous êtes sur le calque Sparkle et désactivez l'option [Activer les images clés sur ce calque]

Et ajoutez simplement vos étincelles

Lorsque vous avez terminé, cliquez simplement sur [Activer les images clés sur ce calque] et les images clés sont toujours là.

Maintenant, notre animation ressemble à ceci :

N'oubliez pas que vous pouvez toujours revenir en arrière et retravailler vos images clés.

 

Exemple : vous souhaitez modifier les étincelles car elles vont beaucoup trop vite, trop haut.

 

Assurez-vous que POSITION est sélectionné et que vous êtes sur l'image clé que vous souhaitez modifier – faites glisser vos étincelles comme vous le souhaitez

> Montage : Masquage de quelques paillettes

Et c'est la même chose que [Edition : retravailler sur le masque]

 

Remarquez que certaines étincelles descendent beaucoup trop bas des champignons et que d'autres vont vers le personnage.

 

Plutôt que de supprimer ces étincelles, masquons-les simplement pour qu'elles n'apparaissent pas sur cette zone.

 

Désactivez à nouveau votre image clé, cliquez sur [Activer l'image clé sur ce calque] pour pouvoir la désactiver et travailler sur notre masque

Cliquez sur [Créer un masque de calque], une fois créé > Clic droit sur ce masque > Afficher la zone de masque

[Afficher la zone de masque] - Pour que vous puissiez voir ce que vous effacez

 

Et nous pouvons masquer les étincelles sur cette zone, prenez votre gomme et commencez à effacer/masquer les parties que vous ne voulez pas voir apparaître.

Lorsque vous avez terminé, désactivez l'option [Afficher la zone de masque] et activez à nouveau l'option [Activer les images clés sur ce calque]

 

Les images clés sont restées et le masque est là

 

 

ANIMATION DE MISE EN VALEUR

Il s'agit de la mise en valeur du personnage et peut-être aussi d'une lumière vive sur les éléments d'arrière-plan.

 

Créez un [Nouveau calque raster] > renommez-le en HIGHLIGHTS > Réglez le Mode de fusion sur [Glow Dodge]

ASTUCE : Vous pouvez utiliser Color Dodge, Add ou même Add (Glow)

 

Prenez simplement votre pinceau et créez des reflets.

J'utilise un [Soft Brush] avec une opacité de 80 à 100 %, en alternant d'un côté à l'autre

 

⭐ ASTUCE : Si vous souhaitez un raccourci pour créer des reflets pour le personnage, vous vous souvenez du masque que nous avons fait pour l'animation SHADOW ? Nous pouvons l'utiliser.

 

Maintenez la touche [CTRL] enfoncée puis cliquez sur ce masque. Ce qui s'est passé, c'est que nous avons sélectionné la zone BLANCHE, inversons-la donc pour sélectionner le personnage.

Cliquez sur [Inverser la zone sélectionnée] > et commencez à ajouter vos reflets

Pour ajouter des reflets à l'environnement ou aux rochers, j'ai utilisé l'outil Lasso

Faites une sélection à l'aide de votre outil Lasso > et utilisez simplement votre pinceau pour colorer

— adoucissez les bords à l'aide d'un pinceau flou si nécessaire

 

 

Lorsque vous avez terminé avec les reflets, animons-les

Cliquez sur [Activer les images clés sur ce calque]

Assurez-vous que vous êtes sur l'OPACITÉ – faites les mêmes animations avec les CHAMPIGNONS LUMINEUX

 

Image 1, 13, 24100 % OPACITÉ

Image 7 et 1927 % OPACITÉ (ou moins)

Une fois terminé, l’animation ressemble maintenant à ceci :

ANIMATION DES YEUX

Pour cette animation des yeux, je vais seulement utiliser deux images/cadres ;

⭐ YEUX OUVERTS

⭐ YEUX FERMÉS

 

Principalement parce qu'il s'agit d'une animation de 3 secondes, très courte et peu perceptible, et que mon personnage a de très petits yeux.

 

Tout d'abord, je dois séparer mes yeux et redessiner les zones manquantes.

J'ai utilisé l'outil Lasso pour COPIER et COLLER les yeux sur un autre calque.

Ensuite, revenez au calque d’illustration principal et, à l’aide de votre pinceau, commencez à peindre l’œil avec le teint du personnage

Créez ensuite un [Nouveau calque raster] et dessinez l'ŒIL FERMÉ

Et maintenant nous avons à la fois Œil ouvert et Œil fermé

N'hésitez pas à ajouter d'autres éléments entre les actions/images si vous le souhaitez.

 

Vous pouvez utiliser des images clés pour animer ceci ou même des cellules d'animation.

Essayons les deux !


> Animation des yeux – Cellules d’animation [Copier et coller]

Animation Cel dessine image par image afin de créer une animation.

Comme une animation Flipbook !

 

Nous allons copier et coller sur les cellulos

Créez un [Nouveau dossier d'animation] > renommez-le en EYES_ANIM_CEL

 

 

Assurez-vous que vous êtes au début de votre chronologie, puis cliquez sur [Nouveau cellulo d'animation]

Un calque vide étiqueté 1 apparaîtra

Avant de commencer à copier et coller, allez dans [Fichier] > [Préférences] > [Animation]

 

Modifiez votre Comment coller sur les cellulos — assurez-vous qu'il est activé Coller sur le calque sélectionné

Cliquez sur OK lorsque vous avez terminé !

 

Cela facilitera notre copier-coller

Pour copier - rendez votre calque YEUX OUVERTS visible > prenez votre lasso et sélectionnez > CTRL C pour copier

 

Pour coller - Allez dans votre dossier Animation > Cellule 1 > Collez-le là

Et faites la même chose avec le cellulo suivant ; Yeux fermés

 

(Assurez-vous d'être sous le dossier Animation)

Sélectionnez votre image > Créer un [Nouveau cellulo d'animation] > un nouveau cellulo étiqueté 2 apparaîtra

 

COPIER - YEUX FERMÉS

COLLER - dans le cellulo 2

Je veux qu'il continue à cligner des yeux pendant encore un peu, alors mettons la même animation sur les images suivantes.

 

Affectons ces cellules à l'animation suivante

Assurez-vous d'être sur l'image suivante sans cellule

Allez dans [Animation] > [Modifier la piste] > [Affecter plusieurs cellules]

Pour cet exemple, ces paramètres sont corrects

Si vous voulez savoir ce que signifient tous ces paramètres, je vous recommande de consulter le lien ci-dessous

Lorsque vous cliquez sur OK, une copie des cellules 1 et 2 apparaît

 

Nous avons essentiellement assigné les cellules 1 et 2 pour qu'elles apparaissent dans les images suivantes

Pour la fin de l'animation, je veux que ses yeux soient ouverts, alors cliquez sur [Assign cel to frame]

Sélectionnez le calque 1 – qui est nos yeux ouverts, puis cliquez sur OK

Et nous avons notre petite animation oculaire en utilisant des cellulos


> Animation des yeux – Images clés

Si vous souhaitez utiliser des images clés, il s'agit en fait de jouer avec l'Opacité des calques Oeil ouvert et Oeil fermé

 

Pour organiser les choses, placez vos calques Yeux ouverts et Yeux fermés dans un dossier

 

Sélectionnez vos calques Oeil ouvert et Oeil fermé, cliquez sur [Activer les images clés sur ce calque] individuellement.

 

Modifiez également votre interpolation d'images clés sur HOLD

Vous pouvez utiliser l'interpolation d'images clés de votre choix, je préfère simplement HOLD lorsque je fais des animations EYE pour m'assurer qu'il n'y aura pas de changements entre les images

Sélectionnez une image à partir de laquelle vous souhaitez démarrer le clignotement, je vais aller à Image 15

Ajoutez une image clé sur les deux :

 

Yeux fermés – Opacité 0 %

Yeux ouverts – Opacité 100 %

 

Image suivante, Image 16

Yeux fermés – Opacité 100 %

Yeux ouverts – Opacité 0 %

Vous pouvez répéter cela autant de fois que vous le souhaitez que votre personnage cligne des yeux ou simplement sélectionner les images clés > Clic droit > COPIER > Passer à l'image vide suivante > Clic droit > Coller

Assurez-vous de faire la même chose avec l'autre œil.

 

Une fois terminé, cela ressemble à ceci :

Notre animation ressemble à ceci :


Animation de caméra

Cette étape est facultative !

 

Nous allons ajouter une caméra 2D, c'est votre caméra !

Vous pouvez zoomer et dézoomer, faire pivoter et déplacer votre animation à l'aide de celle-ci et nous utiliserons des images clés pour la manipuler.

 

Pour ajouter une caméra, allez dans [Animation] > [Nouveau calque d'animation] > [Dossier de caméra 2D]

Un dossier apparaîtra intitulé « Caméra 1 » dans votre onglet Calques > placez tous vos calques, en gros tous vos calques d’animation là-haut.

Vous pouvez développer vos transformations de caméra dans la chronologie ou vous pouvez utiliser Opération > Propriété de l'outil Objet

 

Je ne cherche qu'une chose simple, comme un tremblement de caméra, mais pas extrême.

 

Sur le [Rapport d'échelle], je l'ai agrandi de 3 valeurs, ce qui le rend à 97.0

Une image clé apparaîtra car vous avez modifié les valeurs, vous pouvez supprimer cette image clé d'échelle car nous n'animerons pas l'échelle

 

Cliquez ensuite sur [Position] > faites glisser la boîte de transformation vers l'extrémité inférieure droite de l'écran, loin de mon personnage.

 

Une image clé doit être ajoutée une fois que vous avez déplacé la caméra.

Copiez cette image clé, cliquez sur l'image clé et maintenez la touche [ALT] puis faites-la glisser jusqu'à l'image souhaitée, je l'ai fait glisser jusqu'à l'image 24.

 

Ensuite, faites glisser cette image clé de fin jusqu'à la toute fin de la chronologie.

Pour l'animation du milieu, allez à l'image 13

Assurez-vous d'être sur Outil d'opération > Objet > Cliquez sur la boîte de transformation et faites-la glisser un peu vers le haut, en diagonale par rapport à notre dernière image clé.

 

Le mouvement de la caméra est placé de cette façon pour compléter le mouvement de l'ombre qui monte et descend en diagonale dans la même direction

Quand vous y jouez, cela ressemble à ceci :

Le carré bleu que vous voyez est le mouvement de la caméra.

 

Si vous voulez voir à quoi ressemble le point de vue de la caméra

Accédez à votre [Operation Tool] > sous [Object] > regardez dans la propriété Tool

 

Mode d'affichage :

Nous sommes à Afficher les guides de champ par défaut

Vous pouvez changer cela en Afficher le champ de vision de la caméra

Maintenant, nous voyons ce que voit notre caméra !


Exporter une animation

Nous exportons enfin notre travail !

 

Vous pouvez l'exporter dans le format de votre choix, pour cet exemple, j'utilise le format GIF

 

Allez dans [Fichier] > [Exporter l'animation] > [GIF animé]

Remplissez les paramètres d'exportation en fonction de vos besoins ou de votre calendrier.

Pour l'option d'exportation ; Dithering

Le Dithering est la gradation des couleurs.

 

⭐ Activez le Dithering, vous obtiendrez un dégradé ou un ombrage lisse des couleurs


⭐ Désactivez le tramage, vous obtiendrez des patchs de différentes nuances de couleurs

Note de fin

Merci d'avoir lu jusqu'ici !!

L'animation finale ressemble à ceci :

L'appareil photo est optionnel, sans appareil photo cela ressemble à ceci :

Toujours aussi beau !


Voici un autre exemple des mêmes techniques

⭐Lumière et reflets animés

⭐Quelques étincelles / poussière volante

⭐Opacité des ombres

⭐Clignement des yeux

⭐Tremblement de l'appareil photo


Comment faire une simple chute de feuilles à l'aide d'images clés :

[Exemple, 8fps 24 images]

 

1. Dessinez vos feuilles en courbe - dessinez-les comme si elles étaient en train de tomber.

2. Cliquez sur [Images clés activées sur ce calque]

3. Ajoutez une image clé ROTATE et POSITION au milieu de l'animation - Image 13

——— Vous ajoutez cette image clé pour que vous sachiez déjà que « cette » scène/position est le milieu de votre animation - nous l'avons dessinée spécifiquement comme le milieu de l'action.

4. Allez à l'image 1, faites pivoter et positionnez vos feuilles comme si elles venaient d'en haut.

*C'est plus facile si vous faites d'abord une rotation puis ajustez la POSITION après avoir obtenu la rotation souhaitée

5. Allez à l'image 24, faites pivoter et positionnez vos feuilles comme si elles quittaient la scène.

6. Si certaines feuilles apparaissent sur les côtés et que vous ne voulez pas ajuster les images clés (car cela modifie également la vitesse de l'animation), utilisez MASK - la même chose que nous avons fait avec « ANIMATING SHADOWS » et « EFFETS : Sparkles volantes et décolorées »

 

Et c'est comme ça que j'ai fait les feuilles !


Et même si vous n’animez pas le visage, les animations simples sur l’environnement et la caméra donnent vraiment le ton et l’émotion de l’illustration.


Cela semble très long mais c'est en fait très simple !

Il suffit de jouer avec l'opacité et de faire glisser ceci et voilà.

 

C'est une animation simple qui ajoute plus d'histoire, plus de sensations à votre illustration.

Les lumières et les ombres sont des éléments vraiment forts dont vous devriez tirer parti !

 

J'espère que cela vous aidera !

J'espère également que cela vous aidera à travailler et à éditer avec des images clés !

 

Merci de votre lecture !

Commentaire

Nouveautés

Nouveautés de la catégorie Officiel