Préparatifs
Série 1

Formations en ligne

Fiche 18

Adaptation Flash 5: Yvon Lemay
Objectif
: Créer un film (animation) se déroulant sur plusieurs scènes.
Niveau de difficulté: Moyen

1. Pour réaliser cet exercice, vous aurez besoin des fichiers Beethov.wav et Haha.wav. Cliquez sur les liens ci-dessous et sélectionnez Enregistrer la cible sous. N'oubliez pas de les placer dans votre répertoire FichesFlash.

2. Lancez FLASH et enregistrez cette fiche sous le nom de fiche18_webisode.

3. À partir du menu MODIFICATION, sélectionnez l'option ANIMATION et changez la couleur d’arrière-plan pour le noir.

4. Toujours à partir du menu MODIFICATION, sélectionnez SCÈNE. Changez, dans le panneau Scène, le nom de la scène pour intro1 (on double-clique sur le nom pour l'activer et on le remplace).

5. Changez le nom du calque pour Production.

6. À partir de l'outil TEXTE, écrivez ce qui suit en tenant compte des propriétés indiquées : 

Les productions
F
lashpeur

  • Police = Arial black

  • Taille = 50 points

  • Couleur=vert fluo

  • Alignement = centré horizontalement, haut de l’écran verticalement 

7.  Sélectionnez le texte que vous venez de saisir, allez au menu INSERTION et choisissez CONVERTIR EN SYMBOLE. Nommez-le Flashpeur et choisissez le type Graphique.

8. Placez le curseur sur le cadre #40 et insérez-y une image clé (F6).

9. Cliquez dans le cadre #1 et ouvrez le panneau EFFET. Insérez un effet ALPHA à 0%.  

10. Cliquez sur l'image #20 et ajoutez une image clé (F6). Créez une INTERPOLATION DE MOUVEMENT dans cette case ainsi que dans la case #1

11. Dans le cadre #65, insérez une image clé et, comme précédemment, remettez la valeur ALPHA de l'occurrence du symbole de cette image à 0

12. Cliquez sur le cadre #40 et créez une INTERPOLATION DE MOUVEMENT.

Cette démarche avait pour but de créer sur la 1ère scène un texte apparaissant en fondu et disparaissant par la suite.

13. Allez au menu FICHIER et sélectionnez IMPORTER. Récupérez le fichier son beethov.wav afin de l'inclure dans la bibliothèque de votre animation.

14. Cliquez sur le cadre #30 , insérez-y une image clé (F6) et glissez sur la scène le son beethov.wav.

15. Enregistrez cette partie du travail et visualisez le résultat partiel (CTRL+ENTE).

La scène Intro1 est terminée. Vous allez maintenant ajouter une seconde scène.

16. Allez au menu INSERTION et choisissez SCÈNE.

17. Sélectionnez le menu MODIFICATION et choisissez SCÈNE. Nommez-la 2000. Vous avez deux scènes dans le panneau comme dans l'exemple ci-dessous.

18.  Changez le nom du calque1 pour 2000.

19. Utilisez les mêmes paramètres que précédemment pour écrire le texte suivant:

2000

20. Centrez-le sur la scène.

21. Convertissez ce texte en un symbole de type Graphique ayant pour nom an_2000.

22. Toujours en gardant la sélection sur ce nouveau symbole, allez au menu MODIFICATION et choisissez l'option TRANSFORMER. Utilisez REDIMENSIONNER ET FAIRE PIVOTER avec les paramètres suivants: 

  • Redimensionner = 500%

  • Pivoter = 0%

23. Insérez une image clé dans le cadre #30 (touche F6) et redimensionnez l'objet, mais cette fois à 50%.

24. Insérez une image clé (F6) dans le cadre #15 et créez une INTERPOLATION DE MOUVEMENT.

25. Cliquez sur le cadre #60 et insérez une image clé

26. Mettez la valeur de  couleur ALPHA (dans le panneau Mixeur) à 0% et créez entre les images #30 et #60 une INTERPOLATION DE MOUVEMENT.

27. Importez le son haha.wav et insérez-le à l'image #55 après avoir ajouté une image clé (F6) dans ce cadre.

28. Enregistrez votre travail et testez l'animation à partir des touches CTRL-ENTRÉE.

Pas mal non? Mais un détail reste à corriger. Il serait souhaitable que l'animation débute par la scène 1 (c'est le cas), passe à la scène 2 (c'est le cas également) et ne recommence pas à la scène 1 par la suite; c'est ce que vous allez corriger facilement.

29. Passez à la scène Intro1 de votre animation en cliquant sur l'icône des scènes situé en haut à droite (exemple ci-dessous) de l'écran et en choisissant INTRO1.

30. Double-cliquez dans le cadre #65 (la dernière) et choisissez l'onglet ACTIONS D'IMAGE.

31. Double-cliquez sur Goto. Sélectionnez 2000 dans la liste qui s'affiche lorsque vous cliquez sur la petite flèche à droite de la case identifiée Scène.  Assurez-vous que Atteindre et lire est coché et refermez la boîte de dialogue.

Le code généré permet de dire qu'à la dernière image de la scène 1, FLASH devra aller (GoTo) à la scène 2 image 1 et jouer la dite scène (GoTo and Play).

32. Passez maintenant à la scène #2 (2000), double-cliquez sur l'image #60,

33. Sélectionnez l'onglet ACTIONS D'IMAGE et l'option STOP

Cette action devrait empêcher la répétition en boucle de votre film. 

34. Testez l'animation à partir de CTRL-ENTRÉE.

Voici le résultat attendu:

35. Sauvegardez votre travail à nouveau.

Enrichissement:

Imaginez
l'action de la scène suivante (scène #3) et créez-la. N'oubliez pas d'enlever l'action STOP à la fin de la 2ième scène si vous voulez être en mesure de voir la 3ième. Bon travail!

 
Copyright
Design by Weens Richard