INTRO (¬‿¬)

Si l'on a déjà fait une animation, on sait qu'elle demande principalement Vitesse de Dessin, Précision et Diligence😓😓. Ce qui nécessite généralement beaucoup de pratique ou des Techniques Spéciales pour obtenir des résultats acceptables.

Dans ce tutoriel, nous allons donc passer en revue quelques techniques fantastiques pour obtenir facilement une animation fluide et détaillée de certains mouvements qui seraient normalement difficiles et complexes à réaliser.

 

Ceci dit, nous allons réaliser les animations ci-dessous,👇

Mais avant de passer à autre chose, voici les liens vers une série de jeux de pinceaux qui peuvent être utilisés pour ce tutoriel et d'autres usages.

 

jeu d'eau : https://assets.clip-studio.com/en-us/detail?id=1986288

jeu de feu : https://assets.clip-studio.com/en-us/detail?id=1984186

jeu d'éclairs : https://assets.clip-studio.com/en-us/detail?id=1987455

jeu de lumière : https://assets.clip-studio.com/en-us/detail?id=1988891

 

I. Animer une simple boule magique : feu, eau, éclair. ╰(*°▽°*)╯

La méthode que j'utilise pour cela peut être divisée en quatre étapes principales,

-Création de la texture

-Application de la texture à la primitive 3D

-Extraction des images de la primitive 3D et

-Ajout de détails supplémentaires sur les images

I.I : Créer la texture (^_^)

La première chose à faire est de créer une toile carrée. Allez dans 'fichier' - 'nouveau' - 'illustration' puis sélectionnez le préréglage 'carré'. Vous pouvez également utiliser des préréglages personnalisés, mais je vous recommande de garder la zone équivalente à une figure carrée.

L'étape suivante consiste à utiliser le pinceau personnalisé (recommandé) ou tout autre pinceau approprié pour dessiner l'élément désiré sur la toile.

puis désactivez (basculez) la visibilité de toute autre couche indésirable si elle existe (il est préférable de le faire jusqu'à la couche de papier, pour s'assurer que tout est clair.)

Enregistrez le matériau d'image dans votre catalogue de matériaux. Allez dans 'édition' - 'enregistrer le matériau' - 'image...'

I.II : Appliquer la texture à la primitive 3D (￣o￣) . z Z

Obtenez la primitive 3D du catalogue de matériaux, puis faites-la glisser et déposez-la sur la toile. (*les matériaux 3D n'apparaissent pas dans le dossier d'animation, évitez donc de les y placer)

Ensuite, vérifiez la fenêtre 'propriétés de l'outil' (1) pour 'texture primitive 3D'. (2) Cliquez sur 'matériau' (3), et choisissez la texture préparée. Vous pouvez facilement la rechercher en utilisant le nom (4) ou l'étiquette (5) que vous y avez associée.

De nouveau dans la fenêtre des propriétés de l'outil, faites défiler jusqu'à 'appliquer la source de lumière (1)' et 'projeter des ombres au sol', puis désactivez-les.

L'étape suivante consiste à ajuster la texture sur la sphère d'une manière qui vous convient. Pour cela, deux réglages principaux sont nécessaires : le réglage 'Alpha'👌(1) et les 'paramètres de texture'✨.(2 & 3)

1. Réglage Alpha ಠ_ಠ

Avec le réglage alpha, nous avons 'opaque' (1), 'supprimer avec seuil' (2) et 'semi-transparent' (3). Ceux-ci permettent un affichage meilleur et plus varié de la texture et de ses utilisations.

• Par exemple, 'supprimer avec seuil' semble plus approprié pour le feu car il exprime sa nature vive en mélangeant la texture avec la couleur de la sphère sous-jacente,

• tandis que 'Opaque' conserve toute la sphère et sa couleur.

• et 'semi-transparent' n'affiche que la texture.

2 : Réglage de la texture ლ(╹◡╹ლ)

ici, le rapport d'échelle vous donne la possibilité de modifier la façon ou la taille de la texture vue sur la primitive.

Lorsque la case ''conserver les proportions'' est cochée, les différentes valeurs nous donnent quelque chose comme ci-dessous 👇

 

NOTE* les trois sphères ont la même taille mais ont des valeurs d'échelle de texture différentes

lorsqu'elle n'est pas cochée, modifier les valeurs étire la texture et simule un mouvement comme ci-dessous.👇

mais cela ne fait qu'étirer la texture (idéal pour ajouter du 'squash & stretch') et ne la déplace pas réellement.

 

Pour la déplacer, nous devons aller à la "position" de la texture, et comme son nom l'indique, cela nous aide à déplacer la texture le long de la primitive 3D.

Le mouvement de gauche à droite (en augmentant W) ou de droite à gauche (en diminuant W) et vers le haut (en diminuant H) ou vers le bas (en augmentant H)

Quelques points à noter concernant la "position" de la texture est qu'elle varie de "-100" à "0" et de nouveau à "100". La texture à ces 3 valeurs est la même car elle est revenue à sa position d'origine.

 

Il devrait être à moitié clair comment les processus d'animation se dérouleront puisque nous savons comment "déplacer l'image" d'après ce qui précède.

I.III : Extraction des images de la primitive 3D. (⌐■_■)

Nous savons déjà comment déplacer la texture👆👆👆, donc... pour chaque mouvement (image) de la texture primitive 3D, dupliquez la couche de la primitive 3D (1) et "rastérisez" le duplicata. Vous pouvez ensuite l'insérer dans le dossier d'animation (2) pour servir de cadre à l'animation.

 

 

le mouvement ci-dessous a été réalisé en augmentant le "rapport d'échelle" (W) pour la rendre plus fine tout en augmentant la "position" (W) pour faire bouger la texture de gauche à droite.

un autre effet que vous pouvez ajouter à l'animation est la sensation d'une boule grandissante👇, pour cela, modifiez simplement l'"échelle de l'objet" pendant que vous enregistrez les images ou après en la mettant à l'échelle.

 

-le faire avant signifie que vous devrez également mettre à l'échelle tous les effets supplémentaires qui y sont associés

-tandis qu'après, il est mis à l'échelle avec les effets ajoutés.

et tout comme le rapport d'échelle de la texture, l'échelle de l'objet peut également être ajustée de manière inégale et transformer la sphère en figures elliptiques. Cela sera très important lors de l'animation de la magie de la boule d'eau

I.IV : Ajout de détails supplémentaires sur les images. 🤞😉✌

Il devrait être clair maintenant que ce qui précède ne provient pas uniquement de la texture primitive🤔. Pour rendre l'animation simple à comprendre, jetez un œil aux images ci-dessous👇

 

la première provient de notre rotation précédente.

la seconde, quant à elle, aurait dû être réalisée en dessinant le noyau puis en le faisant pivoter deux ou trois fois de manière répétée pour éviter qu'elle ne paraisse stagnante. (mouvement se répétant toutes les 2-3 images)

mais j'ai fait la mienne en superposant l'un des pinceaux personnalisés du jeu ci-dessus, ce qui vous donne finalement cet effet.

la troisième est ce que j'ai dit ne pas avoir fait ci-dessus, c'est-à-dire faire pivoter une image sur les images.

-Pour ce faire, dessinez l'image puis dupliquez-la.

-passez au duplicata puis transformez-le (raccourci par défaut ctrl+T)

-vérifiez la propriété de l'outil pour "angle de rotation", et faites pivoter l'image.

faites ceci pour les images consécutives afin d'obtenir la rotation.

 

NOTE* si vous dupliquez la première image sur la timeline, la rotation serait quelque chose comme 10-20-30... mais si vous dupliquez l'image précédente de la timeline, alors vous devriez utiliser des valeurs comme 10-10-10...

bien sûr, les modes de fusion des dossiers d'animation doivent être modifiés de manière appropriée à la fin.

l'animation ci-dessus👆 utilise les modes de fusion lumière douce (1) et éclaircir (2) sur leur dossier d'animation.

 

celle ci-dessous👇 utilise lumière douce (1) et ajouter un éclat (2)

et ici j'ai utilisé teinte (1) et ajouter (2)

pour émuler une boule grandissante, créez un nouveau dossier (1) et accédez aux images que vous souhaitez mettre à l'échelle. fusionnez-les en désactivant toutes les autres couches et en utilisant 'fusionner les couches visibles' pour obtenir la version monocouche de l'animation (2).

puis passez à chaque image et utilisez la transformation (ctrl+T) pour augmenter ou réduire la taille.

I.V : Boule d'eau et boule d'éclair ✍(◔◡◔)

Il n'y a pas beaucoup de différence entre l'animation de l'eau et de la foudre en utilisant la méthode ci-dessus. Il suffit de prendre note de leurs propriétés différentes et de travailler à les émuler avec les réglages ci-dessus.

Comme vous pouvez le voir, avec chaque élément combiné, nous obtenons une animation fluide et éclatante

comme mentionné précédemment, une mise à l'échelle incorrecte de la sphère donne une toute nouvelle sensation à l'animation.

Note ; il devient difficile de suivre les valeurs à mesure que des détails sont ajoutés à la sphère, vous pouvez y remédier en enregistrant simplement les valeurs pour les images correspondantes à part. (soit sur un programme tiers, soit sur une couche différente)

II. Animer de l'eau qui coule ( ͡ಠ ʖ̯ ͡ಠ)

Bien qu'il puisse sembler difficile d'animer la bande autour de la sphère ci-dessus, il s'agit en fait d'une petite astuce qui utilise des règles. Vous voudrez peut-être consulter le lien ci-dessous si vous ne savez rien sur les règles.

 

https://tips.clip-studio.com/en-us/articles/3453

 

Donc, la première chose à faire est de dessiner la forme/le chemin de l'eau en utilisant une règle appropriée (j'ai utilisé la "règle incurvée") sur une couche séparée (1👇) et de faire un clic droit sur "2"👇👇 pour changer la visibilité de la règle à "afficher sur toutes les couches".

ensuite, sur les images de votre timeline et en utilisant votre stylo personnalisé, dessinez l'eau autour de la règle pour chaque image en avançant d'un petit pas sur l'anneau. par exemple,

-pour l'image 1, commencez et terminez au point 1

-pour l'image 2, commencez et terminez au point 2

-pour l'image 3, commencez et terminez au point 3... plus les points sont proches, plus le mouvement est fluide.

la dernière étape consiste à utiliser le "pinceau de sélection" pour sélectionner les zones qui apparaîtraient normalement derrière la sphère, puis à les effacer en douceur sur chaque image.

Et voilà ! (〜￣▽￣)〜(〜￣▽￣)〜