Cette page détaille les différentes techniques permettant de créer de l’animation sur Animate. Les deux exemples ci-dessous utilisent toutes les techniques expliquées dans les tutoriels d’animation visibles ici.
Notez que si vous regardez les tutoriels sur un écran tactile il est préférable de les consulter en mode « démonstration » (vidéo) mais sur un ordinateur nous vous conseillons le mode « didacticiel » qui permet de reproduire les manipulations.
tutoriels
Les tutoriels ci-après sont réalisés à partir des fichiers illustrator suivants : fichiers-ai (merci de décompresser le dossier avant d’utiliser les fichiers)
Conception, spécifications techniques et exports d’un document Animate
Les choix techniques de création d’un fichier Animate dépend de l’usage du fichier final. Il est très important de bien concevoir son document dès le départ.
Exporter un GIF animé
Exporter une vidéo au format . mov avec du son (manuel Animate)
Exporter le son (manuel Animate)
Concevoir un document Web interactif et l’exporter en fichier HTML5 et Javascript : voir dans la partie Animate : interaction HTML5 et JS.
Importer un fichier Ilustrator dans Animate
On peut importer un fichier dans la scène ou dans la bibliothèque d’une fichier Animate. Les différents types d’imports sont explicités dans les tutoriels ci-après ainsi que les options de conversion des calques en fonction du but poursuivi. Nb: Ce tutoriel vidéo est très ancien (flash) mais il reste valide sur Animate.
Animation image par image
En animation traditionnelle toutes les images sont dessinées et c’est leur succession qui donne l’impression du mouvement. Le chef animateur dessine les images clés de l’animation (les plus importantes) et c’est l’intervaliste (assistant animateur) avec qui il qui travaille qui dessine toutes les étapes intermédiaires. Dans Animate le logiciel peut vous servir d’assistant et dessiner les intermédiaires (pour cela il faut se servir des Interpolations – voir ci-après) mais il y a des cas ou vous n’aurez pas le choix et ou l’image par image est la seule solution…
(exemple de la bouche animée)
Les différents types de symboles et leur création
Dans Animate on peut créer des formes, des symboles graphique (uniquement pour l’animation), des symboles de type clip (utilisables pour l’animation et l’interaction) et des boutons (qui eux sont utiles uniquement pour l’interaction). Il est important de comprendre la différence et de bien les utiliser pour se simplifier la vie…
(exemple du clip des éoliennes)
Interpolations
(exemple de l’avion en papier)
(exemple du carré rouge qui devient un rond bleu)
.
(exemple du diamant)
Animation avec un squelette
(exemple des tentacules de poulpe)
(exemple du pantin)
(exemple du dragon)
Cet outil combine les possibilités des squelettes souples et rigides)
Son et bruitages
On peut utiliser du son dans Animate soit comme une bande son soit pour les bruitages et les dialogues.
Utiliser du son dans Animate (Manuel Animate)
Réutiliser des éléments déjà animés
Textes
Sur Animate on peut produire des textes statiques (éditables et transformables dans le logiciel), des textes dynamiques (dont on peut modifier le contenu en js). On peut également vectoriser du texte et le transformer en forme éditable et animable par une interpolation de forme (au même titre qu’un rond fait sur Animate peut se transformer en carré) en utilisant le menu Modification>séparer.