FLASH 5.
doc
FLASH 5
F8 créer un symbole
Click droit è redimensionner pivoter.
Actions sur un objet è click droit Actions Ctrl-alt-I réaffiche les boites à outils
ALT-Panneaux è choix de panneaux (son )
CTRL-E è editer le film
CTRL-B è transformer texte en vecteurs
CTRL-ENTREE è Tester l’animation
Utiliser la palette Occurrence pour les images et Texte pour le texte
En bas à droite comme dans Dreamweaver, on peut lancer des fenêtres de propriétés.
F5 è insertion image ( toujours voir le fond d’écran )
F6 è image clé
CTRL-ALT-B è Activer les boutons simples
Sons
sync en continu pour le son tant qu’il y a des images par opposition à sync Evénement.
1/1 :
FLASH [Link]
Créer une interpolation de mouvement
Méthode 1
• Déssiner dans l’image clé 1 ou faire fichier-importer
‚ Alt-Insertion Créer une interpolation de mouvement è l’objet devient un symbole
ƒ Sélectionnez l’image d’arrivée et F5 ( alt-insertion-image )
„ Déplacer l’objet à son point d’arrivée è flash crée automatiquement l’interpolation
… Options alt-fenêtre-panneaux-images (ctrl-F)
Cliquer ici si on a modifié la
taille de l’objet dans la frame
d’arrivée pour interpoler aussi
la taille.
Pour augmenter ou diminuer
progressivement la vitesse de
Cliquer s’il y l’animation. Sélectionner 1 valeur
a une Rapide puis lent 1à 100
trajectoire Lent puis rapide –1 à -100
Faire pivoter au cours de
l’interpolat ion automatique -
vers la droite vers la gauche
Méthode 2
• Déssiner dans l’image clé 1 ou faire fichier-importer
‚ Sélectionner le dessin ou l’image importée et transformer en symbole ( F8 )
ƒ Créez une deuxième image-clé ( F6 )à l’endroit ou vous souhaitez que l’animation
se termine.
„ Effectuez l’une des opération suivantes pour modifier l’occurrence :
• Déplacer l’élément vers le nouvel emplacement
• Modifier la taille, la rotation ou l’inclinaison de l’élément, ou la couleur (texte)
… Sélectionner l’image-clé de départ et ensuite
faire Options alt-fenêtre-panneaux-images (ctrl-F) puis interpolation Mouvement
2/2 :
FLASH [Link]
Interpolation de mouvement selon une trajectoire
Œ Créez une séquence d’animation d’interpolation de mouvement
• Sélectionnez le calque contenant l’animation et faire
• alt-insertion-guide de mouvement
• click-droit option : Ajouter un guide de mouvement
Ž Utilisez l’outil Plume, Crayon, Cercle, Rectangle ou Pinceau pour dessiner la trajectoire.
• Ajuster le centre de l’objet avec le début de la ligne trajectoire dans la première image-
clé ( un cercle apparaît pour faciliter le positionnement.) dans le calque de l’animation
Normalement cette opération est faite automatiquement.
• Ajuster le centre de l’objet avec la fin de la ligne dans la dernière image-clé du calque
de l’animation
• Masquer le calque de guide en cliquant sur la colonne œil.
Tous les calques en dessous du calque de guide de mouvement sont affectés par le calque-
guide de mouvement, on peut donc en créer de nouveaux. Pour éviter cela, alt-click-droit
Propriétés et enlever l’option guidé ou vice-versa.
3/3 :
FLASH [Link]
Interpolation de formes
Œ Dessiner un objet {ou plusieurs groupés par ctrl-g} ( ou importer une image ou placer un
symbole puis faire alt-modification-séparer [CTRL-B] ) dans la première image clé
• Sélectionnez l’image d’arrivée et F6 ( alt-insertion-image-clé )
Ž Modifier la forme, la couleur la position de l’objet ou
Dessiner un objet {ou plusieurs groupés par ctrl-g} ( ou importer une image ou placer un
symbole puis faire alt-modification-séparer [CTRL-B] )
• Sélectionner l’image clé de départ puis ALT-Options alt-fenêtre-panneaux-images (ctrl-
F) puis choisir forme pour l’interpolation
Pour augmenter ou diminuer
progressivement la vitesse de
l’interpolation . Sélectionner 1 valeur
Rapide puis lent 1à 100
Lent puis rapide –1 à -100
Distributif : formes intermédiaires lisses et plus irrégulières.
Angulaire : préserve les angles apparents et les lignes droites
dans les formes intermédiaires.
Utilisation des repères de forme
Les repères de forme contiennent des lettres (a-z) permettant d’identifier les points qui
correspondent dans les formes de début et de fin. ( de préférence de gauche à droite )
Œ Sélectionner la première image de la séquence d’interpolation de forme
• ALT-Modification-Transformer-Ajouter des repères de forme ( CTRL-SHIFT-H )
Déplacer le repère de forme vers un point que vous voulez marquer
Ž Sélectionner la dernière image de la séquence d’interpolation de forme
Déplacer le repère de forme vers le point correspondant sur la forme d’arrivée
• Tester l’animation
Déplacer les repères si nécessaire à volonté et en rajouter
Animation image par image
Il suffit de créer une image clé pour chaque nouvelle image avec F6
Attention à la taille du fichier.
4/4 :
FLASH [Link]
Faire glisser pour étendre le
nombre de frames affichables
Pelure d’oignon
Clicker ici
5/5 :
FLASH [Link]
Les imags BITMAPS
Utiliser une image comme pinceau.
Sélectionner l’image importé.
Faire CTRL-B
Prendre la pipette
Cliquer sur le graphique
Utiliser le pinceau pour dessiner
Ou dessiner des formes qui
Contiendront toutes ce bitmap.
Pour utiliser la baguette magique (lasso)
Il faut d’abord séparer les bitmaps,
Y compris pour la gomme etc…
La commande Tracer Bitmap convertit une image bitmap en graphique vectoriel.
ALT-MODIFICATION-Tracer Bitmap
BOUTONS
Utiliser le OnPress
Duplication de movie clip
Penser aux Set Property et au layer mask.
6/6 :
FLASH [Link]
DIDACTICIEL
Alt - Modification animation ( couleur/frames par seconde )
Alt – Insertion Nouveau symbole on passe automatiquement en édition de symboles
( CTRL-F8 )
Cliquer sur scène pour
quitter le mode édition de
symbole
ALT-CONTROLES-TESTER L’animation ( CTRL-ENTREE )
Gràce à la fenêtre Occurrence on peut échanger un symbole par un autre.
ALT-FICHIER IMPORTER
Dans la fenêtre bibliothèque, cliquer sur
options pour créer des dossiers etc…
7/7 :
FLASH [Link]
Sélectionner les objets par shift et les aligner (alt-fenetre-panneaux-aligner )
Sélectionner un objet puis ALT- FENETRE – ACTIONS ( CTRL-ALT-A)è affiche la
fenêtre des actions
ALT – modification transformer – modifier le centre è modifier le point d’ancrage des
déplacements, il peut être utile de le placer au centre du dessin.
Menu liste déroulante Zoom en bas à gauche.
Pour faire tourner en boucle faire une action d’image « goto and play début »
ALT fenêtre paneaux images è créer interpolation
Click droit sur image intermédiaire option créer
interpolation de mouvement
8/8 :
FLASH [Link]
Ajouter une fonction
Double-click
pour ajouter une
instruction
Cliquez
ici pour
qu’il
calcule
correcte
ment le
nom du
fichier.
#include [Link] è insère une fonction dans flash
ALT- contrôle- tester l’animation (ctrl-entree ) puis alt-affichage-testeur de bande pasante
ñ F12 )
ALT – FICHIER – PARAMETRES DE PUBLICATION ( CTRLñ
9/9 :
FLASH [Link]
Onglet action sur
les objets filtres Menu options
L’explorateur d’animations
CTRL-ALT-E
ALT-Affichage-Zoom.
ALT-Edition Raccourcis-clavier
ALT-Edition-Préférences
10/10 :
FLASH [Link]
DESSIN
Crayon –
outil plume = courbe de béziers
a ) ligne droite Œcliquer une fois sur départ puis •cliquer une fois sur arrivée.
b) courbe Œdéfinir un 1er segment click+glisser dans la direction que prendra la
courbe puis •cliquer une fois sur arrivée
pour un tracé ouvert cliquer sur la fin et fermé sur le point d’origine
ALT-Fenêtre-Panneaux-Trait
Création modifications des couleurs avec le mixeur
ALT -Fenêtres-Panneaux -Mixeur
On peut importer un fichier quick Time mais Flash n’affiche que la première image mais
garde un pointeur vers le QuickTime importé.
SON
Pour arrêter un son dans une image clef,sélectionner le même son dans l’image d’arrêt et
mettre sync a arrêt dans le panneau Son.
Paramétrage de l’image clé 5
TEXTE
Pour le texte, il y a des panneaux Texte et Paragraphe
Pour le breaker ALT-Modification-Séparer CTRL-B
Pour associer un lien à du texte, prendre le panneau Texte zone URL
11/11 :
FLASH [Link]
FLASH EFFET TEXTE
A ) morphing
1 ) Dans la Frame de départ
Taper le texte
Puis faire ctrl-b
2 ) Aller à la frame d’arrivée et taper F6
Taper le nouveau texte d’arrivée le sélectionner puis faire CTRL-B.
12/12 :
FLASH [Link]
3 ) Double-Cliquer sur la frame de départ ( et celle là uniquement )
le panneaux images doit apparaître s’il n’apparaît pas l’afficher par
ALT-Fenêtres-Panneaux Images
Dans Interpolation choisir Forme
Et voilà le travail faire ALT-Contrôle Lire pour voir le résultat.
13/13 :
FLASH [Link]
A ) hollow man
1 ) Dans la Frame de départ
Taper le texte
Puis faire ctrl-b et ensuite F8 pour créer un objet, sélectionner graphique.
Comme le texte est un symbole à l’arrivé on pourra changer sa taille, sa couleur, sa
transparence etc…
14/14 :
FLASH [Link]
2 ) Aller à la frame d’arrivée et taper F6
Modifier la taille par click-droit option Redimensionner
et le transparence par ALT-Fenêtre-Panneaux-Effets
3 ) Double-Cliquer sur la frame de départ ( et celle là uniquement )
le panneaux images doit apparaître s’il n’apparaît pas l’afficher par
ALT-Fenêtres-Panneaux Images
Dans Interpolation choisir Mouvement
Et voilà le travail faire ALT-Contrôle Lire pour voir le résultat.
15/15 :
FLASH [Link]
Techniques d’animation
Créer un calque de masque
Œ Créez un calque contenant le contenu que vous voulez afficher à travers les trous pratiqués
dans le masque.
• Sélectionnez ce calque et faire alt-insertion-calque pour créer un nouveau calque calque au
dessus
Ž Dessinez une forme remplie, placez du texte ou créez une instance d’un symbole sur le
calque de masque.
•Faire click-droit sur la calque masque et sélectionner masque.
Pour afficher l’effet de masque dans Flash, verrouillez le calque de masque ou le calque
masqué.
Tous les calques en dessous du calque masque sont affectés par le calque-masque.
16/16 :
FLASH [Link]
Créations d’animations interactives
Vous créez des animations interactives en définissant des actions ( jeux d’instructions Action
Script ). Une action peut être déclenchée par deux types d’événements,
1. quand la tête de lecture atteind une image donnée
2. quand l’utilisateur clique sur un bouton ou appuie sur une touche du clavier.
Sélectionnez l’objet puis ALT-Fenêtres-Actions CTRL-ALT-A
On ne peut appliquer des actions que sur des symboles clip ou bouton. ( F8 )
On ajoute des actions par double-click ou
par glisser déplacer
Le bouton paramètres permet
d’afficher ou d’effacer les
paramètres de l’action
Vous pouvez affecter une action à un bouton ou à un clip afin d’exécuter une action
lorsque l’utilisateur clique sur un bouton ou place le pointeur dessus, ou lorsque qu’un clip est
chargé ou arrive à une image spécifique.
Seuls les actions Go To et Play fonctionnent en mode édition.
Actions sur un clip Actions sur un bouton
L’événement OnclipEvent est
créé automatiquement
Cliquer dessus pour modifier
l’événement
L’événement MouseEvent est
créé automatiquement
Cliquer dessus pour modifier
l’événement
17/17 :
FLASH [Link]
Attribution d’actions aux images
Pour faire en sorte qu’une animation exécute une action lorsqu’elle arrive à une image-clé,
vous attribuez une action d’image à l’image-clé ( un petit a apparaît dans l’image-clé ).
Sélectionnez une image-clé dans le scénario, puis choisissez alt-Fenêtre-Actions (ctrl-alt-A)
On peut arrêter une animation, stopper les sons, aller à une URL, contrôler Flash Player par
l’action FSCommand.
Charger des films LoadMovie
Si cible, spécifier un clip qui
sera remplacé par une
animation chargée.
ou les décharger UnloadMovie.
IfFrameisLoaded ( 100 )
PRELOADER
1)
Frame 1 Frame 2
IfframeLoaded(30) { GotoAndPlay(3) } GotoAndPlay (1)
2)
Frame 2
If (_framesloaded==100)
{
GotoAndPlay (3);
}
else
{
GotoAndPlay (1)
}
18/18 :