Bonjour !
Je vais vous montrer comment réaliser une animation simple sans trop couper ni découper votre dessin. J'animerai la majeure partie de l'environnement qui créera l'ambiance de l'animation sans alourdir 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 reflets.
Je montrerai également une animation d'œil simple et une animation de caméra.
Nous travaillerons avec des IMAGES CLÉS et je vous donnerai quelques astuces et conseils sur la façon de les utiliser !
Ces animations sont très faciles à réaliser et sont applicables aux 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.
Maintenant, imaginez ou faites un brouillon 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 stéréo brille
⭐ Et je veux qu'il cligne des yeux
Des animations vraiment simples ! Mais vous devez vous rappeler que la lumière crée des OMBRES.
Nous devrons donc également ajouter
⭐ Animation d'ombre
⭐ Et peut-être des animations de reflets
Commençons à animer !
LIGNE DE TEMPS
Ouvrez le dessin que vous souhaitez animer.
Allons ensuite à notre LIGNE DE TEMPS ; si vous ne trouvez pas votre ligne de temps, elle se trouve dans Fenêtre > Ligne de temps.
Maintenant, cliquez sur [Nouvelle ligne de temps]
Les paramètres que j'utilise sont de 8 images par seconde et un temps de lecture de 24
Les fréquences d'images représentent le nombre d'images par seconde, tandis que la durée de lecture détermine la durée souhaitée de l'animation.
Vous pouvez utiliser [Durée de lecture/Fréquence d'images = Secondes], donc 24 de durée de lecture / 8 de fréquence d'images équivaut à 3 secondes.
Plus la fréquence d'images est élevée, plus l'animation sera fluide.
RAPPEL : Clip Studio Paint PRO a une durée de lecture maximale de 24, plus que cela ne sera pas possible. Si vous voulez une durée de lecture plus longue, je vous recommande d'utiliser la version EX.
Commençons à animer !
>> Animation d'images clés
J'utiliserai principalement l'animation par images clés pour cela.
Juste une brève explication de 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ébut et un point de fin sans avoir besoin de créer d'intervalles.
Si vous commencez une image clé à gauche et en créez une autre allant vers la droite, vous n'avez pas besoin de créer d'images intermédiaires. Le logiciel 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 DE LUMIÈRE – Interpolation fluide
Créez un [Nouveau calque raster] au-dessus de votre dessin > renommez-le « Champignon lumineux »
Prenez maintenant votre outil [Dégradé] > [Premier plan vers transparent] > Maintenez [ALT] sur votre clavier pour la pipette et choisissez la couleur de la LUMIÈRE que vous souhaitez.
Ou utilisez n'importe quel outil que vous voulez qui peut être utilisé comme LUMIÈRE.
Cela peut être un Pinceau doux régulier 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 voulez, je vais choisir [Cercle]
Changez votre MODE DE FUSION en ÉCLAIRCISSEMENT LUMINEUX
ASTUCE : Éclaircir couleur, Ajouter, Ajouter (Lueur), Incrustation, Lumière tamisée et Lumière crue fonctionnent également.
Maintenant, dans votre zone de LIGNE DE TEMPS, assurez-vous d'être sur le calque « Champignon lumineux », cliquez sur [Activer les images clés sur ce calque]
ASTUCE : Vous saurez que le calque est prêt pour l'animation par images clés lorsque vous ne pourrez plus peindre ou effacer quoi que ce soit sur le calque. De plus, « transformer » apparaît dans le nom du calque.
⭐ CLIQUEZ sur le + pour développer, et cliquez/sélectionnez sur [Opacité]
Vérifiez également votre Interpolation d'images clés, assurez-vous d'être sur Interpolation fluide
Maintenant, au tout début de votre ligne de temps, Image 1 > Clic droit > [Ajouter une image clé]
⭐Cela définira le tout début de notre ligne de temps avec 100 % d'opacité sur le Champignon lumineux
Ensuite, nous passons à l'Image 7 par exemple, vous pouvez également ajouter une Image clé d'opacité en déplaçant la barre d'Opacité dans l'onglet Calque
Continuez à ajouter les animations d'images clés que vous souhaitez, voici ce que j'ai obtenu
Les images 1, 13 et 24 sont à 100% d'opacité
Les images 7 et 18 sont à 23% d'opacité
ASTUCE : Vous pouvez faire glisser votre dernière image clé jusqu'à la fin pour rendre l'animation fluide.
J'expliquerai cela plus en détail dans « Bouclage d'images clés »
Maintenant notre image ressemble à ceci :
>> Bouclage d'images clés
Généralement, l'astuce pour réaliser une animation en boucle est de 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 identiques.
Je mentionnerai à plusieurs reprises « faire glisser vos images clés de fin à la fin de votre ligne de temps » et c'est pour vous aider à créer une animation fluide ou en boucle.
Voyez la toute première image clé dans la ligne de temps, elle est entre 0 et 1
Il est préférable de faire de même avec 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 fin de la ligne de temps.
C'est subtil mais cela s'arrête pendant une image à la fin
Mais lorsque nous faisons glisser la toute dernière image clé à la fin de la ligne de temps
Elle se déplace plus en douceur, car les valeurs sont identiques
⭐ Assurez-vous que les images clés aux images 1 et 24 ont les mêmes valeurs
À l'image 1, nous avons la seconde moitié de la première image clé
Puis à l'image 24, nous avons la première moitié de la même image clé
Lorsque l'animation tourne en boucle, l'animation semble fluide
Si vous avez du mal à saisir l'image clé que vous avez fait glisser tout à la fin, utilisez l'ÉDITEUR DE GRAPHES et sélectionnez l'image clé.
Vous pouvez le faire glisser où vous voulez, vous pouvez également le supprimer.
> Édition : Ajout d'effets supplémentaires
RÉCAPITULATIF : Voici ce que nous avons obtenu en dernier :
Qu'en est-il des autres champignons ??
Devriez-vous créer de nouveaux calques pour eux aussi et animer à nouveau ?
NON ! Nous pouvons toujours modifier ce calque « Champignon lumineux » !
Mais si vous cliquez simplement – cela ne vous le permettra pas.
🚫 Vous ne pouvez pas modifier ce calque car il est actuellement utilisé pour les images clés.
Si vous souhaitez dessiner sur ce calque, vous devez désactiver l'option [Activer les images clés sur ce calque].
Cliquez sur l'icône pour la désactiver.
NE VOUS INQUIÉTEZ PAS !
Nous avons juste désactivé l'animation par images clés, une fois que nous l'aurons réactivée, 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 [Dégradé] ou tout autre outil que vous souhaitez pour ajouter plus d'effets de lueur
Lorsque vous avez terminé, retournez à l'onglet Ligne de temps > cliquez sur [Activer les images clés sur ce calque]
Et vos images clés sont toujours là !
Maintenant, cela ressemble à ceci :
Avant d'animer le reste, parlons très rapidement des interpolations d'images clés
>> Interpolations d'images clés
Les interpolations d'images clés définissent la manière dont vos images clés ou animations se déplacent.
C'est comme l'intercalation dans les animations de cellulos.
J'utiliserai deux interpolations d'images clés pour ce tutoriel : fluide et maintenue.
Voici la différence entre toutes les interpolations :
⭐Fluide - crée un mouvement doux, elle se déplace en courbe — donc elle semble avoir un flux qui la rend un peu plus rapide mais toujours fluide.
⭐Linéaire - crée un mouvement direct. Elle n'a pas de flux et se déplace à la même vitesse. C'est comme un mouvement linéaire - droit au but.
⭐Maintenue - elle se déplace d'image clé en image clé. Elle maintient l'image clé jusqu'à la suivante et ainsi de suite.
De plus, vos images clés changeront de couleur en fonction de l'interpolation que vous avez utilisée
Fluide est violet, Linéaire est vert et Maintenue est jaune
ANIMATION DE LUMIÈRE – Interpolation maintenue
Travaillons maintenant sur les lumières de la stéréo en utilisant cette fois l'interpolation MAINTENUE
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 / stéréo.
Prenez votre pinceau, j'ai utilisé un [Pinceau doux] et j'ai juste mis des couleurs autour de la zone que je veux faire briller
Changez le Mode de fusion de votre calque en Ajouter (Lueur)
ASTUCE : Vous pouvez utiliser Ajouter, Éclaircissement lumineux et Éclaircir couleur si vous le souhaitez
Maintenant, cliquez sur [Activer les images clés sur ce calque] afin que nous puissions animer les lumières de la stéréo.
Veuillez changer l'interpolation des images clés de Fluide à Maintenue.
Nous allons maintenant ajouter une image clé sur l'IMAGE 1, assurez-vous d'être sur l'OPACITÉ
C'est assez subtil mais il y a un changement de couleur lorsque vous cliquez sur le menu de transformation
Placez une image clé à l'Image 1 ; 100% d'opacité
Puis à l'Image 14, changez 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 le lisez, cela ressemble à ceci
L'interpolation MAINTENUE MAINTIENT la valeur de cette image clé jusqu'à la prochaine image clé
Contrairement à l'interpolation FLUIDE où elle modifie la valeur de l'image clé en douceur jusqu'à la prochaine image clé
> Édition : Correction tonale
Disons que vous n'aimez pas la couleur – normalement nous allons simplement à Édition > Correction tonale > Teinte/Saturation/Luminosité mais sur ce calque d'images clés, nous ne pouvons pas dessiner ou faire de correction tonale dessus.
Si nous voulons faire une correction tonale sur ce calque, nous devons désactiver l'option [Activer les images clés sur ce calque]
Et ensuite nous pouvons modifier les couleurs en utilisant Édition > Correction tonale > Teinte/Saturation/Luminosité
Lorsque vous cliquez sur [Activer les images clés sur ce calque], les images clés sont toujours là.
Et maintenant, cela ressemble à ceci :
ANIMATION D'OMBRES
Animons une ombre !
C'est l'ombre derrière le personnage ; à mesure que la lumière devant lui brille, son ombre devient plus grande ou plus petite selon l'intensité de la lumière devant lui.
Créez un [Nouveau calque raster] sous vos calques LUMINEUX
Renommez-le Ombre > Définissez ce calque sur MULTIPLICHER
Faites chevaucher l'ombre le personnage
Je l'ai fait en 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 MULTIPLICHER
Ensuite, utilisons un 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 que le personnage soit affecté par.
Si vous ne voyez pas ce que vous effacez, Clic droit (l'icône du calque de masque) > Afficher la zone de masque
J'ai continué à gommer, et j'ai obtenu ceci :
J'ai masqué tout le personnage pour être sûr
Pour supprimer la zone de masque affichée ; Clic droit (l'icône du calque de masque) > Afficher la zone de masque
Cela le désactivera.
Maintenant, commençons à animer
Assurez-vous d'être sur le Calque d'ombre, dans l'onglet Ligne de temps > cliquez sur [Activer l'image clé sur ce calque]
Assurez-vous de changer votre interpolation d'images clés en FLUIDE
Maintenant, développez le Calque d'ombre, cliquez sur l'icône >
Assurez-vous d'être sur POSITION
Allez à l'[Outil Opération] ou appuyez sur O sur votre clavier
Les points de transformation devraient apparaître sur votre écran
Alors que vous êtes à l'Image 1, où la lumière est grande
Cliquez et faites glisser l'image un peu en diagonale, loin du personnage
Copiez cette image clé et collez-la lorsque la lumière est forte ; Image 13 et Image 24
Puis, lorsque la lumière est faible ; Image 7, faites glisser l'ombre vers le bas – en diagonale.
Copiez et collez cette image clé sur l'autre image où la lumière est faible ; Image 19
Et quand vous avez terminé. Cela ressemblera à ceci :
> Édition : Retravailler le masque
Regardez attentivement l'ombre – vous pouvez voir qu'elle chevauche la pierre à l'arrière et la mâchoire du personnage
Même édition que les dernières animations de LUMIÈRE, avec le calque Ombre sélectionné, désactivez [Activer les images clés sur ce calque]
Et nous pouvons retravailler notre masque
Une autre modification que j'aimerais faire est d'adoucir l'ombre.
Clic droit sur le masque > [Activer le masque] (ou décochez-le)
Puis [Alt] cliquez sur l'icône en forme d'œil du calque pour l'isoler un instant
J'utilise simplement mon pinceau Flou pour adoucir l'ombrage
Ensuite, [Alt] 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 s'estompant
Nous utiliserons plusieurs transformations ici : POSITION et OPACITÉ
Ensuite, faisons des étincelles !
Créez un [Nouveau calque raster] > nommez-le Étincelles > Définissez le mode de fusion sur Ajouter (Lueur)
Maintenant, prenez votre pinceau à étincelles
J'ai utilisé ce pinceau :
Et ajoutez simplement quelques étincelles
Ensuite, animons cela.
Cliquez sur [Activer les images clés sur ce calque]
Assurez-vous d'être sur Interpolation FLUIDE
Sur l'Image 1 – La lumière est forte, ajoutez une image clé sur OPACITÉ – 100% d'opacité
Faites de même avec l'Image 13 et 24, où la lumière est forte.
Puis, lorsque la lumière est faible, Image 7 – ajoutez une image clé sur OPACITÉ – 0% d'opacité
Faites de même avec l'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 Étincelles en cliquant sur l'icône >
Assurez-vous d'être sur POSITION
À l'Image 1, la lumière est grande, faites glisser l'étincelle vers le haut
Faites-la glisser juste un peu, imaginez que c'est le milieu de l'animation flottante Assurez-vous d'être sur l'[Outil Opération] pour pouvoir faire glisser le calque Étincelle
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 ligne de temps, cela rendra l'animation plus fluide et sans raccord si vous voulez créer une boucle
Maintenant, lorsque la lumière est faible, Image 7 – faites glisser vos étincelles vers le haut
N'oubliez pas que c'est aussi l'image où l'Opacité est à 0% -- en gros, nous créons une animation où elle disparaît en montant
Image 8, les étincelles descendent.
Copiez les images clés de l'Image 7 et de l'Image 8 et collez-les sur 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 les Images clés 1 et 24 sont au milieu de l'action
Les Images clés 7 et 17 sont les étincelles qui montent
Les Images clés 8 et 18 sont les étincelles qui reviennent à la position de départ
Et maintenant, l'animation ressemble à ceci :
> Édition : Ajout d'étincelles supplémentaires
C'est la même chose que [Édition : Ajout d'effets supplémentaires]
Assurez-vous d'être sur le calque Étincelles, et désactivez [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 voulez 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 voulez modifier -- faites glisser vos étincelles comme vous le souhaitez
> Édition : Masquage de certaines étincelles
Et c'est la même chose que [Édition : Retravailler le masque]
Remarquez comment certaines étincelles descendent trop bas des champignons et d'autres vont vers le personnage.
Plutôt que de supprimer ces étincelles, masquons-les simplement pour qu'elles n'apparaissent pas dans cette zone.
Désactivez à nouveau votre animation par images clés, cliquez sur [Activer les images clés sur ce calque] pour pouvoir le 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 dans cette zone, prenez votre gomme et commencez à gommer/masquer les parties où vous ne voulez pas d'étincelles.
Lorsque vous avez terminé, désactivez [Afficher la zone de masque] et activez à nouveau [Activer les images clés sur ce calque]
Les images clés sont restées et le masque est là
ANIMATION DE REFLETS
C'est le reflet sur le personnage et peut-être aussi une lumière dure sur les éléments d'arrière-plan.
Créez un [Nouveau calque raster] > renommez-le REFLETS > Définissez le Mode de fusion sur [Éclaircissement lumineux]
ASTUCE : Vous pouvez utiliser Éclaircir couleur, Ajouter, ou même Ajouter (Lueur)
Et prenez simplement votre pinceau pour créer des reflets.
J'utilise un [Pinceau doux] avec une opacité de 80-100%, en alternant
⭐ ASTUCE : Si vous voulez un raccourci pour créer des reflets sur le personnage – rappelez-vous du masque que nous avons fait pour l'animation d'OMBRE ? Nous pouvons l'utiliser.
Maintenez [CTRL] puis cliquez sur ce Masque - ce qui s'est passé, c'est que nous avons sélectionné la zone BLANCHE, alors inversons-la 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 avec votre outil Lasso > et utilisez simplement votre pinceau pour colorer
— adoucissez les bords avec un pinceau Flou si nécessaire
Lorsque vous avez terminé les reflets, animons-les
Cliquez sur [Activer les images clés sur ce calque]
Assurez-vous d'être sur l'OPACITÉ – faites les animations de la même manière que les CHAMPIGNONS LUMINEUX
Image 1, 13, 24 – 100% D'OPACITÉ
Image 7 et 19 – 27% D'OPACITÉ (ou moins)
Lorsque vous avez terminé, l'animation ressemble maintenant à ceci :
ANIMATION DES YEUX
Pour cette animation des yeux, je n'utiliserai que deux images/trames ;
⭐ YEUX OUVERTS
⭐ YEUX FERMÉS
Principalement parce que c'est une animation de 3 secondes, très courte et peu perceptible, et aussi parce 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, retournez au calque d'illustration principal et, à l'aide de votre pinceau, commencez à peindre par-dessus l'œil avec la couleur de peau du personnage.
Ensuite, créez un [Nouveau calque raster] et dessinez l'ŒIL FERMÉ
Et maintenant, nous avons à la fois les Yeux ouverts et les Yeux fermés
N'hésitez pas à ajouter plus d'actions/images intermédiaires si vous le souhaitez.
Vous pouvez utiliser les Images clés pour animer cela ou même les Cellulos d'animation.
Essayons les deux !
> Animation des yeux – Cellulos d'animation [Copier & Coller]
Un cel d'animation est un dessin image par image afin de créer une animation.
Comme une animation de folioscope !
Nous allons COPIER et COLLER sur des cellulos
Créez un [Nouveau dossier d'animation] > renommez-le EYES_ANIM_CEL
Assurez-vous d'être au début de votre ligne de temps, puis cliquez sur [Nouveau cel d'animation]
Un calque vide étiqueté 1 apparaîtra
Avant de commencer le copier-coller, allez dans [Fichier] > [Préférences] > [Animation]
Changez votre Comment coller vers les cellulos — assurez-vous qu'il est sur 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 > Cel 1 > Collez-le là
Et faites de même pour le cel suivant ; Yeux fermés
(Assurez-vous d'être dans le dossier Animation)
Sélectionnez votre image > Créez un [Nouveau cel d'animation] > un nouveau Cel étiqueté 2 apparaîtra
COPIER - YEUX FERMÉS
COLLER - sur Cel 2
Je veux qu'il continue de cligner des yeux encore un peu, alors mettons la même animation sur les images suivantes.
Assignons ces cellulos pour la prochaine animation
Assurez-vous d'être à l'image suivante sans cel
Allez à [Animation] > [Modifier la piste] > [Assigner plusieurs cellulos]
Pour cet exemple, ces réglages sont corrects
Si vous voulez savoir ce que signifient tous ces réglages, je vous recommande de consulter le lien ci-dessous
Lorsque vous cliquez sur OK ; une copie des cellulos 1 et 2 apparaîtra
Nous avons essentiellement assigné les cellulos 1 et 2 pour qu'ils apparaissent aux images suivantes
Pour la fin de l'animation, je veux que ses yeux soient ouverts, alors cliquez sur [Assigner le cel à l'image]
Sélectionnez le calque 1 – qui est nos yeux ouverts, puis cliquez sur OK
Et nous avons notre petite animation des yeux utilisant des cellulos
> Animation des yeux – Images clés
Si vous voulez utiliser des images clés, il s'agit essentiellement de jouer avec l'Opacité des calques Yeux ouverts et Yeux fermés
Pour garder les choses organisées, placez vos calques Yeux ouverts et Yeux fermés dans un dossier
Sélectionnez vos calques Yeux ouverts et Yeux fermés, puis cliquez individuellement sur [Activer les images clés sur ce calque].
Changez également votre interpolation d'images clés en MAINTENUE
Vous pouvez utiliser l'interpolation d'images clés que vous voulez, je préfère simplement MAINTENUE pour les animations d'yeux afin de m'assurer qu'il n'y aura pas de changements entre les images
Sélectionnez une image où vous voulez commencer le clignement, j'irai à l'Image 15
Ajoutez une image clé sur les deux :
Yeux fermés – 0% d'opacité
Yeux ouverts - 100% d'opacité
Image suivante, Image 16
Yeux fermés – 100% d'opacité
Yeux ouverts – 0% d'opacité
Vous pouvez répéter cela autant de fois que vous le souhaitez pour que votre personnage cligne des yeux, ou simplement sélectionner les images clés > Clic droit > COPIER > Déplacer vers l'image vide suivante > Clic droit > Coller
Assurez-vous de faire la même chose avec l'autre œil.
Lorsque vous avez 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 panoramiquer sur votre animation en l'utilisant et nous utiliserons des images clés pour la manipuler.
Pour ajouter une caméra, allez dans [Animation] > [Nouveau calque d'animation] > [Dossier caméra 2D]
Un dossier apparaîtra intitulé 'Caméra 1' dans votre onglet calques > placez-y tous vos calques, en fait tous vos calques d'animation.
Vous pouvez développer vos transformations de caméra dans la ligne de temps ou vous pouvez utiliser la Propriété d'outil Opération > Objet
Je vais me contenter de quelque chose de simple, comme un léger tremblement de caméra mais pas extrême.
Sur le [Ratio d'échelle] je l'ai zoomé de 3 valeurs – le rendant 97.0
Une image clé apparaîtra parce que vous avez changé 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 le coin inférieur droit de l'écran, loin de mon personnage.
Une image clé devrait être ajoutée une fois que vous avez déplacé la caméra.
Copiez cette image clé, cliquez sur l'image clé et maintenez [ALT] puis faites glisser vers l'image que vous voulez, je l'ai fait glisser vers l'Image 24.
Puis faites glisser cette image clé de fin jusqu'à la toute fin de la ligne de temps.
Pour l'animation du milieu, allez à l'Image 13
Assurez-vous d'être sur l'Outil 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é ainsi afin qu'il complète le mouvement de l'ombre qui monte et descend en diagonale dans la même direction
Quand vous le lisez, 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
Allez dans votre [Outil Opération] > sous [Objet] > regardez dans la Propriété de l'outil
Mode d'affichage :
Nous sommes par défaut sur Afficher les guides de champ
Vous pouvez le changer en Afficher le champ de vision de la caméra
Maintenant, nous voyons ce que notre caméra voit !
Exportation de l'animation
Nous exportons enfin notre travail !
Vous pouvez l'exporter dans le format de votre choix, pour cet exemple - je vais utiliser GIF
Allez dans [Fichier] > [Exporter l'animation] > [GIF animé]
Remplissez les paramètres d'exportation en fonction de vos besoins ou de votre ligne de temps.
Pour l'option d'exportation ; Tramage
Le tramage est la gradation des couleurs.
⭐ Activez le tramage, vous obtiendrez un dégradé ou un ombrage fluide des couleurs
⭐ Désactivez le tramage, vous obtiendrez des zones de différentes nuances de couleurs
Note de fin
Merci d'avoir lu jusqu'ici !!
L'animation finale ressemble à ceci :
La caméra est facultative, sans caméra cela ressemble à ceci :
C'est toujours super !
Voici un autre exemple des mêmes techniques
⭐ Lumière et reflets animés
⭐ Quelques étincelles / poussière volante
⭐ Opacité de l'ombre
⭐ Clignement des yeux
⭐ Tremblement de caméra
Comment réaliser une simple chute de feuilles à l'aide d'images clés :
[Exemple, 8 ips 24 images]
1. Dessinez vos feuilles en courbe - dessinez-les comme si elles étaient en plein milieu de la chute.
2. Cliquez sur [Activer les images clés sur ce calque]
3. Ajoutez une image clé de ROTATION et de POSITION au milieu de l'animation - Image 13
——— Vous ajoutez cette image clé pour savoir 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.
*Il est plus facile de FAIRE PIVOTER d'abord puis d'ajuster 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 un MASQUE - la même chose que nous avons faite avec « ANIMATION D'OMBRES » et « EFFETS : Étincelles volantes et s'estompant »
Et c'est ainsi 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 facile !
Juste jouer avec l'Opacité et faire glisser ceci et cela.
C'est une animation simple qui ajoute plus d'histoire, plus de sentiments à votre illustration.
Les lumières et les ombres sont des éléments vraiment puissants dont vous devriez tirer parti !
J'espère que cela vous aide !
J'espère aussi que cela vous aidera à travailler et à éditer avec des images clés !
Merci de votre lecture !
Les utilisateurs qui ont aimé cette publication
Commentaire