Exercice 2

logiciels : multimédia 2
FLASH CS5
EXERCICE 02
EXERCICE : EDWARD MUYBRIDGE
(1830 - 1904 )
INTRODUCTION
Avec cet exercice, nous aborderons entre autres la création de CLIPS et la gestion de la bibliothèque. Le
choix de Muybridge comme base d’animation est un choix symbolique, puisqu’il s’agit d’une des premières
animations de l’histoire du cinéma.
Au cours des années 1870, un débat avait lieu concernant le mouvement des pattes d’un cheval au trot et
au galop. Le physiologiste Etienne-Jules Marey affirmait qu’il existe un moment dans le galop du cheval où
celui-ci ne touche plus le sol. Cette affirmation était non prouvée et vivement rejetée. On pariait pour savoir
si le cheval« vole » ou non. Le gouverneur de Californie de l’époque demanda à Muybridge de trancher la
question grâce à des photographies instantanées. Ses photos prouvèrent que oui.
Muybridge s’intéressa dès lors au mouvement animal et humain et mis au point un dispositif permettant la
visualisation de courtes séquences animées : le Zoopraxiscope, qu’on considère comme un des premiers
appareils de projection cinématographique.
http://fr.wikipedia.org/wiki/Zoopraxiscope
http://www.kingston.gov.uk/zoo.pdf
L’esthétique du clip de la chanson Lemon de U2 est directement inspirée des travaux d’Edward Muybridge :
http://www.youtube.com/watch?v=oF7W3mX3SFA&feature=related
Concernant le nombre d’images par seconde pour créer l’illusion du mouvement, voir : L’effet Phi :
http://fr.wikipedia.org/wiki/Effet_phi
page 1
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
ÉTAPES DE L’EXERCICE
1. Créez un nouveau document ActionScript 2 de 1000 X 400 pixels.
2. Faites apparaître la bibliothèque si elle n’est pas déjà visible : Fenêtre > Bibliothèque ( ⌘L ).
3. Cliquez sur le bouton des options de la bibliothèque :
4. Choisissez Nouveau Symbole > Clip. Nommez ce clip “cheval”.
5. Placez ensuite votre curseur sur la cellule numéro 1 et importez dans la première cellule l’image
“Muybridge002.png” : Menu Fichier / Importer / Importer dans la scène... ( ⌘R ). Automatiquement,
Flash ouvrira une fenêtre vous posant la question suivante : “Ce fichier semble faire partie d’une
séquence d’images. Voulez-vous importer toutes les images de la séquence ?” Cliquez sur oui.
Flash importera toutes les images de la série et placera chaque image dans une cellule différente en ordre
et alignées.
6. Cliquez sur le bouton “séquence” pour aller sur la scène.
Remarquez l’astérisque à côté du nom du fichier (Sans nom-1*). Il signifie que le fichier n’est pas sauvegardé. Sauvegardez-le et appelez-le “muybridge.fla”. Une fois sauvegardé, l’astérisque disparaît.
7. Créez un calque “cheval” et glissez l’image du cheval de la bibliothèque (ou encore l’icone du clip) sur la
scène.
page 2
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068
logiciels : multimédia 2
FLASH CS5
8. Créez 4 calques différents sous le calque “cheval”. Nommez-les dans l’ordre : ciel, paysage, épinette.
Placez “épinette” au-dessus de cheval.
9. Nous allons maintenant utilisé des éléments d’un autre fichier flash qui se nomme “_paysage.fla”. Allez
sous Fichier > Importer > Ouvrir une bibliothèque externe... et sélectionnez la bibliothèque de “_paysage.fla”. On peut également carrément ouvrir le fichier “_paysage.fla”, sélectionner sa bibliothèque et
glisser les éléments désirés sur la scène de l’autre document.
10.Glissez les clips” ciel, paysage, épinette” sur leur calque respectif.
11.Voyez le résultat : Fichier > Aperçu avant publication > Flash ( ⌘ touche Entrée ).
12.Nous allons maintenant rajouter une dernière animation qui donnera l’impression que le cavalier et son
cheval ne demeurent pas sur place. Dévérouillez le calque “épinette” et cliquez deux fois sur l’épinette
qui se trouve sur la scène.
13.Vous vous trouvez maintenant à travailler sur le clip “épinette” et non pas directement sur la scène.
L’épinette à l’intérieur du clip n’est pas un symbole. Nous allons le rendre symbole en sélectionnant
l’épinette sur la scène et en pressant sur la touche F8. Appelez-le “anim_épinette“ et choisissez CLIP
comme style.
14.À l’aide de la flèche de droite + MAJUSCULE, faites sortir l’épinette de la scène du côté droit.
15.Insérez une image-clé à la cellule 20 (F6). Sélectionnez l’épinette dans cette cellule et faites le sortir de la scène du côté gauche à l’aide de la flèche de gauche + MAJUSCULE. Après la cellule 20,
rajoutez des images (F5) jusqu’à la cellule 130 pour ne pas que l’épinette revienne trop souvent dans
l’animation.
16.Testez. Fichier > Aperçu avant publication > Flash ( ⌘ touche Entrée ).
page 3
570- 505-m v
|
automne 2011
|
gilles thibault |
poste 2068