Vous êtes sur la page 1sur 9

CAPITRE I.

EXERCICES

I.1 TP N° 1

CTIVITE:Lancer Flash

Lancer Flash en utilisant l’icône affichée sur votre bureau. Ou bien en utilisant le menu :
"Démarrer" + "Programmes" + "Macromedia" + "Flash".

CTIVITE: Nouveau
ouveau document

Commencez par un nouveau document flash.

CTIVITE: Propriétés du document

Pour ouvrir la boîte de dialogue Propriétés du document, cliquez Modification + Document


Modifiez les paramètres de nouveau document flash.

CTIVITE:: Enregistrement

Créer un dossier «F_Nom_Prenom» sur le bureau.


Enregistrer votre animation sous le nom «Exercice1.fla».

Compilez ce fichier et consultez votre dossier.


dossier

CTIVITE: Publication

1- Modifier les paramètres de publication en cochant les trois options : Flash, HTML et
Projection Windows
2- Publier votre animation
3- Aller dans le dossier «F_Nom_Prenom» sur le bureau et vérifier l’existence de 4 fichiers.

CTIVITE: Afficher Masquer le scénario

Pour afficher ou masque le scénario cliquer sur le bouton «scénario».

CTIVITE: Manipuler des séquences

1- Pour afficher le panneau Séquence : Choisissez Fenêtre+Séquence.


Fenêtre+S
FLASH - DE L’ANIMATION A L’INTERACTION
L’I

2- Ajouter trois séquences : Cliquez sur le bouton Ajouter une séquence dans le panneau
Séquence. (Menu : Insertion+ Séquence)
3- Changer le nom d'une séquence : Double-cliquez
Double cliquez sur le nom de la séquence dans le
panneau Séquence et entrez le nouveau nom.
4- Dupliquer une séquence : Cliquez sur le bouton Dupliquer la séquence dans le panneau
Séquence.
5. Changer l'ordre d'une séquence dans l'animation : Faites glisser le nom de la séquence à un
autre emplacement dans le panneau Séquence.
6- Afficher
icher une séquence particulière : Choisissez la séquence que vous voudrez dans le
panneau Séquences (menu : Affichage+ Atteindre, le nom de la séquence)
7. Supprimer une séquence : Cliquez sur le bouton Supprimer la séquence dans le panneau
Séquence (menu : Insertion > Supprimer la séquence).

CTIVITE: La profondeur ou calque

1- Dessinez un carré plein et un disque dans le même calque. Superposez les deux formes
ensuit en déplacer un
2- Ajouter des calques : Dans le Panneau Scénario cliquez sur l'icône « Insérer un calque»
3- Dessinez un carré plein sur le dernier calque. Le superposer sur les formes déjà existant
ensuit le déplacer.
4- Renommer les calques : Dans le Panneau Scénario, double-cliquez
cliquez sur ne nom du calque
5- Ajouter un dossier pour ranger les calques: Dans le Panneau Scénario, cliquez sur l'icône «
Insérer un dossier de calques».
6- Ranger un calque dans ce dossier : Glissez les calques que vous désirez
sirez dans le dossier que
vous venez de créer.
7- Supprimer un calque ou un dossier de calques: Sélectionnez le calque ou le dossier que
vous voulez supprimer et cliquez sur l'icône «Supprimer le calque» en forme de poubelle,
situé dans le Panneau Scénario.
Scénario

CTIVITE: Les calques

Réaliser la figure suivante en utilisant trois calques:

CTIVITE: Le temps ou les frames ou les images

1- Nouveau document flash : la première image dans le Panneau Scénario est vide
2- Dessinez un cercle sur la scène : la première image dans le Panneau Scénario n’est plus
vide
3- Ajoutez une image au frame 5: cliquer par le bouton droite de la sourie sur le frame 5 +
insérer une image (menu : insertion + scénario + image – ou bien F5)

Page 2
FLASH - DE L’ANIMATION A L’INTERACTION
L’I

4- Ajoutez une image-clé au frame 10: cliquer par le bouton droite de la sourie sur le frame 10
+ insérer une image-clé
clé (menu : insertion + scénario + image-clé – ou bien F6)
5- Sur le frame 10, déplacer le cercle sur la scène.
6- Ajoutez une image-clé vide au frame 15 : cliquer par le bouton droite de la sourie sur le
frame 15 + insérer une image--clé vide (menu : insertion + scénario + image-clé
image vide – ou bien
F7)
7- Ajoutez une image au frame 20: cliquer par le bouton droite de la sourie sur le frame 20 +
insérer une image (menu : insertion + scénario + image – ou bien F5)
8- Ajoutez une image-clé au frame 25: cliquer
cliquer par le bouton droite de la sourie sur le frame 25
+ insérer une image-clé
clé (menu : insertion + scénario + image-clé – ou bien F6)
9- Testez l’animation : Menu contrôle + tester l’animation

CTIVITE:: Dessinez Dans la scène

1- Dessinez un rectangle :
a- Vous avez le choix entre deux types de formes : rectangles ou polygones
b- Vous avez la possibilité de modifier le rayon des angles
c- Vous avez la possibilité de de modifier la couleur de remplissage, la couleur et
l’épaisseur de trait
2- Dessinez un ovale :
a- Pour obtenir un disque, appuyez sur la touche Shift pendant que vous glissez la
souris.
2- Dessinez une ligne :
a- pour une ligne droite utiliser l’outil ligne
lig ou bien l’outil plume
b- pour une ligne non droite utiliser l’outil crayon ou bien l’outil plume

CTIVITE:: Modifier un dessin dans la scène

1- Transformer un dessin : Difformer, incliner, rotation, taille, déplacer, Aligner


2- Modifier la couleur de remplissage (dégrader) et de contour

CTIVITE:: Propriété des objets

1- Dessinez une zone texte : le «A» dans la barre d’outils.


2- Modifier les propriétés de la zone texte

CTIVITE:: L'animation image par image

1- Nouveau document flash


2- Dessinez un cercle sur la scène.
3- Ajoutez une image-clé
clé au frame 2 (F6). Déplacer le cercle sur la scène.
4- Répéter le point 3 pour les frames 3, 4, 5 et 6.
5- Testez l’animation : Menu contrôle + tester l’animation

CTIVITE:: L'interpolation de mouvement

Page 3
FLASH - DE L’ANIMATION A L’INTERACTION
L’I

1- Nouveau document flash : Modifier les dimensions de la scène : 600x350 px avec un


arrière plan blanc et l’enregistrer sous
sous "cercle" dans votre dossier de travail
2- Dessiner un cercle avec un couleur de remplissage au milieu du coté gauche de la scène.
3- Insérer une image clé dans l’image numéro 20 du "calque 1".
4- Déplacer le cercle au milieu du coté haute de la scène.
5- Insérer une image clé dans l’image numéro 40 du "calque 1".
6- Déplacer le cercle au milieu du coté droite de la scène.
7- Insérer une image clé dans l’image numéro 60 du "calque 1".
8- Déplacer le cercle au milieu du coté basse de la scène.
9- Insérer une image clé dans l’image numéro 60 du "calque 1".
10- Déplacer le cercle au milieu du coté gauche de la scène (même positon du départ).
11- Enregistrer et tester l’animation.
Remarque : les cercles apparaissent instantanément à chaque nouvelle position. Pour que
l’apparition des objets soit progressive on va créer une interpolation de mouvement.
12. Enregistrer l’animation sous "mouvement".
13. Crée une interpolation de mouvement entre les cercles : cliquer le bouton droit de la souris
entre les images clé.
14. Enregistrer et tester l’animation.

CTIVITE:: L'interpolation de forme

1- Créer un nouveau document Flash et l’enregistrer sous "forme".


2- Insérer un cercle avec un couleur de remplissage de votre choix dans la coté
gauche de la scène.
3- Insérer une image clé vide dans l’image numéro 40 du "calque 1".
4. Dessiner un rectangle avec un autre couleur de remplissage dans la coté droite de
la scène.
5. Sur l’image clé de départ, Dans la liste des propriétés de l’interpolation, changer la
propriété "interpolation" par "forme".
6. Enregistrer et tester l’animation.

CTIVITE:: L'interpolation de mouvement avec un guide

1- Nouveau document flash :


2- Ajouter un calque «Guide» et dessiner une trajectoire : utiliser le crayon
3- Insérer une image dans l’image numéro 50 du "guide".
4-Sur «calque 1», Dessiner un cercle sur le point de départ sur la trajectoire.
5- Insérer une image clé dans l’image numéro 50 du "calque 1".
6- Déplacer le cercle sur le point d’arriver sur la trajectoire.
7- Cocher l’option guide du calque «guide».
8- Déplacer
er le cercle au milieu du coté droite de la scène.
9- Crée une interpolation de mouvement entre les points noirs du "calque 1"

CTIVITE:: Utilisation de repère de forme

1- Créer un nouveau document Flash

Page 4
FLASH - DE L’ANIMATION A L’INTERACTION
L’I

2- Insérer un cercle avec un couleur de remplissage de votre choix dans la coté


gauche de la scène.
3- Insérer une image clé vide dans l’image numéro 40.
4. Dessiner un rectangle avec un autre couleur de remplissage dans la coté droite de
la scène.
5- Dans la liste des propriétés de l’interpolation, changer la propriété "interpolation"
par "forme".
6- Sur l’image clé de départ, ajouter quatre repères de forme : menu
Modification+Forme+Ajouter les repères repères de formes. Déplacez les repères de formes (les
lettres a, b, c, etc.) vers les points que vous voulez marquer.
7- Les repères de forme de début apparaissent comme un cercle rouge avec les caractères a, b,
c et d quelque part sur la forme de fin. Déplacez les repères de forme vers les points de la
forme de fin qui doivent correspondre aux points que vous avez marqués dans la forme de la
première image clé.
8. Enregistrer et tester l’animation.

Choc élastique
Animation de zone texte
Les Filtres
L'effet de loupe

I.2 TP N° 2

CTIVITE:: Les symboles

1- Créez un symbole clip : menu insertion + nouveau symbole (type clip)


2- Dessinez un rectangle rouge. Retournez à la scène principale : Cliquez sur le nom de la
séquence (Séquence 1) dans le panneau scénario
-----------------------------------------------------------------------------------------------
3- Dessinez un cercle vert
4- Convertir le cercle en clip : menu modification + Convertir en symbole (F8)
-----------------------------------------------------------------------------------------------
5- Déplacer plusieurs fois le même symbole de la bibliothèque dans la scène principale :
utiliser la souris

CTIVITE: Le clip

1- Créez un symbole clip.


2- Dessinez un rectangle vert dans le frame 1
3- Dessinez un rectangle rouge dans le frame10
4- Placer le symbole de la bibliothèque dans la scène principale

Page 5
FLASH - DE L’ANIMATION A L’INTERACTION
L’I

CTIVITE: Le graphique

1- Créez un symbole graphique.


2- Dessinez un rectangle vert dans le frame 1
3- Dessinez un rectangle rouge dans le frame10
4- Placer le symbole de la bibliothèque dans la scène principale

CTIVITE: Le bouton

1- Créez un symbole bouton.


2- Dessinez un rectangle vert dans le frame 1
3- Dessinez un rectangle rouge dans le frame 2
3- Dessinez un rectangle bleu dans le frame 3
4- Placer le symbole de la bibliothèque dans la scène principale

CTIVITE:: La bibliothèque

1- Créez trois symboles


2- Créer un dossier : Nouveau Dossier dans la partie d'en bas de la bibliothèque.
3- Déplacez les symboles à l'intérieur du dossier : glisser/déposer
4- Importez une image dans la bibliothèque : menu fichier + importer + importer dans la
bibliothèque.
5- Importez un son dans laa bibliothèque : menu fichier + importer + importer dans la
bibliothèque.
6- Supprimez un symbole

La terre tourne
Une boulle sur une pente avec représentation des forces.
Bouton texte, Bouton Image et Bouton transparent
transparen : Boutons prédéfinies.
prédéfinies
Ressort avec une masse

I.3 TP N° 3

CTIVITE:: script sur la Timeline

1- Créez un nouveau document Flash


2- Sélectionnez une image clé
3- Cliquer dans la fenêtre Actions (ou F9)
4- Saisir le code suivant :
Stop()

Page 6
FLASH - DE L’ANIMATION A L’INTERACTION
L’I

CTIVITE:: script sur une occurrence

1- Créez un nouveau document Flash


2- Sélectionner une occurrence située sur la scène
3- Cliquer dans la fenêtre Actions (ou F9)
4- Saisir le code suivant :
on(release) { this.stopDrag();};
on(press) { this.startDrag();};

CTIVITE: Instruction

1- Créez un nouveau document Flash


2- Ajoutez un bouton.
3- Utilisez la liste pour Insérer le code suivant :
on (press) {
getURL("http://www.edunet.tn"
"http://www.edunet.tn");
}
4- Tester l’animation

CTIVITE: Variables

1- Quelle est la quantité de mouvement d’un objet de masse M et d’une vitesse V : P = MV

2- Quel est le périmètre d’un cercle de rayon R : P= 2*π*R

CTIVITE:: Déclaration des variables


v :

1- Quelle est la quantité de mouvement d’un objet de masse M et d’une vitesse V : P = MV

2- Quel est le périmètre d’un cercle de rayon R : P= 2*π*R

Contrôler l’animation Choc élastique


a. Arrêter l’animation à la fin
b. Arrêter l’animation au début
c. Un bouton pour jouer l’animation
d. Un bouton pour arrêter l’animation (pause)
e. Un bouton pour aller au début de l’animation
f. Un bouton pour aller à la fin de l’animation
g. Un bouton pour avancer pas à pas l’animation
h. Un bouton pour reculer pas à pas l’animation

Page 7
FLASH - DE L’ANIMATION A L’INTERACTION
L’I

Nouveau
ouveau document de trois séquences avec navigation entre elles
Drag and drop : déplacer un symbole sur la scène

I.4 TP N° 4

Les composantes
La souris animée : image,
image texte

I.5 TP N° 5

Importer une image et un son : masque


Importer une Images animées dans la bibliothèque : l’ange et l’oiseau
Charger une animation (ou image)
Charger un son
Exécuter une commande

I.6 TP N° 6

La carte

I.7 TP N° 7

XML : gallérie photos

I.8 TP N° 8

DS animation (l’objet date) : Horloge - Chrono.

I.9 TP N° 9

Examen S1 (Application): Conte pour enfant.

I.10 TP N° 10

Examen S2 (Application): La Tunisie.

I.11 TP N° 11

Page 8
FLASH - DE L’ANIMATION A L’INTERACTION
L’I

Présentation PPT/Flash.
PPT/Flash

I.12 TP N° 12

Mouvement avec variation de la vitesse initiale et de l’accélération.


l’accélération

I.13 TP N° 13

Electrostatique.
Réaction chimique..
Atome.
Courbe + ressort.

Page 9