Roadbook

Caroline Boulanger

 Page précédente - Page suivante 

Interpolations de forme et ajout de son

Télécharger les fichiers

Création des clips et import du son dans la bibliothèque

Créer chaque forme (ici, avec l'outil pinceau) et les convertir en Clip (clic droit / convertir en symbole / Clip).
Importer le fichier de la musique dans la bibliothèque (Menu fichier / importer dans la bibliothèque). Donner un nom d'occurence au fichier son.

La scène

Créer un calque et y placer une image de fond, un calque pour les formes, et un calque pour le son, et y placer le son en faisant glisser depuis la bibliothèque jusqu'à la scène.

Cliquer sur le calque des formes et placer la première forme. Insérer une image-clé à l'image 20 (clic sur l'image 20 et touche F6) par exemple, pour que la première forme reste statique pendant quelques secondes. Aller à l'image 40 et insérer une image-clé. Y ajouter la seconde forme. Les deux formes doivent être séparées au maximum (Menu Modification / Séparer ou touches Ctrl + B, plusieurs fois si nécessaire) : les images séparées sont représentées par une trame avec des petits points blancs.). Ensuite, créer une interpolation de forme (clic droit, créer une interpolation de forme sur l'image 20). Une flèche sur fond vert va de l'image 20 à l'image 40.
Répéter les opérations pour les autres formes.

L'animation en SWF sans les repères de forme

La conversion avec Swiffy n'était pas possible car le fichier .fla fait plus de 1Mo. Donc, conversion avec l'outil "Toolkit for createJS" d'Adobe, qui est une extension de Flash à télécharger (page de Toolkit for CreateJS).
Le code HTML5 généré étant trop lourd pour être intégré à ce roadbook, les fichiers sont stockés sur un serveur web :

Comparatif de poids

Fichier source (.FLA)

Fichier Flash Player (.SWF)

Fichier HTML5 (.HTML)

Poids

3 Mo 1 Mo 12 Mo

L'animation en SWF avec les repères de forme

Il est possible de placer des repères de forme pour les interpolations.

 Page précédente - Page suivante