Vous êtes sur la page 1sur 43

République tunisienne Université de Sfax

Ministère de l’enseignement supérieur et Ecole nationale des ingenieurs


de la recherche scientifique De Sfax

Cours développement multimédia:


Flash 8

Mme AMEL Ksibi Hadj Taeïb


PLAN
 Présentation de l’application FLASH
 Créer une animation
 Notions de Comportement
 Actions Script

2 amel.ksibi@gmail.com
Présentation de l’application Flash

3 amel.ksibi@gmail.com
Présentation de l’application flash
Introduction

4 amel.ksibi@gmail.com
Présentation de l’application flash
Introduction

5 amel.ksibi@gmail.com
Présentation de l’application flash
Interface
Barre de menus

Fenêtre d’animation Les panneaux


barre d’outils

Les menus Action – Propriétés


6 amel.ksibi@gmail.com
Présentation de l’application flash
Fenêtre d’animation

Zone de scénario

Zone de scène

7 amel.ksibi@gmail.com
Présentation de l’application flash
Zone de scène

•La scène (séquence) désigne le plan de travail.


•La scène est la zone rectangulaire dans laquelle vous placez du contenu
graphique (illustrations vectorielles, zones de texte, boutons, graphiques
bitmap importés, clips vidéo, etc) lors de la création de documents Flash.
•Vous pouvez effectuer un zoom avant/arrière pour modifier l'affichage
de la scène.

8 amel.ksibi@gmail.com
Présentation de l’application flash
Zone de scénario
•Elle contient la description de l’enchainement des images ou des objets de la scène et, plus
généralement, toutes les informations relatives au fonctionnement de l’animation.
•Le scénario organise et contrôle le contenu d'un document au fil du temps dans des calques et
des images.
•Tout comme les films, les documents Flash divisent les périodes de temps en images.
• Les calques sont semblables à des bandes de film empilées les unes sur les autres, chacune
contenant une image différente qui apparaît sur la scène.
•Les principaux composants du scénario sont les calques, les images et la tête de lecture.

En-tête du scenario

calques Frames/images

Tête de lecture

9 amel.ksibi@gmail.com
Num d’image courante cadence temps écoulé
Présentation de l’application flash
Calques
afficher ou masquer
un calque
verrouiller un calque

visualiser le contour du
contenu des calques

Supprimer un calque

Créer un nouveau calque

10
Ajouter un guide de Créer un dossier afin de regrouper des calques
amel.ksibi@gmail.com
mouvement à un calque
Présentation de l’application flash
Barre d’outils

11 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

12 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

redresser Pour effectuer des tracés sans aucun lissage. En mode redresser il
est facile de faire des lignes parfaitement droites à main levée. Ce
mode corrige le déplacement non précis de la souris. Vous pouvez
créer des cercles ou des rectangles parfaits.
lisser Pou effectuer des traces avec un lissage ; En mode lisser, le
moindre décalage dans le mouvement de la souris créera une
courbe. Ce mode élimine les tracés accidentés d’un déplacement
non précis de la souris.
encre
Pour effectuer des tracés sans correction de lissage

13 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

14 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

15 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

16 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

17 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

18 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

19 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

20 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

21 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

Flèche de sélection : Sélectionner , déplacer et transformer un


objet:
 un premier clic sur un remplissage le sélectionne,
 un double clic sélectionne à la fois le remplissage et les
contours.
 Cet outil permet également circonscrire un groupe d’objets
(maintenir le bouton gauche de la souris enfoncé tout en
traçant un rectangle autour d’eux).

22 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils
Flèche de sélection : Sélectionner , déplacer et transformer
un objet:
 Vous pouvez alors effectuer plusieurs opérations sur l'objet
sélectionné : le déplacer par un cliqué glissé, le lisser en
cliquant plusieurs fois de suite sur le bouton de lissage en bas
de la boite à outils.
 La flèche noire vous permet aussi de déformer librement un
contour ou une forme : sans avoir sélectionné l'objet, placez
le pointeur de la souris sur le bord de la forme : un arc
apparaît près du pointeur, et vous permet par cliqué glissé de
modifier la courbe.

23 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils
Flèche de sous sélection : apparaître les points d’ancrage des
tracés
 ajuster un segment droit
 déplacer une courbe
 ajuster des points ou des vecteurs tangents sur une courbe

24 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils
Lasso : Sélectionner une portion du dessin
 Le lasso vous permet de dessiner à main levée la zone que
vous souhaitez sélectionner.
 Vous disposez de trois options de modifications:
 baguette magique: La baguette magique n'est utilisable qu'avec des
bitmaps.
 propriétés de la baguette magique
 mode polygonal: Le mode polygonal vous permet de procéder par
clics successifs au lieu de cliqués glissés.

25 amel.ksibi@gmail.com
Présentation de l’application flash
Barre d’outils

26 amel.ksibi@gmail.com
Présentation de l’application flash
Propriétés

27 amel.ksibi@gmail.com
Présentation de l’application flash
Actions

28 amel.ksibi@gmail.com
Présentation de l’application flash
Panneaux
 Le mélangeur permet de choisir la couleur de remplissage
et du trait.
 Le nuancier affiche la palette de couleur spécifique au
fichier ouvert, le nuancier par défaut est celui des couleurs
web.
 Aligner permet d'aligner les objets sélectionnés dans la
surface de travail.
 Info affiche et permet de modifier les informations,
comme la hauteur, la longueur et la position des formes
géométriques.
 Transformer permet de redimensionner, pivoter ou
incliner les formes géométriques.

29 amel.ksibi@gmail.com
Présentation de l’application flash
Importation

30 amel.ksibi@gmail.com
Présentation de l’application flash
Exportation

31 amel.ksibi@gmail.com
Créer une animation

32 amel.ksibi@gmail.com
C’est quoi une animation?

 L’animationpermet de faire bouger des objets, les faire changer


de taille, les faire pivoter ou les faire changer de couleur. Tout
ceci dans un laps de temps donné.
 L’animation peut se faire:
• image par image: On place sur la ligne de temps des images
indépendantes les unes des autres (dessin animé)
• de manière continue (par interpolation): On place quelques
images clés, et le système fabrique les images intermédiaires
par interpolation

33 amel.ksibi@gmail.com
Créer une animation
 L’organisation de l’animation se fait dans des calques (plans)
 chaque calque suit une ligne de temps

 Utilité de calque:
• Permet de séparer l’animation en plans différents
• On peut les verrouiller pour ne pas altérer les objets qui y sont
dessinés
• On peut les rendre invisibles pour ne pas encombrer la scène

34 amel.ksibi@gmail.com
Créer une animation

35 amel.ksibi@gmail.com
Créer une animation

36 amel.ksibi@gmail.com
Créer une animation image par image
Exemple:
– créer une image clé du début du scénario
– Aller plus loin sur la ligne de temps (sur 5)
– Déplacer l’objet (en le sélectionnant entièrement)
– Insérer une image clé
• Répéter l’opération de 5 en 5
• Ici chaque 5/12 de seconde, une image clé s’affiche
• Si on veut une image toutes les 1/12 s, insérer une image clé par
frame
– Jouer l’animation
• CTRL entrée ou Contrôle >> Tester l’animation
37 amel.ksibi@gmail.com
Création d’animation par Interpolation

Il existe 2 formes d’interpolation:


 Interpolation de mouvement: Le même objet se déplace sans
se déformer : peut grandir, tourner… mais reste le même.
 Il faut une position de départ (image clé) et une position d’arrivée (une
autre image clé)
 Interpolation de forme: Le même objet se déforme.
 Il faut une forme de départ (image clé) et une forme d’arrivée (une autre image
clé)

38 amel.ksibi@gmail.com
Création d’animation par Interpolation

39 amel.ksibi@gmail.com
Création d’animation par Interpolation

40 amel.ksibi@gmail.com
Interpolation de mouvement

41 amel.ksibi@gmail.com
Interpolation de formes

42 amel.ksibi@gmail.com
Guide de mouvement

43 amel.ksibi@gmail.com