Adobe Flash 8 Manuel utilisateur

Utilisation de Flash
Marques
1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central,
ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite,
FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder,
Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit,
Studio MX, UltraDev et WebHelp sont des marques de commerce ou des marques déposées de Macromedia, Inc. qui peuvent
être déposées aux Etats-Unis et/ou dans d'autres juridictions ou pays. Les autres noms de produits, logos, graphiques, titres, mots
ou phrases mentionnés dans cette publication peuvent être des marques, des marques de service ou des noms de marque
appartenant à Macromedia, Inc. ou à d'autres entités et peuvent être déposés dans certains pays, Etats ou provinces.
Autres marques mentionnées
Ce guide contient des liens conduisant à des sites Web qui ne sont pas sous le contrôle de Macromedia, qui n'est aucunement
responsable de leur contenu. L'accès à ces sites se fait sous votre seule responsabilité. Macromedia mentionne ces liens pour
référence, ce qui n'implique pas son soutien, accord ou responsabilité quant au contenu des sites.
Technologie de compression et décompression audio discours utilisée sous licence de Nellymoser, Inc. (www.nellymoser.com).
Technologie de compression et décompression vidéo Sorenson™ Spark™ utilisée sous licence de
Sorenson Media, Inc.
Navigateur Opera® Copyright © 1995-2002 Opera Software ASA et ses fournisseurs. Tous droits réservés.
La technologie vidéo Macromedia Flash 8 est optimisée par la technologie vidéo On2 TrueMotion. © 1992-2005 On2
Technologies, Inc. Tous droits réservés. http://www.on2.com.
Visual SourceSafe est une marque déposée ou une marque de commerce de Microsoft Corporation aux Etats-Unis et/ou dans
d'autres pays.
Copyright © 2005 Macromedia, Inc. Tous droits réservés. La copie, photocopie, reproduction, traduction ou conversion
de ce manuel, sous quelque forme que ce soit, mécanique ou électronique, est interdite sans une autorisation préalable
écrite de Macromedia, Inc. Le propriétaire ou l'utilisateur autorisé d'une copie valide du logiciel qu'accompagne ce
manuel peut néanmoins imprimer une copie de ce dernier à partir d'une version électronique afin d'apprendre à utiliser le
logiciel, à condition qu'aucune partie de ce manuel ne soit imprimée, reproduite, distribuée, revendue ou cédée dans un
autre but, y compris, mais sans limitation aucune, dans un but commercial, tel que la revente de copies de cette
documentation ou l'offre de services de maintenance rémunérés.
Remerciements
Gestion de projet : Sheila McGinn
Rédaction : Chris Bedford
Directrice de rédaction : Rosana Francescato
Rédactrice en chef : Lisa Stanziano
Révision : Geta Carlson, John Hammett, Mary Kraemer, Noreen Maher, Mark Nigara, Lisa Stanziano
Gestion de la production : Patrice O’Neill, Kristin Conradi, Yuko Yagi
Conception graphique et production : Adam Barnett, Aaron Begley, Paul Benkman. John Francis, Geeta Karmarkar, Masayo
Noda, Paul Rangel, Arena Reed, Mario Reynoso
Remerciements particuliers à Jody Bleyle, Mary Burger, Lisa Friendly, Stephanie Gowin, Bonnie Loo, Mary Ann Walsh, Erick
Vera, aux testeurs des versions bêta et aux équipes d'ingénieurs et d'assurance qualité de Flash et Flash Player.
Première édition : Septembre 2005
Macromedia, Inc.
601 Townsend St.
San Francisco, CA 94103, Etats-Unis
Table des matières
Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
A propos de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
A propos de Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Nouveautés de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Chapitre 1 : Utilisation des documents Flash . . . . . . . . . . . . . . . . 23
Création et ouverture d'un document et définition de ses
propriétés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Utilisation des onglets de documents pour les documents
multiples . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Enregistrement des documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
A propos de l'ajout de contenu multimédia. . . . . . . . . . . . . . . . . . . . . . . 32
A propos de la création de mouvement et d'interactivité. . . . . . . . . . . 33
A propos des composants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Gestion des éléments multimédia dans la bibliothèque . . . . . . . . . . . . 35
A propos d'ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
A propos des scénarios et niveaux multiples . . . . . . . . . . . . . . . . . . . . . 42
A propos des clips imbriqués . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Utilisation de chemins cibles absolus et relatifs. . . . . . . . . . . . . . . . . . . 44
A propos des séquences. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Utilisation des séquences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Utilisation de l'explorateur d'animations . . . . . . . . . . . . . . . . . . . . . . . . . 52
Utilisation de la fonction Rechercher et remplacer . . . . . . . . . . . . . . . . 55
Utilisation des commandes Annuler et Répéter . . . . . . . . . . . . . . . . . . 62
Utilisation du panneau Historique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
Enregistrement de documents lors de l'annulation d'opérations . . . . .67
Automatisation des tâches à l'aide du menu Commandes . . . . . . . . . .67
Création de raccourcis clavier personnalisés . . . . . . . . . . . . . . . . . . . . . .70
A propos de la personnalisation des menus contextuels dans
les documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72
Le menu de liens dans Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .73
Accélération de l'affichage du document . . . . . . . . . . . . . . . . . . . . . . . . .74
Optimisation des documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .75
Test des performances de téléchargement des documents . . . . . . . .76
Impression à partir de l'outil de programmation Flash . . . . . . . . . . . . . .79
3
Chapitre 2 : Utilisation des projets (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Création et gestion de projets (Flash Professionnel uniquement) . . . 82
Utilisation du contrôle de version dans les projets (Flash
Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Résolution des problèmes liés à la création d'un dossier distant
(Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
Chapitre 3 : Utilisation de symboles, d'occurrences et
d'éléments de bibliothèque. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91
Types de symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
A propos de la mise à l'échelle à 9 découpes et des symboles de
clip. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94
Modification de symboles de clip à l'aide de la mise à l'échelle
à 9 découpes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 95
Mise en cache de symboles de clip et de bouton sous forme de
bitmaps à l'exécution . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
A propos du contrôle des occurrences et des symboles avec
ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
Création de symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
Création d'occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101
Création de boutons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
Activation, modification et test des boutons . . . . . . . . . . . . . . . . . . . . . 104
Manipulation des symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Modification des propriétés des occurrences . . . . . . . . . . . . . . . . . . . . 107
Contrôle d'occurrences à l'aide de comportements . . . . . . . . . . . . . . . 111
Création de comportements personnalisés . . . . . . . . . . . . . . . . . . . . . . .113
Meilleures pratiques d'utilisation des comportements . . . . . . . . . . . . .115
Séparation des occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .119
Obtention d'informations sur les occurrences sur la scène . . . . . . . . 120
Copie des actifs de bibliothèque entre les documents . . . . . . . . . . . . .121
Utilisation des ressources d'une bibliothèque partagée . . . . . . . . . . . 123
Résolution des conflits entre éléments de la bibliothèque . . . . . . . . . 127
Chapitre 4 : Utilisation des couleurs, des traits et des
remplissages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
A propos du mélangeur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .131
A propos de la création de dégradés. . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Utilisation des commandes Couleur de trait et Couleur de
remplissage du panneau Outils. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Utilisation des commandes Couleur de trait et Couleur de
remplissage de l'inspecteur des propriétés . . . . . . . . . . . . . . . . . . . . . . 135
4
Table des matières
Utilisation de remplissages de couleurs unies et dégradées
dans le mélangeur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137
Modification des traits avec l'outil Encrier. . . . . . . . . . . . . . . . . . . . . . . .140
Application de remplissages unis, dégradés ou bitmap avec
l'outil Pot de peinture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 141
Transformation des remplissages dégradés et bitmap . . . . . . . . . . . .142
Copie de traits et de remplissages avec l'outil Pipette . . . . . . . . . . . . .145
Verrouillage d'un dégradé ou d'un bitmap pour remplir la scène . . . .146
Modification des palettes de couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Chapitre 5 : Dessin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151
A propos des graphiques vectoriels et bitmap . . . . . . . . . . . . . . . . . . . .152
Les modèles de dessin de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .154
Outils de dessin et de peinture de Flash . . . . . . . . . . . . . . . . . . . . . . . . .156
Utilisation du modèle de dessin d'objet . . . . . . . . . . . . . . . . . . . . . . . . . . 157
Dessin avec l'outil Crayon. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .159
Dessin de lignes droites, d'ovales et de rectangles. . . . . . . . . . . . . . . .160
Dessiner des polygones et des formes étoilées. . . . . . . . . . . . . . . . . . . 161
Utilisation de l'outil Plume. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .162
Utilisation de l'outil Pinceau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .168
Remodelage des lignes et des contours de formes . . . . . . . . . . . . . . . 170
Utilisation de l'outil Gomme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173
Modification des formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174
Accrochage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
Définition des paramètres de dessin . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178
Chapitre 6 : Utilisation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . 181
A propos de FlashType . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .184
L'encodage de texte Unicode dans les applications Flash . . . . . . . . .185
A propos des polices vectorielles et des polices de périphérique . . .185
Création de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
Création de texte défilant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .192
Définition des attributs de texte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .192
Création de symboles de police . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200
Manipulation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .201
Vérification orthographique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202
A propos de la transformation du texte . . . . . . . . . . . . . . . . . . . . . . . . . 205
Utilisation d'effets de scénario avec du texte . . . . . . . . . . . . . . . . . . . . 205
Séparation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Liaison de texte à une URL (texte horizontal uniquement) . . . . . . . . 206
Conservation du format de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 207
Table des matières
5
Remplacement de polices absentes . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Contrôle du texte avec ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . .211
Création de texte défilant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
Chapitre 7 : Utilisation d'illustrations importées . . . . . . . . . . . . . 221
Placement d'illustrations dans Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . .222
Utilisation de bitmaps importés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231
Chapitre 8 : Utilisation d'objets graphiques . . . . . . . . . . . . . . . . 239
Sélection d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240
Groupement d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .243
Déplacement, copie et suppression d'objets. . . . . . . . . . . . . . . . . . . . 244
Empilement d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .247
Transformation des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248
Renversement des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .255
Rétablissement d'objets transformés . . . . . . . . . . . . . . . . . . . . . . . . . . .255
Alignement des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .256
Séparation de groupes et d'objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257
Chapitre 9 : Utilisation de filtres et de mélanges
(Flash Professionnel uniquement). . . . . . . . . . . . . . . . . . . . . . . . 259
A propos des filtres (Flash Professionnel uniquement). . . . . . . . . . . 259
A propos de l'importation de filtres et de mélanges à partir
des fichiers PNG Fireworks (Flash Professionnel uniquement) . . . 260
A propos des filtres d'animation (Flash Professionnel uniquement) 262
A propos de filtres et des performances de Flash Player
(Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .263
Application de filtres (Flash Professionnel uniquement) . . . . . . . . . .264
A propos des modes de fondu (Flash Professionnel uniquement). . 276
Application d'un mode de fondu (Flash Professionnel uniquement) 279
Chapitre 10 : Création de mouvement . . . . . . . . . . . . . . . . . . . . . 281
Utilisation des effets de scénario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .282
A propos de l'animation interpolée . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287
A propos d'une animation image par image . . . . . . . . . . . . . . . . . . . . .288
A propos des calques dans une animation. . . . . . . . . . . . . . . . . . . . . . .288
A propos de la création d'images-clés . . . . . . . . . . . . . . . . . . . . . . . . . .289
A propos des représentations d'effets animés dans le Scénario . . .289
A propos des cadences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290
Extension des images fixes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291
Répartition d'objets vers des calques pour l'animation interpolée . . 291
6
Table des matières
Interpolation d'occurrences, de groupes et de texte . . . . . . . . . . . . . 293
Interpolation de mouvement le long d'une trajectoire . . . . . . . . . . . . 297
Application de l'Accélération/la Décélération personnalisée aux
interpolations de mouvement (Flash Professionnel uniquement) . . 299
Interpolation de formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303
Utilisation des repères de formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304
Création d'animation image par image . . . . . . . . . . . . . . . . . . . . . . . . . 306
Manipulation de l'animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307
Utilisation de calques de masque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .310
Chapitre 11 : Utilisation de la vidéo . . . . . . . . . . . . . . . . . . . . . . . . 313
A propos des fonctionnalités vidéo dans Flash . . . . . . . . . . . . . . . . . . .314
A propos de l'utilisation de vidéos dans Flash . . . . . . . . . . . . . . . . . . . .316
La vidéo et l'inspecteur des propriétés . . . . . . . . . . . . . . . . . . . . . . . . . 320
A propos de la vidéo numérique et de Flash. . . . . . . . . . . . . . . . . . . . . 320
Importation de vidéo à l'aide de l'assistant d'importation vidéo . . . . 328
Codage de vidéo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 338
Importation de fichiers vidéo Flash dans la bibliothèque . . . . . . . . . . 345
A propos de la lecture dynamique des fichiers FLV externes. . . . . . 346
Modification des propriétés d'un clip vidéo . . . . . . . . . . . . . . . . . . . . . 347
Contrôle de la lecture de la vidéo à l'aide des comportements . . . . 348
Utilisation du composant FLVPlayback (Flash Professionnel
uniquement). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 350
A propos du contrôle de la lecture de la vidéo à l'aide du
scénario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 354
Composants média (Flash Player 6 et 7) . . . . . . . . . . . . . . . . . . . . . . . 355
Chapitre 12 : Utilisation du son . . . . . . . . . . . . . . . . . . . . . . . . . . 357
Importation de sons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 359
Ajout de sons à une animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360
Ajout de sons aux boutons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363
Utilisation de sons avec les objets Sound . . . . . . . . . . . . . . . . . . . . . . . 364
A propos de l'accès aux propriétés ID3 dans les fichiers MP3
avec Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 364
Utilisation de commandes audio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 365
Contrôle de la lecture audio à l'aide des comportements . . . . . . . . . 366
Démarrage et arrêt de sons dans des images-clés. . . . . . . . . . . . . . . 368
A propos de l'événement onSoundComplete . . . . . . . . . . . . . . . . . . . 369
Compression des sons pour l'exportation . . . . . . . . . . . . . . . . . . . . . . . 369
A propos de l'utilisation de sons dans Flash Lite. . . . . . . . . . . . . . . . . 376
Table des matières
7
Chapitre 13 : Ecriture de code ActionScript avec l'Assistant
de script . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .377
L'Assistant de script . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378
Utilisation de l'Assistant de script pour rédiger du code
ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378
Création d'un événement startDrag/stopDrag à l'aide de
l'Assistant de script . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .382
Chapitre 14 : Utilisation des écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .387
Utilisation des documents composés d'écrans et de
l'environnement auteur des écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .389
Utilisation du panneau Contour de l'écran (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 395
Annulation et rétablissement des commandes avec les écrans
(Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .396
Utilisation du menu contextuel des écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .396
Création d'un document composé d'écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .397
Ajout d'écrans à un document (Flash Professionnel uniquement) . .398
Appellation des écrans (Flash Professionnel uniquement) . . . . . . . 399
Définition des propriétés et des paramètres d'un écran (Flash
Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 400
A propos de l'ajout de contenu multimédia dans les écrans
(Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405
Sélection et déplacement des écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405
Création de commandes et de transitions pour les écrans à l'aide
des comportements (Flash Professionnel uniquement) . . . . . . . . . . 408
Utilisation de la fonction Rechercher et remplacer avec les
écrans (Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . .411
Utilisation de l'explorateur d'animations avec les écrans
(Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .411
Utilisation des scénarios avec les écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412
A propos de l'utilisation d'ActionScript avec les écrans (Flash
Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412
A propos de l'utilisation des composants avec les écrans (Flash
Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415
Accessibilité dans l'environnement auteur des écrans de Flash
(Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 416
8
Table des matières
Chapitre 15 : Création de texte multilingue . . . . . . . . . . . . . . . . . 417
Sélection d'une langue d'encodage . . . . . . . . . . . . . . . . . . . . . . . . . . . . .418
A propos des polices pour le texte codé en Unicode . . . . . . . . . . . . . .421
Utilisation de polices intégrées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .421
Programmation de texte multilingue à l'aide du panneau Chaînes . 425
Création de documents avec du texte multilingue sans utiliser
le panneau Chaînes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 437
Utilisation de fichiers texte ou XML externes non codés en
Unicode . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .441
Chapitre 16 : Intégration des données (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 443
Ressources supplémentaires. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446
Création d'une application simple. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 447
Procédure d'utilisation des composants de données. . . . . . . . . . . . . 449
Liaison des données (Flash Professionnel uniquement) . . . . . . . . . . .451
Connectivité des données (Flash Professionnel uniquement) . . . . . 470
Gestion des données (Flash Professionnel uniquement) . . . . . . . . . 480
Résolution des données (Flash Professionnel uniquement). . . . . . . 488
Rubriques avancées d'intégration des données . . . . . . . . . . . . . . . . . 493
Chapitre 17 : Publication. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 521
Lecture de vos fichiers Flash SWF . . . . . . . . . . . . . . . . . . . . . . . . . . . . 522
A propos de la publication de documents Flash sécurisés . . . . . . . . 523
Configuration d'un serveur pour Flash Player . . . . . . . . . . . . . . . . . . . 524
Publication des documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 525
A propos de la publication des documents Flash Lite . . . . . . . . . . . . 549
Utilisation des profils de publication. . . . . . . . . . . . . . . . . . . . . . . . . . . . 550
A propos des modèles de publication HTML. . . . . . . . . . . . . . . . . . . . 552
Personnalisation des modèles de publication HTML . . . . . . . . . . . . 553
Modification des paramètres HTML de Flash . . . . . . . . . . . . . . . . . . . 560
Aperçu des paramètres et du format de publication. . . . . . . . . . . . . . 570
Utilisation de Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 571
A propos de la configuration d'un serveur Web pour Flash . . . . . . . 572
Chapitre 18 : Exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 573
Exportation d'images et de contenu Flash . . . . . . . . . . . . . . . . . . . . . 574
A propos des formats de fichier d'exportation . . . . . . . . . . . . . . . . . . . 575
Mise à jour d'une animation Flash pour Dreamweaver . . . . . . . . . . . 583
Table des matières
9
Chapitre 19 : Création de contenu accessible . . . . . . . . . . . . . . 585
Normes d'accessibilité mondiales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 587
Page Web d'accessibilité de Macromedia Flash . . . . . . . . . . . . . . . . . 587
Compréhension de la technologie des lecteurs d'écran . . . . . . . . . . .588
Utilisation de Flash pour entrer des informations d'accessibilité
pour les logiciels de lecture d'écran. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 591
Affichage et création d'un ordre de tabulation et d'un ordre de
lecture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 602
Création d'un index d'ordre de tabulation pour la navigation par
clavier dans le panneau Accessibilité (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 603
A propos de l'animation et de l'accessibilité pour les malvoyants. . 605
Utilisation des composants accessibles . . . . . . . . . . . . . . . . . . . . . . . . 606
Création d'accessibilité avec ActionScript. . . . . . . . . . . . . . . . . . . . . . .607
Accessibilité pour les utilisateurs malentendants . . . . . . . . . . . . . . . . . 610
Test du contenu accessible . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .611
Chapitre 20 : Impression depuis des fichiers SWF . . . . . . . . . . 613
Contrôle de l'impression. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 614
Imprimantes prises en charge . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 614
Utilisation de la classe PrintJob d'ActionScript . . . . . . . . . . . . . . . . . . 615
Création d'une tâche d'impression . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 615
Démarrage d'une tâche d'impression . . . . . . . . . . . . . . . . . . . . . . . . . . . 616
Impression d'images indépendantes de la classe PrintJob . . . . . . . . 621
Changement de la couleur d'impression de l'arrière-plan. . . . . . . . . .625
Utilisation des étiquettes d'image pour désactiver l'impression . . . .626
Impression depuis le menu contextuel de Flash Player. . . . . . . . . . . . 627
Publication d'un document contenant des images imprimables . . . .628
Chapitre 21 : Création de contenu pédagogique en ligne . . . . 629
Bien démarrer avec les interactions de formation Flash. . . . . . . . . . 630
Les interactions de formation Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . 630
Intégration d'une interaction de formation Flash dans un
document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 631
Modification de l'aspect d'une interaction de formation . . . . . . . . . . 644
Vérification du test. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 647
Configuration des interactions de formation . . . . . . . . . . . . . . . . . . . . . 647
Ajout, appellation et enregistrement des actifs . . . . . . . . . . . . . . . . . . . 657
Définition des options de compte rendu pour une interaction
de formation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .664
Définition des options Knowledge Track pour une interaction
de formation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .665
10
Table des matières
Définition des options de navigation pour une interaction
de formation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Définition des étiquettes des boutons de contrôle pour une
interaction de formation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Suivi vers un système de gestion de la formation (LMS)
conforme à la norme AICC ou SCORM. . . . . . . . . . . . . . . . . . . . . . . . .
Extension des scripts des interactions de formation . . . . . . . . . . . . .
666
668
668
673
Annexe A : Utilisation des modèles. . . . . . . . . . . . . . . . . . . . . . . 679
Utilisation des modèles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 679
Annexe B : XML vers UI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 693
Récapitulatif des balises de contrôle de la disposition pour
les boîtes de dialogue XML vers UI . . . . . . . . . . . . . . . . . . . . . . . . . . . . 694
Récapitulatif des balises de contrôle pour les boîtes de
dialogue XML vers UI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 695
<column> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 696
<columns> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 696
<dialog> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 697
<grid> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 698
<hbox> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 699
<row>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 701
<rows>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 702
<separator> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 703
<spacer> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 705
<vbox>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 707
<button> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 709
<checkbox> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 711
<choosefile>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 712
<colorchip> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 714
<flash>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 716
<label>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 717
<listbox> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 718
<listitem> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 721
<menulist> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 722
<menupop> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 725
<menuitem> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 726
<popupslider> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 727
<property> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 730
<radiogroup> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 731
<radio> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 732
Table des matières
11
<targetlist> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 733
<textbox>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 734
A propos des dossiers Configuration . . . . . . . . . . . . . . . . . . . . . . . . . . . 737
Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 741
12
Table des matières
Introduction
Bienvenue dans Macromedia Flash Basic 8 et Macromedia Flash Professionnel 8. Flash vous
offre tous les outils nécessaires pour créer et partager un contenu Web riche et de puissantes
applications. Que vous souhaitiez créer des animations ou concevoir des applications de
données, Flash dispose d'outils permettant d'obtenir les meilleurs résultats et d'offrir la
meilleure expérience possible aux utilisateurs sur de multiples plates-formes et périphériques.
Ce guide a été conçu pour vous présenter Flash. Le didacticiel de ce guide vous montre le
processus de création d'une application Flash simple.
Ce chapitre contient les sections suivantes :
A propos de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
A propos de Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Nouveautés de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
A propos de Flash
Flash est un outil de programmation qui vous permet de créer une animation simple ou une
application Web complexe et interactive, telle qu'une boutique en ligne. Vous pouvez enrichir
vos applications Flash en y ajoutant des images, du son et de la vidéo. Flash inclut de
nombreuses fonctionnalités, comme les composants glisser-déposer de l'interface utilisateur,
les comportements intégrés ajoutant du code ActionScript dans vos documents et les effets
spéciaux à ajouter aux objets, qui en font un outil à la fois puissant et facile à utiliser.
Lorsque vous programmez dans Flash, vous travaillez dans un document Flash, qui porte
l'extension .fla. Lorsque vous voulez déployer son contenu, vous le publiez, créant ainsi un
fichier SWF. L'application Flash Player, décrite dans la section suivante, permet d'exécuter le
fichier SWF.
13
A propos de Flash Player
Macromedia Flash Player 8 est installé par défaut en même temps que Flash. Cette application
est chargée d'exécuter les applications créées dans Flash. Flash Player garantit l'affichage
correct de tout contenu SWF dans la gamme la plus étendue de plates-formes, navigateurs et
périphériques.
Macromedia Flash Player est distribué avec les produits des partenaires principaux de
Macromedia, tels que Microsoft, Apple, Netscape, AOL et Opera, afin de mettre
instantanément un contenu et des applications riches à la disposition de plus de 516 millions
de personnes à travers le monde. Flash Player est distribué gratuitement à tous ceux qui
souhaitent l'utiliser. Vous pouvez vous procurer la dernière version de Flash Player auprès du
Centre de téléchargement de Macromedia Flash Player à l'adresse http://
www.macromedia.com/go/getflashplayer_fr.
Nouveautés de Flash
Il existe deux éditions de Flash : Flash Basic 8 et Flash Professionnel 8. Pour vérifier la version
installée, choisissez Aide > A propos de Flash dans votre application.
Flash Basic 8 Flash Basic 8 est destiné aux designers Web, aux professionnels de
l'animation interactive ou aux spécialistes du développement de contenu multimédia. Ses
principales fonctions sont la création, l'importation et la manipulation de nombreux types de
supports (audio, vidéo, bitmaps, vecteurs, texte et données).
Flash Professionnel 8 Macromedia a conçu Flash Professionnel 8 pour les designers Web
expérimentés et les créateurs d'applications. Flash Professionnel 8 inclut les fonctionnalités de
Flash Basic 8 ainsi que de nombreux outils puissants et inédits. Ses nouveaux outils
d'expressivité permettent d'optimiser l'apparence et la convivialité des fichiers Flash que vous
concevez. La programmation externe et les capacités de traitement des données dynamiques
extraites de bases de données sont deux des fonctionnalités qui font de Flash Professionnel 8
un outil particulièrement adapté pour le développement de projets complexes à grande
échelle, qui seront déployés à l'aide de Flash Player et d'un hybride de contenu HTML.
14
Introduction
Nouvelles fonctionnalités de Flash Basic 8 et Flash
Professionnel 8
Les nouvelles fonctionnalités de Flash Basic 8 et Flash Professionnel 8 offrent des
améliorations dans les domaines de l'expressivité, de la prise en charge des textes et de la vidéo,
ainsi que des scripts.
Expressivité
Flash comporte de nouvelles fonctionnalités conçues spécifiquement pour améliorer
l'expressivité dans l’aspect et le comportement des projets finalisés.
Amélioration des dégradés De nouveaux contrôles permettent d'appliquer des dégradés
complexes aux objets placés sur la scène. Vous pouvez ajouter jusqu'à 15 couleurs à un
dégradé, contrôler précisément l'emplacement du point focal du dégradé et appliquer d'autres
paramètres au dégradé. La méthode d'application des dégradés a également été simplifiée.
Pour plus d'informations, consultez la section Utilisation de remplissages de couleurs unies et
dégradées dans le mélangeur, page 137.
Point focal du dégradé ajustable L'outil Transformer le remplissage inclut désormais un
point focal modifiable vous permettant de positionner le point focal (centre) d'un remplissage
en dégradé appliqué à un objet. Pour plus d'informations, consultez la section Transformation
des remplissages dégradés et bitmap, page 142.
Modèle de dessin d'objet Vous pouvez désormais créer des formes directement sur la scène
qui ne gêneront pas les autres formes présentes. Auparavant, dans Flash, toutes les formes d'un
même calque sur la scène pouvaient affecter les contours des autres formes qu'elles
chevauchaient. Si vous dessinez une forme à l'aide du nouveau modèle de dessin d'objet, cette
forme ne modifie pas les autres formes existantes situées sous cette dernière. Pour plus
d'informations, consultez la section Les modèles de dessin de Flash, page 154.
Boîte de dialogue Paramètres des outils Rectangle et Ovale La nouvelle boîte de dialogue
Paramètres des outils Rectangle et Ovale vous permet de spécifier la largeur et la hauteur des
ovales et des rectangles, ainsi que le rayon de l'angle des rectangles, ce qui vous permet de créer
des rectangles aux coins arrondis. Pour activer la boîte de dialogue, cliquez tout en appuyant
sur la touche Alt (Windows) ou Option (Macintosh) pour sélectionner les outils de dessin
Ovale et Rectangle sur la scène. Lorsque vous cliquez sur OK pour vérifier vos paramètres,
Flash dessine un ovale ou un rectangle aux dimensions appropriées à l'endroit où vous avez
cliqué sur la scène. Pour plus d'informations, consultez la section Dessin de lignes droites,
d'ovales et de rectangles, page 160.
Nouveautés de Flash
15
Les jointures et les extrémités des traits sont
maintenant tracés avec plus de précision et de qualité. Une jointure est l'emplacement où deux
traits se rejoignent. Une extrémité est le point final d'un trait sans jointure. En outre, la taille
maximale d'un trait est passée de 10 à 200 pixels, ce qui vous permet désormais de colorer les
traits en appliquant un remplissage en dégradé. Pour plus d'informations, consultez la section
Utilisation des commandes Couleur de trait et Couleur de remplissage de l'inspecteur des propriétés,
page 135.
Amélioration des traits de pinceau
Nouvelle algorithme de courbe
Les outils Crayon et Pinceau vous permettent désormais
de sélectionner le dégré de lissage à appliquer aux courbes que vous dessinez. En augmentant
le degré de lissage, vous pouvez réduire le nombre de points utilisés pour calculer la courbe, ce
qui vous permet d'obtenir des fichiers SWF de plus petite taille. Pour plus d'informations,
consultez la section Optimisation des courbes, page 172.
Poignées de boîtes de texte Les boîtes de texte redimensionnables représentent une
nouvelle méthode de travail avec le texte. Il est ainsi plus facile de repositionner les blocs de
texte à l'aide des poignées. Pour plus d'informations, consultez la section Création de texte,
page 188.
L'importateur de fichiers PNG Macromedia Fireworks
prend désormais en charge un nombre plus élevé de propriétés que vous pouvez appliquer aux
graphiques dans Fireworks. Lors de l'importation de fichiers Fireworks dans Flash, ces
propriétés restent intactes et peuvent être modifiées dans Flash. Les modes de mélange et les
filtres (appelés effets dans Fireworks) figurent parmi les propriétés disponibles dans Fireworks
et que vous pouvez maintenant importer dans Flash. Pour plus d'informations, consultez la
section Importation de fichiers PNG Fireworks, page 225.
Importateur Fireworks amélioré
Prise en charge du texte
FlashType, le nouveau moteur de rendu de texte, améliore la façon dont Flash affiche le texte,
tant au niveau de la qualité que de la cohérence.
L'apparence
du texte présent sur la scène est désormais plus cohérent dans l'outil de programmation Flash
et dans Flash Player. Pour plus d'informations, consultez la section A propos de FlashType du
Chapitre 6, Utilisation du texte, page 181.
Amélioration du texte dans l'outil de programmation Flash et Flash Player
Amélioration des options d'anticrénelage Il est possible de définir les options
d'anticrénelage pour des blocs de texte individuels. Ces options améliorent l'affichage du texte
pour les différents environnements. Par exemple, vous pouvez spécifier l'anticrénelage pour les
animations ou la lisibilité, ou encore appliquer des paramètres personnalisés que vous pouvez
contrôler. Pour plus d'informations, consultez la section Le texte anticrénelé, page 187 du
Chapitre 6, Utilisation du texte, page 181.
16
Introduction
Améliorations de l'écriture de scripts
Les améliorations de l'écriture de scripts dans Flash Basic 8 et Flash Professionnel 8 offrent de
meilleures performances, une flexibilité accrue et une facilité d'utilisation.
L'Assistant de script est un nouveau mode, qui a été ajouté au panneau
Actions. Ce mode permet de créer des scripts plus facilement, sans connaissance détaillée
d'ActionScript. L'assistant de script vous aide à créer des scripts en sélectionnant des éléments
dans la boîte à outils Actions du panneau Actions et est doté d'une interface de champs de
texte, de boutons radio et de cases à cocher vous invitant à spécifier les variables appropriées et
autres éléments de langage de script. Pour plus d'informations, consultez le Chapitre 13,
Utilisation de l'Assistant de script pour rédiger du code ActionScript, page 378.
Assistant de script
Améliorations de l'espace de travail
Vous pouvez utiliser la zone entourant la scène pour y
stocker des graphiques et d'autres objets sans que ces derniers n'apparaissent sur la scène lors
de la lecture du fichier SWF. Macromedia a étendu cette zone, appelée zone de travail, afin de
vous permettre d'y stocker davantage d'éléments. Les utilisateurs de Flash utilisent souvent la
zone de travail pour y stocker les graphiques qu'ils souhaitent animer ultérieurement sur la
scène ou pour y stocker les objets n'ayant pas de représentation graphique lors de la lecture,
tels que les composants de données. Pour plus d'informations, consultez la section Utilisation
de la scène, page 59 dans le guide Bien démarrer avec Flash.
Zone de travail étendue de la scène
Il est crucial que le flux de travail découlant de
toute application logicielle contribue à améliorer votre productivité. La nouvelle solution de
gestion de panneaux de Macromedia Flash 8 permet d'optimiser l'espace de travail afin de
pouvoir l'adapter en fonction de vos préférences. Flash vous permet de grouper les panneaux
dans divers onglets. Vous pouvez réduire l'encombrement à l'écran en regroupant les
panneaux que vous utilisez le plus souvent et vous pouvez attribuer des noms personnalisés à
chaque groupe de panneaux. Pour plus d'informations, consultez la section Utilisation des
panneaux et de l’inspecteur des propriétés, page 83 dans le guide Bien démarrer avec Flash.
Amélioration de la gestion de panneau
Panneau Bibliothèque centralisé Vous pouvez désormais utiliser un seul panneau
Bibliothèque pour afficher en même temps les éléments de bibliothèque de plusieurs fichiers
Flash. Pour plus d'informations, consultez la section A propos de l'ajout de contenu multimédia,
page 32.
Nouveautés de Flash
17
Dans les versions
précédentes de Flash, vous deviez placer les composants sur la scène, puis les supprimer ; cela
était valable pour les composants exempts de tout élément visuel et uniquement accessibles via
ActionScript. Vous pouvez désormais les placer directement dans la bibliothèque sans avoir à
les placer d'abord sur la scène, puis à les supprimer. Pour plus d'informations, consultez
Utilisation des composants.
Glisser-déposer des composants dans le panneau Bibliothèque
Il est désormais possible sur Macintosh d'ouvrir
plusieurs fichiers Flash dans la même fenêtre et d'en sélectionner un à l'aide des onglets qui
apparaissent dans la partie supérieure de cette fenêtre. Pour plus d'informations, consultez la
section Utilisation des onglets de documents pour les documents multiples, page 28.
Onglets de documents sur Macintosh
La boîte de dialogue Préférences a été
simplifiée et réorganisée pour plus de clarté et de facilité d'emploi. Pour plus d'informations,
consultez la section Définition des préférences de Flash, page 89 dans le guide Bien démarrer avec
Flash.
Amélioration de la boîte de dialogue Préférences
Les options de liaison des bitmaps et des sons se trouvent désormais dans la boîte de
Pour simplifier les tâches liées aux bitmaps et aux sons, vous pouvez
désormais accéder aux options de liaison de ces types de média dans leurs boîtes de dialogue
Propriétés respectives.
dialogue Propriétés
Vous pouvez maintenant choisir
de conserver la trace des changements effectués dans Flash sur une base d'objets. Dans ce
mode, chaque objet figurant sur la cène et dans la bibliothèque comporte sa propre liste de
rétablissement. Vous pouvez ainsi annuler les modifications apportées à un objet sans qu'il ne
soit nécessaire d'annuler celles d'un autre objet. Pour plus d'informations, consultez la section
Utilisation des commandes Annuler et Répéter, page 62.
Commandes Annuler et Rétablir basées sur des objets
Vous pouvez exporter les raccourcis
clavier Flash sous forme de fichier HTML que vous pouvez consulter et imprimer à l'aide
d'un navigateur Web standard. Pour plus d'informations, consultez la section Création de
raccourcis clavier personnalisés, page 70.
Exporter les raccourcis clavier au format HTML
18
Introduction
Autres améliorations
Le panneau Chaînes a été amélioré
et inclut désormais une prise en charge multiligne dans le champ Chaîne et dans le fichier de
langue XML. Pour plus d'informations, consultez la section Programmation de texte
multilingue à l'aide du panneau Chaînes, page 425.
Prise en charge multiligne dans le panneau Chaînes
Vous pouvez désormais ajouter des métadonnées aux fichiers
Flash, ce qui vous permet d'y effectuer des recherches de manière plus efficace via des moteurs
de recherche Internet, tel que Google.com. Pour plus d'informations, consultez la section
Création et ouverture d'un document et définition de ses propriétés, page 24.
Métadonnes du fichier SWF
Un nouveau modèle de sécurité vous permet de
déterminer la sécurité de lecture locale et réseau des fichiers SWF que vous publiez. Les
paramètres de sécurité permettent de décider si les fichiers SWF peuvent accéder aux fichiers
et aux ressources de l'ordinateur local ou d'un ordinateur sur le réseau. Vous évitez ainsi toute
utilisation malveillante des fichiers SWF accédant aux informations d'un ordinateur local et
les diffusant sur le réseau. Pour en savoir plus, consultez la section A propos de la sécurité de
lecture locale et réseau, page 524.
Sécurité de lecture locale et réseau
Amélioration de la détection de Flash Player
Auparavant, l'utilisation de la détection de
Flash Player aboutissait à la création de trois pages HTML distinctes. La fonctionnalité de
détection de Flash Player a été améliorée de manière à publier désormais uniquement une
seule page HTML, ce qui simplifie la publication de votre contenu Flash. Pour plus
d'informations, consultez la section Configuration des paramètres de publication pour la
détection de Flash Player, page 537.
Nouvelles fonctionnalités disponibles dans Flash
Professionnel 8
Flash Professionnel 8 offre toutes les fonctions disponibles dans la version de base de Flash 8,
plus un éventail de fonctions inédites permettant d'améliorer le développement et la
conception de vos applications. Ces nouvelles fonctions incluent l'environnement de
développement visuel sur écran et des outils de gestion interactive des données, vous
permettant de renforcer la productivité de votre équipe.
Nouveautés de Flash
19
Expressivité
Commandes d'accélération personnalisées
Les nouvelles commandes d'accélération
vous permettent de déterminer précisément la façon dont les interpolations que vous
appliquez dans le scénario affecte l'apparence des objets interpolés sur la scène. Une
interpolation est un changement appliqué à un objet pendant une certaine période.
L'accélération des interpolations contrôle le moment où les changements sont appliqués aux
objets. L'accélération personnalisée vous permet de contrôler aisément et précisément ces
éléments par l'intermédiaire d'un graphique intuitif permettant de contrôler de manière
indépendante la position, la rotation, l'échelle, la couleur et les filtres utilisés dans une
interpolation de mouvement. Pour plus d'informations, consultez la section Application de
l'Accélération/la Décélération personnalisée aux interpolations de mouvement (Flash Professionnel
uniquement), page 299.
Filtres
Les filtres vous permettent de créer des graphiques encore plus remarquables en
appliquant des effets visuels aux clips et au texte. Les filtres sont pris en charge en natif et
rendus en temps réel par Flash Player 8. Ces filtres vous permettent d'appliquer un effet néon
aux objets, d'ajouter des ombres portées et d'appliquer de nombreux autres effets et
combinaisons d'effets. Pour plus d'informations, consultez le Chapitre 9, Utilisation de filtres
et de mélanges (Flash Professionnel uniquement), page 259.
Il est possible d'obtenir divers effets d'images composites en utilisant les
modes de fondu pour changer la façon dont l'image d'un objet sur la scène est combinée avec
les images des autres objets situés en dessous. Flash permet de contrôler les modes de fondu à
l'exécution, vous permettant ainsi de composer des effets graphiques dynamiques et pouvant
réagir à l’interactivité des utilisateurs. Pour plus d'informations, consultez la section Utilisation
de filtres et de mélanges (Flash Professionnel uniquement), page 259.
Modes de fondu
Lissage des bitmap Les images bitmap ont désormais un meilleur aspect sur la scène
lorsqu'elles sont agrandies ou réduites de façon importante. L'aspect de ces bitmaps est
désormais le même dans l'outil de création Flash et dans Flash Player.
Mise en cache des images bitmap à l'exécution La mise en cache des images bitmap à
l'exécution permet d'optimiser les performances en lecture, en spécifiant qu'un clip statique
(une image d'arrière-plan, par exemple) ou un symbole de bouton doivent être mis en cache
en tant que bitmap lors de l'exécution. La mise en cache d'un clip sous forme de bitmap évite
à Flash Player de devoir constamment redessiner l'image, améliorant ainsi de manière
significative les performances de lecture. Pour plus d'informations, consultez la section Mise
en cache de symboles de clip et de bouton sous forme de bitmaps à l'exécution, page 96.
20
Introduction
Améliorations vidéo
Flash Professionnel 8 est doté de nouvelles fonctionnalités vidéo qui vous permettent de créer
plus facilement des présentations vidéo de qualité -optimale via Flash.
Codec vidéo On2 VP6
Flash code les fichiers vidéo à l'aide du codec vidéo On2 VP6. Le
codec On2 VP6 offre une qualité vidéo supérieure tout en conservant une taille la plus réduite
possible. Pour plus d'informations, consultez la section Les codecs vidéo On2 VP6 et Sorenson
Spark, page 323.
Amélioration du flux de travail vidéo
L'assistant d'importation vidéo a été amélioré afin de
vous aider à déployer du contenu vidéo en vue de la diffusion vidéo intégrée, progressivement
téléchargée et en flux continu. Il est maintenant possible d'importer de la vidéo enregistrée
localement ou déjà déployée sur un serveur Web ou Flash Communication Server. Pour plus
d'informations, consultez la section Importation de vidéo à l'aide de l'assistant d'importation
vidéo, page 328.
Pour améliorer le flux de travail des
experts en vidéo, Flash Professionnel 8 intègre un nouvel encodeur vidéo autonome que vous
pouvez installer sur un ordinateur dédié à l'encodage vidéo. L'encodeur vidéo de Flash 8
permet d'encoder des fichiers par lots, afin de traiter plusieurs clips à la fois. L'encodeur vidéo
de Flash 8 vous permet également de modifier des clips vidéo, d'insérer des points de repère,
et de recadrer et réduire la taille d'image de la vidéo. Pour plus d'informations, consultez la
section Codage de vidéo, page 338.
Encodeur vidéo de Flash 8 (édition autonome)
Les canaux alpha vous permettent de coder de la vidéo de
manière à faire disparaître l'arrière-plan et à ce qu'il soit transparent une fois enregistré. Vous
pouvez ainsi superposer (ou composer) la vidéo sur tout autre contenu Flash, tout en
conservant l'objet de la vidéo en avant-plan. Par exemple, les canaux alpha sont généralement
utilisés pour enregistrer un clip vidéo d'un présentateur à l'aide d'un écran bleu qui fait office
de filigrane. La vidéo peut ensuite être codée à l'aide d'un canal alpha, et le présentateur peut
être placé devant une autre image faisant office de filigrane pour la vidéo. Pour plus
d'informations, consultez la section Spécifications des paramètres de codage avancés (Flash
Professionnel uniquement), page 339.
Prise en charge du canal alpha
Nouveautés de Flash
21
Points de repère intégrés La fonction de codage vidéo de Flash vous permet d'intégrer des
points de repère directement dans vos fichiers Flash Video (FLV). Les points de repère
entraînent le déclenchement d'autres actions au sein de la présentation au cours de la lecture
vidéo, ce qui vous permet de synchroniser la vidéo avec des animations, du texte, des
graphiques et tout autre contenu interactif. Lorsqu'ils sont utilisés en conjonction avec le
nouveau composant vidéo Flash FLVPlayback, vous pouvez coordonner la lecture d'un clip
vidéo avec du contenu interactif lorsque les points de repère individuels sont atteints. Par
exemple, vous pouvez créer une présentation Flash comportant une lecture de vidéo dans une
zone de l'écran et afficher le texte descriptif et les objets graphiques dans une autre zone. Les
points de repère entraînent le déclenchement d'autres actions au sein de la présentation au
cours de la lecture vidéo, ce qui vous permet de créer du contenu interactif plus riche.
Utilisation du composant FLVPlayback (Flash Professionnel uniquement), page 350.
Améliorations apportées à ActionScript 2.0
Depuis son introduction il y a quelques années de cela, le langage ActionScript n'a cessé de se
développer. A chaque nouvelle version de Flash, de nouveaux mots-clés, objets, méthodes et
autres éléments de langage sont ajoutés à ActionScript. Des améliorations s'articulant autour
de ActionScript sont également apportées aux environnements de programmation de Flash 8.
Flash Basic 8 et Flash Professionnel 8 présentent plusieurs nouveaux éléments de langage
dédiés aux fonctionnalités fiables, tels que les filtres et les modes de fondu, au développement
d'applications, comme par exemple l'intégration JavaScript (ExternalInterface) et au
fichier d'E/S (FileReference et FileReferenceList).
Pour en savoir plus sur les améliorations apportées à ActionScript 2.0, consultez la section
Nouveautés du langage ActionScript de Flash 8 du guide Formation à ActionScript 2.0 dans
Flash.
22
Introduction
CHAPITRE 1
1
Utilisation des documents
Flash
Les documents Macromedia Flash Basic 8 et Macromedia Flash Professionnel 8 que vous
créez et enregistrez dans l'environnement de programmation de Flash sont au format FLA.
Pour afficher un document dans Macromedia Flash Player, vous devez le publier ou l'exporter
au format SWF.
R E MA R Q U E
Pour plus d'informations sur la publication ou l'exportation d'un fichier, consultez le
Chapitre 17, Publication, page 521, ou le Chapitre 18, Exportation, page 573.
Vous pouvez ajouter du contenu multimédia à un document Flash et gérer ce contenu dans la
bibliothèque. L'explorateur d'animations vous permet d'afficher et d'organiser l'ensemble des
éléments dans un document Flash. Les options Annuler et Répéter, le panneau Historique et
le menu Commandes vous permettent d'automatiser vos tâches dans un document.
Ce chapitre contient les sections suivantes :
Création et ouverture d'un document et définition de ses propriétés . . . . . . . . . . . . 24
Utilisation des onglets de documents pour les documents multiples . . . . . . . . . . . . 28
Enregistrement des documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
A propos de l'ajout de contenu multimédia. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
A propos de la création de mouvement et d'interactivité. . . . . . . . . . . . . . . . . . . . . . . 33
A propos des composants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Gestion des éléments multimédia dans la bibliothèque . . . . . . . . . . . . . . . . . . . . . . . . 35
A propos d'ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
A propos des scénarios et niveaux multiples . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
A propos des clips imbriqués . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Utilisation de chemins cibles absolus et relatifs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
A propos des séquences. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Utilisation des séquences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
Utilisation de l'explorateur d'animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
23
Utilisation de la fonction Rechercher et remplacer . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Utilisation des commandes Annuler et Répéter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
Utilisation du panneau Historique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
Enregistrement de documents lors de l'annulation d'opérations . . . . . . . . . . . . . . . . 67
Automatisation des tâches à l'aide du menu Commandes . . . . . . . . . . . . . . . . . . . . . 67
Création de raccourcis clavier personnalisés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
A propos de la personnalisation des menus contextuels dans les
documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72
Le menu de liens dans Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
Accélération de l'affichage du document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
Optimisation des documents Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
Test des performances de téléchargement des documents. . . . . . . . . . . . . . . . . . . . 76
Impression à partir de l'outil de programmation Flash . . . . . . . . . . . . . . . . . . . . . . . . . 79
Création et ouverture d'un document et
définition de ses propriétés
Pendant que vous travaillez dans Flash, vous pouvez créer un document ou ouvrir un
document enregistré précédemment. Sous Windows, le bouton Nouveau fichier vous permet
d'ouvrir un document du même type que le dernier document créé.
Pour définir la taille, la cadence des images, la couleur d'arrière-plan et les autres propriétés
d'un nouveau document ou d'un document existant, vous utilisez la boîte de dialogue
Propriétés du document. Vous pouvez également utiliser l'inspecteur des propriétés pour
définir les propriétés d'un document existant. L'inspecteur des propriétés facilite l'accès aux
attributs le plus fréquemment utilisés dans un document, et leur changement. Pour plus
d'informations sur l'inspecteur des propriétés, consultez la section Utilisation des panneaux et
de l’inspecteur des propriétés du guide Bien démarrer avec Flash.
Vous pouvez créer un nouveau document à partir d'un modèle Flash. Vous pouvez choisir
parmi les modèles standard fournis avec Flash ou ouvrir un modèle que vous avez enregistré
précédemment. Pour plus d'informations sur l'enregistrement d'un document comme
modèle, consultez la section Enregistrement des documents Flash, page 28.
24
Utilisation des documents Flash
Dans la section Au démarrage de la boîte de dialogue Préférences, vous pouvez sélectionner
une option spécifiant le document Flash à ouvrir au lancement de l'application : sélectionnez
Nouveau document pour ouvrir un nouveau document vierge, Derniers documents ouverts
pour ouvrir les documents ouverts la dernière fois que vous avez quitté Flash ou Aucun
document pour démarrer Flash sans ouvrir de document. Pour plus d'informations, consultez
la section Définition des préférences de Flash du guide Bien démarrer avec Flash.
Vous pouvez ouvrir une nouvelle fenêtre.
Pour créer un document :
1.
Choisissez Fichier > Nouveau.
2.
Dans l'onglet Général, choisissez Document Flash.
Pour créer un nouveau document à l'aide du bouton Nouveau fichier (Windows
uniquement) :
■
Cliquez sur le bouton Nouveau fichier dans la barre d'outils principale afin de créer un
document du même type que le dernier document créé.
Pour ouvrir un document existant :
1.
Choisissez Fichier > Ouvrir.
2.
Dans la boite de dialogue Ouvrir, sélectionnez le fichier ou entrez le chemin d'accès au
fichier dans le champ Atteindre.
3.
Cliquez sur Ouvrir.
Pour définir les propriétés d'un nouveau document ou d'un document existant
dans la boîte de dialogue Propriétés du document :
1.
Ouvrez votre document et sélectionnez Modifier > Document.
La boîte de dialogue Propriétés du document apparaît.
2.
Pour incorporer des métadonnées dans vos fichiers SWF afin de permettre aux moteurs de
recherche sur le Web de renvoyer des résultats plus pertinents sur votre contenu Flash,
procédez comme suit :
■
Indiquez un titre descriptif dans la zone Titre.
■
Entrez une description dans le champ Description.
Les descriptions peuvent contenir des mots-clés faisant l'objet d'une recherche, des
informations sur l'auteur ou un copyright, ainsi qu'un résumé du contenu et de son
objectif.
Les métadonnées de recherche sont basées sur les spécifications RDF (Resource
Description Framework) et XMP (Extensible Metadata Platform) et sont stockées dans
Flash au format compatible W3C.
Création et ouverture d'un document et définition de ses propriétés
25
R E MA R Q U E
3.
Flash vous permet de définir les paramètres que vous spécifiez dans la boîte de
dialogue Propriétés du document comme étant les paramètres par défaut utilisés pour
tout document Flash que vous créez. Une seule exception : vous devez spécifier le titre
et la description pour chaque document Flash que vous créez.
Pour Cadence, indiquez le nombre d'images qui doivent être affichées par seconde.
Pour la plupart des animations affichées sur ordinateur, en particulier celles qui sont lues à
partir d'un site Web, une cadence de 8 à 12 images par seconde est suffisante (12 ips est la
cadence par défaut).
4.
Pour Dimensions, procédez de l'une des manières suivantes :
■
Pour spécifier la taille de la scène en pixels, entrez des valeurs dans les champs Largeur
et Hauteur.
La taille par défaut des documents est de 550 x 400 pixels. La taille minimale est 1 x 1
pixel ; la taille maximale étant 2880 x 2880 pixels.
■
Pour définir la taille de la scène de telle façon qu'il y ait un espace égal sur tous les
bords du contenu, cliquez sur le bouton Contenu, à droite de Identique à. Pour
réduire la taille du document, alignez tous les éléments dans l'angle supérieur gauche
de la scène avant de cliquer sur Contenu.
■
Pour définir la taille de la scène sur la zone d'impression maximale, cliquez sur
Imprimante. Cette zone est déterminée par la taille du papier moins la marge actuelle
sélectionnée dans la zone Marges de la boîte de dialogue Mise en page (Windows) ou
Marges d'impression (Macintosh).
■
Pour définir la taille de la scène à la taille par défaut, cliquez sur Par défaut.
5.
Pour définir la couleur d'arrière-plan de votre document, cliquez sur le triangle de la puce
de couleur d'arrière-plan, puis sélectionnez l'une des couleurs de la palette.
6.
Pour spécifier l'unité de mesure des règles que vous pouvez afficher le long des bords
supérieur et latéraux de la fenêtre de l'application, sélectionnez une option dans le menu
déroulant correspondant. Pour plus d'informations, consultez la section Utilisation de la
grille, des guides et des règles du guide Bien démarrer avec Flash. (Ce paramètre détermine
également les unités utilisées dans le panneau Info.)
7.
Effectuez l'une des opérations suivantes :
26
■
Pour que les nouveaux paramètres deviennent les propriétés par défaut de votre
nouveau document uniquement, cliquez sur OK.
■
Pour que les nouveaux paramètres deviennent les propriétés par défaut de tous les
nouveaux documents, cliquez sur Etablir comme valeurs par défaut.
Utilisation des documents Flash
Pour créer un nouveau document à l'aide d'un modèle :
1.
Choisissez Fichier > Nouveau.
2.
Cliquez sur l'onglet Modèles.
3.
Sélectionnez l'une des catégories de la liste des catégories, puis sélectionnez un document
dans la liste des éléments de catégorie.
4.
Cliquez sur OK.
Pour ouvrir une nouvelle fenêtre dans le document en cours :
■
Sélectionnez Fenêtre > Dupliquer la fenêtre.
Pour modifier les propriétés d'un document avec l'inspecteur des propriétés :
1.
Désélectionnez tous les éléments, puis sélectionnez l'outil Sélection.
2.
Si l'inspecteur de propriétés n'est pas visible, choisissez Fenêtre > Propriétés.
3.
Cliquez sur le bouton Taille pour afficher la boîte de dialogue Propriétés du document et
accéder à ses options.
4.
Pour sélectionner une couleur d'arrière-plan, cliquez sur le triangle de la puce de couleur
d'arrière-plan et sélectionnez une couleur dans la palette.
5.
Pour Cadence, indiquez le nombre d'images qui doivent être affichées par seconde.
6.
Pour Publier, cliquez sur le bouton Paramètres pour afficher la boîte de dialogue
Paramètres de publication et sélectionnez l'onglet Flash. Pour plus d'informations sur la
boîte de dialogue Paramètres de publication, consultez la section Publication des documents
Flash, page 525.
7.
Si vous développez du contenu pour des appareils mobiles, par exemple les téléphones
portables, cliquez sur le bouton Paramètres. La boîte de dialogue Paramètres du
périphérique apparaît.
La boîte de dialogue Paramètres du périphérique vous permet de choisir les périphériques
à utiliser afin de tester le contenu mobile et fournit des informations sur la prise en charge
ActionScript concernant chaque périphérique sélectionné. Pour plus d’information,
consultez le Guide du développeur Flash Lite.
REMARQUE
Le bouton Paramètres du périphérique peut être utilisé uniquement si vos
paramètres de publication sont définis sur une version prise en charge de Flash Lite.
Création et ouverture d'un document et définition de ses propriétés
27
Utilisation des onglets de documents
pour les documents multiples
Lorsque vous ouvrez plusieurs documents sur la plate-forme Windows, des onglets placés en
haut de la fenêtre Document vous permettent d'identifier aisément les documents ouverts et
de passer de l'un à l'autre. Ces onglets apparaissent uniquement lorsque les documents sont
agrandis dans la fenêtre Document.
Pour afficher un document, il vous suffit de cliquer sur son onglet. Par défaut, les onglets
apparaissent dans l'ordre dans lequel les documents ont été créés. Vous ne pouvez pas changer
l'ordre des onglets en les faisant glisser.
Pour afficher un document lorsque plusieurs documents sont ouverts :
■
Cliquez sur l'onglet du document.
Enregistrement des documents Flash
Vous pouvez enregistrer un document FLA Flash en utilisant le nom et l'emplacement actuels
ou en utilisant un nouveau nom et un nouvel emplacement. Vous pouvez également rétablir la
dernière version enregistrée d'un document. Vous pouvez également enregistrer un contenu
Flash 8 au format de document Flash MX 2004.
Lorsqu'un document contient des changements qui n'ont pas été enregistrés, un astérisque (*)
apparaît à la suite du nom du document dans la barre de titre du document, la barre de titre
de l'application et l'onglet du document (Windows uniquement). Dès que vous enregistrez le
document, l'astérisque disparaît.
Vous pouvez enregistrer un document comme modèle afin de pouvoir l'utiliser comme point
de départ pour la création d'un nouveau document Flash (la procédure est similaire à celle
utilisée pour les modèles des logiciels de traitement de texte ou des éditeurs de pages Web).
Pour plus d'informations sur l'utilisation de modèles pour créer des documents, consultez la
section Création et ouverture d'un document et définition de ses propriétés, page 24.
Lorsque vous enregistrez un document à l'aide de la commande Enregistrer, Flash effectue un
enregistrement rapide qui ajoute les nouvelles informations au fichier existant. Lorsque vous
enregistrez à l'aide de la commande Enregistrer sous, Flash organise les nouvelles informations
dans le fichier, ce qui permet de créer un fichier plus petit sur le disque.
Si vous fermez Flash alors qu'un ou plusieurs documents ouverts comportent des
modifications non enregistrées, Flash vous demande si vous souhaitez enregistrer ces
modifications.
28
Utilisation des documents Flash
Lorsque vous supprimez des éléments d'un document à l'aide de la commande Annuler, vous
pouvez supprimer définitivement ces éléments du document et ainsi réduire la taille du fichier,
en sélectionnant Fichier > Enregistrer et compresser. Voir Enregistrement de documents lors de
l'annulation d'opérations, page 67.
Pour enregistrer un document Flash :
1.
Effectuez l'une des opérations suivantes :
■
Pour écraser la version actuelle stockée sur le disque, sélectionnez Fichier > Enregistrer.
■
Pour enregistrer le document à un autre emplacement et/ou sous un nouveau nom ou
pour compresser le document, sélectionnez Fichier > Enregistrer sous.
2.
Si vous choisissez la commande Enregistrer sous ou si le document n'a jamais été enregistré,
vous devez entrer le nom du fichier et son emplacement.
3.
Cliquez sur Enregistrer.
Pour rétablir la dernière version enregistrée d'un document :
■
Sélectionnez Fichier > Rétablir.
Pour enregistrer un document comme modèle :
1.
Choisissez Fichier > Enregistrer comme modèle.
2.
Dans la boîte de dialogue Enregistrer comme modèle, entrez le nom du modèle dans Nom.
3.
Sélectionnez l'une des catégories du menu déroulant Catégorie ou entrez un nom pour
créer une catégorie.
4.
Entrez la description du modèle dans le champ correspondant (255 caractères au
maximum).
Lorsque le modèle apparaît dans la boîte de dialogue Nouveau document, sa description
s'affiche.
5.
Cliquez sur OK.
Enregistrement des documents Flash
29
Pour enregistrer un document au format Flash MX:
1.
Sélectionnez Fichier > Enregistrer sous.
2.
Entrez le nom et l'emplacement du fichier.
3.
Sélectionnez Document Flash MX 2004 dans le menu déroulant Format.
A V E R TI S S E M E N T
4.
Si un message vous prévient que du contenu sera supprimé si vous enregistrez au
format Flash MX 2004, cliquez sur Enregistrer sous Flash MX 2004 pour
continuer. Cette alerte peut apparaître si votre document contient certaines
fonctionnalités (effets graphiques ou comportements, par exemple) qui ne sont
disponibles qu'à partir de Flash 8. Flash ne peut pas préserver ces fonctionnalités si
vous enregistrez le document au format Flash MX 2004.
Cliquez sur Enregistrer.
Pour enregistrer vos documents lorsque vous quittez Flash :
1.
Sélectionnez Fichier > Quitter (Windows) ou Flash > Quitter Flash (Macintosh).
2.
Si un ou plusieurs documents ouverts comportent des modifications non enregistrées, Flash
vous invite à enregistrer ou à ignorer ces modifications pour chaque document.
■
Cliquez sur Oui pour enregistrer les modifications et fermer le document.
■
Cliquez sur Non pour fermer le document sans enregistrer les modifications.
Enregistrement et contrôle de version
Lorsque vous enregistrez vos fichiers FLA, il est important d'appliquer un modèle de nom
cohérent pour vos documents. Ceci prend toute son importance lorsque vous enregistrez
plusieurs versions d'un même projet.
Utilisez des noms intuitifs et faciles à lire pour vos fichiers. N'utilisez pas d'espaces, de
majuscules ou de caractères spéciaux. Utilisez uniquement des lettres, des chiffres, des tirets et
des signes souligné. Si vous enregistrez plusieurs versions du même fichier, mettez en place un
système de numérotation cohérent, tel que site_menu01.swf, site_menu02.swf, etc. La
plupart des concepteurs et des développeurs choisissent d'utiliser des caractères en minuscules
dans leur modèle de nom. La plupart des concepteurs et des développeurs Flash adoptent un
système d'appellation qui applique une combinaison nom-verbe ou nom-adjectif pour
nommer les fichiers. Vous trouverez deux exemples de modèles de nom ci-dessous :
class_planning.swf et my_project.swf. Evitez les noms de fichier obscurs.
30
Utilisation des documents Flash
La meilleure pratique consiste à enregistrer les nouvelles versions du fichier FLA lorsque vous
travaillez sur un gros projet. Vous trouverez ci-dessous plusieurs modes d'enregistrement des
nouvelles versions de fichier :
■
Sélectionnez Fichier > Enregistrer sous, puis enregistrez la nouvelle version de votre
document.
■
Utilisez un logiciel de contrôle de version (tel que SourceSafe, CVS ou Subversion) pour
contrôler vos documents Flash.
REMARQUE
SourceSafe pour Windows est le seul logiciel de contrôle de version pris en charge qui
s'intègre avec le panneau Projet. Vous pouvez utiliser d'autres logiciels de contrôle de
version avec vos documents FLA, mais pas nécessairement dans le panneau Projet.
Des problèmes risquent de se produire si vous travaillez avec un seul fichier FLA et
n'enregistrez pas ses versions au cours du processus de création. Certains fichiers risquent de
voir leur taille augmenter de façon exponentielle en raison de l'historique qui est enregistré
dans le fichier FLA ou de se corrompre (comme tout autre programme) pendant que vous
travaillez sur ce dernier. Dans ce cas, il s'avère particulièrement intéressant de disposer de
versions intermédiaires.
Vous risquez également de subir des problèmes lorsque vous créez une application. Vous
pouvez avoir apporté une série de modifications au fichier et souhaiter les annuler. Ou vous
pouvez supprimer des sections de fichier à utiliser de nouveau par la suite, au cours du
développement. Si vous enregistrez plusieurs versions pendant le développement, vous
disposez d'une version précédente permettant de revenir en arrière.
Vous disposez de plusieurs options d'enregistrement de fichier : Enregistrer, Enregistrer sous et
Enregistrer et compresser. Lorsque vous enregistrez un fichier, Flash n'analyse pas l'ensemble
des données avant de créer une version optimisée du document. Par contre, les modifications
apportées au document sont ajoutées à la fin du fichier FLA, ce qui permet de gagner du
temps lors de l'enregistrement du document. Lorsque vous sélectionnez Enregistrer sous et
tapez un nouveau nom de fichier, Flash écrit une nouvelle version optimisée du fichier, ce qui
permet d'obtenir un fichier plus petit. Lorsque vous sélectionnez Enregistrer et compresser,
Flash crée un nouveau fichier optimisé et supprime l'original.
A T T E NT I O N
Lorsque vous sélectionnez Enregistrer et compresser, vous ne pouvez pas annuler les
modifications apportées avant le dernier enregistrement du fichier. Si vous sélectionnez
Enregistrer pendant que vous travaillez sur un document, vous pouvez annuler les
modifications apportées avant ce dernier enregistrement. Dans la mesure où Enregistrer
et compresser supprime la version précédente du fichier et la remplace par la version
optimisée, vous ne pouvez plus annuler les modifications précédentes.
Enregistrement des documents Flash
31
N'hésitez pas à enregistrer fréquemment le fichier sous différents noms, après chaque
modification importante du projet si vous n'utilisez pas de logiciel de contrôle de la version
pour créer des copies de sauvegarde de vos fichiers FLA. En cas de problèmes graves au cours
de votre travail sur le document, vous disposez d'une version précédente qui vous évite de tout
perdre.
De nombreux progiciels permettent aux utilisateurs de contrôler la version de leurs fichiers, ce
qui permet aux équipes de travailler efficacement et de réduire les erreurs (telles que
l'écrasement de fichiers ou l'utilisation de versions obsolètes d'un document). Les
programmes de contrôle de la version les plus courants incluent CVS, Subversion et
SourceSafe. Comme pour les autres documents, vous pouvez utiliser ces programmes pour
organiser les documents Flash en dehors de l'application Flash.
A propos de l'ajout de contenu
multimédia
Vous pouvez ajouter du contenu multimédia à un document Flash dans l'environnement de
programmation de Flash. Il est possible de créer des illustrations vectorielles ou du texte
directement dans Flash, d'importer des illustrations vectorielles, des bitmaps, de la vidéo et du
son et de créer des symboles (éléments réutilisables, tels que des boutons par exemple).
Vous pouvez également utiliser ActionScript pour ajouter dynamiquement du contenu
multimédia à un document. Pour plus d'informations sur ActionScript, consultez Formation à
ActionScript 2.0 dans Flash.
Vous pouvez ajouter les types de contenu multimédia suivants dans l'environnement auteur :
Vous pouvez créer une illustration vectorielle à l'aide des outils de
dessin ou de peinture de Flash ou importer des illustrations à partir d'une autre application.
Consultez le Chapitre 5, Dessin, page 151 et le Chapitre 7, Utilisation d'illustrations
importées, page 221.
Illustration vectorielle
Vous pouvez créer du texte statique, c'est-à-dire du texte dont le contenu et l'aspect
sont déterminés à la création du document. Vous pouvez également créer des champs de texte
dynamique, contenant du texte mis à jour dynamiquement au cours de l'exécution, ou des
champs de texte de saisie, permettant aux utilisateurs d'entrer du texte (pour les formulaires ou
à d'autres fins). Pour plus d'informations, consultez le Chapitre 6, Utilisation du texte,
page 181.
Texte
32
Utilisation des documents Flash
Bitmaps Vous pouvez importer des bitmaps à partir d'autres applications, pour les utiliser
en tant que fichiers, les convertir en illustrations vectorielles et les modifier à l'aide d'autres
méthodes. Pour plus d'informations, consultez le Chapitre 7, Utilisation d'illustrations
importées, page 221.
Vous pouvez importer des clips vidéo à partir d'autres applications en tant que
fichiers incorporés ou liés et sélectionner des options de compression et d'édition. Pour plus
d'informations, consultez le Chapitre 11, Utilisation de la vidéo, page 313.
Vidéo
Vous pouvez importer des fichiers audio à partir d'autres applications et les utiliser
comme sons d'événement ou en lecture continue dans un document. Pour plus
d'informations, consultez le Chapitre 12, Utilisation du son, page 357.
Son
Symboles Vous pouvez utiliser des symboles, c'est-à-dire des objets que vous créez pour les
réutiliser plusieurs fois. Il peut s'agir de clips, de boutons ou de graphiques. Chaque symbole
possède son propre scénario. Pour plus d'informations, consultez le Chapitre 3, Utilisation de
symboles, d'occurrences et d'éléments de bibliothèque, page 91.
A propos de la création de mouvement et
d'interactivité
Flash propose différentes méthodes pour ajouter aisément du mouvement et de l'interactivité
à vos documents. Par exemple, vous pouvez faire bouger ou disparaître des éléments visuels,
tels que du texte, des graphiques, des boutons ou des clips. Vous pouvez également établir un
lien vers une autre URL ou encore charger un autre document ou clip dans le document en
cours. Les éléments suivants permettent d'ajouter du mouvement et de l'interactivité:
Les effets de scénario sont des animations prédéfinies que vous pouvez appliquer à du texte,
des graphiques, des bitmaps et des boutons pour ajouter facilement du mouvement à des
éléments visuels. Pour plus d'informations, consultez Utilisation des effets de scénario,
page 282.
Une animation par interpolation et image par image est un mouvement que vous créez en
plaçant des graphiques sur des images dans le scénario. Dans une animation par interpolation,
vous créez les images de début et de fin de l'animation et Flash génère les images
intermédiaires. Dans une animation image par image, vous créez des graphiques pour chaque
image de l'animation. Consultez A propos de l'animation interpolée, page 287, et A propos d'une
animation image par image, page 288.
A propos de la création de mouvement et d'interactivité
33
Les comportements sont des scripts ActionScript prêts à l'emploi qui peuvent être ajoutés à
un objet pour contrôler ce dernier. Les comportements permettent d'ajouter la puissance, le
contrôle et la flexibilité du codage ActionScript à votre document sans avoir à créer le code
ActionScript vous-même. Vous pouvez utiliser les comportements pour contrôler les clips et
les fichiers vidéo et audio. Consultez les sections suivantes :
■
Contrôle d'occurrences à l'aide de comportements, page 111.
■
Contrôle de la lecture de la vidéo à l'aide des comportements, page 348.
■
Contrôle de la lecture audio à l'aide des comportements, page 366.
Dans les documents composés d'écrans, vous pouvez utiliser les comportements pour
contrôler les écrans. Pour plus d'informations, consultez Création de commandes et de
transitions pour les écrans à l'aide des comportements (Flash Professionnel uniquement), page 408.
REMARQUE
Vous pouvez utiliser ActionScript pour créer une interactivité complexe ou
personnalisée. Consultez le Chapitre 2, Ecriture et modification du code ActionScript 2.0
du guide Formation à ActionScript 2.0 dans Flash.
A propos des composants
Les composants sont des clips vidéo dont les paramètres permettent de modifier l'apparence et
le comportement de vos animations Flash. Un composant peut offrir un large éventail de
fonctionnalités. Un composant peut être une simple commande d'interface utilisateur, tel
qu'un bouton radio ou une case à cocher, ou un élément de commande plus complexe, tel
qu'un contrôleur de média ou un panneau défilant. Un composant peut également ne pas être
visible, comme le gestionnaire de focus qui permet de contrôler l'objet recevant le focus dans
une application.
Les composants permettent de séparer conception et codage, ainsi que de réutiliser du code et
de télécharger des composants créés par d'autres développeurs. Pour plus d'informations,
consultez la section Introduction du guide Utilisation des composants.
34
Utilisation des documents Flash
Gestion des éléments multimédia dans la
bibliothèque
La bibliothèque d'un document Flash stocke le contenu multimédia créé ou importé afin
d'être utilisé dans un document Flash. Elle rassemble des fichiers importés, tels que des clips
vidéo ou audio, des bitmaps, des illustrations vectorielles ainsi que des symboles. Un symbole
est un graphique, un bouton ou un clip que vous créez en une fois pour le réutiliser à plusieurs
reprises. Vous pouvez également créer un symbole de police. Pour plus d'informations sur les
symboles, consultez le Chapitre 3, Utilisation de symboles, d'occurrences et d'éléments de
bibliothèque, page 91, et Création de symboles de police, page 200.
La bibliothèque contient également les composants que vous avez ajoutés à votre document.
Ces composants apparaissent dans la bibliothèque sous forme de clips compilés. Pour plus
d'informations, consultez la section Composants du panneau Bibliothèque de Utilisation des
composants.
Le panneau Bibliothèque affiche une liste défilante contenant le nom de tous les éléments de
la bibliothèque, ce qui vous permet d'afficher et d'organiser ces éléments au fur et à mesure de
votre travail. Une icône placée en regard du nom d'un élément dans le panneau Bibliothèque
indique le type de fichier de cet élément. Le panneau Bibliothèque dispose d'un menu
d'options et de commandes permettant de gérer les éléments de la bibliothèque.
Vous pouvez ouvrir la bibliothèque de tout document Flash pendant que vous travaillez dans
Flash, pour rendre les éléments de la bibliothèque de ce fichier disponibles pour le document
en cours.
Vous pouvez créer des bibliothèques permanentes dans Flash, qui seront disponibles à chaque
lancement de l'application. Flash propose également plusieurs exemples de bibliothèques, qui
contiennent des boutons, des graphiques, des clips et des sons, que vous pouvez ajouter à vos
documents Flash. Les exemples de bibliothèques de Flash et les bibliothèques permanentes
que vous créez sont répertoriées sous Fenêtre > Bibliothèques communes. Pour plus
d'informations, consultez la section Utilisation des bibliothèques communes, page 40.
Vous pouvez exporter les actifs d'une bibliothèque dans un fichier SWF vers une URL pour
créer une bibliothèque partagée à l'exécution. Cela vous permet de créer un lien vers les actifs
de la bibliothèque, à partir d'animations Flash, qui importent des symboles partagés à
l'exécution. Pour plus d'informations, consultez la section Utilisation des ressources d'une
bibliothèque partagée, page 123.
Pour afficher le panneau Bibliothèque :
■
Sélectionnez Fenêtre > Bibliothèque.
Gestion des éléments multimédia dans la bibliothèque
35
Pour ouvrir la bibliothèque à partir d'un autre fichier Flash :
1.
Choisissez Fichier > Importer > Ouvrir une bibliothèque externe.
2.
Recherchez le fichier Flash dont vous souhaitez ouvrir la bibliothèque, puis cliquez sur
Ouvrir.
La bibliothèque du fichier sélectionné s'ouvre dans le document actuel, son nom étant
affiché en haut du panneau Bibliothèque. Pour utiliser des éléments de la bibliothèque du
fichier sélectionné dans le document actuel, faites glisser les éléments vers la bibliothèque
du document actuel ou vers la scène.
Pour redimensionner le panneau Bibliothèque, effectuez l'une des opérations
suivantes :
■
Faites glisser le coin inférieur droit du panneau.
■
Cliquez sur le bouton d'affichage étendu pour agrandir le panneau Bibliothèque et
afficher toutes les colonnes.
■
Cliquez sur le bouton d'affichage réduit pour réduire la largeur du panneau Bibliothèque.
Pour changer la largeur des colonnes :
■
Placez le pointeur entre les en-têtes de colonnes et faites-le glisser pour les redimensionner.
Vous ne pouvez pas changer l'ordre des colonnes.
Pour utiliser le menu d'options du panneau Bibliothèque :
1.
Cliquez sur la commande située dans la barre de titre du panneau Bibliothèque pour
afficher le menu d'options.
2.
Cliquez sur un élément du menu.
Utilisation des éléments de bibliothèque
Lorsque vous sélectionnez un élément du panneau Bibliothèque, une vignette d'aperçu de
l'élément apparaît en haut du panneau. Si l'élément sélectionné est animé ou s'il s'agit d'un
fichier audio, le bouton Lire de la fenêtre d'aperçu de la bibliothèque ou le contrôleur vous
permet d'en afficher l'aperçu. Vous pouvez organiser les éléments de la bibliothèque dans
des dossiers. Voir Utilisation de dossiers dans le panneau Bibliothèque, page 37.
Pour utiliser un élément de la bibliothèque dans le document en cours :
■
Faites glisser l'élément du panneau Bibliothèque vers la scène.
L'élément est ajouté au calque actif.
Pour convertir un objet en symbole dans la bibliothèque :
■
36
Faites glisser l'élément de la scène vers le panneau Bibliothèque.
Utilisation des documents Flash
Pour utiliser un élément de bibliothèque du document en cours dans un autre
document :
■
Faites glisser l'élément de la bibliothèque ou de la scène dans la bibliothèque ou la scène
d'un autre document.
Pour copier des éléments de bibliothèque d'un document différent :
1.
Sélectionnez le document contenant les éléments de bibliothèque voulus.
2.
Sélectionnez les éléments dans le panneau Bibliothèque.
3.
Choisissez Edition > Copier pour copier l'élément.
4.
Sélectionnez le document dans lequel vous voulez coller l'objet.
5.
Sélectionnez le panneau Bibliothèque de ce document.
6.
Choisissez Edition > Coller pour coller les éléments dans le panneau Bibliothèque.
Utilisation de dossiers dans le panneau Bibliothèque
Vous pouvez organiser les éléments du panneau Bibliothèque à l'aide de dossiers, comme dans
l'Explorateur Windows ou le Finder du Macintosh. Lorsque vous créez un symbole, ce dernier
est enregistré dans le dossier sélectionné. Si aucun dossier n'est sélectionné, le symbole est
enregistré à la racine de la bibliothèque.
Pour créer un dossier :
■
Cliquez sur le bouton Nouveau dossier en bas du panneau Bibliothèque.
Pour ouvrir ou fermer un dossier, effectuez l'une des opérations suivantes :
■
Double-cliquez sur le dossier.
■
Sélectionnez le dossier et choisissez Développer le dossier ou Réduire le dossier dans le
menu d'options de la bibliothèque.
Pour ouvrir ou fermer tous les dossiers :
■
Choisissez Développer tous les dossiers ou Réduire tous les dossiers dans le menu
d'options de la bibliothèque.
Pour déplacer un élément d'un dossier à un autre :
■
Faites glisser l'élément d'un dossier vers un autre.
Si un élément portant le même nom existe au nouvel emplacement, Flash vous demande si
vous souhaitez le remplacer par l'élément que vous déplacez.
Gestion des éléments multimédia dans la bibliothèque
37
Tri des éléments du panneau Bibliothèque
Pour chaque objet, les colonnes du panneau Bibliothèque indiquent le nom, le type, le
nombre d'utilisations dans le fichier, l'état, l'identifiant de liaison (si l'élément est associé à
une bibliothèque partagée ou est exporté pour ActionScript), ainsi que la date à laquelle il a
été modifié pour la dernière fois.
Vous pouvez trier les éléments du panneau Bibliothèque dans l'ordre alphanumérique selon
n'importe quelle colonne. Le tri des éléments vous permet de plus facilement visualiser les
éléments connexes. Les éléments sont triés à l'intérieur des dossiers.
Pour trier les éléments du panneau Bibliothèque :
■
Cliquez sur l'en-tête de colonne pour effectuer le tri selon cette colonne. Cliquez sur le
triangle du bord droit de l'en-tête des colonnes pour inverser l'ordre de tri.
Manipulation des éléments de la bibliothèque
Pour manipuler des éléments de la bibliothèque, y compris des fichiers importés, vous devez
utiliser le menu d'options de la bibliothèque.
Vous pouvez mettre à jour des fichiers importés après les avoir modifiés dans un éditeur
externe, en sélectionnant Mettre à jour dans le menu d'options de la bibliothèque. Pour plus
d'informations, consultez la section Mise à jour des fichiers importés dans le panneau
Bibliothèque, page 40.
Pour modifier un élément de la bibliothèque :
1.
Sélectionnez l'élément dans le panneau Bibliothèque.
2.
Sélectionnez l'une des options suivantes dans le menu d'options de la bibliothèque :
■
Sélectionnez Modifier pour modifier un élément dans Flash.
■
Sélectionnez Modifier avec et choisissez une application pour modifier l'élément dans
un éditeur externe.
R E MA R Q U E
38
Si vous lancez un éditeur externe supporté, Flash ouvre le document importé
d'origine.
Utilisation des documents Flash
Changement du nom des éléments de la bibliothèque
Vous pouvez renommer les éléments de la bibliothèque. La modification du nom d'un
élément de la bibliothèque d'un fichier importé n'entraîne pas le changement du nom du
fichier.
Pour renommer un élément de la bibliothèque, effectuez l'une des opérations
suivantes :
■
Double-cliquez sur le nom de l'élément et entrez le nouveau nom dans le champ.
■
Sélectionnez l'élément et choisissez Renommer dans le menu d'options de la bibliothèque,
puis entrez le nouveau nom dans le champ correspondant.
■
Cliquez avec le bouton droit de la souris (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur l'élément, choisissez Renommer dans le menu contextuel, puis entrez le
nouveau nom dans le champ correspondant.
Suppression d'éléments de la bibliothèque
Lorsque vous supprimez un élément de la bibliothèque, toutes les occurrences de cet élément
dans le document sont également supprimées. La colonne Compte des utilisations du
panneau Bibliothèque indique si un élément est utilisé.
Pour supprimer un élément de la bibliothèque :
1.
Sélectionnez l'élément et cliquez sur l'icône Corbeille en bas du panneau Bibliothèque.
2.
Dans la boîte de dialogue d'avertissement qui apparaît, activez l'option Supprimer les
occurrences de symboles (le paramètre par défaut) pour supprimer cet élément, ainsi que
toutes ses occurrences, de la bibliothèque. Désactivez cette option pour ne supprimer que
ce symbole et conserver ses occurrences sur la scène.
3.
Cliquez sur Supprimer.
Recherche d'éléments inutilisés de la bibliothèque
Vous pouvez faciliter l'organisation d'un document en recherchant les éléments inutilisés de la
bibliothèque pour les supprimer.
REMARQUE
Il n'est pas nécessaire de supprimer les éléments inutilisés de la bibliothèque Flash dans
le but de réduire la taille du fichier d'un document Flash, ces éléments n'étant pas inclus
dans le fichier SWF. Cependant, les éléments liés pour l'exportation sont inclus dans le
fichier SWF. Pour plus d'informations, consultez la section Utilisation des ressources
d'une bibliothèque partagée, page 123.
Gestion des éléments multimédia dans la bibliothèque
39
Pour rechercher des éléments inutilisés dans la bibliothèque :
■
Effectuez l'une des opérations suivantes :
■
Choisissez Sélectionner les éléments inutilisés dans le menu d'options de la
bibliothèque.
■
Triez les éléments de la bibliothèque selon la colonne Compte des utilisations.
Voir Tri des éléments du panneau Bibliothèque, page 38.
Mise à jour des fichiers importés dans le panneau
Bibliothèque
Si vous utilisez un éditeur externe pour modifier des fichiers importés dans Flash, tels que des
bitmaps ou sons, vous pouvez mettre ces fichiers à jour dans Flash sans les réimporter. Vous
pouvez également mettre à jour les symboles que vous avez importés à partir de documents
Flash externes. Lorsque vous mettez à jour un fichier importé, vous remplacez son contenu
par celui du fichier externe.
Pour mettre à jour un fichier importé :
1.
Sélectionnez le fichier importé dans le panneau Bibliothèque.
2.
Sélectionnez Mettre à jour dans le menu d'options de la bibliothèque.
Utilisation des bibliothèques communes
Vous pouvez utiliser les exemples de bibliothèques communes fournis avec Flash pour ajouter
des boutons ou des sons à vos documents. Vous pouvez également créer vos propres
bibliothèques communes, puis les utiliser avec n'importe quel document que vous créez.
Pour utiliser un élément d'une bibliothèque commune dans un document :
1.
Choisissez Fenêtre > Bibliothèques communes et choisissez une bibliothèque dans le sousmenu.
2.
Faites glisser un élément de la bibliothèque commune dans la bibliothèque du document
actuel.
40
Utilisation des documents Flash
Pour créer une bibliothèque commune pour votre application Flash :
1.
Créez un fichier Flash avec une bibliothèque contenant les symboles que vous souhaitez
inclure dans la bibliothèque permanente.
2.
Placez le fichier Flash dans le sous-dossier Libraries, dans le dossier de l'application Flash
sur votre disque dur.
REMARQUE
Le dossier Libraries se trouve dans le dossier de configuration, au niveau racine de
l'application. C'est l'un des divers dossiers de configuration placés sur votre disque dur
lors de l'installation de Flash. Pour connaître l'emplacement des dossiers de
configuration, consultez la section Dossiers de configuration installés avec Flash, page 24
du guide Bien démarrer avec Flash.
A propos d'ActionScript
ActionScript est le langage de programmation de Flash. Il vous permet d'ajouter une
interactivité complexe, un contrôle de la lecture et l'affichage des données dans un document
Flash. Vous pouvez ajouter des instructions ActionScript dans l'environnement auteur de
Flash à l'aide du panneau Actions ou créer des fichiers ActionScript externes à l'aide d'un
autre éditeur.
Il n'est pas nécessaire de connaître toutes les utilisations possibles de chaque élément
ActionScript pour commencer à rédiger des scripts ; si vous avez un objectif précis, vous
pouvez commencer par des actions simples. Vous pourrez ajouter de nouveaux éléments du
langage au fur et à mesure que vous les apprendrez pour accomplir des tâches plus complexes.
Tout comme d'autres langages de programmation, ActionScript suit ses propres règles de
syntaxe, réserve des mots-clés, met des opérateurs à votre disposition et vous permet d'utiliser
des variables pour stocker et récupérer des informations. ActionScript possède des objets et des
fonctions intégrés, et permet en outre d'en créer. Pour plus d'informations sur ActionScript,
consultez Formation à ActionScript 2.0 dans Flash.
ActionScript est basé sur la spécification ECMAscript (ECMA-262), la norme internationale
du langage de programmation ECMAscript. ActionScript comporte un sous-ensemble des
fonctionnalités d'ECMAscript. Pour plus d'informations sur ECMAscript, consultez le site
Web d'ECMA International à l'adresse www.ecma-international.org.
Le très populaire langage JavaScript est basé sur le même standard. C'est pourquoi les
développeurs qui sont déjà familiarisés avec JavaScript reconnaîtront la syntaxe d'ActionScript
et n'auront pas de difficulté à s'y adapter rapidement.
A propos d'ActionScript
41
A propos des scénarios et niveaux
multiples
Flash Player empile les niveaux dans un ordre précis. Chaque document Flash possède un
scénario principal situé au niveau 0 de Flash Player. Vous pouvez utiliser l'action loadMovie
pour charger d'autres documents Flash (fichiers SWF) dans Flash Player à différents niveaux.
Pour plus d'informations, consultez %{loadMovie (méthode MovieClip.loadMovie)}% dans
Guide de référence du langage Flash ActionScript.
Si vous chargez des documents à des niveaux supérieurs au niveau 0, ils se superposent comme
des dessins sur du papier transparent. Si la scène ne contient rien, vous pouvez voir le contenu
des niveaux inférieurs à travers. Un document chargé sur le niveau 0 remplace le scénario
principal. Chaque document chargé dans un niveau de Flash Player possède son propre
scénario.
Lorsque vous ajoutez une occurrence de clip à un document, le scénario du clip est imbriqué
dans le scénario principal du document. Vous pouvez également imbriquer un clip dans un
autre clip. Pour plus d'informations, consultez la section A propos des clips imbriqués, page 42.
ActionScript vous permet d'envoyer des messages entre les scénarios. Vous devez utiliser un
chemin cible pour spécifier l'emplacement du scénario auquel vous envoyez le message. Pour
plus d'informations, consultez la section Utilisation de chemins cibles absolus et relatifs, page 44.
A propos des clips imbriqués
Les scénarios des documents Flash peuvent contenir des occurrences de clip. Chaque
occurrence de clip possède son propre scénario. Une occurrence de clip peut elle-même
contenir une autre occurrence de clip.
R EM A R Q U E
Une occurrence de clip est un type de symbole. Pour plus d'informations sur l'ajout de
clips à un document, consultez le Chapitre 3, Utilisation de symboles, d'occurrences et
d'éléments de bibliothèque, page 91.
Un clip imbriqué dans un autre clip (ou dans un document) est l'enfant de ce clip ou de ce
document. Les relations entre les clips imbriqués sont hiérarchiques : les modifications
apportées au parent affectent l'enfant. Vous pouvez utiliser ActionScript pour transmettre des
messages entre les clips (et leurs scénarios). Pour contrôler le scénario d'un clip depuis un
autre scénario, vous devez préciser l'emplacement du clip en entrant son chemin cible. Dans
l'explorateur d'animations, vous pouvez afficher la hiérarchie des animations imbriquées dans
un document.
42
Utilisation des documents Flash
Vous pouvez également utiliser des comportements, c'est-à-dire des scripts ActionScript
préécrits, pour contrôler les animations. Pour plus d'informations, consultez la section
Contrôle d'occurrences à l'aide de comportements, page 111.
A propos des clips parents et enfants
Lorsque vous placez une occurrence de clip dans le scénario d'un autre clip, le clip placé est
l'enfant et l'autre clip est le parent. L'occurrence parent contient l'occurrence enfant. Le
scénario principal pour chaque niveau est le parent de tous les clips à son niveau et, comme il
s'agit du scénario le plus élevé, il ne possède pas de parent.
Un scénario enfant imbriqué dans un autre scénario est influencé par les modifications
apportées à son parent. Par exemple, si portland est un enfant de oregon et si vous modifiez
la propriété _xscale de oregon, la modification s'appliquera également à l'échelle de
portland.
Les scénarios peuvent échanger des messages entre eux avec ActionScript. Par exemple, une
action sur la dernière image d'un clip peut demander la lecture d'un autre clip. Pour contrôler
un scénario avec ActionScript, vous devez utiliser un chemin cible pour spécifier
l'emplacement du scénario. Pour plus d'informations, consultez la section Rédaction des
chemins cibles, page 47.
A propos de la hiérarchie des clips
Les relations parent-enfant qui existent entre les clips sont hiérarchiques. Pour comprendre
cette hiérarchie, imaginez la hiérarchie qui existe dans un ordinateur : le disque dur contient
un répertoire (ou dossier) racine et des sous-répertoires. Le répertoire racine correspond au
scénario principal d'un document Flash : il est le parent de tout le reste. Les sous-répertoires
correspondent aux clips.
Vous pouvez utiliser la hiérarchie des clips de Flash pour organiser les objets apparentés. Toute
modification apportée à un clip parent est aussi appliquée à ses enfants.
Par exemple, vous pouvez créer un document Flash dans lequel une voiture se déplace à travers
la scène. Vous pouvez utiliser un symbole de clip pour représenter la voiture et créer une
interpolation de mouvement pour déplacer la voiture sur la scène.
Pour ajouter des roues en mouvement, vous créez un clip représentant une roue, puis deux
occurrences de ce clip, nommées roueAvant et roueArrière. Ensuite, vous pouvez placer les
roues dans le scénario du clip de la voiture (et non dans le scénario principal). En tant
qu'enfants de voiture, roueAvant et roueArrière sont affectés par toute modification
apportée à voiture et se déplacent avec la voiture lorsque celle-ci traverse la scène.
A propos des clips imbriqués
43
Pour faire tourner les deux occurrences de la roue, vous pouvez définir une interpolation de
mouvement qui fait tourner le symbole de roue. Même si vous modifiez roueAvant et
roueArrière, ils seront toujours affectés par l'interpolation effectuée sur leur clip parent,
voiture, et les roues tourneront, mais se déplaceront également avec le clip parent voiture à
travers la scène.
Utilisation de chemins cibles absolus et
relatifs
Vous pouvez utiliser ActionScript pour envoyer des messages entre les scénarios. Le scénario
contenant l'action est appelé scénario contrôlant, celui qui reçoit l'action étant appelé scénario
cible. Par exemple, une action sur la dernière image d'un scénario peut demander la lecture
d'un autre scénario. Pour faire référence à un scénario cible, vous devez utiliser un chemin
cible, qui indique l'emplacement d'un clip dans la liste d'affichage.
L'exemple suivant présente la hiérarchie d'un document appelé westCoast au niveau 0 et
contenant trois clips : california, oregon et washington. Chacun de ces clips comprend deux
clips.
_level0
westCoast
california
sanfrancisco
bakersfield
oregon
portland
ashland
washington
olympia
ellensburg
Comme sur un serveur Web, chaque scénario Flash peut être appelé de deux façons : avec un
chemin absolu ou avec un chemin relatif. Le chemin absolu d'une occurrence est toujours le
même, quel que soit le scénario qui appelle l'action ; par exemple, le chemin absolu de
l'occurrence california est _level0.westCoast.california. Un chemin relatif varie en
fonction de l'endroit à partir duquel il est appelé ; par exemple, le chemin relatif de
california à partir de sanfrancisco est _parent, mais à partir de portland, il s'agit de
_parent._parent.california.
44
Utilisation des documents Flash
Chemins absolus
Un chemin absolu commence par le nom du niveau dans lequel le document est chargé et
continue dans la liste d'affichage jusqu'à l'occurrence cible. Vous pouvez utiliser l'alias _root
pour désigner le scénario principal du niveau courant. Par exemple, une action dans le clip
california qui fait référence au clip oregon peut utiliser le chemin absolu
_root.westCoast.oregon.
Le premier document ouvert dans Flash Player est chargé au niveau 0. Vous devez affecter un
numéro de niveau à chaque document chargé par la suite. Lorsque vous utilisez une référence
absolue dans ActionScript pour faire référence à un document chargé, utilisez la forme
_levelX, où X est le numéro du niveau dans lequel le document est chargé. Par exemple, le
premier document ouvert dans Flash Player est appelé _level0 ; un document chargé au
niveau 3 est appelé _level3.
Pour communiquer entre les documents de niveaux différents, vous devez utiliser le nom de
niveau dans le chemin cible. L'exemple suivant indique comment l'occurrence portland
ferait référence à l'occurrence atlanta située sur un clip intitulé georgia (georgia se trouve
au même niveau que oregon):
_level5.georgia.atlanta
Vous pouvez utiliser l'alias _root pour désigner le scénario principal du niveau actuel. Pour le
scénario principal, l'alias _root équivaut à _level0 lorsqu'il est ciblé par un clip également
dans _level0. Pour un document chargé dans _level5, _root équivaut à _level5 lorsqu'il
est ciblé par un clip situé aussi dans le niveau 5. Par exemple, si les clips southcarolina et
florida sont tous deux chargés dans le même niveau, une action appelée depuis l'occurrence
southcarolina peut utiliser le chemin absolu pour cibler l'occurrence florida:
_root.eastCoast.florida
Chemins relatifs
Un chemin relatif dépend de la relation qui existe entre le scénario contrôlant et le scénario
cible. Les chemins relatifs ne peuvent faire référence qu'à des cibles situées à leur propre niveau
de Flash Player. Par exemple, vous ne pouvez pas utiliser de chemin relatif dans une action sur
_level0 qui cible un scénario de _level5.
Utilisation de chemins cibles absolus et relatifs
45
Dans un chemin relatif, utilisez le mot-clé this pour faire référence au scénario actuel au
niveau actuel ; utilisez l'alias _parent pour indiquer le scénario parent du scénario actuel.
Vous pouvez utiliser l'alias _parent à plusieurs reprises pour remonter d'un niveau dans la
hiérarchie, mais en restant dans le même niveau de Flash Player. Par exemple,
_parent._parent contrôle un clip situé jusqu'à deux niveaux au-dessus dans la hiérarchie. Le
scénario principal de n'importe quel niveau dans Flash Player est le seul scénario dont la
valeur _parent n'est pas définie.
Une action dans le scénario de l'occurrence charleston, située un niveau sous
southcarolina, peut utiliser le chemin cible suivant pour cibler l'occurrence
southcarolina :
_parent
Pour cibler l'occurrence eastCoast (un niveau vers le haut) à partir d'une action située dans
charleston, vous pourriez utiliser le chemin relatif suivant :
_parent._parent
Pour cibler l'occurrence atlanta à partir d'une action située dans le scénario de charleston,
vous pourriez utiliser le chemin relatif suivant :
_parent._parent.georgia.atlanta
Les chemins relatifs sont utiles pour la réutilisation des scripts. Par exemple, vous pouvez
associer le script suivant à un clip pour agrandir son parent de 150 % :
onClipEvent (load) {
_parent._xscale = 150;
_parent._yscale = 150;
}
Vous pouvez réutiliser ce script en l'associant à une autre occurrence de clip.
REMARQUE
Flash Lite 1.0 et 1.1 prennent en charge l'association de scripts aux boutons uniquement.
L'association de scripts aux clips n'est pas prise en charge.
Que vous utilisiez un chemin absolu ou relatif, une variable d'un scénario ou une propriété
d'un objet est identifiée avec un point (.) suivi du nom de la variable ou de la propriété en
question. Par exemple, l'instruction suivante donne à la variable name de l'occurrence
_root.form la valeur "Gilbert" :
_root.form.name = "Gilbert";
46
Utilisation des documents Flash
Rédaction des chemins cibles
Pour contrôler un clip, une animation chargée ou un bouton, vous devez spécifier un chemin
cible. Pour spécifier le chemin cible d'un clip ou d'un bouton, vous devez lui affecter un nom
d'occurrence. Un document chargé n'a pas besoin de nom d'occurrence, car vous utilisez son
numéro de niveau comme nom d'occurrence (par exemple, _level5).
Pour spécifier un chemin cible, effectuez l’une des opérations suivantes:
■
Utilisez le bouton (et la boîte de dialogue) Insérer un chemin cible dans le panneau
Actions.
■
Entrez le chemin manuellement.
■
Créez une expression évaluée comme un chemin cible. Vous pouvez utiliser les fonctions
intégrées targetPath et eval.
Pour affecter un nom d'occurrence :
1.
Sélectionnez un clip ou bouton sur la scène.
2.
Entrez un nom d'occurrence dans l'inspecteur des propriétés.
Pour insérer un chemin cible en utilisant la boîte de dialogue Insérer un chemin
cible :
1.
Sélectionnez l'occurrence de clip, d'image ou de bouton à laquelle vous souhaitez
affecter l'action.
Il s'agit du scénario contrôlant.
2.
Choisissez Fenêtre > Actions pour afficher le panneau Actions s'il n'est pas déjà ouvert.
3.
Dans la boîte à outils Actions (côté gauche du panneau), choisissez une action ou méthode
qui requiert un chemin cible.
4.
Cliquez sur le champ de paramètre ou l'emplacement du script auquel vous souhaitez
insérer le chemin cible.
5.
Cliquez sur le bouton Insérer un chemin cible, au-dessus de la fenêtre de script.
6.
Dans la boîte de dialogue Insérer un chemin cible, sélectionnez une syntaxe : Points (par
défaut) ou Barres obliques.
7.
Sélectionnez le type de chemin cible : Absolu ou Relatif.
Pour plus d'informations, consultez la section Utilisation de chemins cibles absolus et relatifs,
page 44.
8.
Sélectionnez un clip dans la liste d'affichage Insérer un chemin cible.
9.
Cliquez sur OK.
Utilisation de chemins cibles absolus et relatifs
47
Pour insérer un chemin cible manuellement :
■
Suivez les étapes 1 à 4 ci-dessus et entrez un chemin absolu ou relatif dans le panneau
Actions.
Pour utiliser une expression comme chemin cible :
1.
Suivez les étapes 1 à 3 ci-dessus.
2.
Effectuez l'une des opérations suivantes :
■
Entrez une expression évaluée comme chemin cible dans un champ de paramètre.
■
Cliquez pour placer le point d'insertion dans le script. Dans la catégorie Fonctions de
la boîte à outils Actions, double-cliquez sur la fonction targetPath.
La fonction targetPath convertit une référence à un clip en chaîne.
■
Cliquez pour placer le point d'insertion dans le script. Dans la catégorie Fonctions de
la boîte à outils Actions, sélectionnez la fonction eval.
La fonction eval convertit une chaîne en une référence à un clip pouvant être utilisée
pour appeler des méthodes telles que play.
L'exemple suivant affecte la valeur 1 à la variable i. Il utilise ensuite la fonction eval pour
créer une référence à une occurrence de clip et l'affecte à la variable x. La variable x est à
présent une référence d'une occurrence de clip et peut appeler les méthodes de l'objet
MovieClip.
i = 1;
x = eval("mc"+i);
x.play();
// équivalent à mc1.play();
Vous pouvez aussi utiliser la fonction eval pour appeler des méthodes directement,
comme dans l'exemple suivant :
eval("mc" + i).play();
48
Utilisation des documents Flash
Organisation des scénarios et de la bibliothèque
Les images et les calques d'un scénario constituent deux éléments importants de
l'environnement de programmation de Flash. Ces zones indiquent l'emplacement des
ressources et conditionnent le fonctionnement de votre document. La configuration et
l'utilisation du scénario et de la bibliothèque ont un effet sur l'ensemble du fichier FLA et son
utilisation globale. Les conseils suivants permettent de créer du contenu de façon plus efficace
et permettent aux auteurs qui utilisent vos documents FLA de mieux en comprendre leur
structure.
■
Nommez chaque calque de façon intuitive et regroupez les ressources. N'utilisez pas les
noms de calque par défaut, (tels que Calque 1, Calque 2), car ils peuvent être difficiles à
mémoriser ou gêner la recherche de ressources lorsque vous travaillez sur des fichiers
complexes.
■
Décrivez clairement l'objectif ou le contenu des calques ou des dossiers lorsque vous les
nommez dans un fichier FLA. Les utilisateurs peuvent ainsi déterminer rapidement
l'emplacement des ressources voulus dans les calques ou les dossiers. La meilleure pratique,
et la plus courante, consiste à nommer le calque qui contient les actions ActionScript et à
utiliser les dossiers de calques pour hiérarchiser ces derniers.
■
Si nécessaire, placez les calques qui incluent du code ActionScript et un calque d'étiquettes
d'image au-dessus de la pile de calques dans le scénario. Il est alors plus facile de rechercher
les calques qui incluent le code et les étiquettes.
■
Ajoutez des étiquettes d'image dans le fichier FLA au lieu d'utiliser des numéros d'image
dans le code ActionScript, afin de référencer des points du scénario. Ceci est important et
utile si vous référencez des images dans votre code ActionScript et que ces images sont
modifiées par la suite, en même temps que le scénario. Si vous utilisez des étiquettes
d'image et les déplacez sur le scénario, il est superflu de modifier les références dans votre
code.
■
Verrouillez le calque ActionScript immédiatement, de façon à ce que les instances de
symbole ou les ressources multimédias ne soient pas placées sur ce calque. Ne placez pas
d'instances ou de ressources sur un calque qui comprend du code ActionScript, ce qui
risque de provoquer des conflits entre les ressources placées sur la scène et le code
ActionScript qui les référence.
■
Verrouillez les calques que vous n'utilisez plus ou qui ne doivent pas être modifiés.
Utilisation de chemins cibles absolus et relatifs
49
■
Utilisez les dossiers de la bibliothèque pour organiser des éléments similaires (tels que des
symboles et des ressources multimédias) dans un fichier FLA. Si vous nommez des dossiers
de bibliothèque de façon cohérente et systématique lorsque vous créez des fichiers, il
devient beaucoup plus facile de se souvenir de l'emplacement de ces ressources. Les noms
de dossier utilisés le plus communément sont Buttons, MovieClips, Graphics, Assets,
Components et, parfois, Classes.
A propos des séquences
Les séquences correspondent au regroupement de plusieurs fichiers SWF pour créer une
présentation plus développée. Chaque séquence dispose d'un scénario. Lorsque la tête de
lecture atteint la dernière image d'une séquence, elle passe à la séquence suivante. Lorsque
vous publiez un fichier SWF, les scénarios des différentes séquences se combinent en un seul
scénario dans le fichier SWF. Une fois le fichier SWF compilé, il se comporte de la même
façon qu'un fichier FLA ne comportant qu'une seule séquence. Par conséquent, évitez les
séquences pour les motifs suivants :
■
Les séquences peuvent rendre les documents confus, surtout dans les environnements
comportant plusieurs auteurs. Toute personne utilisant le document FLA risque de devoir
parcourir plusieurs séquences pour rechercher du code et des ressources. Envisagez de
charger du contenu ou d'utiliser des clips.
■
Les séquences résultent généralement en des fichiers SWF volumineux. L'utilisation de
séquences favorise le placement de contenu supplémentaire dans un fichier
supplémentaire, ce qui débouche sur des documents et des fichiers SWF plus volumineux.
■
Les séquences obligent les utilisateurs à télécharger le fichier SWF de façon progressive,
même s'ils ne souhaitent pas en consulter l'ensemble. L'utilisateur télécharge
progressivement l'ensemble du fichier au lieu de charger les ressources qu'il souhaite voir
ou utiliser. Si vous évitez les séquences, l'utilisateur peut contrôler le contenu à télécharger
lors de la consultation du fichier SWF. Par conséquent, il dispose de davantage de contrôle
sur le volume de contenu à télécharger, ce qui facilite la gestion de la bande passante.
L'inconvénient est que vous devez alors gérer davantage de documents FLA.
■
Les séquences incorporées dans du code ActionScript risquent de produire des résultats
inattendus. Dans la mesure où chaque scénario de séquence est compressé sous forme de
scénario unique, vous risquez de subir des erreurs impliquant le code ActionScript et les
séquences, ce qui nécessite un débogage supplémentaire et complexe.
50
Utilisation des documents Flash
Il existe des exceptions, notamment lorsque vous créez des animations longues, nécessitant des
séquences. En cas d'inconvénients dans le cadre de votre document, utilisez des écrans pour
créer des animations et non pas des séquences. Pour plus d'informations sur l'utilisation des
écrans, consultez la section Création d'un document composé d'écrans (Flash Professionnel
uniquement), page 397.
Utilisation des séquences
Pour organiser un document de façon thématique, vous pouvez utiliser des séquences. Par
exemple, vous pouvez utiliser des séquences distinctes pour une introduction, un message de
chargement ou un générique.
REMARQUE
Vous ne pouvez pas utiliser de séquences dans un document composé d'écrans. Pour
plus d'informations sur les écrans, consultez le Chapitre 14, Utilisation des écrans (Flash
Professionnel uniquement), page 387.
Lorsque vous publiez un document Flash contenant plusieurs séquences, ces dernières sont
lues dans l'ordre dans lequel elles sont répertoriées dans le panneau Séquence du document
Flash. Les images du document sont numérotées de manière consécutive, d'une séquence à
une autre. Ainsi, dans un document contenant deux séquences de 10 images chacune, les
images de la séquence 2 seront numérotées de 11 à 20.
Vous pouvez ajouter, supprimer, dupliquer, renommer et modifier l'ordre des séquences.
Pour arrêter un document, le mettre en pause après chaque séquence ou permettre aux
utilisateurs de naviguer dans le document de façon non linéaire, vous devez utiliser des
actions. Pour plus d'informations, consultez le Chapitre 4, Eléments fondamentaux du langage
et de la syntaxe, dans le guide Formation à ActionScript 2.0 dans Flash.
Pour afficher le panneau Séquence :
■
Choisissez Fenêtre > Autres panneaux > Séquence.
Pour afficher une séquence particulière :
■
Sélectionnez Affichage > Atteindre, puis choisissez le nom de la séquence dans le sousmenu.
Pour ajouter une séquence, effectuez l'une des opérations suivantes :
■
Cliquez sur le bouton Ajouter une séquence dans le panneau Séquence.
■
Sélectionnez Insertion > Séquence.
Utilisation des séquences
51
Pour supprimer une séquence :
■
Cliquez sur le bouton Supprimer la séquence dans le panneau Séquence.
Pour changer le nom d'une séquence :
■
Double-cliquez sur le nom de la séquence dans le panneau Séquence et entrez le nouveau
nom.
Pour dupliquer une séquence :
■
Cliquez sur le bouton Dupliquer la séquence dans le panneau Séquence.
Pour changer l'ordre d'une séquence dans le document :
■
Faites glisser le nom de la séquence à un autre emplacement dans le panneau Séquence.
Utilisation de l'explorateur d'animations
L'explorateur d'animations est un moyen facile de visualiser et d'organiser le contenu d'un
document et de sélectionner des éléments d'un document pour les modifier. Il contient une
liste affichant tous les éléments actuellement utilisés, organisés dans une arborescence
hiérarchique navigable. Vous pouvez filtrer les catégories d'éléments du document qui sont
affichées dans l'explorateur d'animations en choisissant parmi le texte, les graphiques, les
boutons, les clips, les actions et les fichiers importés. Vous pouvez afficher les catégories
sélectionnées en tant que séquences, définitions de symboles ou les deux. Vous pouvez
développer ou réduire l'arborescence.
L'explorateur d'animations offre de nombreuses fonctionnalités permettant de rationaliser le
flux de travail lors de la création de documents. Par exemple, vous pouvez utiliser l'explorateur
d'animations pour les opérations suivantes :
■
Rechercher un élément d'un document par son nom.
■
Vous familiariser avec la structure d'un document Flash créé par un autre développeur.
■
Rechercher toutes les occurrences d'un symbole ou d'une action spécifique.
■
Imprimer la liste actuellement affichée dans l'explorateur d'animations.
52
Utilisation des documents Flash
L'explorateur d'animations possède un menu d'options, de même qu'un menu contextuel
contenant des options permettant de réaliser des opérations sur des éléments sélectionnés ou
de modifier l'affichage de l'explorateur d'animations. Ce menu d'options est signalé par une
coche et un triangle (sous la coche) affichés dans la barre de titre de l'explorateur
d'animations.
REMARQUE
Les fonctionnalités de l'explorateur d'animations diffèrent légèrement lorsque vous
travaillez avec des écrans. Pour plus d'informations, consultez le Chapitre 14, Utilisation
des écrans (Flash Professionnel uniquement), page 387.
Pour afficher l'explorateur d'animations :
■
Sélectionnez Fenêtre > Explorateur d'animations.
Pour filtrer les catégories d'éléments affichées dans l'explorateur
d'animations, effectuez l'une des opérations suivantes :
■
Pour afficher le texte, les symboles, le code ActionScript, les fichiers importés, les images
ou les calques, cliquez sur un ou plusieurs boutons de filtre à droite de l'option Afficher.
Pour personnaliser les éléments qui doivent être affichés, cliquez sur le
bouton Personnaliser. Sélectionnez des options dans la zone Afficher de la boîte de
dialogue Paramètres de l'explorateur d'animations pour afficher ces éléments.
■
Dans le menu d'options de l'explorateur d'animations, sélectionnez Afficher les éléments
d'animation pour afficher les éléments des différentes séquences.
■
Dans le menu d'options de l'explorateur d'animations, sélectionnez Afficher les
définitions de symbole pour afficher des informations sur les symboles.
REMARQUE
Les options Afficher les éléments d'animation et Afficher les définitions de symbole
peuvent être sélectionnées simultanément.
Pour rechercher un élément dans le champ Rechercher :
■
Entrez un nom d'élément, un nom de police, une chaîne ActionScript ou un numéro
d'image dans le champ Rechercher. La fonction de recherche effectue la recherche sur tous
les éléments actuellement affichés dans l'explorateur d'animations.
Utilisation de l'explorateur d'animations
53
Pour sélectionner un élément dans l'explorateur d'animations :
■
Cliquez sur l'élément dans l'arborescence. Pour sélectionner plusieurs éléments, cliquez
sur chacun d'eux tout en maintenant la touche Maj enfoncée.
Le chemin complet de l'élément sélectionné apparaît en bas de l'explorateur d'animations.
Lorsque vous sélectionnez une séquence dans l'explorateur d'animations, la première
image de cette séquence s'affiche sur la scène. Lorsque vous sélectionnez un élément dans
l'explorateur d'animations, cet élément est sélectionné sur la scène si le calque contenant
l'élément n'est pas verrouillé.
Pour utiliser les commandes du menu d'options ou du menu contextuel de
l'explorateur d'animations :
1.
2.
Effectuez l'une des opérations suivantes :
■
Pour afficher le menu d'options, cliquez sur sa commande dans la barre de titre de
l'explorateur d'animations.
■
Pour afficher le menu contextuel, cliquez avec le bouton droit de la souris (Windows)
ou tout en maintenant la touche Ctrl enfoncée (Macintosh) sur un élément dans
l'arborescence de l'explorateur d'animations.
Sélectionnez une option dans le menu :
L'option Atteindre permet d'accéder au calque, à la séquence ou à l'image sélectionné(e)
dans le document.
L'option Ouvrir la définition de symbole permet d'accéder à la définition du symbole
sélectionné dans la zone des éléments d'animation de l'explorateur d'animations. La
définition de symbole répertorie tous les fichiers associés au symbole. L'option Afficher les
définitions de symbole doit être sélectionnée. Sa définition figure dans cette liste.
L'option Sélectionner les occurrences de symbole permet d'accéder à la séquence
contenant les occurrences d'un symbole sélectionné dans la zone des définitions de
symbole de l'explorateur d'animations. L'option Afficher les éléments d'animation doit
être sélectionnée.
L'option Rechercher dans la bibliothèque met en évidence le symbole sélectionné dans
la bibliothèque du document (Flash ouvre le panneau Bibliothèque s'il n'est pas visible).
L'option Renommer vous permet de changer le nom d'un élément sélectionné.
L'option Modifier en place vous permet de modifier un symbole sélectionné sur la scène.
L'option Modifier dans une nouvelle fenêtre vous permet de modifier un symbole
sélectionné dans une nouvelle fenêtre.
L'option Afficher les éléments d'animation affiche les éléments de votre animation,
organisés en séquences.
54
Utilisation des documents Flash
L'option Afficher les définitions de symbole affiche tous les éléments associés à un
symbole spécifique.
L'option Copier tout le texte dans le presse-papiers copie le texte sélectionné dans le
presse-papiers. Vous pouvez coller le texte dans un éditeur de texte externe en vue de
vérifier l'orthographe ou d'apporter d'autres modifications.
Les options Couper, Copier, Coller et Effacer réalisent les actions correspondantes sur un
élément sélectionné. Si vous modifiez un élément dans la liste, l'élément correspondant
dans le document est modifié.
L'option Développer la branche développe l'arborescence au niveau de l'élément
sélectionné.
L'option Réduire la branche réduit l'arborescence au niveau de l'élément sélectionné.
L'option Réduire les autres réduit les branches de l'arborescence ne contenant pas
l'élément sélectionné.
L'option Imprimer imprime la liste hiérarchique actuellement affichée dans l'explorateur
d'animations.
Utilisation de la fonction Rechercher et
remplacer
Vous pouvez utiliser la fonction Rechercher et remplacer pour rechercher et remplacer un
élément d'un document Flash. Vous pouvez rechercher une chaîne de texte, une police, une
couleur, un symbole, un fichier audio ou vidéo ou un fichier bitmap importé.
Vous pouvez également remplacer l'élément spécifié par un autre élément du même type.
Selon le type d'élément spécifié, les options de recherche changent dans la boîte de dialogue
Rechercher et remplacer.
Vous pouvez rechercher et remplacer des éléments dans le document ou la séquence en cours.
Vous pouvez rechercher l'occurrence suivante ou toutes les occurrences d'un élément et
remplacer une occurrence ou toutes les occurrences.
REMARQUE
Dans un document contenant des écrans, vous pouvez rechercher et remplacer des
éléments dans le document ou l'écran en cours ; en revanche, vous ne pouvez pas
utiliser de séquences. Pour plus d'informations sur l'utilisation des écrans, consultez le
Chapitre 14, Utilisation des écrans (Flash Professionnel uniquement), page 387.
L'option Modification en direct vous permet de modifier l'élément spécifié directement sur la
scène. Si vous utilisez cette option lorsque vous recherchez un symbole, Flash ouvre le symbole
en mode Modification sur place.
Utilisation de la fonction Rechercher et remplacer
55
Le journal des recherches et remplacements en bas de la fenêtre Rechercher et remplacer
affiche l'emplacement, le nom et le type des éléments recherchés.
Pour ouvrir la boîte de dialogue Rechercher et remplacer :
1.
Sélectionnez Edition > Rechercher et remplacer.
2.
Effectuez l'une des opérations suivantes :
■
Sélectionnez Document actif dans le menu contextuel Parcourir.
■
Sélectionnez Séquence courante dans le menu contextuel Parcourir.
Recherche et remplacement de texte
Lorsque vous cherchez et remplacez une chaîne de texte, vous pouvez entrer la chaîne de texte
à rechercher et la chaîne de texte par laquelle vous souhaitez la remplacer. Des options vous
permettent de porter vos recherches sur des mots entiers, de respecter la casse et de
sélectionner le type d'élément de texte (contenu de champs de texte, chaînes ActionScript,
etc.) à inclure dans la recherche.
Pour chercher et remplacer du texte :
1.
Sélectionnez Edition > Rechercher et remplacer.
2.
Sélectionnez Texte dans le menu contextuel Pour.
3.
Dans le champ Texte, entrez le texte à rechercher.
4.
Dans la zone Remplacer par - Texte, entrez le texte que vous souhaitez utiliser en
remplacement du texte existant.
5.
Sélectionnez des options pour affiner votre recherche :
L'option Mot entier recherche la chaîne de texte spécifiée uniquement sous forme de mot
entier, c'est-à-dire entourée de part et d'autre d'espaces, de guillemets ou de marqueurs de
type similaire. Lorsque l'option Mot entier est désélectionnée, la chaîne de texte spécifiée
peut être recherchée à l'intérieur d'un mot. Par exemple, une recherche portant sur le mot
place peut renvoyer le résultat remplacer.
L'option Respecter la casse recherche la chaîne de texte dont la casse est identique au
texte spécifié (majuscules et minuscules).
L'option Expressions régulières recherche la chaîne de texte dans des expressions
régulières dans ActionScript. Une expression est une instruction que Flash pourra évaluer
et qui renvoie une valeur. Pour plus d'informations, consultez le Guide de référence
ActionScript de l'aide.
L'option Contenu des champs de texte recherche la chaîne de texte spécifié dans le
contenu des champs de texte.
56
Utilisation des documents Flash
L'option Images/Calques/Paramètres permet de faire porter la recherche sur les
étiquettes d'images, les noms des calques et des séquences et les paramètres de composants.
L'option Chaînes dans ActionScript intègre dans la recherche les chaînes ActionScript
du document ou de la séquence (les fichiers ActionScript externes ne sont pas compris
dans la recherche).
6.
Choisissez Modification en direct pour sélectionner l'occurrence suivante de la chaîne
spécifiée sur la scène et la modifier directement.
REMARQUE
7.
8.
Seule l'occurrence suivante est sélectionnée pour une modification en direct, même
si vous avez sélectionné Rechercher tout lors de l'étape 6.
Pour rechercher une chaîne de texte, effectuez l'une des opérations suivantes :
■
Cliquez sur Rechercher le suivant pour trouver l'occurrence suivante de la chaîne de
texte spécifiée.
■
Cliquez sur Rechercher tout pour trouver toutes les occurrences de la chaîne de texte
spécifiée.
Pour remplacer une chaîne de texte, effectuez l'une des opérations suivantes :
■
Cliquez sur Remplacer pour remplacer l'occurrence actuellement sélectionnée de la
chaîne de texte spécifiée.
■
Cliquez sur Remplacer tout pour remplacer toutes les occurrences de la chaîne de texte
spécifiée.
Recherche et remplacement de polices
Vous pouvez rechercher et remplacer des polices, en spécifiant un nom de police, un style de
police, une taille de police ou une combinaison de ces trois critères.
Pour chercher et remplacer des polices :
1.
Sélectionnez Edition > Rechercher et remplacer.
2.
Choisissez Police à partir du menu contextuel puis choisissez parmi les options suivantes :
■
Pour une recherche par nom de police, sélectionnez Nom de la police et choisissez une
police dans le menu contextuel ou saisissez le nom d'une police dans le champ.
Lorsque l'option Nom de la police est désélectionnée, la recherche porte sur toutes les
polices de la séquence ou du document.
Utilisation de la fonction Rechercher et remplacer
57
3.
■
Pour une recherche par style de police, sélectionnez Style de la police et choisissez un
style dans le menu contextuel. Lorsque l'option Style de la police est désélectionnée, la
recherche porte sur tous les styles de police de la séquence ou du document.
■
Pour une recherche par taille de police, sélectionnez Taille de la police et entrez une
valeur minimale et une valeur maximale afin de spécifier la plage de taille de police sur
laquelle porter la recherche. Lorsque l'option Taille de la police est désélectionnée, la
recherche porte sur toutes les tailles de police de la séquence ou du document.
■
Pour remplacer la police spécifiée par une autre police, sélectionnez Nom de la police
dans la zone Remplacer par et choisissez un nom de police dans le menu contextuel ou
saisissez un nom dans le champ. Lorsque l'option Nom de la police est désélectionnée
dans la zone Remplacer par, la police n'est pas modifiée.
■
Pour remplacer le style de police spécifié par un autre style de police, sélectionnez Style
de la police dans la zone Remplacer par et choisissez un style de police dans le menu
contextuel. Lorsque l'option Style de la police est désélectionnée dans la zone
Remplacer par, le style de la police n'est pas modifié.
■
Pour remplacer la taille de police spécifiée par une autre taille de police, sélectionnez
Taille de la police dans la zone Remplacer par et choisissez une taille dans le menu
contextuel. Lorsque l'option Taille de la police est désélectionnée dans la zone
Remplacer par, la taille de la police n'est pas modifiée.
Choisissez Modification en direct pour sélectionner l'occurrence suivante de la police
spécifiée sur la scène et la modifier directement.
REMARQUE
4.
5.
58
Seule l'occurrence suivante est sélectionnée pour une modification en direct, même
si vous avez sélectionné Rechercher tout lors de l'étape 4.
Pour rechercher une police, effectuez l'une des opérations suivantes :
■
Cliquez sur Rechercher le suivant pour trouver l'occurrence suivante de la police
spécifiée.
■
Cliquez sur Rechercher tout pour trouver toutes les occurrences de la police spécifiée.
Pour remplacer une police, effectuez l'une des opérations suivantes :
■
Cliquez sur Remplacer pour remplacer l'occurrence actuellement sélectionnée de la
police spécifiée.
■
Cliquez sur Remplacer tout pour remplacer toutes les occurrences de la police
spécifiée.
Utilisation des documents Flash
Recherche et remplacement de couleurs
Pour rechercher et remplacer une couleur, sélectionnez-la dans la fenêtre contextuelle du
nuancier, en entrant sa valeur hexadécimale, en utilisant le sélecteur de couleur du système ou
en faisant votre sélection à l'aide de l'outil Pipette. Vous pouvez rechercher et remplacer une
couleur de trait, de remplissage, de texte ou une combinaison de ces trois critères.
Vous ne pouvez pas chercher et remplacer des couleurs dans des objets groupés.
REMARQUE
Pour chercher et remplacer des couleurs dans un fichier GIF ou JPEG contenu dans un
document Flash, modifiez ce fichier dans Macromedia Fireworks ou une autre
application graphique.
Pour chercher et remplacer une couleur :
1.
Sélectionnez Edition > Rechercher et remplacer.
2.
Sélectionnez Couleur dans le menu contextuel Pour.
3.
Pour rechercher une couleur, cliquez sur la puce de couleur et effectuez l'une des opérations
suivantes :
4.
5.
■
Sélectionnez une couleur dans la fenêtre contextuelle du nuancier.
■
Entrez une valeur colorimétrique hexadécimale dans le champ de la fenêtre
contextuelle du nuancier.
■
Cliquez sur le bouton Sélecteur de couleur et sélectionnez une couleur dans le
sélecteur de couleur du système.
■
Faites apparaître l'outil Pipette et sélectionnez une couleur à l' écran.
Pour sélectionner une couleur à utiliser en remplacement de la couleur spécifiée, cliquez sur
la puce de couleur dans la zone Remplacer par et effectuez l'une des opérations suivantes :
■
Sélectionnez une couleur dans la fenêtre contextuelle du nuancier.
■
Entrez une valeur colorimétrique hexadécimale dans le champ de la fenêtre
contextuelle du nuancier.
■
Cliquez sur le bouton Sélecteur de couleur et sélectionnez une couleur dans le
sélecteur de couleur du système.
■
Faites apparaître l'outil Pipette et sélectionnez une couleur à l' écran.
Sélectionnez l'option Remplissages, Traits ou Texte ou une combinaison de ces options
pour spécifier les occurrences de la couleur spécifiée à rechercher et remplacer.
Utilisation de la fonction Rechercher et remplacer
59
6.
Choisissez Modification en direct pour sélectionner l'occurrence suivante de la couleur
spécifiée sur la scène et la modifier directement.
R E M A R QU E
7.
8.
Seule l'occurrence suivante est sélectionnée pour une modification en direct, même
si vous avez sélectionné Rechercher tout lors de l'étape 6.
Pour rechercher une couleur, effectuez l'une des opérations suivantes :
■
Cliquez sur Rechercher le suivant pour trouver l'occurrence suivante de la couleur
spécifiée.
■
Cliquez sur Rechercher tout pour trouver toutes les occurrences de la couleur spécifiée.
Pour remplacer une couleur, effectuez l'une des opérations suivantes :
■
Cliquez sur Remplacer pour remplacer l'occurrence actuellement sélectionnée de la
couleur spécifiée.
■
Cliquez sur Remplacer tout pour remplacer toutes les occurrences de la couleur
spécifiée.
Recherche et remplacement de symboles
La recherche de symboles s'effectue par nom. Vous pouvez remplacer un symbole par un autre
symbole de tout type : clip, bouton ou graphique.
Pour chercher et remplacer un symbole :
1.
Sélectionnez Edition > Rechercher et remplacer.
2.
Sélectionnez Symbole dans le menu contextuel Pour.
3.
Dans le champ Nom, choisissez un nom dans le menu contextuel.
4.
Dans la zone Remplacer par - Nom, choisissez un nom dans le menu contextuel.
5.
Choisissez Modification en direct pour sélectionner l'occurrence suivante du symbole
spécifié sur la scène et la modifier directement.
REMARQUE
60
Seule l'occurrence suivante est sélectionnée pour une modification, même si vous
avez sélectionné Rechercher tout lors de l'étape 5.
Utilisation des documents Flash
6.
7.
Pour rechercher un symbole, effectuez l'une des opérations suivantes :
■
Cliquez sur Rechercher le suivant pour trouver l'occurrence suivante du symbole
spécifié.
■
Cliquez sur Rechercher tout pour trouver toutes les occurrences du symbole spécifié.
Pour remplacer un symbole, effectuez l'une des opérations suivantes :
■
Cliquez sur Remplacer pour remplacer l'occurrence actuellement sélectionnée du
symbole spécifié.
■
Cliquez sur Remplacer tout pour remplacer toutes les occurrences du symbole spécifié.
Recherche et remplacement de fichiers audio, vidéo
ou bitmap
La recherche de fichiers audio, vidéo ou bitmap s'effectue par nom. Vous pouvez remplacer un
fichier par un autre fichier du même type : vous pouvez remplacer un fichier audio par un
fichier audio, un fichier vidéo par un fichier vidéo et un bitmap par un bitmap.
Pour chercher et remplacer un fichier audio, vidéo ou bitmap :
1.
Sélectionnez Edition > Rechercher et remplacer.
2.
Sélectionnez Son, Vidéo ou Bitmap dans le menu contextuel Pour.
3.
Dans le champ Nom, entrez le nom d'un fichier audio, vidéo ou bitmap ou sélectionnez
un nom dans le menu contextuel.
4.
Dans la zone Remplacer par, entrez le nom d'un fichier audio, vidéo ou bitmap ou
sélectionnez un nom dans le menu contextuel.
5.
Choisissez Modification en direct pour sélectionner l'occurrence suivante du fichier audio,
vidéo ou bitmap spécifié sur la scène et la modifier directement.
R E M A R QU E
6.
Seule l'occurrence suivante est sélectionnée pour une modification, même si vous
avez sélectionné Rechercher tout lors de l'étape 5.
Pour rechercher un fichier audio, vidéo ou bitmap, effectuez l'une des opérations
suivantes :
■
Cliquez sur Rechercher le suivant pour trouver l'occurrence suivante du fichier audio,
vidéo ou bitmap spécifié.
■
Cliquez sur Rechercher tout pour trouver toutes les occurrences du fichier audio,
vidéo ou bitmap spécifié.
Utilisation de la fonction Rechercher et remplacer
61
7.
Pour remplacer un fichier audio, vidéo ou bitmap, effectuez l'une des opérations suivantes :
■
Cliquez sur Remplacer pour remplacer l'occurrence actuellement sélectionnée du
fichier audio, vidéo ou bitmap spécifié.
■
Cliquez sur Remplacer tout pour remplacer toutes les occurrences du fichier audio,
vidéo ou bitmap spécifié.
Utilisation des commandes Annuler et
Répéter
Les commandes Edition > Annuler et Edition > Répéter permettent d'annuler et de rétablir
vos opérations lorsque vous travaillez sur des documents Flash. Le nom de la commande
bascule entre Annuler et Répéter, selon l'action effectuée en dernier.
Flash permet de préciser si les commandes Annuler et Répéter s'appliquent au niveau objet ou
au niveau document. Vous pouvez ainsi annuler et répéter des actions sur des objets
individuels ou sur tous les objets du document actif. Par défaut, les commandes Annuler et
Répéter s'appliquent au niveau document. Pour plus d'informations, consultez la section
Définition des préférences de Flash du guide Bien démarrer avec Flash.
Vous ne pouvez pas annuler les actions suivantes lorsque vous procédez à une annulation au
niveau de l'objet :
■
Entrer en mode d'édition
■
Quitter le mode d'édition
■
Sélectionner des éléments inutilisés de la bibliothèque
■
Sélectionner des éléments de la bibliothèque
■
Ajouter des éléments de la bibliothèque
■
Supprimer des éléments de la bibliothèque
■
Dupliquer un élément de la bibliothèque
■
Modifier un élément de la bibliothèque
■
Modifier le comportement du symbole de bibliothèque
■
Renommer des éléments de la bibliothèque
■
Déplacer des éléments de la bibliothèque
■
Modifier des éléments de la bibliothèque
■
Importer dans la bibliothèque
■
Créer des symboles de police
■
Créer des dossiers de bibliothèque
62
Utilisation des documents Flash
■
Développer tous les dossiers de la bibliothèque
■
Créer des symboles de flux vidéo
■
Convertir en clip compilé
■
Modifier la bibliothèque JSFL
■
Modifier les propriétés du symbole de bitmap
■
Modifier les propriétés du symbole de son
■
Modifier la liaison d'un élément de la bibliothèque
■
Convertir en symbole
■
Créer un nouveau symbole
■
Exécuter la commande JSFL
■
Exécuter le fichier JSFL
■
Modifier les propriétés de clip
■
Importation
■
Créer une séquence
■
Supprimer la séquence
■
Dupliquer la séquence
■
Renommer la séquence
■
Déplacer la séquence
Pour supprimer définitivement des éléments d'un document après l'utilisation de la
commande Annuler, sélectionnez Enregistrer et compresser. Voir Enregistrement de documents
lors de l'annulation d'opérations, page 67.
Vous pouvez utiliser la commande Répéter pour appliquer une opération précédente au même
objet ou à un objet différent. Par exemple, si vous déplacez une forme nommée forme_A, vous
pouvez sélectionner Edition > Répéter pour déplacer de nouveau la forme ou vous pouvez
sélectionner une autre forme, forme_B, et sélectionner Edition > Répéter pour déplacer cette
seconde forme de façon identique.
Par défaut, Flash autorise 100 niveaux d'annulation pour la commande de menu Annuler.
Vous pouvez choisir le nombre de niveaux d'annulation et de rétablissement (de 2 à 9 999)
dans les préférences de Flash. Pour plus d'informations, consultez la section Définition des
préférences de Flash du guide Bien démarrer avec Flash.
Pour annuler une opération :
■
Sélectionnez Edition > Annuler.
Pour refaire une opération :
■
Choisissez Edition > Répéter.
Utilisation des commandes Annuler et Répéter
63
Pour répéter une opération :
■
Sélectionnez un objet sur la scène et choisissez Edition > Répéter.
Utilisation du panneau Historique
Le panneau Historique affiche la liste des opérations (étapes) effectuées dans le document actif
depuis sa création ou son ouverture, en tenant compte du nombre maximal d'opérations
spécifié (il n'affiche pas les opérations effectuées dans d'autres documents). Le curseur est
automatiquement placé en regard de la dernière opération effectuée.
Vous pouvez utiliser le panneau Historique pour annuler ou refaire une ou plusieurs
opérations simultanément. Vous pouvez appliquer des opérations du panneau Historique au
même objet que précédemment ou à d'autres objets. Il n'est pas possible de modifier l'ordre
des opérations dans le panneau Historique. Le panneau Historique enregistre les opérations
dans l'ordre dans lequel elles ont été effectuées.
REMARQUE
Si vous annulez une opération ou une série d'opérations, puis modifiez le document,
vous ne pouvez plus refaire ces opérations depuis le panneau Historique (elles n'y
figurent plus).
Pour supprimer définitivement des éléments d'un document après l'annulation d'une
opération dans le panneau Historique, utilisez la commande Enregistrer et compresser. Pour
plus d'informations, consultez la section Enregistrement de documents lors de l'annulation
d'opérations, page 67.
Par défaut, Flash supporte 100 niveaux d'annulation pour le panneau Historique. Vous
pouvez sélectionner le nombre de niveaux d'annulation et de rétablissement (de 2 à 9 999)
dans les préférences de Flash. Pour plus d'informations, consultez la section Définition des
préférences de Flash du guide Bien démarrer avec Flash.
Vous pouvez vider le panneau Historique pour effacer la liste des opérations effectuées dans le
document actif. Une fois l'historique effacé, il vous sera impossible d'annuler les opérations
affichées précédemment. Lorsque vous effacez l'historique, vous n'annuler pas les opérations ;
vous supprimez uniquement leur enregistrement dans la mémoire du document actif.
En fermant le document, vous effacez son historique. Si vous prévoyez d'utiliser les opérations
d'un document après sa fermeture, copiez-les à l'aide de l'option Copier les étapes ou
enregistrez les opérations comme commande. Pour plus d'informations, consultez la section
Copie et collage d'opérations entre les documents, page 66 ou Automatisation des tâches à l'aide du
menu Commandes, page 67.
64
Utilisation des documents Flash
Pour ouvrir le panneau Historique :
■
Sélectionnez Fenêtre > Autres panneaux > Historique.
Pour effacer le contenu de l'historique pour le document actif :
1.
Dans le menu d'options du panneau Historique, sélectionnez Effacer l'historique.
2.
Cliquez sur Oui pour confirmer la suppression.
Annulation d'opérations à partir du panneau
Historique
Vous pouvez annuler la dernière opération effectuée ou un ensemble d'opérations à partir du
panneau Historique. Lorsque vous annulez une opération, elle apparaît en grisé dans le
panneau.
Pour annuler la dernière opération effectuée :
■
Déplacez le curseur d'un cran vers le haut dans la liste des opérations de l'historique.
Pour annuler simultanément plusieurs opérations, procédez comme suit :
■
Faites glisser le curseur en regard des opérations à annuler.
■
Cliquez à gauche d'une étape le long du chemin du curseur ; ce dernier se place alors
automatiquement en regard de cette opération et annule ainsi toutes les opérations
postérieures.
REMARQUE
L'accès à une opération en faisant glisser le curseur (et la sélection par là-même des
opérations postérieures) ne produit pas le même résultat que la sélection d'une
simple opération. Pour accéder à une opération en faisant glisser le curseur, vous
devez cliquer à gauche de cette opération.
Réexécution d'opérations à partir du panneau
Historique
Vous pouvez réexécuter une ou plusieurs opérations à partir du panneau Historique.
Lorsque vous réexécutez des opérations à partir du panneau Historique, les opérations
exécutées sont celles sélectionnées (en surbrillance) dans le panneau Historique et pas
forcément l'étape désigné par le curseur.
Vous pouvez appliquer des opérations du panneau Historique aux objets sélectionnés dans le
document.
Utilisation du panneau Historique
65
Pour réexécuter une opération :
■
Dans le panneau Historique, sélectionnez une opération et cliquez sur le bouton
Réexécuter. L'opération est alors réexécutée et une copie de celle-ci apparaît dans le
panneau Historique.
Pour réexécuter une série d'opérations contiguës :
1.
2.
Sélectionnez les opérations dans le panneau Historique en effectuant l'une des opérations
suivantes :
■
Faites glisser la souris d'une opération à une autre (ne déplacez pas le curseur ; faites
simplement glisser la souris du libellé d'une opération au libellé d'une autre
opération).
■
Sélectionnez la première étape, puis maintenez la touche Maj enfoncée tout en
cliquant sur la dernière étape ou sélectionnez la dernière étape, puis maintenez la
touche Maj enfoncée tout en cliquant sur la première.
Cliquez sur Réexécuter.
Les étapes sont réexécutées dans l'ordre chronologique et une nouvelle opération, intitulée
Réexécuter les étapes, apparaît dans le panneau Historique.
Pour réexécuter une série d'opérations non-contiguës :
1.
Sélectionnez une opération dans le panneau Historique, puis cliquez avec le bouton droit
de la souris (Windows) ou tout en appuyant sur la touche Contrôle (Macintosh) sur
d'autres opérations.
Pour désélectionner une opération sélectionnée, cliquez sur celle-ci avec le bouton droit de
la souris (Windows) ou tout en appuyant sur la touche Contrôle (Macintosh).
2.
Cliquez sur Réexécuter.
Les étapes sélectionnées sont réexécutées dans l'ordre chronologique et une nouvelle
opération, intitulée Réexécuter les étapes, apparaît dans le panneau Historique.
Copie et collage d'opérations entre les documents
Chaque document ouvert possède son propre historique d'opérations. Vous pouvez copier les
opérations effectuées dans un document et les coller dans un autre document à l'aide de la
commande Copier les étapes du menu d'options du panneau Historique. Si vous copiez les
opérations dans un éditeur de texte, elles sont collées sous forme de code JavaScript.
66
Utilisation des documents Flash
Pour réutiliser des opérations d'un document à un autre :
1.
Sélectionnez les opérations à réutiliser dans le panneau Historique du document.
2.
Dans le menu d'options du panneau Historique, sélectionnez Copier les étapes.
3.
Ouvrez le document dans lequel vous souhaitez coller les opérations.
4.
Sélectionnez un objet auquel vous souhaitez appliquer les opérations.
5.
Choisissez Edition > Coller pour coller les étapes.
Les opérations sont réexécutées au moment où elles sont collées dans le panneau
Historique du document. Le panneau Historique les affiche comme une seule opération,
intitulée Coller les étapes.
Enregistrement de documents lors de
l'annulation d'opérations
Par défaut, lorsque vous annulez une opération à l'aide des options Edition > Annuler ou du
panneau Historique, la taille du fichier du document Flash reste identique, même lorsque
vous supprimez un élément du document. Par exemple, si vous importez un fichier vidéo dans
un document et annulez ensuite l'importation, la taille du document continue d'inclure la
taille du fichier vidéo ; en effet, les éléments supprimés à l'aide de la commande Annuler sont
conservés dans l'éventualité d'une restauration de ces éléments à l'aide de la commande
Refaire. Pour supprimer définitivement les éléments du document et réduire ainsi la taille du
fichier, utilisez la commande Enregistrer et compresser.
Pour supprimer définitivement les éléments à l'aide de la commande Annuler :
■
Sélectionnez Fichier > Enregistrer et compresser.
Automatisation des tâches à l'aide du
menu Commandes
La procédure de création de documents implique parfois de nombreuses répétitions. Vous
avez la possibilité d'ajouter une commande au menu Commandes à partir des opérations du
panneau Historique, puis de réutiliser plusieurs fois cette commande. Les opérations sont
alors réexécutées à l'identique. Vous ne pouvez pas modifier les opérations lors de
leur réexécution.
Automatisation des tâches à l'aide du menu Commandes
67
Il est conseillé de créer et d'enregistrer une nouvelle commande lorsque la probabilité de
réutiliser un certain nombre d'opérations est élevée, notamment si vous souhaitez les réutiliser
lors d'une prochaine session de Flash. Les commande enregistrées sont conservées de façon
définitive (à moins que vous ne les supprimiez). Les opérations copiées à l'aide de la
commande Copier les étapes du panneau Historique sont effacées lorsque vous copiez d'autres
éléments. Pour plus d'informations, consultez la section Copie et collage d'opérations entre les
documents, page 66.
Opérations ne pouvant pas être enregistrées comme
commandes
Dans Flash, certaines tâches ne peuvent ni faire l'objet de commandes, ni être répétées à l'aide
des options Edition > Répéter. Ces opérations peuvent être annulées et rétablies, mais il est
impossible de les répéter.
Ainsi, la sélection d'une image et la modification de la taille d'un document ne peuvent ni être
enregistrées comme commandes, ni être répétées. Si vous essayez d'enregistrer une action qui
ne peut être répétée comme commande, elle ne sera pas enregistrée.
Création et gestion de commandes
Vous pouvez créer une commande à partir des opérations sélectionnées dans le panneau
Historique. Dans la boîte de dialogue Gérer les commandes enregistrées, vous pouvez
renommer ou supprimer des commandes.
Pour créer une commande :
1.
Sélectionnez une ou plusieurs opérations dans le panneau Historique.
2.
Sélectionnez Enregistrer comme commande dans le menu d'options du panneau
Historique.
3.
Entrez le nom de la commande et cliquez sur OK.
La commande apparaît dans le menu Commandes.
R E M AR QU E
68
La commande est enregistrée en tant que fichier JavaScript (portant l'extension .jsfl)
dans votre dossier Flash 8\langue\First Run\Commands.
Utilisation des documents Flash
Pour modifier le nom d'une commande du menu Commandes :
1.
Sélectionnez Commandes > Modifier la liste des commandes.
2.
Sélectionnez la commande à renommer et indiquez son nouveau nom.
3.
Cliquez sur Fermer.
Pour supprimer une commande du menu Commandes :
1.
Sélectionnez Commandes > Modifier la liste des commandes.
2.
Sélectionnez une commande.
3.
Cliquez sur Supprimer, puis sur Fermer.
Exécution de commandes
Vous pouvez utiliser les commandes que vous avez vous-même créées, en sélectionnant leur
nom dans le menu Commandes.
Vous pouvez également exécuter des commandes disponibles sur votre ordinateur sous la
forme de fichiers JavaScript ou Flash JavaScript.
Pour utiliser une commande que vous avez enregistrée :
■
Sélectionnez la commande dans le menu Commandes.
Pour exécuter une commande JavaScript ou Flash JavaScript :
1.
Sélectionnez Commandes > Exécuter la commande.
2.
Sélectionnez le script à exécuter et cliquez sur Ouvrir.
Obtention de commandes supplémentaires
Vous pouvez utiliser l'option Obtenir d'autres commandes du menu Commandes pour
accéder au site Web Flash Exchange, à l'adresse http://www.macromedia.com/fr/exchange/, et
télécharger des commandes mises à votre disposition par d'autres utilisateurs de Flash. Pour
plus d'informations sur les commandes disponibles à cette adresse, consultez Flash Exchange.
Pour obtenir des commandes supplémentaires :
1.
Assurez-vous d'être connecté à Internet.
2.
Sélectionnez Commandes > Obtenir d'autres commandes.
Automatisation des tâches à l'aide du menu Commandes
69
Création de raccourcis clavier
personnalisés
Utilisez la boîte de dialogue Raccourcis clavier pour créer vos propres touches de raccourci.
Vous pouvez également supprimer des raccourcis, modifier des raccourcis existants et
sélectionner un ensemble prédéterminé de raccourcis dans la boîte de dialogue Raccourcis
clavier.
Pour personnaliser les raccourcis clavier :
1.
Choisissez Edition > Raccourcis clavier.
La boîte de dialogue Raccourcis clavier apparaît.
2.
Ajoutez, supprimez ou modifiez des raccourcis clavier à l'aide des options suivantes :
: affiche les jeux de raccourcis prédéterminés livrés avec Flash, ainsi que tous
les jeux personnalisés que vous avez vous-même définis. Les jeux prédéterminés sont
répertoriés en haut du menu. Par exemple, si vous connaissez les raccourcis d'Adobe
Illustrator ou Macromedia Freehand, vous pouvez les utiliser en choisissant le jeu
prédéterminé correspondant.
Jeu en cours
Commandes : permet de sélectionner la catégorie de commandes à modifier. Vous pouvez
par exemple modifier les commandes de menu, telles que la commande Ouvrir.
Liste des commandes : affiche les commandes de la catégorie que vous avez choisie dans
le menu déroulant Commandes, ainsi que les raccourcis clavier attribués. Les catégories de
commandes Menu s'affichent sous une forme arborescente, suivant la structure des
menus. Les autres catégories répertorient les commandes par nom (par exemple, Quitter
l'application), dans une liste non hiérarchique.
Fenêtre Raccourcis
: affiche la liste des raccourcis clavier assignés à la commande
sélectionnée.
Ajouter l'élément (+) : ajoute un nouveau raccourci pour la commande en cours. Cliquez
sur ce bouton pour activer le champ Raccourcis. Entrez une nouvelle combinaison de
touches et cliquez sur Remplacer pour ajouter un nouveau raccourci clavier pour cette
commande. Vous pouvez attribuer deux raccourcis clavier différents pour chaque
commande. S'il en existe déjà deux, le bouton Ajouter l'élément (+) n'a aucun effet.
Supprimer un élément (-)
: supprime le raccourci sélectionné de la liste.
: affiche la combinaison de touches que vous entrez lorsque vous
ajoutez ou modifiez un raccourci.
Appuyer sur la touche
Remplacer : ajoute la combinaison de touches indiquée dans le champ Appuyer sur la
touche à la liste des raccourcis ou applique le nouveau raccourci clavier à la combinaison
de touches spécifiées.
70
Utilisation des documents Flash
Dupliquer : duplique le jeu en cours. Nommez le nouveau jeu ; le nom par défaut est celui
du jeu en cours incluant le mot copie.
Renommer
: attribue un nouveau nom au jeu en cours.
: enregistre le jeu en cours dans un tableau HTML
pour en simplifier la visualisation et l'impression. Vous pouvez ouvrir le fichier HTML
dans votre navigateur et imprimer les raccourcis comme référence rapide.
Enregistrer comme fichier HTML
Supprimer
3.
: supprime un jeu de raccourcis. (Vous ne pouvez pas supprimer le jeu actif.)
Cliquez sur OK pour confirmer vos modifications des raccourcis clavier.
Pour supprimer un raccourci d'une commande :
1.
Dans le menu contextuel Commandes, sélectionnez une catégorie de commande.
La liste Commandes affiche les commandes de cette catégorie.
2.
Sélectionnez une commande dans la liste Commandes.
Les raccourcis affectés à la commande s'affichent dans la liste Raccourcis.
3.
Sélectionnez un raccourci.
4.
Cliquez sur Supprimer l'élément (-).
Pour ajouter un raccourci à une commande :
1.
Dans le menu contextuel Commandes, sélectionnez une catégorie de commande.
La liste Commandes affiche les commandes de cette catégorie.
2.
Sélectionnez une commande dans la liste Commandes.
Les raccourcis affectés à la commande s'affichent dans la liste Raccourcis.
3.
4.
Procédez de l'une des manières suivantes pour ajouter un raccourci :
■
Si moins de deux raccourcis ont déjà été affectés à la commande, cliquez sur Ajouter
un élément (+). Une nouvelle ligne vierge apparaît dans la zone de texte Raccourcis et
le point d'insertion se déplace vers la zone de texte Appuyer sur la touche.
■
Si plusieurs raccourcis sont déjà attribués à la commande, sélectionnez-en un (il sera
remplacé par le nouveau raccourci), puis cliquez dans la zone Appuyer sur la touche.
Appuyez sur une combinaison de touches.
Celle-ci apparaît dans la zone Appuyer sur la touche.
REMARQUE
En cas de problème avec la combinaison de touches (par exemple, si elle est déjà
affectée à une autre commande), un message explicatif apparaît sous la zone de
texte Raccourcis, vous empêchant peut-être d'ajouter ou de modifier le raccourci.
Création de raccourcis clavier personnalisés
71
5.
Cliquez sur Remplacer.
La nouvelle combinaison de touches est attribuée à la commande.
Pour modifier un raccourci existant :
1.
Dans le menu contextuel Commandes, sélectionnez une catégorie de commande.
La liste Commandes affiche les commandes de cette catégorie.
2.
Sélectionnez une commande dans la liste Commandes.
Les raccourcis attribués à la commande apparaissent dans zone Raccourcis.
3.
Sélectionnez le raccourci à modifier.
4.
Cliquez dans la zone Appuyer sur la touche, et entrez une nouvelle combinaison de touches.
5.
Cliquez sur Remplacer.
REMARQUE
En cas de problème avec la combinaison de touches (par exemple, si elle est déjà
affectée à une autre commande), un message explicatif apparaît sous la zone de
texte Raccourcis, vous empêchant peut-être d'ajouter ou de modifier le raccourci.
A propos de la personnalisation des
menus contextuels dans les documents
Flash
Vous pouvez personnaliser le menu contextuel standard et le menu contextuel d'édition de
texte qui apparaissent dans les documents Flash de Flash Player, versions 7 et ultérieures.
■
72
Le menu contextuel standard s'affiche lorsque l'utilisateur clique avec le bouton droit de la
souris (Windows) ou en appuyant sur la touche Contrôle (Macintosh) sur un document
Flash Player, dans n'importe quelle zone à l'exception des champs de texte modifiable.
Vous pouvez ajouter des éléments personnalisés au menu et masquer les éléments par
défaut du menu, à l'exception des options Paramètres et Débogueur.
Utilisation des documents Flash
■
Le menu contextuel d'édition de texte s'affiche lorsque l'utilisateur clique avec le bouton
droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh) sur un champ texte
modifiable d'un document Flash Player. Vous pouvez ajouter des éléments personnalisés à
ce menu, mais vous ne pouvez pas masquer les éléments par défaut qui le composent.
REMARQUE
Flash Player affiche également un menu contextuel d'erreur lorsque l'utilisateur clique
avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) dans
Flash Player alors qu'aucun document n'est chargé. Ce menu n'est pas personnalisable.
Pour personnaliser les menus contextuels de Flash Player 7, utilisez les objets contextMenu et
contextMenuItem d'ActionScript. Pour plus d'informations sur l'utilisation de ces objets,
consultez la section %{ContextMenu}% dans Formation à ActionScript 2.0 dans Flash.
Tenez compte des critères suivants lors de la création d'éléments de menu contextuel
personnalisés pour Flash Player:
■
Les éléments personnalisés sont ajoutés au menu contextuel dans l'ordre de leur création.
Une fois les éléments créés, leur disposition dans le menu ne peut pas être modifiée.
■
Vous pouvez définir la visibilité et l'activation des éléments personnalisés.
■
Les éléments de menu contextuel personnalisés sont automatiquement convertis au
format Unicode UTF-8.
Le menu de liens dans Flash Player
Lorsqu'un utilisateur affiche Flash Player dans un navigateur Netscape ou une application
Active X, le lecteur affiche un menu de liens pour tous les documents Flash. Si l'utilisateur
clique avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur
un lien d'un document Flash, les éléments suivants apparaissent dans le menu:
L'option Ouvrir ouvre le lien.
L'option Ouvrir dans une nouvelle fenêtre ouvre le lien dans une nouvelle fenêtre.
L'option Copier le lien copie le lien dans le presse-papiers de l'utilisateur.
En outre, l'utilisateur peut ouvrir un lien dans une nouvelle fenêtre en procédant comme suit :
■
Dans un navigateur Netscape sous Windows : cliquez sur le lien tout en maintenant la
touche Ctrl enfoncée.
■
Dans un navigateur Netscape sous Macintosh : cliquez sur le lien tout en maintenant la
touche Commande enfoncée.
■
Dans une application Active X : cliquez sur le lien tout en maintenant la touche Maj enfoncée.
Le menu de liens dans Flash Player
73
Accélération de l'affichage du document
Pour accélérer l'affichage du document, vous pouvez utiliser les commandes du menu
Affichage pour désactiver les fonctions de qualité de rendu, qui nécessitent des calculs
supplémentaires et ralentissent l'affichage des documents.
Aucune de ces commandes n'affecte la manière dont Flash exporte un document. Pour
spécifier la qualité d'affichage des documents Flash dans un navigateur Web, utilisez les
paramètres object et embed. La commande Publier peut faire cela automatiquement à votre
place. Pour plus d'informations, consultez la section Publication des documents Flash,
page 525.
Pour modifier la vitesse d'affichage du document :
■
Choisissez Affichage > Mode Aperçu, puis choisissez l'une des options suivantes :
L'option Contours affiche uniquement les contours des formes de votre séquence, toutes
les lignes apparaissant comme des lignes fines. Le remodelage de vos éléments graphiques
est alors plus facile et l'affichage des séquences complexes plus rapide.
L'option Rapide désactive l'anticrénelage et affiche toutes les couleurs et tous les styles de
ligne de votre dessin.
L'option Antialias active l'anti-aliasing pour les lignes, les formes et les bitmaps. Cette
option affiche les formes et les lignes de sorte que leurs bords apparaissent plus lisses à
l'écran. Cette option dessine plus lentement que l'option Rapide. L'anti-aliasing
fonctionne mieux sur des cartes vidéo qui offrent des milliers (16 bits) ou des millions (24
bits) de couleurs. En mode 16 ou 256 couleurs, les lignes noires sont adoucies, mais le
rendu des couleurs peut être de meilleure qualité en mode Rapide.
L'option Texte antialiasé adoucit les bords du texte. Cette commande fonctionne mieux
avec des polices de grande taille et peut être lente pour une quantité importante de texte. Il
s'agit du mode de travail le plus courant.
L'option Complet permet un rendu complet du contenu sur la scène. Elle est susceptible
de ralentir l'affichage.
74
Utilisation des documents Flash
Optimisation des documents Flash
La vitesse de téléchargement et de lecture de votre document est proportionnelle à sa taille. Un
certain nombre d'opérations permettent de préparer vos documents pour obtenir une lecture
optimale. Au cours du processus de publication, Flash effectue automatiquement quelques
opérations d'optimisation sur les documents : par exemple, il détecte les formes exportées en
double et en ne les insère qu'en un seul exemplaire dans le fichier et convertit les groupes
imbriqués en groupes uniques.
Avant d'exporter un document, vous pouvez l'optimiser un peu plus en utilisant diverses
stratégies pour réduire sa taille. Vous pouvez également compresser un fichier SWF lorsque
vous le publiez. (Consultez le Chapitre 17, Publication, page 521.) Lorsque vous apportez
des changements, il peut s'avérer judicieux de tester votre document en l'exécutant sur
différents types d'ordinateurs, de systèmes d'exploitation et de connexions Internet.
Pour optimiser des documents :
■
Utilisez des symboles, animés ou non, pour tout élément apparaissant plus d'une fois.
■
Lors de la création de séquences d'animation, utilisez des interpolations dans la mesure du
possible. Ces animations nécessitent moins d'espace qu'une série d'images-clés.
■
Pour les séquences animées, utilisez des clips plutôt que des symboles graphiques.
■
Limitez la zone de modification de chaque image-clé ; faites en sorte que l'action prenne
place dans une zone aussi réduite que possible.
■
Evitez d'animer les éléments bitmap ; utilisez les bitmaps comme éléments statiques ou
d'arrière-plan.
■
Pour le son, utilisez le format MP3, le format audio le plus compact, à chaque fois que cela
est possible.
Pour optimiser les éléments et les lignes :
■
Groupez les éléments autant que possible.
■
Utilisez des calques pour séparer les éléments qui évoluent au cours de l'animation de ceux
qui ne subissent aucune modification.
■
Utilisez Modification > Courbes > Optimiser pour réduire le nombre de lignes distinctes
utilisées pour décrire les formes.
■
Limitez le nombre de types particuliers de lignes (par exemple, lignes en tirets ou
pointillées). Les lignes pleines utilisent moins de mémoire. Les lignes créées avec l'outil
Crayon nécessitent moins de mémoire que les coups de pinceau.
Optimisation des documents Flash
75
Pour optimiser le texte et les polices :
■
Limitez le nombre de polices et de styles de police. Utilisez les polices intégrées avec
parcimonie, car elles augmentent la taille du fichier.
■
Pour les options d'intégration des polices, sélectionnez seulement les caractères nécessaires
au lieu d'inclure la police entière.
Pour optimiser les couleurs :
■
Utilisez le menu Couleur de l'inspecteur des propriétés du symbole pour créer de
nombreuses occurrences d'un même symbole dans des couleurs différentes.
■
Utilisez le mélangeur (Fenêtre > Mélangeur) pour faire correspondre la palette de couleurs
du document et celle du navigateur.
■
Utilisez les dégradés avec parcimonie. Le remplissage d'une zone à l'aide de dégradés
nécessite 50 octets de plus que le remplissage à l'aide d'une couleur unie.
■
Utilisez la transparence alpha avec parcimonie, car elle peut ralentir la lecture.
Test des performances de
téléchargement des documents
Flash Player tente de respecter la cadence que vous définissez, la cadence réelle en cours de
lecture pouvant varier d'un ordinateur à l'autre. Si un document en cours de téléchargement
atteint une image avant que les données requises n'aient été téléchargées, le téléchargement
s'interrompt jusqu'à ce que ces données soient reçues.
Pour visualiser graphiquement les performances de téléchargement, vous pouvez afficher le
testeur de bande passante dans Flash Player pour voir la quantité de données envoyées pour
chaque image de l'animation selon la vitesse définie. Le testeur de bande passante comporte
deux panneaux. Le panneau de gauche affiche des informations sur le document, sur les
paramètres et l'état du téléchargement, ainsi que sur les flux continus, le cas échéant. Le
panneau de droite affiche des informations sur chacune des images du document.
Flash se base sur une estimation des performances traditionnelles sur Internet et non sur la
vitesse exacte du modem, pour simuler la vitesse de téléchargement. Par exemple, si vous
simulez une vitesse de modem de 28,8 Kbit/s, Flash fixe la vitesse réelle à 2,3 Kbit/s afin de
refléter les performances typiques d'Internet. Le testeur compense également la prise en charge
de la compression supplémentaire pour les fichiers SWF, réduisant ainsi la taille du fichier et
améliorant les performances de la lecture en flux continu.
76
Utilisation des documents Flash
Lorsque des fichiers SWF, GIF et XML externes, ainsi que des variables sont transmis à un
lecteur à l'aide de fonctions appelées par ActionScript (loadMovie et getUrl, par exemple),
les données transitent au taux défini pour la lecture en flux continu. Le débit de transmission
du fichier SWF principal est réduit en fonction de la diminution de la bande passante, due
aux requêtes supplémentaires de données. Il peut être utile de tester votre document avec
différentes vitesses de connexion et différents ordinateurs pour vous assurer qu'il ne surcharge
pas la connexion et/ou l'ordinateur les plus lents pour lesquels il est conçu.
Vous pouvez également générer un rapport pour trouver les images qui ralentissent la lecture
et ainsi optimiser ou supprimer une partie du contenu de ces images. Pour plus
d'informations, consultez la section Optimisation des documents Flash, page 75.
Pour modifier les paramètres du fichier SWF créé à l'aide des commandes Tester l'animation
et Tester la séquence, sélectionnez Fichier > Paramètres de publication. Pour plus
d'informations, consultez la section Publication des documents Flash, page 525.
Pour tester les performances de téléchargement :
1.
Effectuez l'une des opérations suivantes :
■
Sélectionnez Contrôle > Tester la séquence ou Contrôle > Tester l'animation.
Si vous testez une séquence ou un document, Flash publie la sélection en cours sous la
forme d'un fichier SWF en utilisant les paramètres de la boîte de dialogue Paramètres
de publication (Consultez le Publication des documents Flash, page 525.) Le
fichier SWF s'ouvre dans une nouvelle fenêtre et démarre immédiatement.
■
Sélectionnez Fichier > Ouvrir et choisissez un fichier SWF.
2.
Sélectionnez Affichage > Paramètres de téléchargement et sélectionnez la vitesse de
téléchargement que Flash doit simuler : 14,4Kbit/s, 28,8Kbit/s, 56Kbit/s, DSL, T1 ou un
paramètre utilisateur. Pour entrer un paramètre utilisateur personnalisé, sélectionnez
Personnaliser.
3.
Le fichier SWF affiché, sélectionnez Affichage > Testeur de bande passante pour afficher
un graphique des performances de téléchargement.
La partie gauche du testeur affiche des informations sur le document, sur les paramètres et
l'état du téléchargement, ainsi que sur les flux continus le cas échéant.
La section de droite du testeur affiche l'en-tête du scénario et le graphique. Chaque barre
du graphique représente une image du document. La taille de la barre correspond à celle
de l'image, exprimée en octets. La ligne rouge sous l'en-tête du scénario indique si une
image donnée est lue en temps réel avec le débit du modem défini dans le menu Contrôle.
Si une barre dépasse la ligne rouge, le document doit attendre le chargement de cette
image.
Test des performances de téléchargement des documents
77
4.
Sélectionnez Affichage > Simuler le téléchargement pour activer ou désactiver la lecture en
flux continu.
Si vous désactivez la lecture en flux continu, le document démarre sans simulation d'une
connexion Web.
5.
Cliquez sur une barre du graphique pour afficher les paramètres de l'image correspondante
dans la fenêtre de gauche et arrêter le document.
6.
Si nécessaire, réglez l'affichage du graphique de l'une des manières suivantes :
■
Sélectionnez Affichage > Graphique de lecture en continu pour afficher les images qui
provoqueront des pauses.
Cette vue par défaut affiche des blocs représentant chaque image en gris clair et foncé.
Le côté de chaque bloc indique sa taille relative en octets. La première image stocke le
contenu d'un symbole et est donc souvent plus volumineuse que les autres images.
■
Sélectionnez Affichage > Graphique image par image pour afficher la taille de chaque
image.
Cette vue vous aide à voir les images qui contribuent aux retards de lecture en flux
continu. Si un bloc d'image dépasse la ligne rouge dans le graphique, Flash Player
stoppe la lecture jusqu'à ce que l'image soit entièrement téléchargée.
7.
Fermez la fenêtre de test pour revenir à l'environnement auteur.
Une fois que vous avez paramétré un environnement de test incorporant le testeur de bande
passante, vous pouvez ouvrir un fichier SWF directement en mode de test. Le fichier s'ouvre
dans une fenêtre Flash Player, avec le testeur de bande passante et les autres options d'affichage
sélectionnées.
Pour plus d'informations sur le débogage de vos documents, consultez le Chapitre 2, Ecriture
et modification du code ActionScript 2.0 dans le guide Formation à ActionScript 2.0 dans Flash.
Pour générer un rapport répertoriant le volume des données dans le fichier
Flash Player final :
1.
Choisissez Fichier > Paramètres de publication et cliquez sur l'onglet Flash.
2.
Activez l'option Générer un rapport de taille.
3.
Cliquez sur Publier.
Flash génère un fichier texte (.txt) (si le fichier document s'appelle monAnimation.fla, le
fichier texte est nommé monAnimation Report.txt). Ce rapport répertorie la taille de
chaque image, forme, texte, son, vidéo et script ActionScript par image.
78
Utilisation des documents Flash
Impression à partir de l'outil de
programmation Flash
Vous pouvez imprimer les images des documents Flash pendant que vous travaillez afin
d'avoir un aperçu de vos documents.
Vous pouvez également spécifier les images qui doivent pouvoir être imprimées à partir de
Flash Player par un utilisateur affichant l'animation Flash. Pour plus d'informations,
consultez le Chapitre 20, Impression depuis des fichiers SWF, page 613.
Lors de l'impression d'images à partir d'un document Flash, vous devez utiliser la boîte de
dialogue Imprimer pour spécifier la plage de séquences ou d'images à imprimer, ainsi que le
nombre d'exemplaires. Sous Windows, la boîte de dialogue Mise en page permet de spécifier
la taille du papier, son orientation, ainsi que différentes options d'impression (notamment les
marges et si toutes les images doivent être imprimées pour chaque page). Sur Macintosh, ces
options sont réparties entre les boîtes de dialogue Mise en page et Marges d'impression.
Les boîtes de dialogue Imprimer et Mise en page sont standard pour les deux systèmes
d'exploitation et leur apparence dépend du pilote d'imprimante sélectionné.
Pour définir les options d'impression :
1.
Sélectionnez Fichier > Mise en page (Windows) ou Fichier > Marges d'impression
(Macintosh).
2.
Définissez les marges de la page. Sélectionnez les deux options de centrage pour imprimer
l'image au centre de la page.
3.
Dans le menu déroulant Images, indiquez si vous souhaitez imprimer toutes les images du
document ou uniquement la première image de chaque séquence.
4.
Dans le menu déroulant Disposition, sélectionnez parmi les options suivantes :
L'option Taille réelle imprime l'image à sa taille normale. Entrez une valeur d'échelle
pour réduire ou agrandir l'image imprimée.
L'option Ajuster sur une page réduit ou agrandit chaque image pour qu'elle remplisse
tout l'espace imprimable de la feuille.
Les options Storyboard impriment plusieurs vignettes sur une page. Choisissez entre
Cases, Grille ou Vide. Entrez le nombre de vignettes par page sous Images. Définissez
l'espace entre les vignettes sous Marge d'image. Activez l'option Etiqueter les images pour
imprimer l'étiquette de l'image sous la forme d'une vignette.
Pour imprimer les images :
■
Sélectionnez Fichier > Imprimer.
Impression à partir de l'outil de programmation Flash
79
80
Utilisation des documents Flash
CHAPITRE 2
2
Utilisation des projets (Flash
Professionnel uniquement)
Dans Macromedia Flash Professionnel 8, vous pouvez gérer plusieurs documents dans un seul
projet. Les projets Flash vous permettent de regrouper plusieurs fichiers associés pour créer des
applications complexes.
Des fonctions de contrôle de la version vous permettent de vous assurer que vous travaillez sur
les versions de fichiers adéquates, afin d'éliminer tout risque d'écrasement accidentel des
informations. Pour utiliser ces fonctions de contrôle de version, vous devez d'abord ajouter
des fichiers à un projet. Pour plus d'informations sur le contrôle de version, consultez la
section Utilisation du contrôle de version dans les projets (Flash Professionnel uniquement),
page 87.
Les projets Flash incluent les fonctions suivantes :
■
Un projet Flash peut contenir tout type d'animation Flash ou de fichier, y compris les
versions précédentes des fichiers FLA et SWF.
■
Vous pouvez ajouter des fichiers existants à un projet Flash. Chaque fichier ne peut être
ajouté à un projet Flash spécifique qu'à une seule reprise. Les fichiers peuvent être dans des
dossiers imbriqués.
■
Un projet Flash est un fichier XML qui porte l'extension de fichier .flp, par exemple,
monProjet.flp. Ce fichier XML référence tous les documents du projet.
■
Un projet Flash peut contenir un autre projet Flash (fichier FLP).
■
Les changements apportés à un projet sont immédiatement répercutés dans le fichier FLP,
de sorte que ce dernier reste à jour (il n'est pas nécessaire d'utiliser la commande
d'enregistrement du fichier).
■
Vous pouvez créer un projet Flash dans l'environnement auteur de Flash Professionnel 8
ou créer le fichier XML d'un projet Flash dans une application externe.
■
Les projets Flash utilisent le codage UTF-8. Tous les noms de fichiers et de répertoires
d'un projet Flash doivent être compatibles avec le codage UTF-8.
81
Ce chapitre contient les sections suivantes :
Création et gestion de projets (Flash Professionnel uniquement). . . . . . . . . . . . . . . 82
Utilisation du contrôle de version dans les projets (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Résolution des problèmes liés à la création d'un dossier distant (Flash
Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
Création et gestion de projets
(Flash Professionnel uniquement)
Le panneau de projet Flash vous permet de créer et de gérer des projets. Il affiche le contenu
d'un projet Flash sous la forme d'une arborescence extensible. La barre de titre du panneau
indique le nom du projet.
Si un fichier est manquant (s'il n'apparaît pas à l'emplacement spécifié), une icône spécifique
apparaît en regard de son nom. Vous pouvez alors rechercher ce fichier ou le supprimer du
projet.
Lorsque vous publiez un projet, chaque fichier FLA de ce projet est publié avec le profil de
publication spécifié pour ce fichier. Avant de publier un projet, vous devez définir les profils
de publication dans la boîte de dialogue Paramètres du projet.
Il est impossible d'ouvrir plusieurs projets simultanément. Si un projet est ouvert et que vous
créez un autre projet, Flash enregistre et ferme automatiquement le premier projet.
Pour afficher le panneau Projet Flash :
■
Sélectionnez Fenêtre > Projet.
Pour afficher le menu contextuel Projet :
■
Après avoir ouvert un projet, cliquez sur le bouton Projet dans le coin supérieur gauche du
panneau Projet Flash.
Pour créer un nouveau projet :
1.
82
Pour ouvrir un nouveau projet, effectuez l'une des opérations suivantes :
■
Sélectionnez Nouveau projet dans le menu contextuel Projet.
■
Si aucun autre projet n'est ouvert, ouvrez le panneau Projet Flash et sélectionnez Créer
un projet dans le panneau.
■
Sélectionnez Fichier > Nouveau. Dans l'onglet Général, sélectionnez Projet Flash.
Utilisation des projets (Flash Professionnel uniquement)
■
2.
Si aucun projet n'est actuellement ouvert, cliquez avec le bouton droit de la souris
(Windows) ou en appuyant sur la touche Contrôle (Macintosh) dans la fenêtre d'un
document Flash ou d'un fichier ActionScript enregistré, puis sélectionnez Ajouter au
nouveau projet dans le menu contextuel.
Dans la boîte de dialogue Nouveau projet, entrez le nom du projet et cliquez sur
Enregistrer.
Pour ouvrir un projet existant, effectuez l'une des opérations suivantes :
■
Sélectionnez Ouvrir un projet dans le menu contextuel Projet. Sélectionnez le projet et
cliquez sur Ouvrir.
■
Double-cliquez sur le fichier.
■
Si aucun autre projet n'est ouvert, ouvrez le panneau Projet Flash et sélectionnez Ouvrir
un projet existant dans le panneau. Sélectionnez le projet et cliquez sur Ouvrir.
■
Choisissez Fichier > Ouvrir. Sélectionnez le projet et cliquez sur Ouvrir.
Pour ajouter un fichier, effectuez l'une des opérations suivantes :
■
Cliquez sur le bouton Ajouter des fichiers (+) dans le coin inférieur droit du panneau
Projet Flash. Sélectionnez un ou plusieurs fichiers et cliquez sur Ajouter.
■
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche
Contrôle (Macintosh) dans la fenêtre d'un fichier FLA ou AS ouvert et sélectionnez
Ajouter au projet dans le menu contextuel.
REMARQUE
Avant d'ajouter un fichier à un projet, vous devez au préalable l'enregistrer. Vous ne
pouvez ajouter un fichier à un projet spécifique qu'à une seule reprise. Si vous essayez
d'ajouter à plusieurs reprises un fichier à un même projet, un message d'erreur s'affiche
dans Flash.
Pour créer un dossier :
1.
Cliquez sur le bouton Dossier dans le coin inférieur droit du panneau Projet Flash.
2.
Entrez le nom du nouveau dossier et cliquez sur OK.
R E M AR QU E
Les dossiers placés au même niveau d'une même branche de l'arborescence du projet
doivent porter des noms différents. Si un conflit de nom se produit, un message d'erreur
s'affiche dans Flash.
Création et gestion de projets (Flash Professionnel uniquement)
83
Pour déplacer un fichier ou un dossier :
■
Faites glisser le fichier ou dossier vers un nouvel emplacement de l'arborescence du projet.
Lorsque vous déplacez un dossier, vous déplacez également les éléments qu'il contient.
R E M A R QU E
Si vous faites glisser un dossier vers un emplacement contenant un dossier du même
nom, Flash fusionne le contenu des deux dossiers au nouvel emplacement.
Pour supprimer un fichier ou un dossier, sélectionnez l'élément dans le
panneau Projet Flash et effectuez l'une des opérations suivantes :
■
Cliquez sur le bouton Supprimer dans le coin inférieur droit du panneau Projet Flash.
■
Appuyez sur la touche Suppr.
■
Cliquez avec le bouton droit de la souris (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur le fichier ou le dossier et choisissez Supprimer dans le menu contextuel.
Pour ouvrir un fichier à partir du panneau Projet Flash dans Flash :
■
Double-cliquez sur le nom du fichier dans le panneau Projet Flash.
Si le fichier est de type natif (un type pris en charge par l'outil de programmation Flash), le
fichier s'ouvre dans Flash. Si le fichier est de type non natif, il s'ouvre dans l'application
qui a servi à sa création.
Pour tester un projet :
1.
Cliquez sur Tester le projet dans le panneau Projet Flash.
2.
Si le projet ne contient pas de fichiers FLA, HTML ou HTM, un message d'erreur s'affiche
dans Flash. Cliquez sur OK et ajoutez un fichier au format approprié.
3.
Si aucun fichier FLA, HTML ou HTM n'est défini comme document par défaut, un
message d'erreur s'affiche dans Flash. Cliquez sur OK. Dans la boîte de dialogue
Sélectionner un document par défaut, sélectionnez un document et cliquez sur OK.
Lorsqu'il existe déjà un document par défaut, la fonction Tester le projet permet d'afficher
l'ensemble des fichiers FLA du document. Si le document par défaut est un fichier FLA, la
commande Tester l'animation est exécutée. S'il s'agit d'un fichier HTML, un navigateur
est lancé.
84
Utilisation des projets (Flash Professionnel uniquement)
Pour définir un profil de publication pour un fichier FLA appartenant à un
projet :
1.
Sélectionnez le fichier dans le panneau Projet Flash et effectuez l'une des opérations
suivantes :
■
Sélectionnez Paramètres dans le menu contextuel Projet.
■
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche
Contrôle (Macintosh), puis sélectionnez Paramètres dans le menu contextuel.
2.
Dans la boîte de dialogue Paramètres du projet, sélectionnez le fichier FLA dans
l'arborescence.
3.
Sélectionnez un profil de publication dans le menu Profil.
Pour plus d'informations sur les profils de publication, consultez la sectionUtilisation des
profils de publication, page 550.
Pour publier un projet :
■
Sélectionnez Publier le projet dans le menu contextuel Projet.
REMARQUE
A moins que vous ne changiez la sélection, Flash utilise les profils de publication des
fichiers FLA par défaut définis pour le projet. Reportez-vous à la procédure ci-dessus
pour sélectionner les profils de publication.
Pour enregistrer des fichiers dans un projet lors d'un test ou d'une publication :
1.
Sélectionnez Edition > Préférences (Windows) ou Flash > Préférences (Macintosh) et
cliquez sur l'onglet Modification .
2.
Dans la section Préférences du projet, cliquez sur Enregistrer les fichiers du projet lors du
test ou de la publication du projet.
Lorsque cette option est sélectionnée, Flash enregistre tous les fichiers ouverts du projet en
cours avant de procéder au test et à la publication du projet.
Pour fermer un projet :
■
Sélectionnez Fermer le projet dans le menu contextuel Projet.
Par défaut, Flash ferme tous les fichiers d'un projet lorsque vous fermez le projet. Pour
modifier ce paramètre, désélectionnez l'option Fermer les fichiers ouverts lors de la
fermeture du projet, dans l'onglet Modification de la boîte de dialogue Préférences.
Création et gestion de projets (Flash Professionnel uniquement)
85
Pour fermer tous les fichiers lorsque vous fermez un projet :
1.
Sélectionnez Edition > Préférences (Windows) ou Flash > Préférences (Macintosh) et
cliquez sur l'onglet Modification .
2.
Dans la section Préférences du projet, cliquez sur Fermer les fichiers ouverts lors de la
fermeture du projet (valeur par défaut).
Lorsque cette option est sélectionnée, Flash ferme tous les fichiers ouverts du projet en
cours lorsque vous fermez le projet.
Pour renommer un projet ou un dossier :
1.
2.
Sélectionnez le nom du projet ou du dossier dans le panneau Projet Flash et effectuez l'une
des opérations suivantes :
■
Sélectionnez Renommer dans le menu contextuel Projet.
■
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche
Contrôle (Macintosh) sur l'élément, puis sélectionnez Renommer dans le menu
contextuel.
Entrez un nouveau nom, puis cliquez sur OK.
REMARQUE
Par défaut, le projet porte le nom du premier fichier que vous lui ajoutez. Pour renommer
un projet, vous devez utiliser la commande de menu Renommer. L'attribution d'un
nouveau nom au fichier FLP d'un projet ne modifie pas le nom du projet.
Pour rechercher un fichier manquant :
1.
Sélectionnez le nom du fichier dans le panneau Projet Flash.
2.
Effectuez l'une des opérations suivantes :
3.
86
■
Sélectionnez Rechercher le fichier manquant dans le menu contextuel Projet.
■
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche
Contrôle (Macintosh), puis sélectionnez Rechercher le fichier manquant dans le menu
contextuel.
Accédez au fichier et cliquez sur OK.
Utilisation des projets (Flash Professionnel uniquement)
Utilisation du contrôle de version dans les
projets (Flash Professionnel uniquement)
Le contrôle de version de Flash Professionnel 8 permet de vous assurer que tous les auteurs
travaillant sur un projet utilisent la dernière version des fichiers et qu'ils ne risquent pas ainsi
d'écraser leur travail respectif.
Pour utiliser les fonctions de contrôle de la version, vous devez définir le site du projet. Vous
pouvez spécifier une connexion locale, réseau ou FTP ou bien indiquer des modules
personnalisés pour les systèmes de contrôle de la version. En cas de problème lors de la
définition d'un site distant, consultez la section Résolution des problèmes liés à la création d'un
dossier distant (Flash Professionnel uniquement), page 89.
Dans Windows, les projets Flash peuvent être utilisés avec SourceSafe. Vous devez disposer de
la version 6 du client Microsoft Visual SourceSafe.
Pour définir un site pour le contrôle de version :
1.
Créez un nouveau projet et ajoutez-y des fichiers. Pour plus d'informations, consultez la
sectionCréation et gestion de projets (Flash Professionnel uniquement), page 82.
2.
Sélectionnez Fichier > Modifier les sites.
3.
Dans la boîte de dialogue Modifier les sites, cliquez sur Nouveau.
4.
Dans la boîte de dialogue Définition du site, entrez le nom du site, le répertoire racine local,
l'adresse électronique et le nom de l'utilisateur.
5.
Pour spécifier une connexion locale, réseau ou FTP, sélectionnez Local/Réseau ou FTP
dans le menu Connexion. Entrez les informations relatives à la connexion locale/réseau ou
à la connexion FTP, et passez à l'étape suivante.
Utilisation du contrôle de version dans les projets (Flash Professionnel uniquement)
87
6.
Pour indiquer une base de données Visual SourceSafe, choisissez Base de données
SourceSafe dans le menu Connexion.
R E M A R QU E
Seul Windows prend en charge la base de données SourceSafe. Vous devez
disposer de la version 6 du client Microsoft Visual SourceSafe.
a.
Dans la zone Chemin, cliquez sur Parcourir pour rechercher la base de données VSS
souhaitée ou indiquez le chemin complet. Le fichier sélectionné devient le fichier
srcsafe.ini qui servira à initialiser SourceSafe.
b.
Dans la zone Projet, indiquez le projet de la base de données VSS à utiliser comme
répertoire racine du site distant.
c.
Dans les zones Nom d'utilisateur et Mot de passe, indiquez vos nom et mot de passe
pour la base de données sélectionnée. Si vous ne les connaissez pas, adressez-vous à
votre administrateur système.
d.
Cliquez sur OK pour revenir dans la boîte de dialogue Définition du site.
7.
Dans le panneau Projet Flash (Fenêtre > Projet), sélectionnez Paramètres dans le menu
contextuel Projet.
8.
Dans la boîte de dialogue Paramètres du projet, sélectionnez l'un des sites définis dans le
menu Site de la section Contrôle de la version. Cliquez sur OK.
9.
Dans le menu déroulant Projet, sélectionnez Archiver. Flash archive tous les fichiers du
projet en cours sur le site.
Pour modifier un fichier sur lequel le contrôle de version est activé :
1.
Ouvrez le projet contenant le fichier, comme décrit dans la sectionCréation et gestion de
projets (Flash Professionnel uniquement), page 82.
2.
Sélectionnez le fichier dans l'arborescence du panneau Projet Flash et cliquez sur Extraire
dans le menu contextuel du projet.
L'icône placée en regard du nom du fichier dans l'arborescence indique que le fichier est
extrait.
3.
Pour archiver de nouveau un fichier, sélectionnez-le dans le panneau Projet Flash et
sélectionnez Archiver dans le menu contextuel.
L'icône placée en regard du nom du fichier dans l'arborescence indique que le fichier est
archivé.
88
Utilisation des projets (Flash Professionnel uniquement)
Pour ouvrir un fichier à partir d'un site de contrôle de version :
1.
Sélectionnez Fichier > Ouvrir à partir du site.
2.
Dans la boîte de dialogue Ouvrir à partir du site, sélectionnez le site dans le menu déroulant
Site.
3.
Sélectionnez ce fichier dans le site.
4.
Si le fichier existe sur votre système local, Flash indique si le fichier est extrait et, le cas
échéant, vous demande si vous souhaitez l'écraser. Cliquez sur Oui pour remplacer la
version locale par la version du site distant.
Résolution des problèmes liés à la
création d'un dossier distant (Flash
Professionnel uniquement)
Un serveur Web peut être configuré de différentes manières. La liste suivante présente les
solutions aux problèmes les plus courants que vous pouvez rencontrer lors de la création d'un
dossier distant utilisé avec le contrôle de version.
■
L'implémentation d'une connexion FTP dans Flash pourrait de pas fonctionner
correctement avec certains serveurs proxy, pare-feu multi-niveaux ou autres types d'accès
indirect au serveur. Si vous rencontrez des difficultés liées à l'accès au serveur FTP, veuillez
vous adresser à l'administrateur de votre système.
■
Pour implémenter une connexion FTP dans Flash, vous devez établir une connexion au
dossier racine du système distant. (Dans nombre d'applications, vous pouvez établir une
connexion à n'importe quel répertoire distant, puis parcourir les fichiers distants afin de
repérer le répertoire que vous cherchez.) Veillez à désigner le dossier racine du système
distant en tant que répertoire hôte.
■
Si vous n'arrivez pas à établir de connexion et si vous avez bien désigné le répertoire hôte
en utilisant une barre oblique unique (/), vous devez probablement spécifier un chemin
relatif entre le répertoire auquel vous essayez de vous connecter et le dossier racine distant.
Par exemple, si le dossier racine distant est un répertoire de niveau supérieur, vous devez
probablement spécifier ../../ pour le répertoire hôte.
Résolution des problèmes liés à la création d'un dossier distant (Flash Professionnel uniquement)
89
■
Les noms de fichiers et de dossiers contenant des espaces et des caractères spéciaux posent
souvent des problèmes lors du transfert vers un site distant. Remplacez les espaces par des
traits de soulignement et évitez d'utiliser les caractères spéciaux dans les noms de fichiers et
de dossiers. Les deux points, les barres obliques, les points et les apostrophes sont
particulièrement susceptibles de causer des problèmes lorsqu'ils sont utilisés dans les noms
de fichiers ou de dossiers.
■
Si les problèmes persistent, essayez de procéder au téléchargement via un programme FTP
externe afin d'établir si le problème est lié à l'utilisation de la connexion FTP dans Flash.
90
Utilisation des projets (Flash Professionnel uniquement)
CHAPITRE 3
3
Utilisation de symboles, d'occurrences
et d'éléments de bibliothèque
Un symbole est un graphique, un bouton ou un clip créé dans Macromedia Flash Basic 8 ou
Macromedia Flash Professionnel 8.
Ce symbole n'est créé qu'une seule fois, et vous pouvez ensuite le réutiliser dans le même
document ou dans d'autres documents. Un symbole peut inclure une illustration que vous
avez importée d'une autre application. Tout symbole que vous créez devient automatiquement
un élément de la bibliothèque du document courant. Pour plus d'informations sur la
bibliothèque, consultez la section Gestion des éléments multimédia dans la bibliothèque,
page 35.
Ce chapitre décrit la création de symboles et d'occurrences dans l'environnement auteur
Flash. Vous pouvez aussi créer des boutons, des clips et des graphismes en utilisant les classes
Button et MovieClip (pour créer des graphismes, utilisez les méthodes de dessin de la classe
MovieClip). Consultez les sections %{Button}% et %{MovieClip}% dans Guide de référence
du langage Flash ActionScript.
Chaque symbole que vous créez possède son propre scénario. Vous pouvez y ajouter des
images, des images-clés et des calques comme dans le scénario principal. Pour plus
d'informations, consultez la section Utilisation du scénario du guide Bien démarrer avec Flash.
Lorsque vous créez des symboles correspondant à des clips ou à des boutons, ActionScript
vous permet de les contrôler. Pour plus d'informations, consultez le Chapitre 9, Gestion
d’événements, dans le guide Formation à ActionScript 2.0 dans Flash.
Une occurrence est une copie d'un symbole situé sur la scène ou imbriqué dans un autre
symbole. Une occurrence peut avoir une couleur, une taille et une fonction différentes de
celles de son symbole. La manipulation d'un symbole met toutes ses occurrences à jour, mais
l'application d'effets sur une occurrence de symbole ne met à jour que cette occurrence.
91
L'utilisation de symboles dans les documents réduit sensiblement la taille du fichier,
l'enregistrement de plusieurs occurrences d'un symbole exigeant en effet moins d'espace
disque que l'enregistrement de plusieurs copies du contenu du symbole. Par exemple, vous
pouvez réduire la taille de vos documents en convertissant des graphiques statiques (images
d'arrière-plan, par exemple) en symboles réutilisables. Dans la mesure où un symbole n'a
besoin d'être téléchargé qu'une seule fois dans Flash Player, l'utilisation de symboles permet
également d'accélérer la lecture des fichiers SWF.
Vous pouvez partager les symboles entre les documents en tant qu'éléments de bibliothèque
partagés pendant la programmation ou à l'exécution. Dans le cas des éléments partagés à
l'exécution, vous pouvez lier les éléments d'un document source à tout nombre de documents
de destination, sans les y importer. Dans le cas des éléments partagés pendant la
programmation, vous pouvez mettre à jour ou remplacer un symbole avec n'importe quel
autre symbole disponible sur votre réseau local. Voir Utilisation des ressources d'une bibliothèque
partagée, page 123.
Si vous importez des éléments dans une bibliothèque contenant déjà des éléments du même
nom, vous pouvez résoudre les conflits sans écraser accidentellement les éléments existants.
Voir Résolution des conflits entre éléments de la bibliothèque, page 127.
Vous trouverez une description de l'utilisation des symboles et des occurrences dans la section
Tâches de base : Créer des symboles et des occurrences des didacticiels Flash.
Ce chapitre contient les sections suivantes :
Types de symboles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93
A propos de la mise à l'échelle à 9 découpes et des symboles de clip. . . . . . . . . . . 94
Modification de symboles de clip à l'aide de la mise à l'échelle à 9 découpes . . . . 95
Mise en cache de symboles de clip et de bouton sous forme de bitmaps à
l'exécution . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
A propos du contrôle des occurrences et des symboles avec ActionScript . . . . . . 97
Création de symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97
Création d'occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101
Création de boutons. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
Activation, modification et test des boutons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
Manipulation des symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105
Modification des propriétés des occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
Contrôle d'occurrences à l'aide de comportements . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Création de comportements personnalisés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .113
Meilleures pratiques d'utilisation des comportements . . . . . . . . . . . . . . . . . . . . . . . . .115
Séparation des occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .119
92
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Obtention d'informations sur les occurrences sur la scène. . . . . . . . . . . . . . . . . . . . 120
Copie des actifs de bibliothèque entre les documents. . . . . . . . . . . . . . . . . . . . . . . . .121
Utilisation des ressources d'une bibliothèque partagée. . . . . . . . . . . . . . . . . . . . . . . 123
Résolution des conflits entre éléments de la bibliothèque . . . . . . . . . . . . . . . . . . . . 127
Types de symboles
Chaque symbole possède ses propres scénario, scène et calques. Chaque fois que vous créez un
symbole, vous devez en déterminer le type en fonction de la façon dont vous souhaitez
l'utiliser dans le document.
■
Utilisez les symboles graphiques pour les images statiques et pour créer des éléments
d'animation réutilisables liées au scénario principal. Les symboles graphiques fonctionnent
de manière synchronisée avec le scénario principal. Les sons et les éléments de contrôle
interéléments ne fonctionnent pas dans la séquence d'animation d'un symbole graphique.
■
Utilisez des symboles de bouton pour créer des boutons interactifs qui réagissent aux clics,
au survol ou à d'autres actions de la souris. Vous définissez les graphiques associés aux
différents états de bouton, puis affectez des actions à une occurrence de bouton. Pour plus
d'informations, consultez le Chapitre 9, Gestion d’événements, dans le guide Formation à
ActionScript 2.0 dans Flash.
■
Utilisez des symboles de clip pour créer des éléments d'animation réutilisables. Les clips
possèdent leur propre scénario, qui est lu indépendamment du scénario principal du
document ; petites animations à l'intérieur de l'animation principale, ils peuvent contenir
des contrôles interactifs, des sons, voire des occurrences d'autres clips. Vous pouvez
également placer des occurrences de clip dans le scénario d'un symbole de bouton pour
créer des boutons animés.
■
Utilisez les symboles de police pour exporter une police et l'utiliser dans d'autres
documents Flash. Voir Création de symboles de police, page 200.
Flash fournit des composants intégrés, des clips aux paramètres définis, qui vous permettent
d'ajouter facilement des éléments d'interface utilisateur (boutons, cases à cocher, barres de
défilement, etc.) dans vos documents. Pour plus d'informations, consultez la section
Introduction du guide Utilisation des composants.
R E MA R Q U E
Pour afficher un aperçu de l'interactivité et de l'animation des symboles de clip dans
l'environnement auteur de Flash, vous devez sélectionner Contrôle > Activer l'aperçu
en direct.
Types de symboles
93
A propos de la mise à l'échelle à 9
découpes et des symboles de clip
Vous pouvez utiliser la mise à l'échelle à 9 découpes (Echelle-9) pour spécifier l'échelle de style
composant des clips. Ainsi, vous pouvez créer des symboles de clip mis à l'échelle de manière
appropriée afin d'être utilisés en tant que composants d'interface utilisateur, à la différence du
type de redimensionnement généralement appliqué aux graphiques et aux éléments de
conception.
Le clip est alors divisé de façon conceptuelle en neuf sections, sur le modèle d'une grille, et
chacune de ces neuf zones est mise à l'échelle indépendamment des autres. Pour préserver
l'intégrité visuelle du clip, les angles ne sont pas mis à l'échelle, mais les autres zones de l'image
sont agrandies ou réduites (et non pas étirées) selon le besoin.
Lorsqu'une mise à l'échelle à 9 découpes est appliquée à un symbole de clip, les guides
apparaissent sur l'image de ce symbole dans l'aperçu du panneau Bibliothèque. La mise à
l'échelle à 9 découpes est visible uniquement dans la la fenêtre Tester l'animation ; vous ne
pouvez pas l'afficher sur la scène.
94
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Modification de symboles de clip à l'aide
de la mise à l'échelle à 9 découpes
Par défaut, les repères de découpe sont placés à 25 % (ou 1/4) de la largeur et de la hauteur du
symbole par rapport au bord du symbole. Lorsque vous vous trouvez en mode d'édition de
symbole, les repères de découpe font apparaître des lignes pointillées superposées sur le
symbole de la scène principale. Les repères n'apparaissent pas lorsque le symbole est en mode
de modification en place. Les repères de découpe n'accrochent pas lorsque vous les faites
glisser dans l'espace de travail.
Pour activer la mise à l'échelle à 9 découpes d'un symbole de clip existant :
1.
Le document source étant ouvert, sélectionnez Fenêtre > Bibliothèque pour afficher le
panneau Bibliothèque.
2.
Sélectionnez un symbole de clip, de bouton ou de graphisme dans le panneau Bibliothèque.
3.
Sélectionnez Propriétés dans le menu d'options de la bibliothèque.
4.
Cochez la case Activer les repères d'échelle à 9 découpes.
Les repères de découpe sont superposés sur le symbole de la scène.
Pour modifier un symbole de clip avec mise à l'échelle à 9 découpes :
1.
Suivez l'une des procédures suivantes pour passer en mode de modification de symbole :
■
Sélectionnez une occurrence du symbole sur la scène et cliquez dessus avec le bouton
droit de la souris (Windows) ou en appuyant sur la touche Contrôle (Macintosh), puis
sélectionnez Modifier dans le menu contextuel.
■
Sélectionnez le symbole dans la bibliothèque, cliquez dessus avec le bouton droit de la
souris (Windows) ou en appuyant sur la touche Contrôle (Macintosh), puis
sélectionnez Modifier dans le menu contextuel.
■
Double-cliquez sur le symbole dans la bibliothèque.
Les répères des 9 découpes apparaissent.
2.
Placez le pointeur au-dessus de l'un des quatre repères dans l'espace de travail pour le faire
pointer vers la position du repère horizontal ou vertical spécifiant qu'une opération de
déplacement va modifier la position du repère. Faites glisser et relâchez le pointeur.
La nouvelle position du repère est actualisée dans l'aperçu de ce symbole dans la
bibliothèque.
Modification de symboles de clip à l'aide de la mise à l'échelle à 9 découpes
95
Mise en cache de symboles de clip et de
bouton sous forme de bitmaps à
l'exécution
La mise en cache des images bitmap à l'exécution permet d'optimiser les performances en
lecture, en spécifiant qu'un clip statique (une image d'arrière-plan, par exemple) ou un
symbole de bouton doivent être mis en cache sous forme de bitmap lors de l'exécution. La
mise en cache d'un clip sous forme de bitmap évite à Flash Player de devoir constamment
redessiner l'image, améliorant ainsi de manière significative les performances de lecture.
Par exemple, lors de la création d'animations dotées d'un arrière-plan complexe, vous pouvez
créer un clip pour l'arrière-plan. Cet arrière-plan est alors rendu sous forme d'un bitmap
stocké à la profondeur d'écran actuelle. Il peut donc être tracé très rapidement, ce qui autorise
une animation plus rapide et plus fluide, puisqu'il n'est plus nécessaire de retracer
continuellement l'arrière-plan.
Sans la mise en cache sous forme de bitmap, l'animation risque d'être trop lente en raison de
ce retraçage continuel de l'arrière-plan à partir de données vectorielles.
La mise en cache d'un clip sous forme de bitmap permet de « figer » ce clip en place
automatiquement. En cas de modification d'une zone, Flash utilise les données vectorielles
pour mettre à jour le cache de bitmaps. Le nombre de retraçages que Flash Player doit effectué
en est donc réduit, ce qui autorise une lecture plus fluide et plus rapide.
La mise en cache d'un clip sous forme de bitmap ne doit être utilisée que pour des clips
statiques complexes, dans lesquels la position (mais pas le contenu) change à chaque image de
l'animation. Cette amélioration des performances de lecture par la mise en cache du clip sous
forme de bitmap ne peut être observée que pour des clips à contenu complexe. Aucune
amélioration des performances en lecture ne peut être constatée dans le cas de clips simples.
Pour plus d'informations, consultez la section Quand activer la mise en cache du Chapitre 11,
Utilisation des clips, dans le guide Formation à ActionScript 2.0 dans Flash.
R E MA R Q U E
96
Vous pouvez uniquement cocher la case Utiliser la mise en cache des bitmaps à
l'exécution pour les symboles de clip et de bouton.
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Un clip n'utilise pas de bitmap (même si la case Utiliser la mise en cache des bitmaps à
l'exécution est cochée), et rend le symbole de clip ou de bouton à l'aide des données
vectorielles, lorsque :
■
La taille du bitmap est trop importante (plus de 2 880 pixels dans l'une ou l'autre
direction).
■
Le bitmap ne peut pas être alloué (erreur de type saturation de la mémoire).
■
La surface parente utilise un troncateur de vecteurs (le parent défile ou pivote
partiellement).
Pour activer la mise en cache des bitmaps pour un clip :
1.
Sélectionnez le clip ou le symbole de bouton sur la scène.
2.
Dans l'inspecteur des propriétés du symbole, cochez la case Utiliser la mise en cache des
bitmaps à l'exécution.
A propos du contrôle des occurrences et
des symboles avec ActionScript
ActionScript permet de contrôler les occurrences de clip et de bouton. Pour cela, les
occurrences de clip et de bouton doivent avoir un nom unique. Pour plus d'informations
concernant l'attribution d'un nom à une occurrence, consultez la section Création
d'occurrences, page 101. ActionScript permet également de contrôler les symboles de clip et de
bouton. Pour plus d'informations, consultez le Chapitre 9, Gestion d’événements, dans le guide
Formation à ActionScript 2.0 dans Flash.
Création de symboles
Vous pouvez créer un symbole à partir d'une sélection d'objets sur la scène ou créer un
symbole vide et créer ou importer son contenu en mode d'édition de symbole. Vous pouvez
également créer des symboles de police dans Flash. Voir Création de symboles de police,
page 200. Les symboles peuvent posséder toutes les fonctions que vous pouvez créer à l'aide de
Flash, notamment l'animation.
L'utilisation de symboles dotés d'animation permet de créer des applications Flash avec
beaucoup de mouvement, tout en limitant la taille des fichiers correspondants. Pensez à créer
de l'animation dans un symbole lorsque l'action est répétitive ou cyclique, comme les
battements d'ailes d'un oiseau, par exemple.
Création de symboles
97
Vous pouvez également ajouter des symboles à votre document en utilisant les éléments de la
bibliothèque partagée, pendant la programmation ou à l'exécution. Voir Utilisation des
ressources d'une bibliothèque partagée, page 123.
Pour convertir des éléments sélectionnés en symboles :
1.
Sélectionnez un ou plusieurs éléments sur la scène, puis effectuez l'une des opérations
suivantes :
■
Choisissez Modifier > Convertir en symbole.
■
Faites glisser la sélection vers le panneau Bibliothèque.
■
Cliquez avec le bouton droit (Windows) ou en appuyant sur la touche Contrôle
(Macintosh), puis sélectionnez Convertir en symbole dans le menu contextuel.
2.
Dans la boîte de dialogue Convertir en symbole, tapez le nom du symbole, puis
sélectionnez son comportement : Graphique, Bouton ou Clip. Voir Types de symboles,
page 93.
3.
Cliquez dans la grille d'alignement afin de positionner le point d'alignement du symbole.
4.
(Facultatif) Si vous créez un bouton ou un autre composant en utilisant des clips, vous
pouvez activer l'option Activer les repères d'échelle à 9 découpes.
La mise à l'échelle à 9 découpes vous permet de créer des symboles de clip mis à l'échelle
de manière appropriée afin d'être utilisés en tant que composants d'interface utilisateur, à
la différence du type de redimensionnement généralement appliqué aux graphiques et aux
éléments de conception. Pour plus d'informations, consultez la section A propos de la mise
à l'échelle à 9 découpes et des symboles de clip, page 94.
5.
Cliquez sur OK.
Flash ajoute le symbole à la bibliothèque. La sélection sur la scène devient une occurrence
du symbole. Vous ne pouvez pas modifier une occurrence directement sur la scène : pour
ce faire, vous devez l'ouvrir en mode d'édition de symbole. Vous pouvez également
modifier le point d'alignement d'un symbole. Voir Manipulation des symboles, page 105.
Pour créer un symbole vide :
1.
2.
98
Vérifiez que rien n'est sélectionné sur la scène et effectuez l'une des opérations suivantes :
■
Sélectionnez Modification > Nouveau symbole.
■
Cliquez sur le bouton Nouveau symbole, en bas à gauche du panneau Bibliothèque.
■
Sélectionnez Nouveau symbole dans le menu d'options du panneau Bibliothèque
(coin supérieur droit).
Dans la boîte de dialogue Créer un symbole, tapez le nom du symbole, puis sélectionnez
son comportement : Graphique, Bouton ou Clip. Voir Types de symboles, page 93.
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
3.
Cliquez sur OK.
Flash ajoute le symbole à la bibliothèque et passe en mode d'édition de symbole. En mode
d'édition de symbole, le nom du symbole apparaît au-dessus de l'angle supérieur gauche
de la scène et une mire indique le point d'alignement du symbole.
4.
Pour créer le contenu du symbole, utilisez le scénario, dessinez à l'aide des outils de dessin,
importez un média ou créez des occurrences d'autres symboles.
5.
Une fois le contenu du symbole créé, effectuez l'une des opérations suivantes pour revenir
au mode d'édition de document :
■
Cliquez sur le bouton de retour, situé du côté gauche de la barre d'information audessus de la scène.
■
Sélectionnez Edition > Modifier le document.
■
Cliquez sur le nom de la séquence, dans la barre d'information située au-dessus de la
scène.
Lorsque vous créez un symbole, son point d'alignement se positionne au centre de la
fenêtre en mode d'édition des symboles. Le point d'alignement sert de repère pour le
positionnement du contenu du symbole dans la fenêtre. Vous pouvez également modifier
l'emplacement du point d'alignement en déplaçant le symbole en mode d'édition. Voir
Manipulation des symboles, page 105.
Conversion d'un effet d'animation sur scène en clip
Si vous avez créé sur la scène une séquence animée que vous voulez réutiliser ailleurs dans le
document ou si vous voulez la manipuler en tant qu'occurrence, sélectionnez-la pour
l'enregistrer en tant que symbole de clip.
Pour convertir un effet d'animation sur scène en clip :
1.
Dans le scénario principal, sélectionnez chaque image de chaque calque de l'effet
d'animation sur la scène que vous souhaitez utiliser. Pour plus d'informations sur la
sélection des images, consultez la section Utilisation du scénario du guide Bien démarrer avec
Flash.
2.
Copiez les images en effectuant l'une des opérations suivantes :
■
Cliquez avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur l'image sélectionnée, puis sélectionnez Copier les images dans le
menu contextuel. Sélectionnez Couper pour supprimer la séquence après l'avoir
convertie en clip.
■
Choisissez Edition > Scénario > Copier les images. Sélectionnez Couper les images
pour supprimer la séquence après l'avoir convertie en clip.
Création de symboles
99
3.
Annulez votre sélection et assurez-vous que rien n'est sélectionné sur la scène. Sélectionnez
Modification > Nouveau symbole.
4.
Dans la boîte de dialogue Créer un nouveau symbole, nommez le symbole. Pour
Comportement, choisissez Clip, puis cliquez sur OK.
Flash ouvre un nouveau symbole pour modification en mode d'édition de symbole.
5.
Cliquez sur l'Image 1 du calque 1 dans le scénario, puis sélectionnez Edition > Scénario >
Coller les images.
Les images (et les calques et noms de calques) que vous aviez copiées dans le scénario
principal sont collées dans le scénario de ce symbole de clip. Tout effet d'animation,
bouton ou interactivité des images que vous avez copiés devient une animation
indépendante (un symbole de clip) que vous pouvez réutiliser tout au long de l'animation.
6.
Une fois le contenu du symbole créé, effectuez l'une des opérations suivantes pour revenir
au mode d'édition de document :
■
Cliquez sur le bouton de retour, situé du côté gauche de la barre d'information audessus de la scène.
■
Sélectionnez Edition > Modifier le document.
■
Cliquez sur le nom de la séquence, dans la barre d'information située au-dessus de la
scène.
Duplication des symboles
La duplication d'un symbole vous permet d'utiliser un symbole existant comme point de
départ pour la création d'un nouveau symbole.
Vous pouvez également utiliser des occurrences pour créer des versions aux apparences
différentes du symbole. Voir Création d'occurrences, page 101.
Pour dupliquer un symbole dans le panneau Bibliothèque :
1.
Sélectionnez un symbole dans le panneau Bibliothèque.
2.
Pour dupliquer le symbole, effectuez l'une des opérations suivantes :
100
■
Cliquez avec le bouton droit (Windows) ou en appuyant sur la touche Contrôle
(Macintosh), puis sélectionnez Dupliquer dans le menu contextuel.
■
Sélectionnez Dupliquer dans le menu d'options de la bibliothèque.
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Pour dupliquer un symbole en sélectionnant une occurrence :
1.
Sélectionnez une occurrence du symbole sur la scène.
2.
Sélectionnez Modification > Symbole > Dupliquer le symbole.
Le symbole est dupliqué et l'occurrence est remplacée par une occurrence du symbole
dupliqué.
Création d'occurrences
Une fois que vous avez créé un symbole, vous pouvez créer des occurrences de ce symbole aux
emplacements de votre choix dans votre document, voire dans d'autres symboles. Lorsque
vous modifiez le symbole, Flash met automatiquement à jour toutes ses occurrences.
Flash affecte des noms par défaut aux occurrences de clip et de bouton au moment de leur
création. L'inspecteur des propriétés permet ensuite d'attribuer des noms personnalisés aux
différentes occurrences. Le nom ainsi attribué permet de désigner les occurrences d'un même
symbole dans ActionScript. Il est impératif que le nom d'une occurrence soit unique, pour
pouvoir la contrôler dans ActionScript. Pour plus d'informations, consultez le Chapitre 9,
Gestion d’événements, dans le guide Formation à ActionScript 2.0 dans Flash.
Pour créer une occurrence d'un symbole :
1.
Sélectionnez un calque dans le scénario.
Flash peut placer des occurrences dans les images-clés uniquement, toujours sur le calque
courant. Si vous ne sélectionnez pas d'image-clé, l'occurrence sera ajoutée à la première
image-clé située à gauche de l'image en cours.
REMARQUE
Une image-clé est une image dans laquelle vous définissez les changements d'un
effet d'animation. Pour plus d'informations, consultez la section Utilisation d’images
dans le scénario du guide Bien démarrer avec Flash.
2.
Sélectionnez Fenêtre > Bibliothèque pour ouvrir la bibliothèque.
3.
Faites glisser le symbole de la bibliothèque jusqu'à la scène.
4.
Si vous avez créé une occurrence d'un symbole graphique, sélectionnez Insertion >
Scénario > Image pour ajouter le nombre d'images contenant le symbole graphique.
Création d'occurrences
101
Pour affecter un nom à une occurrence :
1.
Sélectionnez l'occurrence sur la scène.
2.
Sélectionnez Fenêtre > Propriétés si l'inspecteur des propriétés n'est pas visible.
3.
Entrez un nom dans le champ Nom de l'occurrence, du côté gauche de l'inspecteur des
propriétés (en dessous de la liste déroulante Comportement de symbole).
Une fois l'occurrence d'un symbole créée, vous pouvez spécifier ses effets de couleur, lui
affecter des actions, définir son mode d'affichage graphique et changer son comportement
dans l'inspecteur des propriétés. Le comportement de l'occurrence est, sauf indication
contraire, identique au comportement du symbole. Toute modification effectuée affecte
uniquement l'occurrence, pas le symbole. Pour plus d'informations, consultez la section
Modification des propriétés des occurrences, page 107.
Création de boutons
Les boutons sont en réalité des clips interactifs composés de quatre images. Lorsque vous
sélectionnez le comportement de bouton pour un symbole, Flash crée un scénario avec
quatre images. Les trois premières images affichent les trois différents états du bouton et la
quatrième définit la zone active du bouton. En réalité, le scénario n'est pas lu ; il réagit
simplement aux mouvements et aux actions du pointeur en se plaçant sur l'image appropriée.
Pour rendre un bouton interactif dans une animation, placez une occurrence du symbole du
bouton sur la scène et affectez-lui des actions. Vous devez affecter les actions à l'occurrence du
bouton dans le document et non aux images dans le scénario du bouton.
Chaque image du scénario d'un symbole de bouton possède une fonction spécifique :
■
La première image, l'état Haut, représente l'apparence normale du bouton quand le
pointeur n'est pas dessus.
■
La deuxième image, l'état Survolé, représente l'apparence du bouton quand le pointeur se
trouve dessus.
■
La troisième image, l'état Abaissé, représente l'apparence du bouton quand vous
cliquez dessus.
■
La quatrième image, l'état Cliquable, définit la zone qui réagit au clic de la souris. Cette
zone est invisible dans le fichier SFW.
102
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Vous pouvez aussi créer un bouton à partir d'un symbole de clip ou d'un composant Button.
Chaque type de bouton présente des avantages, selon vos besoins. La création d'un bouton à
partir d'un clip permet d'ajouter plusieurs images au bouton ou d'obtenir une animation plus
complexe. Toutefois, les boutons créés à partir de clips ont une taille de fichier plus
importante que celle des symboles. L'utilisation d'un composant Button permet de lier le
bouton à d'autres composants, afin de partager et afficher des données dans une application.
De plus, les composants Button comportent certaines fonctionnalités prédéfinies, comme la
prise en charge de l'accessibilité, et peuvent être personnalisés. Les composants Button sont de
type PushButton ou RadioButton. Pour plus d'informations, consultez le Chapitre 4,
Composant Button, de Utilisation des composants.
Pour créer un bouton :
1.
Sélectionnez Edition > Tout désélectionner pour vous assurer que rien n'est sélectionné sur
la scène.
2.
Sélectionnez Insertion > Nouveau Symbole ou appuyez sur Ctrl+F8 (Windows) ou
Commande+F8 (Macintosh).
Pour créer le bouton, vous convertissez les images du bouton en images-clés.
3.
Dans la boîte de dialogue Créer un symbole, entrez le nom du nouveau symbole de bouton,
puis sélectionnez le comportement Bouton.
Flash bascule en mode d'édition de symbole. L'en-tête du scénario change pour afficher
quatre images consécutives intitulées Haut, Dessus, Abaissé et Cliqué. La première image,
Haut, est une image-clé vide.
4.
Pour créer l'image du bouton dans un état Haut, utilisez les outils de dessin, importez un
graphique ou placez l'occurrence d'un autre symbole sur la scène.
Vous pouvez utiliser un symbole graphique ou un symbole de clip dans un bouton, mais
vous ne pouvez pas utiliser un autre bouton dans un bouton. Utilisez un symbole de clip si
vous souhaitez créer un bouton animé.
5.
Cliquez sur la deuxième image, intitulée Dessus, puis sélectionnez Scénario > Image-clé.
Flash insère une image-clé qui duplique le contenu de l'image Haut.
6.
Changez l'image du bouton pour l'état Dessus.
7.
Répétez les étapes 5 et 6 pour les images des états Abaissé et Cliqué.
L'image de l'état Cliqué n'est pas visible sur la scène, mais définit la zone du bouton qui
réagit au clic. Assurez-vous que le graphique de l'image Cliqué est une zone pleine
suffisamment large pour englober tous les éléments graphiques des images Haut, Abaissé
et Dessus. Elle peut aussi être plus large que le bouton visible. Si vous ne spécifiez pas
d'image pour l'état Cliqué, l'image de l'état Haut sert alors d'image pour l'état Cliqué.
Création de boutons
103
Vous pouvez créer un survol discontinu : le déplacement du curseur sur un bouton
entraînera la modification d'un autre graphique de la scène. Pour ce faire, placez l'image
Cliquable à un endroit différent des autres images de bouton.
8.
Pour associer un son à un état du bouton, sélectionnez l'image correspondant à l'état dans
le scénario, sélectionnez Fenêtre > Propriétés, puis choisissez un son dans le menu Son de
l'inspecteur des propriétés. Pour plus d’informations, consultez Ajout de sons aux boutons,
page 363.
9.
Lorsque vous avez terminé, sélectionnez Edition > Modifier le document. Faites glisser le
symbole du bouton hors du panneau Bibliothèque pour en créer une occurrence dans le
document.
Activation, modification et test des
boutons
Par défaut, Flash laisse les boutons désactivés lors de leur création afin de faciliter leur
sélection et leur utilisation. Lorsqu'un bouton est désactivé, il suffit de cliquer dessus pour le
sélectionner. Lorsqu'un bouton est activé, il réagit aux événements déclenchés par la souris
que vous avez spécifiés, comme lorsque le fichier SWF est en lecture. Vous pouvez quand
même sélectionner les boutons activés. En règle générale, désactivez les boutons pour travailler
dessus et activez-les pour tester rapidement leur comportement.
Pour activer et désactiver des boutons :
■
Sélectionnez Contrôle > Activer les boutons simples. Une coche apparaît en regard de la
commande pour indiquer que les boutons sont activés. Sélectionnez-la à nouveau pour
désactiver les boutons.
Tous les boutons de la scène répondent. Lorsque vous passez la souris au-dessus d'un
bouton, Flash affiche l'image Dessus ; lorsque vous cliquez à l'intérieur de la zone active
du bouton, Flash affiche l'image Abaissé.
Pour sélectionner un bouton activé :
■
104
Utilisez l'outil de sélection pour tracer un cadre de sélection autour du bouton.
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Pour déplacer ou modifier un bouton activé :
1.
Sélectionnez le bouton comme décrit ci-dessus.
2.
Effectuez l'une des opérations suivantes :
■
Servez-vous des touches de direction pour déplacer le bouton.
■
Si l'inspecteur des propriétés n'est pas visible, sélectionnez Fenêtre > Propriétés pour
modifier le bouton dans l'inspecteur des propriétés ; vous pouvez également doublecliquer sur le bouton avec la touche Alt (Windows) ou Option (Macintosh) enfoncée.
Pour tester un bouton, effectuez l'une des opérations suivantes :
■
Sélectionnez Contrôle > Activer les boutons simples. Placez le pointeur au-dessus du
bouton activé pour le tester.
■
Sélectionnez le bouton dans le panneau Bibliothèque et cliquez sur le bouton Lire dans la
fenêtre d'aperçu.
■
Sélectionnez Contrôle > Tester la séquence ou Contrôle > Tester l'animation.
Les clips des boutons ne sont pas visibles dans l'environnement auteur de Flash. Voir
Activation, modification et test des boutons, page 104.
Manipulation des symboles
Lorsque vous modifiez un symbole, Flash met à jour toutes ses occurrences dans le document.
Flash permet de manipuler les symboles de trois manières différentes. Vous pouvez modifier le
symbole par rapport aux autres objets de la scène à l'aide de la commande Modifier en place.
Les autres objets apparaissent en grisé pour les distinguer du symbole que vous modifiez. Le
nom du symbole que vous manipulez est affiché dans une barre d'information, située en haut
de la scène, à droite du nom de la séquence courante.
Vous pouvez aussi modifier un symbole dans une autre fenêtre, à l'aide de la commande
Modifier dans une nouvelle fenêtre. La modification d'un symbole dans une autre fenêtre
vous permet de visualiser le symbole et le scénario principal de façon simultanée. Le nom du
symbole que vous manipulez est affiché dans une barre d'information, en haut de la scène.
Vous modifiez le symbole en changeant la fenêtre de façon à ne plus afficher la scène mais
seulement le symbole (dans le mode d'édition de symbole). Le nom du symbole que vous
manipulez est affiché dans une barre d'information, en haut de la scène, à droite du nom de la
séquence courante.
Lorsque vous manipulez un symbole, Flash met automatiquement à jour toutes ses
occurrences dans le document, de façon à refléter les modifications effectuées. Lors de la
modification d'un symbole, vous pouvez utiliser des outils de dessin, importer un média ou
créer des occurrences d'autres symboles.
Manipulation des symboles
105
Vous pouvez modifier le point d'alignement d'un symbole (point identifié par les
coordonnées 0, 0) ; pour cela, modifiez le symbole en recourant à l'une des différentes
méthodes possibles.
Pour modifier un symbole en place :
1.
Effectuez l'une des opérations suivantes :
■
Double-cliquez sur une occurrence du symbole sur la scène.
■
Sélectionnez une occurrence du symbole sur la scène et cliquez dessus avec le bouton
droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh), puis
sélectionnez Modifier en place dans le menu contextuel.
■
Sélectionnez une occurrence du symbole sur la scène, puis choisissez Edition >
Modifier en place.
2.
Modifiez le symbole selon vos besoins.
3.
Pour modifier le point d'alignement, faites glisser le symbole sur la scène. Une mire indique
l'emplacement du point d'alignement.
4.
Pour quitter le mode de modification sur place et revenir en mode d'édition de document,
effectuez l'une des opérations suivantes :
■
Cliquez sur le bouton de retour, situé du côté gauche de la barre d'information audessus de la scène.
■
Sélectionnez le nom de la séquence courante dans le menu déroulant Séquence de la
barre d'information située en haut de la scène.
■
Sélectionnez Edition > Modifier le document.
Pour modifier un symbole dans une nouvelle fenêtre :
1.
Sélectionnez une occurrence du symbole sur la scène et cliquez dessus avec le bouton droit
(Windows) ou en appuyant sur la touche Contrôle (Macintosh), puis sélectionnez Modifier
dans une nouvelle fenêtre dans le menu contextuel.
2.
Modifiez le symbole selon vos besoins.
3.
Pour modifier le point d'alignement, faites glisser le symbole sur la scène. Une mire indique
l'emplacement du point d'alignement.
4.
Cliquez sur Fermer, dans le coin supérieur droit (Windows) ou gauche (Macintosh), pour
fermer la nouvelle fenêtre, puis cliquez sur la fenêtre de document principale pour
reprendre votre travail.
106
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Pour modifier un symbole en mode d'édition de symbole :
1.
Pour sélectionner le symbole, effectuez l'une des opérations suivantes :
■
Double-cliquez sur l'icône du symbole dans le panneau Bibliothèque.
■
Sélectionnez une occurrence du symbole sur la scène et cliquez dessus avec le bouton
droit de la souris (Windows) ou en appuyant sur la touche Contrôle (Macintosh), puis
sélectionnez Modifier dans le menu contextuel.
■
Sélectionnez une occurrence du symbole sur la scène, puis choisissez Edition >
Modifier les symboles.
■
Sélectionnez le symbole dans le panneau Bibliothèque, puis sélectionnez Modifier
dans le menu d'options ; vous pouvez également cliquer sur le symbole avec le bouton
droit de la souris (Windows) ou en appuyant sur la touche Contrôle (Macintosh),
avant de sélectionner Modifier dans le menu contextuel.
2.
Modifiez le symbole selon vos besoins.
3.
Pour modifier le point d'alignement, faites glisser le symbole sur la scène. Une mire indique
l'emplacement du point d'alignement.
4.
Pour quitter le mode d'édition de symbole et revenir au mode d'édition du document,
effectuez l'une des opérations suivantes :
■
Cliquez sur le bouton de retour, situé du côté gauche de la barre d'information audessus de la scène.
■
Sélectionnez Edition > Modifier le document.
■
Cliquez sur le nom de la séquence, dans la barre d'information située au-dessus de la
scène.
Modification des propriétés des
occurrences
Chaque occurrence de symbole possède ses propres propriétés, distinctes de celles du symbole.
Vous pouvez modifier la teinte, la transparence et la luminosité d'une occurrence, redéfinir
son comportement (convertir, par exemple, un graphique en clip) et indiquer le mode de
lecture de l'animation dans une occurrence de graphique. Vous pouvez également incliner,
faire pivoter ou redimensionner une occurrence sans affecter le symbole.
Vous pouvez en outre nommer une occurrence de clip ou de bouton pour permettre la
modification de ses propriétés avec ActionScript. Pour plus d'informations, consultez le
Chapitre 6, Classes, dans le guide Formation à ActionScript 2.0 dans Flash. Pour modifier les
propriétés d'une occurrence, vous utiliserez l'inspecteur des propriétés (Fenêtre > Propriétés).
Modification des propriétés des occurrences
107
Les propriétés d'une occurrence sont enregistrées avec cette dernière. Si vous modifiez un
symbole ou reliez une occurrence à un autre symbole, les propriétés que vous avez modifiées
s'appliquent toujours à l'occurrence.
Modification de la couleur et de la transparence d'une
occurrence
Chaque occurrence d'un symbole peut avoir son propre effet de couleur. Pour définir les
options de couleur et de transparence des occurrences, vous utiliserez l'inspecteur des
propriétés. Les paramètres de l'inspecteur des propriétés s'appliquent également aux bitmaps
placés dans les symboles.
Lorsque vous modifiez la couleur et la transparence d'une occurrence dans une image donnée,
Flash effectue la modification dès qu'il affiche cette image. Pour opérer des modifications de
couleur progressives, vous devez appliquer une interpolation de mouvement. Lors de
l'interpolation des couleurs, vous entrez différents paramètres d'effet dans les images-clés de
début et de fin d'une occurrence, puis interpolez les paramètres pour faire évoluer les couleurs
de l'occurrence au fil du temps. Pour plus d'informations, consultez la section Interpolation
d'occurrences, de groupes et de texte, page 293.
REMARQUE
Si vous appliquez un effet de couleur à un symbole de clip contenant plusieurs images,
Flash applique l'effet à chaque image du symbole.
Pour changer la couleur et la transparence d'une occurrence :
1.
Sélectionnez l'occurrence sur la scène, puis choisissez Fenêtre > Propriétés.
2.
Dans l'inspecteur des propriétés, sélectionnez l'une des options suivantes dans le menu
déroulant Couleur :
L'option Luminosité règle l'aspect clair ou sombre relatif de l'image, mesuré sur une
échelle allant du noir (–100 %) au blanc (100 %). Cliquez sur le triangle et faites glisser le
curseur ou entrez une valeur dans le champ pour régler la luminosité.
L'option Teinte colorie l'occurrence avec la même nuance. Utilisez le curseur Teinte de
l'inspecteur des propriétés pour sélectionner le pourcentage de teinte, qui va de
transparent (0 %) à entièrement saturé (100 %). Cliquez sur le triangle et faites glisser le
curseur ou entrez une valeur dans le champ pour régler la teinte. Pour sélectionner une
couleur, entrez les valeurs de rouge, de vert et de bleu dans les champs respectifs. Vous
pouvez également cliquer sur la puce de couleur et sélectionner l'une des couleurs
répertoriées dans la fenêtre ou cliquer sur le bouton Sélecteur de couleur.
108
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
L'option Alpha ajuste la transparence de l'occurrence, de transparente (0 %) à
complètement saturée (100 %). Pour définir la valeur alpha, cliquez sur le triangle et faites
glisser le curseur de défilement ou saisissez une valeur dans la zone de texte.
L'option Avancé permet d'ajuster séparément les valeurs de rouge, vert et bleu, ainsi que
la transparence d'une occurrence. Cela est très utile lorsque vous voulez créer et animer des
effets de couleur subtils dans des objets tels que les bitmaps. Les commandes situées à
gauche permettent de réduire les valeurs de couleur ou de transparence d'un pourcentage
spécifique. Les commandes de droite permettent de réduire ou d'augmenter les valeurs de
couleur ou de transparence d'une valeur constante.
Les valeurs de couleur rouge, vert, bleu et alpha en cours sont multipliées par les valeurs de
pourcentage, puis ajoutées aux valeurs constantes dans la colonne de droite pour obtenir
les nouvelles valeurs de couleur. Par exemple, si la valeur de rouge actuelle est égale à 100,
le réglage du curseur de gauche à 50 % et du curseur de droite à 100 donne une nouvelle
valeur de rouge égale à 150 ([100 x 0,5] + 100 = 150).
REMARQUE
Les paramètres avancés du panneau Effet implémentent la fonction (a * y+ b)= x, où
a est le pourcentage spécifié dans l'ensemble de champs de gauche, y est la couleur
du bitmap d'origine, b est la valeur spécifiée dans l'ensemble des champs de droite et
x est l'effet résultant (entre 0 et 255 pour RVB et entre 0 et 100 pour la
transparence alpha).
Vous pouvez aussi modifier la couleur d'une occurrence à l'aide de l'objet Color
d'ActionScript. Pour plus d'informations sur l'objet Color, consultez la section %{Color}%
dans Guide de référence du langage Flash ActionScript.
Permutation des occurrences
Vous pouvez affecter un symbole différent à une occurrence pour afficher une occurrence qui,
tout en préservant les propriétés d'origine de l'occurrence (effets de couleur, actions des
boutons, etc.), sera différente.
Par exemple, imaginons que vous créez un dessin animé avec un symbole de rat comme
personnage, mais que vous décidez de remplacer le personnage par un chat. Vous pouvez
remplacer le symbole de rat par celui du chat et afficher le personnage mis à jour
approximativement au même endroit dans toutes les images.
Pour affecter un symbole différent à une occurrence :
1.
Sélectionnez l'occurrence sur la scène, puis choisissez Fenêtre > Propriétés.
2.
Cliquez sur le bouton Echanger dans l'inspecteur des propriétés.
Modification des propriétés des occurrences
109
3.
Dans la boîte de dialogue Permuter le symbole, sélectionnez le symbole par lequel vous
souhaitez remplacer celui actuellement affecté à l'occurrence. Pour dupliquer un symbole
sélectionné, cliquez sur le bouton Dupliquer le symbole, en bas de la boîte de dialogue.
La duplication vous permet de créer un nouveau symbole à partir d'un symbole existant
dans la bibliothèque et réduit les opérations de copie si vous créez plusieurs symboles qui
ont très peu de différences.
4.
Cliquez sur OK.
Pour remplacer toutes les occurrences d'un symbole :
1.
Faites glisser un symbole ayant le même nom que celui devant être remplacé dans le
panneau Bibliothèque.
2.
Dans la boîte de dialogue Résoudre les conflits de bibliothèque, cliquez sur Remplacer.
Pour plus d'informations, consultez la section Résolution des conflits entre éléments de la
bibliothèque, page 127.
Changement du type d'une occurrence
Vous pouvez changer le type d'une occurrence afin d'en redéfinir le comportement dans une
application Flash. Par exemple, si une occurrence graphique contient un effet d'animation que
vous voulez exécuter indépendamment du scénario de l'animation principale, vous pouvez
redéfinir cette occurrence en tant qu'occurrence de clip.
Pour changer le type d'une occurrence :
1.
Sélectionnez l'occurrence sur la scène, puis choisissez Fenêtre > Propriétés.
2.
Sélectionnez Graphique, Bouton ou Clip dans le menu déroulant affiché dans le coin
supérieur gauche de l'inspecteur des propriétés.
Définition de la lecture en boucle pour les
occurrences de graphismes
Vous pouvez déterminer l'exécution des séquences de l'animation à l'intérieur d'une
occurrence graphique dans l'application Flash en définissant des options dans l'inspecteur des
propriétés.
Un symbole graphique animé est lié au scénario du document dans lequel il est placé. En
revanche, un symbole de clip possède son propre scénario indépendant. L'animation des
symboles graphiques animés, qui utilisent le même scénario que le document principal, est
affichée en mode d'édition d'animation. Les symboles de clip s'affichent sous forme d'objets
statiques sur la scène et non sous forme d'animations dans l'environnement auteur de Flash.
110
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Pour définir la lecture en boucle d'une occurrence de graphisme :
1.
Sélectionnez une occurrence de graphique sur la scène, puis choisissez Fenêtre > Propriétés.
2.
Dans l'inspecteur des propriétés, sélectionnez une option d'animation dans le menu
déroulant situé sous le nom de l'occurrence :
L'option Boucle lit en boucle toutes les séquences de l'animation contenues dans
l'occurrence en cours, selon le nombre d'images occupées par l'occurrence.
L'option Lire une fois lit la séquence d'animation à partir de l'image que vous spécifiez et
jusqu'à la fin de l'animation, puis s'arrête.
L'option Image unique affiche une image de la séquence d'animation. Spécifiez l'image
que vous souhaitez afficher.
Contrôle d'occurrences à l'aide de
comportements
Vous pouvez contrôler les occurrences de clip et les occurrences graphiques d'un document en
leur affectant des comportements. Vous évitez ainsi de recourir au code ActionScript. Les
comportements sont des scripts ActionScript préconçus vous permettant d'intégrer tout le
potentiel, le contrôle et la souplesse du code ActionScript dans votre document sans passer par
l'étape de rédaction de code ActionScript.
Les comportements permettent de définir l'ordre d'empilement d'une occurrence dans une
image, mais aussi de charger, de purger, de lire, d'arrêter, de dupliquer et de faire glisser un clip
ou encore d'insérer des liens vers des URL.
Les comportements permettent également de charger un graphique externe ou un calque
animé dans un clip.
Pour contrôler un clip à l'aide d'un comportement, il faut dans un premier temps affecter un
comportement à un objet de déclenchement, par exemple un bouton, par l'intermédiaire du
panneau Comportements. Vous devez alors indiquer l'événement déclencheur du
comportement (relâchement du bouton, par exemple), sélectionner l'objet cible (l'occurrence
de clip) affecté par le comportement et, le cas échéant, définir les valeurs des paramètres du
comportement (le numéro de l'image ou l'étiquette, par exemple).
Contrôle d'occurrences à l'aide de comportements
111
Les comportements figurant dans le tableau ci-après sont disponibles dans Flash Basic 8 et
Flash Professionnel 8. Pour plus d'informations sur les comportements des vidéos intégrées,
consultez la section Contrôle de la lecture de la vidéo à l'aide des comportements, page 348. Pour
plus d'informations sur le contrôle des sons à l'aide des comportements, consultez Contrôle de
la lecture audio à l'aide des comportements, page 366.
Comportement
Objectif
Sélectionnez/entrez
Charger un
graphique
Charge un fichier JPEG externe
dans un clip ou un écran.
Chemin et nom de fichier du
fichier JPEG.
Nom de l'occurrence du clip ou de
l'écran qui reçoit le graphique.
Charger un clip
externe
Charge un fichier SWF externe
dans un clip ou un écran cible.
URL du fichier SWF externe.
Nom de l'occurrence du clip ou de
l'écran qui reçoit le fichier SWF.
Dupliquer un clip
Duplique un clip ou un écran.
Nom de l'occurrence du clip à
dupliquer.
Décalage X et décalage Y des
pixels entre l'original et la copie.
GotoAndPlay à partir Lit un clip à partir d'une image
d'une image ou
donnée.
d'une étiquette
Nom de l'occurrence du clip cible
à lire.
Numéro ou étiquette de l'image à
lire.
Arrête la lecture d'un clip ;
GotoAndStop à
partir d'une image ou possibilité de déplacer la tête de
lecture vers une image donnée.
d'une étiquette
Nom de l'occurrence du clip cible
à arrêter.
Numéro ou étiquette de l'image à
arrêter.
Premier plan
Déplace le clip ou l'écran cible en
première position dans l'ordre
d'empilement.
Nom de l'occurrence du clip ou de
l'écran.
Vers l'avant
Déplace le clip ou l'écran cible
d'une place vers le haut dans
l'ordre d'empilement.
Nom de l'occurrence du clip ou de
l'écran.
Arrière-plan
Déplace le clip cible en dernière
Nom de l'occurrence du clip ou de
position dans l'ordre d'empilement. l'écran.
Vers l'arrière
Déplace le clip ou l'écran cible
Nom de l'occurrence du clip ou de
d'une place vers le bas dans l'ordre l'écran.
d'empilement.
112
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Comportement
Objectif
Sélectionnez/entrez
Déplacer le clip
Commence à déplacer un clip.
Nom de l'occurrence du clip ou de
l'écran.
Arrêter le
Interrompt le déplacement en
déplacement du clip cours.
Pour ajouter et configurer un comportement :
1.
Sélectionnez l'objet (bouton ou autre) qui va déclencher le comportement.
2.
Dans le panneau Comportements (Fenêtre > Comportements), cliquez sur le bouton
Ajouter (+) et choisissez le comportement désiré dans le sous-menu Clip.
3.
Dans la boîte de dialogue qui s'affiche, sélectionnez le clip à contrôler à l'aide du
comportement.
4.
Sélectionnez un chemin relatif ou absolu.
Pour plus d'informations, consultez les sections Chemins absolus, page 45, et Chemins
relatifs, page 45.
5.
Si nécessaire, sélectionnez ou saisissez les valeurs des paramètres du comportement, puis
cliquez sur OK.
Les paramètres par défaut du comportement figurent dans le panneau Comportements.
6.
Sous Evénement, cliquez sur On Release (événement par défaut), puis sélectionnez un
événement de souris dans le menu. Pour utiliser l'événement On Release, ne modifiez pas
l'option.
Création de comportements
personnalisés
Vous pouvez écrire vos propres comportements personnalisés pour répondre à vos besoins.
Pour ce faire, il vous suffit de créer un fichier XML contenant le code ActionScript requis
pour exécuter le comportement voulu et de l'enregistrer dans le dossier Comportements de
l'ordinateur local. Les comportements sont stockés à l'emplacement suivant :
■
Windows : C:\Documents and Settings\nom utilisateur\Local Settings\Application
Data\Macromedia\Flash 8\langue\Configuration\Behaviors
■
Macintosh : DD Macintosh/Utilisateurs/nom utilisateur/Library/Application Support/
Macromedia/Flash 8/langue/Configuration/Behaviors/
Création de comportements personnalisés
113
Avant de créer vos propres comportements, examinez les divers fichiers XML de
comportement afin de comprendre la syntaxe des fichiers XML, ainsi que le code ActionScript
utilisé pour créer les comportements. Si vous n'avez jamais écrit de comportements, vous
devez vous familiariser avec les balises XML utilisées pour créer les éléments d'interface
utilisateur (telles que les boîtes de dialogue) et avec ActionScript, le langage de code utilisé
pour créer des comportements. Pour en savoir plus sur les balises XML utilisées pour créer les
éléments d'interface, consultez l’Annexe B, XML vers UI. Pour en savoir plus sur
ActionScript, consultez le guide Formation à ActionScript 2.0 dans Flash.
Vous pouvez également télécharger des comportements créés par d'autres utilisateurs de Flash
sur le site Web Macromedia Exchange. Vous pouvez visiter le site Web Macromedia Exchange
à l'adresse : http://www.macromedia.com/fr/devnet/mx/flash/
Pour créer un comportement personnalisé :
1.
A l'aide d'un éditeur de code XML, créez un nouveau fichier XML et nommez-le en
fonction du comportement que vous souhaitez créer.
REMARQUE
2.
Vous pouvez ouvrir le fichier XML d'un comportement existant et l'enregistrer sous
un nouveau nom. Vous obtenez ainsi un modèle qui vous sert à créer votre
comportement personnalisé.
Saisissez un nom de catégorie.
Une catégorie est ainsi créée dans le panneau Comportements sous lequel le
comportement est répertorié.
<behavior_definition dialogID="Trigger-dialog" category="myCategory"
authoringEdition="pro" name="behaviorName" >
3.
Entrez le nom du comportement.
Ce paramètre définit le nom qui sera répertorié dans le panneau Comportements.
<behavior_definition dialogID="Trigger-dialog" category="myCategory"
authoringEdition="pro" name="behaviorName" >
4.
Si le comportement s'appuie sur les fonctionnalités uniquement disponibles dans l'édition
Professionnel de Flash 8, spécifiez pro pour le paramètre authoringEdition.
5.
(Facultatif) Si votre comportement personnalisé requiert une boîte de dialogue, entrez les
paramètres à l'aide des balises <properties> et <dialog>.
Pour en savoir plus sur les balises et paramètres utilisés pour créer vos propres boîtes de
dialogue personnalisées, consultez la section Annexe B, XML vers UI.
114
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
6.
Dans la balise <actionscript>, insérez le code ActionScript pour créer le comportement
voulu.
Si vous n'avez jamais utilisé le code ActionScript, consultez le guide Formation à
ActionScript 2.0 dans Flash.
Voici un exemple d'utilisation :
<actionscript>
<![CDATA[
// comportement Déclencher une source de données
// Macromedia 2003
$TARGET$.trigger();
]]>
</actionscript>
7.
Enregistrez le fichier.
8.
Testez le comportement.
Pour plus d'informations sur les comportements disponibles dans Flash, consultez la
section Contrôle d'occurrences à l'aide de comportements, page 111.
Meilleures pratiques d'utilisation des
comportements
Les comportements sont des sections de code prédéfinies qui peuvent être ajoutées à des
sections d'un fichier FLA. L'introduction de comportement a compliqué l'identification des
meilleures pratiques dans Flash, dans la mesure où le mode d'ajout de certains comportements
ne suit pas les flux de travail types ou idéaux. De nombreux développeurs placent le code
ActionScript dans une ou plusieurs images du scénario principal ou dans les fichiers
ActionScript externes, ce qui est une bonne pratique à appliquer. Cependant, lorsque vous
utilisez des comportements, le code peut être placé sur des instances de symbole (telles que les
boutons, les clips ou les composants) et non pas sur le scénario.
Les comportements présentent des avantages pratiques, permettent de gagner du temps et
peuvent être utiles pour les néophytes de Flash ou ActionScript. Avant d'utiliser les
comportements, réfléchissez à la structure de votre fichier FLA :
■
Quels comportements sont nécessaires pour votre projet ?
■
Quel code est contenu par les comportements ?
■
Comment allez-vous utiliser et implémenter les comportements ?
■
Quel autre code ActionScript devez-vous ajouter ?
Planifiez avec soin un document utilisant des comportements pour éviter les problèmes
susceptibles de provenir de la décentralisation du code ActionScript.
Meilleures pratiques d'utilisation des comportements
115
Pour plus d'informations, consultez les rubriques suivantes :
■
Comparaison du code de scénario avec le code d'objet, page 116
■
Utilisation de comportements, page 117
■
Cohérence, page 118
■
De l'importance de la courtoisie, page 118
Comparaison du code de scénario avec le code
d'objet
La planification d'un projet et l'organisation d'un document ou d'une application ne peuvent
pas être sous-estimés, notamment lorsque vous travaillez sur de gros projets ou travaillez en
équipe. C'est pourquoi le placement de code ActionScript, ce qui fait souvent fonctionnement
le projet, est important.
La plupart des développeurs ne placent pas de code ActionScript sur les instances de symbole,
mais sur le scénario (code de scénario) ou dans les classes. Dans la mesure où les
comportements ajoutent du code à de nombreux différents emplacements dans un fichier
FLA, le code ActionScript n'est pas centralisé et peut être difficile à localiser. Lorsque le code
n'est pas centralisé, il est difficile d'interpréter les interactions entre les blocs de code, et il est
impossible d'écrire ce code de façon élégante. Il peut mener potentiellement à des problèmes
de débogage ou d'édition des fichiers. La plupart des développeurs évitent également de placer
du code sur les différentes images du scénario ou de placer du code de scénario dans plusieurs
clips où il est alors caché. Pour éviter ce problème, placez l'ensemble de votre code, ce qui
inclut les fonctions qui doivent être définie à l'avance dans un fichier SWF.
Flash dispose de fonctions qui facilitent l'exploitation de comportements dans un document
avec un code ActionScript décentralisé. Si vous utilisez des comportements, essayez les
fonctionnalités suivantes lorsque vous travaillez sur votre projet :
Facilite la recherche du code de scénario ou de code dans des objets
spécifiques en vue de leur modification dans le panneau Actions.
Navigateur de script
Rechercher et remplacer
Permet de rechercher des chaînes et de les remplacer dans un
document FLA.
Permet de verrouiller plusieurs scripts en provenance de divers
objets afin de les traiter en même temps dans le panneau Actions. Cette fonction est à utiliser
de préférence avec Navigateur de script.
Verrouillage de scripts
Explorateur d'animations Permet d'afficher et d'organiser le contenu d'un fichier FLA et
de sélectionner des éléments (ce qui inclut les scripts) pour modification.
116
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Utilisation de comportements
Les comportements s'appliquent à des conditions particulières. Analysez avec attention votre
projet et déterminez si les comportements constituent la meilleure solution en vous posant les
questions suivantes. Tenez compte des différentes possibilités de structuration de vos projets,
ainsi que des différentes options et fonctionnalités disponibles dans Flash.
Si vous disposez d'un fichier FLA comportant des symboles, vous pouvez sélectionner l'une
des occurrences sur la scène, puis utiliser le menu Ajouter du panneau Comportements afin
d'ajouter un comportement à cette occurrence. Le comportement que vous sélectionnez
automatiquement ajoute du code qui opère une liaison avec l'instance, en utilisant du code,
tel que la méthode de gestion on(). Vous pouvez également sélectionner une image dans le
scénario, ou bien une diapositive ou un formulaire dans un fichier FLA comportant des écrans
et ajouter des comportements différents à une image ou un écran en utilisant le panneau
Comportements.
Vous devez déterminer s'il est préférable d'utiliser des comportements ou de rédiger du code
ActionScript. Tout d'abord, répondez aux questions dans la section d'introduction, Meilleures
pratiques d'utilisation des comportements, page 115. Déterminez où et comment utiliser des
comportements et du code ActionScript dans le fichier FLA. Ensuite, posez-vous les questions
suivantes :
■
Devez-vous modifier le code de comportement ? Si oui, quelle est l'étendue de la
modification ?
■
Devez-vous interagir avec le code des comportement par l'intermédiaire de code
ActionScript supplémentaire ?
■
Combien de comportements devez-vous utiliser et où comptez-vous les placer dans le
fichier FLA ?
Vos réponses permettent de déterminer s'il est nécessaire d'utiliser des comportements. Si vous
devez modifier le code des comportements, n'appliquez pas de comportements. Les
comportements ne peuvent normalement pas être modifiés avec le panneau Comportements
si vous devez modifier le code ActionScript. Si vous prévoyez de modifier de façon
considérable les comportements dans le panneau Actions, il est généralement plus facile
d'écrire l'ensemble du code ActionScript à un endroit centralisé. Le débogage et les
modifications sont plus faciles à effectuer à partir d'un emplacement centralisé, que de devoir
gérer du code généré par les comportements et dispersés à différents endroits de votre fichier
FLA. Le débogage et l'interaction peuvent ne pas être élégants ou difficile avec du code
dispersé. De plus, il est parfois plus facile d'écrire le code ActionScript par vous-même.
Meilleures pratiques d'utilisation des comportements
117
La principale différence entre un fichier FLA avec comportements et un fichier FLA sans
réside dans le flux de travail de modification du projet. Si vous utilisez des comportements,
vous devez sélectionner chaque occurrence sur la scène, ou sélectionner la scène, et ouvrir le
panneau Actions ou Comportements pour apporter des modifications. Si vous écrivez votre
propre code ActionScript et l'insérez dans le scénario principal, il suffit d'accéder à ce dernier
pour opérer les modifications nécessaires.
Utilisez des comportements de façon cohérente au sein de votre document lorsqu'ils font
office de source principale ou de source unique du code ActionScript. Il est préférable
d'appliquer des comportements lorsque le fichier FLA ne contient que peu ou pas du tout de
code supplémentaire, ou comporte un système cohérent permettant de gérer les
comportements utilisés.
Cohérence
Vous disposez de plusieurs directives pour l'application de comportement, mais l'élément
déterminant reste la cohérence. Si vous ajoutez du code ActionScript à un fichier FLA, placez
ce code aux mêmes endroits que les comportements, puis documentez le mode d'ajout du
code.
Par exemple, si vous placez du code sur des instances figurant dans la scène, sur le scénario
principal et dans les fichiers de classe, vous devez analyser votre structure de fichiers. Votre
projet devient alors difficile à gérer dans la mesure où les emplacements du code ne sont pas
cohérents. Cependant, si vous appliquez des comportements de façon logique et structurez
votre code de façon à accommoder ces comportements (placez tout sur des instances d'objet),
le flux de travail devient logique et cohérent. Le document sera alors plus facile à modifier par
la suite.
De l'importance de la courtoisie
Si vous prévoyez de partager votre fichier FLA avec d'autres utilisateurs et avez recours à du
code ActionScript placé sur ou dans des objets (tels que des clips), il peut leur être difficile de
trouver ce code, même lorsqu'ils utilisent l'explorateur d'animation pour effectuer des
recherches dans le document.
118
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Si vous créez un fichier FLA qui comporte du code dispersé à différents endroits du document
et prévoyez de partager le fichier, il est considéré comme poli de prévenir les autres utilisateurs
que du code ActionScript est placé dans ou sur des objets. Cette politesse permet de s'assurer
que les autres utilisateurs comprennent immédiatement la structure du fichier. Laissez un
commentaire sur l'image 1 du scénario principal pour indiquer aux utilisateurs comment
rechercher du code et la structure du fichier. L'exemple suivant affiche un commentaire qui
indique aux utilisateurs comment rechercher du code ActionScript :
/*
Sur l'image 1 du scénario principal.
Code ActionScript placé sur les instances de composant et dans les clips
ayant recours à des comportements.
Utilisez l'explorateur d'animations pour rechercher du code ActionScript
*/
REMARQUE
Il n'est pas nécessaire d'utiliser cette technique si le code est facile à trouver, si le
document n'est pas partagé ou si l'ensemble du code est placé sur des images dans le
scénario principal.
Documentez de façon claire l'utilisation des comportements si vous travaillez sur un
document complexe. Si vous conservez une trace de vos comportements, vous vous épargnerez
de nombreux problèmes par la suite. Par exemple, si vous créez un diagramme ou une liste, ou
utilisez de bons commentaires de documentation à un emplacement centralisé sur le scénario
principal.
Séparation des occurrences
Pour rompre le lien entre une occurrence et un symbole et transformer l'occurrence en une
collection de formes et de lignes dissociées, vous devez « dissocier » l'occurrence. Cela est
particulièrement utile lorsque vous souhaitez effectuer des modifications importantes sur
l'occurrence sans affecter d'autres occurrences. Si vous modifiez le symbole source après avoir
séparé l'occurrence, celle-ci n'est pas mise à jour avec les modifications.
Pour séparer une occurrence de symbole :
1.
Sélectionnez l'occurrence sur la scène.
2.
Sélectionnez Modification > Séparer.
L'occurrence est divisée en ses divers éléments graphiques.
3.
Utilisez les outils de peinture et de dessin pour modifier ces éléments selon vos préférences.
Séparation des occurrences
119
Obtention d'informations sur les
occurrences sur la scène
Lorsque vous créez une application Flash, il peut être difficile d'identifier une occurrence
particulière d'un symbole sur la scène, notamment si vous utilisez plusieurs occurrences du
même symbole. Vous pouvez identifier des occurrences avec l'inspecteur des propriétés, le
panneau Info ou l'explorateur d'animations.
L'inspecteur des propriétés et le panneau Info affichent le nom de symbole de l'occurrence
sélectionnée ainsi qu'une icône indiquant son type (graphique, bouton ou clip). Vous pouvez
par ailleurs afficher les informations suivantes :
■
L'inspecteur des propriétés permet d'afficher le comportement et les paramètres d'une
occurrence : pour tous les types d'occurrences, les paramètres de couleur, l'emplacement et
la taille ; pour les graphiques, le mode de boucle et la première image contenant le
graphique ; pour les boutons, le nom de l'occurrence (s'il a été affecté) et l'option de suivi ;
pour les clips, le nom d'occurrence (s'il a été affecté). L'inspecteur des propriétés affiche en
outre les coordonnées x et y du point d'alignement ou du coin supérieur gauche du
symbole, suivant l'option sélectionnée dans le panneau Info.
■
Dans le panneau Info, vous pouvez afficher l'emplacement et la taille de l'occurrence
sélectionnée, l'emplacement de son point d'alignement, les valeurs de rouge (R), de vert
(V), de bleu (B) et alpha (A) affectées (si le remplissage de l'occurrence est uni) et
l'emplacement du pointeur. Le panneau Info affiche également les coordonnées x et y du
point d'alignement ou du coin supérieur gauche du symbole, suivant l'option
sélectionnée. Pour afficher les coordonnées du point d'alignement, cliquez sur la case
centrale de la grille de coordonnées du panneau Info. Pour afficher les coordonnées du
coin supérieur gauche, cliquez sur la case supérieure gauche dans la grille de coordonnées.
■
Dans l'explorateur d'animations, vous pouvez afficher le contenu du document en cours, y
compris les occurrences et les symboles. Voir Utilisation de l'explorateur d'animations,
page 52.
De plus, vous pouvez afficher dans le panneau Actions toute action affectée à un bouton ou
clip.
120
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Pour obtenir des informations sur les occurrences présentes sur la scène :
1.
Sélectionnez l'occurrence sur la scène.
2.
Affichez l'inspecteur des propriétés ou le panneau que vous souhaitez utiliser :
■
Pour afficher l'inspecteur des propriétés, sélectionnez Fenêtre > Propriétés.
■
Pour afficher le panneau Info, sélectionnez Fenêtre > Info.
■
Pour afficher l'explorateur d'animations, sélectionnez Fenêtre > Explorateur
d'animations. Pour plus d'informations sur l'explorateur d'animations, consultez la
section Utilisation de l'explorateur d'animations, page 52.
■
Pour afficher le panneau Actions, sélectionnez Fenêtre > Actions.
Pour afficher la définition du symbole sélectionné dans l'explorateur
d'animations :
1.
Cliquez sur le bouton Afficher les boutons, les clips et les graphiques en haut de
l'explorateur d'animations.
2.
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche Contrôle
(Macintosh), puis sélectionnez Afficher les occurrences de symboles et Ouvrir la définition
de symbole dans le menu contextuel ; vous pouvez également sélectionner ces options dans
le menu déroulant de l'explorateur d'animations (coin supérieur droit).
Pour atteindre la séquence contenant les occurrences d'un symbole
sélectionné :
1.
Affichez la définition du symbole, comme décrit dans la procédure précédente.
2.
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche Contrôle
(Macintosh), puis sélectionnez Afficher les éléments d'animation dans le menu déroulant ;
vous pouvez également sélectionner ces options dans le menu déroulant de l'explorateur
d'animations (coin supérieur droit).
Copie des actifs de bibliothèque entre les
documents
Vous pouvez copier les éléments de bibliothèque d'un document source dans un document de
destination de plusieurs façons : en copiant et collant l'élément, en le faisant glisser et en le
déposant ou encore en ouvrant la bibliothèque du document source dans le document de
destination et en faisant glisser l'élément du document source dans le document de
destination.
Copie des actifs de bibliothèque entre les documents
121
Vous pouvez partager les symboles entre les documents en tant qu'éléments de bibliothèque
pendant la programmation ou à l'exécution. Voir Utilisation des ressources d'une bibliothèque
partagée, page 123.
Si vous essayez de copier des éléments ayant le même nom que des éléments du document de
destination, la boîte de dialogue Résoudre les conflits de bibliothèque vous permet d'indiquer
si vous souhaitez que les éléments existants soient écrasés ou qu'ils soient conservés (les
nouveaux éléments sont alors ajoutés avec d'autres noms que vous spécifiez). Voir Résolution
des conflits entre éléments de la bibliothèque, page 127. Vous pouvez organiser les éléments de la
bibliothèque de manière à minimiser les conflits lorsque vous les copiez entre les documents.
Voir Utilisation de dossiers dans le panneau Bibliothèque, page 37.
Pour copier les éléments d'une bibliothèque par copier-coller :
1.
Sélectionnez l'élément sur la scène du document source.
2.
Choisissez Edition > Copier.
3.
Définissez le document de destination en tant que document actif.
4.
Placez le pointeur sur la scène et sélectionnez Edition > Coller au milieu afin de coller
l'élément au centre de la scène. Sélectionnez Edition > Coller en place pour placer l'élément
au même emplacement que dans le document source.
Pour copier les actifs d'une bibliothèque en les faisant glisser :
1.
Le document de destination étant ouvert dans Flash, sélectionnez l'élément dans le
panneau Bibliothèque du document source.
2.
Faites glisser l'élément dans le panneau Bibliothèque du document de destination.
Pour copier les actifs d'une bibliothèque en ouvrant la bibliothèque du document
source dans le document de destination :
1.
Le document de destination étant ouvert dans Flash, sélectionnez Fichier > Importer >
Ouvrir une bibliothèque externe.
2.
Sélectionnez le document source dans la boîte de dialogue Ouvrir comme bibliothèque et
cliquez sur Ouvrir.
3.
Faites glisser l'élément de la bibliothèque du document source sur la scène ou dans la
bibliothèque du document de destination.
122
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Utilisation des ressources d'une
bibliothèque partagée
Les actifs partagés peuvent être utilisés depuis un document source dans de nombreux
documents de destination. Vous pouvez les partager de deux manières différentes :
■
Dans le cas d'éléments partagés à l'exécution, les éléments d'un document source sont liés
en tant que fichiers externes à un document de destination. Les éléments partagés à
l'exécution sont chargés dans le document de destination pendant la lecture du document,
autrement dit à l'exécution. Il n'est pas nécessaire que le document source contenant
l'élément partagé soit disponible sur votre réseau local lorsque vous créez le document de
destination. Cependant, il doit être publié sur une URL pour que l'élément partagé soit
disponible lors de l'exécution du document de destination.
■
Dans le cas des éléments partagés pendant la programmation, vous pouvez mettre à jour
ou remplacer un symbole avec n'importe quel autre symbole disponible sur votre réseau
local. Vous pouvez mettre à jour le symbole dans le document de destination au cours de
la création du document. Il conserve son nom et ses propriétés d'origine dans le document
de destination, mais son contenu est mis à jour ou remplacé par celui du symbole que vous
sélectionnez.
Le partage des éléments de bibliothèque peut vous permettre d'optimiser votre travail et la
gestion des ressources du document de différentes façons. Par exemple, vous pouvez utiliser
ces éléments pour partager un symbole de police sur plusieurs sites, ce qui permet d'utiliser
une seule source pour les éléments d'animations apparaissant dans plusieurs séquences ou
documents, ou encore créer une bibliothèque centrale de ressources qui sera utilisée pour le
suivi et le contrôle des révisions.
Utilisation d'éléments partagés à l'exécution
L'utilisation d'actifs partagés à l'exécution implique deux procédures. Tout d'abord, l'auteur du
document source définit un élément partagé dans le document source, puis indique une chaîne
d'identifiant pour cet élément ainsi qu'une URL à laquelle le document source sera publié.
Ensuite, l'auteur du document de destination définit un élément partagé dans le document de
destination, puis indique une chaîne d'identifiant ainsi qu'une URL identiques à celles
utilisées pour l'élément partagé du document source. Sinon, l'auteur du document de
destination peut faire glisser les éléments partagés depuis le document source publié jusqu'à la
bibliothèque du document de destination.
Quel que soit le cas, le document source doit être publié à l'URL spécifiée pour que l'élément
partagé soit disponible pour le document de destination.
Utilisation des ressources d'une bibliothèque partagée
123
Définition d'actifs partagés à l'exécution dans un
document source
Les boîtes de dialogue Propriétés du symbole et Propriétés de liaison permettent de définir les
propriétés de partage d'un élément dans un document source : cet élément peut ensuite être
lié à des documents de destination.
Pour définir un élément partagé à l'exécution dans un document source :
1.
Le document source étant ouvert, sélectionnez Fenêtre > Bibliothèque pour afficher le
panneau Bibliothèque.
2.
Effectuez l'une des opérations suivantes :
■
Sélectionnez un clip, bouton ou symbole graphique dans le panneau Bibliothèque,
puis choisissez Propriétés dans le menu d'options de la bibliothèque. Cliquez sur le
bouton Avancé pour développer la boîte de dialogue Propriétés.
■
Sélectionnez un symbole de police, un son ou un bitmap, puis choisissez Liaison dans
le menu d'options de la bibliothèque.
3.
Pour Liaison, activez l'option Exporter pour le partage à l'exécution afin de rendre cet
élément disponible pour une liaison avec le document de destination.
4.
Entrez l'identifiant du symbole dans le champ correspondant. N'incluez pas les espaces. Il
s'agit du nom permettant à Flash d'identifier l'élément au moment de créer la liaison avec
le document de destination.
REMARQUE
L'identifiant de liaison permet également à Flash d'identifier les clips ou les boutons
utilisés comme objets dans ActionScript. Consultez le Chapitre 11, Utilisation des
clips du guide Formation à ActionScript 2.0 dans Flash.
5.
Entrez l'URL à laquelle sera publié le fichier SWF contenant l'élément partagé.
6.
Cliquez sur OK.
Veillez à publier le fichier SWF sur l'URL précisée à l'étape 5 afin que les éléments
partagés soient disponibles pour les documents de destination.
124
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
Liaison à des actifs partagés à l'exécution à partir
d'un document de destination
Les boîtes de dialogue Propriétés du symbole ou Propriétés de liaison permettent de définir les
propriétés du partage d'un élément d'un document de destination pour pouvoir le lier à un
document source. Si le document source est publié sur une URL, il est également possible de
lier un élément partagé à un document de destination en le faisant glisser depuis le document
source jusqu'au document de destination.
Vous pouvez désactiver l'option de partage d'un actif partagé dans le document de destination
afin d'incorporer un symbole, une image bitmap ou un son à ce document.
Pour lier un élément partagé à un document de destination en entrant
l'identifiant et l'URL :
1.
Dans le document de destination, sélectionnez Fenêtre > Bibliothèque pour afficher le
panneau Bibliothèque.
2.
Effectuez l'une des opérations suivantes :
■
Sélectionnez un clip, un bouton, un symbole graphique, une image bitmap ou un son
dans le panneau Bibliothèque, puis choisissez Propriétés dans le menu d'options de la
bibliothèque. Cliquez sur le bouton Avancé pour développer la boîte de dialogue
Propriétés.
■
Sélectionnez un symbole de police, puis Liaison dans le menu d'options de la
bibliothèque.
3.
Pour Liaison, activez l'option Importer pour le partage à l'exécution pour établir le lien vers
cet élément dans le document source.
4.
Entrez l'identifiant du symbole, de l'image bitmap ou du son dans le champ correspondant
en veillant à ce qu'il soit identique à celui utilisé pour le symbole du document source.
N'incluez pas les espaces.
5.
Entrez l'URL à laquelle est publié le fichier SWF source contenant l'élément partagé.
6.
Cliquez sur OK.
Pour lier un actif partagé à un document de destination en le faisant glisser :
1.
2.
Dans le document de destination, effectuez l'une des opérations suivantes :
■
Choisissez Fichier > Ouvrir.
■
Sélectionnez Fichier > Importer > Ouvrir une bibliothèque externe.
Dans la boîte de dialogue Ouvrir ou Ouvrir comme bibliothèque, sélectionnez le document
source et cliquez sur Ouvrir.
Utilisation des ressources d'une bibliothèque partagée
125
3.
Faites glisser l'élément partagé du panneau Bibliothèque du document source dans le
panneau Bibliothèque ou sur la scène du document de destination.
Pour désactiver la liaison d'un symbole dans un document de destination :
1.
Dans le document de destination, sélectionnez le symbole lié dans le panneau Bibliothèque
et procédez de l'une des façons suivantes :
■
Si l'élément est un clip, un bouton ou un symbole graphique, sélectionnez Propriétés
dans le menu d'options de la bibliothèque.
■
Si l'élément est un symbole de police, sélectionnez Liaison.
2.
Dans la boîte de dialogue Propriétés du symbole ou Propriétés de liaison, désactivez
l'option Importer pour le partage à l'exécution.
3.
Cliquez sur OK.
Actualisation ou remplacement de symboles
Vous pouvez mettre à jour ou remplacer un symbole de clip, bouton ou graphique d'un
document par tout autre symbole d'un fichier FLA accessible sur votre réseau local. Le nom et
les propriétés d'origine du symbole du document de destination sont conservés, mais son
contenu est remplacé par celui du symbole que vous sélectionnez. Tous les éléments utilisés
par le symbole sélectionné sont également copiés dans le document de destination.
Pour mettre à jour ou remplacer un symbole :
1.
Le document étant ouvert, sélectionnez le clip, le bouton ou le symbole graphique, puis
choisissez Propriétés dans le menu d'options de la bibliothèque.
2.
Si la boîte de dialogue Propriétés du symbole est en mode basique, cliquez sur Avancé afin
d'afficher les panneaux Liaison et Source. Une fois les panneaux Liaison et Source affichés,
passez à l'étape 3.
3.
Pour sélectionner un nouveau fichier FLA, cliquez sur Parcourir dans la section Source de
la boîte de dialogue des propriétés avancées du symbole.
4.
Naviguez dans la boîte de dialogue Ouvrir jusqu'à ce que vous atteigniez un fichier FLA
contenant le symbole qui sera utilisé pour mettre à jour ou remplacer le symbole sélectionné
dans le panneau Bibliothèque, puis cliquez sur Ouvrir.
5.
Pour sélectionner un nouveau symbole dans le fichier FLA, cliquez sur Symbole dans la
section Source.
6.
Naviguez jusqu'à un symbole et cliquez sur Ouvrir.
126
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
7.
Dans la boîte de dialogue Propriétés du symbole, dans la section Source, activez l'option
Toujours mettre à jour avant la publication pour mettre l'élément à jour automatiquement
si une nouvelle version est identifiée à l'emplacement source spécifié.
8.
Cliquez sur OK pour fermer la boîte de dialogue Propriétés du symbole ou Propriétés de
liaison.
Résolution des conflits entre éléments de
la bibliothèque
Si vous importez ou copiez un élément de bibliothèque dans un document contenant un
élément différent mais portant le même nom, vous avez le choix entre remplacer ou non
l'ancien élément par le nouveau. Cette option est disponible pour toutes les méthodes
d'importation ou de copie des éléments de bibliothèque, telles que :
■
Copier-coller d'un élément depuis un document source
■
Faire glisser un élément d'un document source ou de la bibliothèque d'un document
source
■
Importation d'un élément
■
Ajout d'un élément partagé d'un document source
■
Utilisation d'un composant du panneau Composants
La boîte de dialogue Résoudre les conflits de bibliothèque apparaît lorsque vous essayez de
placer des éléments qui entrent en conflit avec des éléments existants d'un document. Un
conflit est créé lorsque vous copiez un élément du document source qui existe déjà dans le
document de destination et que ces deux éléments ont des dates de modification différentes.
Pour contourner les problèmes de conflits de noms, organisez vos éléments à l'intérieur de
dossiers dans la bibliothèque de votre document. Cette boîte de dialogue apparaît également
lorsque vous collez un symbole ou un composant sur la scène de votre document et que celleci contient déjà une copie de ce symbole ou de ce composant dont la date de modification est
différente.
Si vous décidez de ne pas remplacer les éléments existants, Flash essaie de les utiliser à la place
des éléments que vous collez et qui créent le conflit. Par exemple, si vous copiez un symbole
nommé Symbole 1 et vous le collez sur la scène d'un document contenant déjà un symbole
nommé Symbole 1, Flash crée automatiquement une occurrence du Symbole 1 existant.
Si vous décidez de remplacer les éléments existants, Flash les remplace automatiquement (ainsi
que toutes leurs occurrences) par les nouveaux éléments du même nom. Si vous annulez la
procédure d'importation ou de copie, celle-ci est annulée pour tous les éléments (pas
seulement ceux qui créent un conflit dans le document de destination).
Résolution des conflits entre éléments de la bibliothèque
127
Seuls les mêmes types d'éléments de bibliothèque peuvent se remplacer mutuellement, c'est-àdire que vous ne pouvez pas remplacer un son nommé Test par un bitmap du même nom.
Dans ces genres de situations, les nouveaux éléments sont ajoutés à la bibliothèque avec le mot
Copie en appendice.
REMARQUE
Le remplacement d'éléments de bibliothèque effectués de cette façon ne peut pas être
annulé. Veillez à enregistrer une copie de sauvegarde de votre fichier FLA avant de vous
lancer dans des procédures complexes de collage entraînant le remplacement
d'éléments conflictuels de bibliothèque.
Si la boîte de dialogue Résoudre les conflits de bibliothèque apparaît lorsque vous importez ou
copiez des éléments de bibliothèque dans un document, vous pouvez résoudre le conflit de
noms.
Pour résoudre les conflits entre éléments de la bibliothèque, effectuez l'une
des opérations suivantes :
■
Cliquez sur Ne pas remplacer les éléments existants, afin de conserver les éléments
existants du document de destination.
■
Cliquez sur Remplacer les éléments existants pour remplacer les éléments existants et leurs
occurrences par les nouveaux éléments portant le même nom.
128
Utilisation de symboles, d'occurrences et d'éléments de bibliothèque
CHAPITRE 4
4
Utilisation des couleurs, des
traits et des remplissages
Il existe de nombreuses façons d'appliquer, de créer et de modifier des couleurs dans
Macromedia Flash Basic 8 et Flash Professionnel 8 8. La palette par défaut ou une palette que
vous avez créée vous permettront de sélectionner des couleurs à appliquer au trait ou au
remplissage d'un objet, que vous allez créer ou qui se trouve déjà sur la scène. L'application
d'une couleur de trait à une forme permet d'en peindre le contour avec cette couleur.
L'application d'une couleur de remplissage à une forme permet d'en peindre l'intérieur avec
cette couleur.
Lorsque vous appliquez une couleur de trait à une forme, vous pouvez sélectionner n'importe
quelle couleur, unie ou dégradée, ainsi que le style et l'épaisseur du trait. Pour le remplissage
d'une forme, vous pouvez appliquer une couleur unie, un dégradé ou un bitmap. Pour
appliquer un remplissage bitmap à une forme, vous devez l'importer dans le fichier en cours.
Vous pouvez également créer une forme avec contour sans remplissage à l'aide de l'option
Aucune couleur pour le remplissage ou une forme remplie sans contour à l'aide de l'option
Aucune couleur pour le contour. Et vous pouvez appliquer un remplissage de couleur unie au
texte. Pour plus d'informations, consultez la section Définition des attributs de texte, page 192.
Vous pouvez modifier les attributs des traits et des remplissages de nombreuses façons en
utilisant les outils Pot de peinture, Encrier, Pipette, et Transformer le remplissage, et le
modificateur Verrouiller le remplissage pour les outils Pinceau et Pot de peinture.
Le mélangeur vous permet de créer et de modifier des remplissages avec couleurs unies ou
dégradées en mode RVB ou TSL. Vous pouvez importer, exporter, supprimer et modifier la
palette de couleurs d'un fichier avec le panneau Nuanciers. Vous pouvez sélectionner les
couleurs en mode hexadécimal dans le mélangeur, de même que dans les fenêtres Trait et
Remplissage qui apparaissent dans le panneau Outils ou dans l'inspecteur des propriétés.
Vous pouvez accéder au sélecteur de couleur du système via les commandes Couleur de trait
ou Couleur de remplissage du panneau Outils, via l'inspecteur des propriétés des formes ou
via le mélangeur.
129
Pour accéder au sélecteur de couleur du système :
■
Double-cliquez en maintenant la touche Alt (Windows) ou la touche Option (Macintosh)
enfoncée sur la commande Couleur de trait ou Couleur de remplissage dans le panneau
Outils, l'inspecteur des propriétés des formes ou le mélangeur.
Ce chapitre contient les sections suivantes :
A propos du mélangeur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .131
A propos de la création de dégradés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Utilisation des commandes Couleur de trait et Couleur de remplissage du
panneau Outils . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
Utilisation des commandes Couleur de trait et Couleur de remplissage de
l'inspecteur des propriétés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Utilisation de remplissages de couleurs unies et dégradées dans le mélangeur . 137
Modification des traits avec l'outil Encrier. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140
Application de remplissages unis, dégradés ou bitmap avec l'outil
Pot de peinture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .141
Transformation des remplissages dégradés et bitmap . . . . . . . . . . . . . . . . . . . . . . . 142
Copie de traits et de remplissages avec l'outil Pipette . . . . . . . . . . . . . . . . . . . . . . . . 145
Verrouillage d'un dégradé ou d'un bitmap pour remplir la scène . . . . . . . . . . . . . . . 146
Modification des palettes de couleurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
130
Utilisation des couleurs, des traits et des remplissages
A propos du mélangeur
Le mélangeur fournit des options permettant de modifier la couleur des traits et des
remplissages, et de créer des dégradés multicolores. Les dégradés permettent de produire un
grand nombre d'effets, par exemple pour donner l'illusion de la profondeur à un objet en deux
dimensions. Ainsi, vous pouvez utiliser un dégradé pour transformer un simple cercle en deux
dimensions en une sphère, en donnant l'illusion que la lumière illumine la surface de celle-ci
sous un certain angle, en projetant une ombre sur le côté opposé de la sphère.
Le Mélangeur avec les commandes de dégradés.
Le mélangeur comporte les options suivantes :
Couleur de trait
modifie la couleur du trait, ou bordure, d'un objet graphique.
Couleur de remplissage modifie la couleur du remplissage. Le remplissage est la zone de
couleur qui remplit la forme.
Le menu déroulant Type modifie le style de remplissage :
Aucun
Uni
supprime le remplissage.
permet d'obtenir une couleur unique.
Linéaire
produit un dégradé dont le changement de couleur s'effectue sur un axe linéaire.
produit un dégradé dont le changement de couleur s'effectue sur un axe circulaire
vers l'extérieur, à partir d'un point focal central.
Radial
A propos du mélangeur
131
permet de placer l'image bitmap sélectionnée dans la zone de remplissage
sélectionnée en mosaïque. Lorsque vous choisissez Bitmap, un boîte de dialogue vous
permettant de sélectionner une image bitmap sur votre ordinateur local et de l'ajouter
dans la bibliothèque s'ouvre. Vous pouvez appliquer cette image bitmap en tant que
remplissage ; l'apparence s'apparente à celle d'un motif en forme de mosaïque : l'image est
reproduite dans la forme.
Bitmap
RVB
permet de modifier la densité des couleurs rouge, bleu et vert (RVB) d'un remplissage.
permet de définir l'opacité d'un remplissage uni, ou de régler le curseur d'un
remplissage en dégradé. Une valeur alpha de 0 % crée un remplissage invisible (ou
transparent) ; une valeur alpha de 100 % crée un remplissage opaque.
Alpha
affiche la couleur actuellement sélectionnée. Si vous sélectionnez un type de
remplissage dégradé (linéaire ou radial) dans le menu local Type de remplissage, le nuancier
actuel affiche les transitions de couleurs du dégradé.
Nuancier actuel
permet de sélectionner une couleur visuellement. Cliquez sur le
sélecteur de couleur et faites glisser le pointeur en croix autour de la zone jusqu'à ce que vous
trouviez la couleur voulue.
Sélecteur de couleur
Valeur hexadécimale affiche la valeur hexadécimale de la couleur actuelle. Pour changer la
couleur à l'aide de la valeur hexadécimale, entrez une nouvelle valeur. Les valeurs de couleur
hexadécimales (également appelées valeurs hexadécimales) sont des combinaisons
alphanumériques à 6-chiffres représentant une couleur.
Débordement permet de contrôler les couleurs appliquées au-delà des limites d'un dégradé
linéaire ou radial. Les modes de débordement sont les suivants : Extension (mode par défaut),
Réflexion et Répétition.
Extension applique
les couleurs spécifiées au-delà de la fin du dégradé.
Réflexion oblige
les couleurs dégradées à remplir la forme en appliquant un effet miroir
réfléchissant. Les dégradés que vous spécifiez sont répétés dans un motif du début à la fin
du dégradé, puis répétés dans la séquence opposée de la fin au début du dégradé, puis de
nouveau du début à la fin du dégradé jusqu'à ce que la forme sélectionnée soit remplie.
reproduit le dégradé du début à la fin du dégradé jusqu'à ce que la forme
sélectionnée soit remplie.
Répétition
R E M AR QU E
Les modes Débordement sont uniquement pris en charge dans Flash Player 8.
RVB linéaire crée
132
un dégradé linéaire ou radial compatible SVG (Scalable Vector Graphics).
Utilisation des couleurs, des traits et des remplissages
A propos de la création de dégradés
Un dégradé est un remplissage multicolore dans lequel une couleur se transforme
progressivement en une autre couleur. Flash vous permet d'appliquer jusqu'à 15 transitions de
couleur à un dégradé, vous permettant ainsi d'obtenir des effets saisissants. Il est possible de
créer deux types de dégradés dans Flash :
Dégradés linéaires
permet de modifier la couleur sur un seul axe (horizontal ou vertical).
Dégradés radiaux permet de modifier la couleur à partir d'un point focal central pour
s'étendre vers l'extérieur. Vous pouvez ajuster la direction d'un dégradé, ses couleurs,
l'emplacement du point focal et bon nombre de propriétés du dégradé.
Flash Basic 8 et Flash Professionnel 8 8 offrent des fonctionnalités de contrôle
supplémentaires sur les dégradés linéaires et radiaux en vue d'une utilisation avec Flash Player
8. Ces commandes, appelées modes de débordement, vous permettent de spécifier le mode
d'application des couleurs au-delà du dégradé.
Pour plus d'informations, consultez la section Transformation des remplissages dégradés et
bitmap, page 142.
Utilisation des commandes Couleur de
trait et Couleur de remplissage du
panneau Outils
Les commandes Couleur de trait et Couleur de remplissage du panneau Outils permettent de
sélectionner une couleur de trait unie ou une couleur de remplissage unie ou dégradée, de
changer les couleurs de trait et de remplissage, ou de sélectionner les couleurs par défaut (trait
noir et remplissage blanc). Les couleurs de trait et de remplissage peuvent être utilisées pour
les objets ovales et rectangles (formes). Seules les couleurs de remplissage peuvent être utilisées
pour les objets texte et les coups de pinceau. Seules les couleurs de trait peuvent être utilisées
pour les lignes tracées avec les outils Ligne, Plume et Crayon.
Utilisation des commandes Couleur de trait et Couleur de remplissage du panneau Outils
133
Les commandes Couleur de trait et Couleur de remplissage du panneau Outils permettent de
définir les attributs de peinture des objets que vous créez à l'aide des outils de dessin et de
peinture. Vous devez d'abord sélectionner des objets sur la scène pour utiliser ces commandes
pour modifier les attributs de peinture d'objets existants.
REMARQUE
Les nuanciers de couleurs dégradées apparaissent seulement dans la commande
Couleur de remplissage.
Pour appliquer des couleurs de trait et de remplissage avec les commandes du
panneau Outils, effectuez l'une des opérations suivantes :
■
Cliquez sur le triangle en regard de la puce de couleur de trait ou de remplissage, puis
sélectionnez un échantillon de couleur dans la fenêtre qui apparaît. Les dégradés peuvent
être sélectionnés uniquement pour la couleur de remplissage.
■
Cliquez sur le bouton du sélecteur de couleur dans la fenêtre qui apparaît, puis
sélectionnez une couleur.
■
Entrez la valeur hexadécimale d'une couleur dans le champ de la fenêtre des couleurs.
■
Cliquez sur le bouton de couleur de trait et de remplissage par défaut du panneau Outils
pour revenir aux paramètres de couleur par défaut (remplissage blanc et trait noir).
■
Cliquez sur le bouton Aucune couleur dans la fenêtre des couleurs pour supprimer la
couleur de trait ou de remplissage.
REMARQUE
■
134
Le bouton Aucune couleur n'apparaît que lorsque vous créez un nouvel ovale ou un
nouveau rectangle. Vous pouvez créer un nouvel objet sans trait ni remplissage, mais
ne pouvez pas utiliser le bouton Aucune couleur avec les objets existants. Pour ce
faire, sélectionnez le trait ou le remplissage existant et supprimez-le.
Pour passer des couleurs du trait aux couleurs du remplissage et inversement, cliquez sur le
bouton de permutation des couleurs de trait et de remplissage dans le panneau Outils.
Utilisation des couleurs, des traits et des remplissages
Utilisation des commandes Couleur de
trait et Couleur de remplissage de
l'inspecteur des propriétés
Vous pouvez changer la couleur, le style et l'épaisseur du trait d'un objet sélectionné en
utilisant les commandes de l'inspecteur des propriétés. Vous pouvez choisir parmi des styles de
traits préchargés avec Flash ou créer un style personnalisé.
Pour sélectionner un remplissage de couleur unie, vous pouvez utiliser la commande Couleur
de remplissage de l'inspecteur des propriétés.
Pour sélectionner une couleur, un style et une épaisseur de trait dans
l'inspecteur des propriétés :
1.
Sélectionnez un ou plusieurs objets sur la scène (pour les symboles, vous devez d'abord
cliquer deux fois afin de passer en mode d'édition de symbole).
2.
Si l'inspecteur des propriétés n'est pas visible, sélectionnez Fenêtre > Propriétés.
3.
Pour sélectionner un style de trait, cliquez sur le triangle en regard du menu déroulant
Style, puis sélectionnez une option dans le menu. Pour créer un style personnalisé,
sélectionnez Personnaliser dans l'inspecteur des propriétés, choisissez parmi les options
proposées dans la boîte de dialogue Style et cliquez sur OK.
REMARQUE
La sélection d'un style de trait autre que Continue peut augmenter la taille du fichier.
4.
Pour sélectionner une épaisseur de trait, cliquez sur le triangle en regard du menu déroulant
Epaisseur et placez le curseur sur l'épaisseur souhaitée.
5.
Sélectionnez une hauteur de trait en utilisant l'une des méthodes suivantes :
6.
■
Choisissez l'une des valeurs prédéfinies dans le menu contextuel Epaisseur. Les valeurs
prédéfinies sont affichées en points.
■
Tapez une valeur comprise entre 0 et 200 dans la zone de texte Epaisseur, et appuyez
sur la touche Entrée.
Pour activer les repères de trait, cochez la case Repère du trait. Cette option ajuste les points
d'ancrage des lignes et des courbes sur des pixels entiers, afin d'éviter de produire des lignes
verticales ou horizontales floues.
Utilisation des commandes Couleur de trait et Couleur de remplissage de l'inspecteur des propriétés
135
7.
Choisissez une option de style de l'extrémité :
Aucune
laisse l'extrémité du tracé au niveau de celui-ci
Arrondi
étend l'extrémité du tracé, d'une valeur correspondant à la moitié de
l'épaisseur du trait
Carré
8.
(Facultatif) Si vous tracez des traits à l'aide du crayon ou du pinceau en mode de dessin
Lisse, vous pouvez préciser le degré de lissage des lignes à l'aide du curseur du menu local
Lissage.
Par défaut, la valeur de lissage est définie sur 50, mais vous pouvez spécifier une valeur
comprise entre 0 et 100. Plus la valeur de lissage est élevée, plus le lissage de la ligne
obtenue est prononcé.
REMARQUE
9.
136
En mode de dessin Redresser ou Encre, le menu déroulant Lissage est désactivé.
Choisissez une option de jointure pour définir l'aspect de la rencontre de deux segments :
en pointe, arrondi ou biseauté. Pour modifier les angles d'un tracé ouvert ou fermé,
choisissez un tracé et une autre option de jointure.
Utilisation des couleurs, des traits et des remplissages
10. Pour
éviter de biseauter une jointure pointue, indiquez une limite de pointe.
Les lignes dont la longueur dépasse cette valeur auront une extrémité carrée, et non en
pointe. Par exemple, une limite de pointe de 2 pour un trait à 3 points signifie que Flash
supprime le point limite lorsque la valeur de la longueur du point représente le double de
celle de l'épaisseur du trait.
Pour appliquer un remplissage de couleur unie dans l'inspecteur des
propriétés :
1.
Sélectionnez un ou plusieurs objets sur la scène.
2.
Choisissez Fenêtre > Propriétés.
3.
Pour sélectionner une couleur, cliquez sur le triangle en regard de la puce de couleur de
remplissage et effectuez l'une des opérations suivantes :
■
Sélectionnez une nuance dans la palette.
■
Tapez la valeur hexadécimale d'une couleur dans le champ.
Utilisation de remplissages de couleurs
unies et dégradées dans le mélangeur
Pour créer et modifier des remplissages avec couleurs unies ou dégradées, vous pouvez utiliser
le mélangeur. Si un objet est sélectionné sur la scène, les modifications de couleur que vous
effectuez dans le mélangeur sont appliquées à la sélection.
Le mélangeur vous permet de créer n'importe quelle la couleur. Vous pouvez sélectionner les
couleurs en mode RVB ou TSL ou développer le panneau pour utiliser le mode hexadécimal.
La valeur alpha permet de définir le degré de transparence d'une couleur. De plus, vous
pouvez sélectionner l'une des couleurs de la palette de couleurs existante.
Utilisation de remplissages de couleurs unies et dégradées dans le mélangeur
137
Vous pouvez développer le mélangeur pour afficher un plus grand espace chromatique à la
place de la barre de couleurs, un nuancier de couleurs scindé affichant la couleur actuelle et la
couleur précédente et le contrôle de la brillance permettant de modifier la brillance dans tous
les modes de couleur.
Pour créer ou modifier une couleur unie avec le mélangeur :
1.
Pour appliquer la couleur à une illustration existante, sélectionnez un ou plusieurs objets
sur la scène.
2.
Sélectionnez Fenêtre > Mélangeur.
3.
Pour sélectionner un mode de couleurs, sélectionnez RVB (paramètre par défaut) ou TSL
dans le menu d'options (coin supérieur droit) du mélangeur.
4.
Cliquez sur l'icône Couleur de trait ou Couleur de remplissage pour indiquer l'attribut à
modifier.
REMARQUE
Faites attention à bien cliquer non pas sur la boîte de couleurs mais sur l'icône pour
éviter qu'une fenêtre de couleurs n'apparaisse.
5.
Si vous avez sélectionné l'icône Couleur de remplissage à l'étape 4, vérifiez que l'option Uni
est sélectionnée dans le menu déroulant Type du mélangeur.
6.
Cliquez sur la flèche dans le coin inférieur droit pour développer le mélangeur.
7.
Effectuez l'une des opérations suivantes :
■
Cliquez sur l'espace chromatique du mélangeur pour sélectionner une couleur. Faites
glisser le contrôle de la brillance pour ajuster la brillance de la couleur.
REMARQUE
138
Pour créer des couleurs autres que le noir ou le blanc, vérifiez que le contrôle de
la brillance n'est pas paramétré sur son minimum ou sur son maximum.
■
Entrez des valeurs dans les zones correspondantes : les valeurs rouge, vert et bleu pour
l'affichage RVB, la teinte, la saturation et la brillance pour l'affichage TSL ou les
valeurs hexadécimales pour l'affichage hexadécimal. Entrez une valeur alpha pour
indiquer le degré de transparence, de 0 pour une transparence totale à 100 pour une
opacité totale.
■
Cliquez sur le bouton de trait et de remplissage par défaut pour revenir aux paramètres
de couleur par défaut, noir et blanc (remplissage blanc et trait noir).
Utilisation des couleurs, des traits et des remplissages
■
Cliquez sur le bouton de permutation des couleurs de trait et de remplissage pour
permuter les couleurs de trait et de remplissage.
■
Cliquez sur le bouton Aucune couleur pour appliquer un trait ou un remplissage
transparent.
REMARQUE
■
8.
Les options de trait et de remplissage ne peuvent pas être définies sur Aucune
couleur pour les objets existants. Pour cela, sélectionnez le trait ou le
remplissage existant et supprimez-le.
Cliquez sur le triangle en regard de la puce de couleur de trait ou de remplissage, puis
sélectionnez une couleur dans la fenêtre qui apparaît.
Pour ajouter la couleur définie à l'étape 7 aux nuanciers du document actif, sélectionnez
Ajouter un nuancier dans le menu d'options (coin supérieur droit) du mélangeur.
Pour créer ou modifier un remplissage dégradé avec le mélangeur :
1.
Pour appliquer un remplissage dégradé à une illustration existante, sélectionnez un ou
plusieurs objets sur la scène.
2.
Si le mélangeur n'est pas visible, sélectionnez Fenêtre > Mélangeur.
3.
Pour sélectionner un mode de couleur, sélectionnez RVB (le paramètre par défaut) ou TSL.
4.
Sélectionnez un type de dégradé dans le menu déroulant :
L'option Linéaire permet de créer un dégradé qui s'étend du point de départ au point
d'arrivée de façon linéaire.
L'option Radial permet de produire un dégradé dont le changement de couleur s'effectue
sur un axe circulaire vers l'extérieur, à partir d'un point focal central.
Lorsque vous sélectionnez un dégradé linéaire ou radial, le mélangeur inclut également les
options suivantes si vous procédez à la publication de Flash Player 8 :
■
Le menu local Débordement apparaît sous le menu local Type. Le menu local
Débordement permet de contrôler les couleurs appliquées au-delà des limites du
dégradé.
■
La barre de définition du dégradé apparaît : les pointeurs situés sous la barre indiquent
les couleurs du dégradé.
5.
(Facultatif) Choisissez un mode de débordement à appliquer au dégradé : Extension (mode
par défaut), Réflexion ou Répétition.
6.
(Facultatif) Cochez la case RVB linéaire pour créer un dégradé linéaire ou radial compatible
SVG (Scalable Vector Graphics).
Utilisation de remplissages de couleurs unies et dégradées dans le mélangeur
139
7.
Pour changer la couleur du dégradé, sélectionnez l'un des pointeurs de couleur se trouvant
sous la barre de définition du dégradé et double-cliquez sur le rectangle de couleur qui
apparaît directement sous cette barre pour afficher le Sélecteur de couleur. Faites glisser le
contrôle de la brillance pour régler la brillance de la couleur.
8.
Pour ajouter un pointeur au dégradé, cliquez sur ou sous la barre de définition du dégradé.
Sélectionnez une couleur pour le nouveau pointeur, comme décrit à l'étape 7.
Vous pouvez ajouter jusqu'à 15 pointeurs de couleur, ce qui vous permet de créer un
dégradé de 15 transitions de couleurs.
9.
Pour repositionner un pointeur sur le dégradé, faites-le glisser le long de la barre de
définition du dégradé. Faites glisser un pointeur vers le bas, puis éloignez-le de la barre pour
le supprimer.
10. Pour
enregistrer le dégradé, cliquez sur le triangle dans le coin supérieur droit du
mélangeur, puis sélectionnez Ajouter un nuancier dans le menu déroulant.
Le dégradé est ajouté au panneau Nuanciers pour le document courant.
Modification des traits avec l'outil Encrier
Vous pouvez utiliser l'outil Encrier pour changer la couleur de trait, l'épaisseur et le style des
lignes ou des contours d'une forme. Vous ne pouvez appliquer que des couleurs unies aux
lignes ou aux contours d'une forme et non des dégradés ou des bitmaps.
L'utilisation de l'outil Encrier, plutôt que la sélection de lignes distinctes, permet de modifier
les attributs de trait de plusieurs objets à la fois.
Pour utiliser l'outil Encrier :
1.
Sélectionnez l'outil Encrier dans le panneau Outils.
2.
Sélectionnez une couleur de trait, comme décrit dans Utilisation des commandes Couleur de
trait et Couleur de remplissage du panneau Outils, page 133.
3.
Sélectionnez un style et une épaisseur de trait dans l'inspecteur des propriétés, comme
décrit dans Utilisation des commandes Couleur de trait et Couleur de remplissage de l'inspecteur
des propriétés, page 135.
4.
Cliquez sur un objet sur la scène pour appliquer les modifications du trait.
140
Utilisation des couleurs, des traits et des remplissages
Application de remplissages unis,
dégradés ou bitmap avec l'outil Pot
de peinture
L'outil Pot de peinture permet de colorer les zones fermées. Il permet de remplir les zones
vides et de changer la couleur des zones déjà peintes. Vous pouvez peindre à l'aide de couleurs
unies, de remplissages dégradés et de bitmap. Vous pouvez utiliser l'outil Pot de peinture pour
remplir les zones qui ne sont pas complètement fermées et configurer Flash de manière à
fermer les espaces des contours de la forme lorsque vous utilisez cet outil. Voir Utilisation de
bitmaps importés, page 231.
Pour utiliser l'outil Pot de peinture pour remplir une zone :
1.
Sélectionnez l'outil Pot de peinture dans le panneau Outils.
2.
Sélectionnez une couleur et un style de remplissage, comme décrit dans Utilisation des
commandes Couleur de trait et Couleur de remplissage de l'inspecteur des propriétés, page 135.
3.
Cliquez sur le modificateur Taille de l'espace, puis sélectionnez une option de taille
d'espace :
■
Sélectionnez Ne ferme pas les espaces si vous voulez fermer les espaces manuellement
avant de remplir la forme. La fermeture manuelle des espaces peut être plus rapide
pour les dessins complexes.
■
Sélectionnez une option de fermeture pour que Flash remplisse les formes contenant
des espaces.
REMARQUE
4.
Si les espaces sont trop grands, vous devrez peut-être les fermer manuellement.
Cliquez sur la forme ou la zone fermée que vous voulez remplir.
Application de remplissages unis, dégradés ou bitmap avec l'outil Pot de peinture
141
Transformation des remplissages
dégradés et bitmap
Vous pouvez transformer un remplissage dégradé ou bitmap en ajustant sa taille, sa direction
ou son centre. Pour transformer un remplissage dégradé ou bitmap, utilisez l'outil
Transformer le dégradé.
Pour ajuster un remplissage dégradé ou bitmap avec l'outil Transformer le
dégradé :
1.
Sélectionnez l'outil Transformer le dégradé.
2.
Cliquez sur une zone remplie avec un dégradé ou un bitmap.
Un cadre de délimitation incluant des poignées de modification s'affiche. Lorsque le
pointeur se trouve sur l'une de ces poignées, il change pour indiquer la fonction de la
poignée.
Point central Sélectionnez et déplacez la poignée du point central pour modifier le point
central du dégradé. L'icône de survol de la poignée du point central est une quadruple
flèche.
Sélectionnez la poignée du point focal pour modifier le point focal d'un
dégradé radial. La poignée du point focal s'affiche uniquement lorsque vous sélectionnez
un dégradé radial ; l'icône de survol de la poignée du point focal est un triangle inversé.
Point focal
Taille Cliquez sur l'icône de la poignée du milieu et déplacez-la vers le bord du cadre de
délimitation pour ajuster la taille du dégradé. L'icône de survol de la poignée de
dimensionnement est un cercle intégrant une flèche.
Rotation Cliquez sur la poignée du bas et déplacez-la vers le bord du cadre de délimitation
pour ajuster la rotation du dégradé. L'icône de survol de la poignée de rotation est une
quadruple flèche en forme de cercle.
142
Utilisation des couleurs, des traits et des remplissages
Cliquez sur la poignée carrée et déplacez-la pour ajuster la largeur du dégradé.
L'icône de survol de la poignée de la largeur est une flèche à deux extrémités.
Largeur
Point central
Point focal
Largeur
Taille
Rotation
Appuyez sur la touche Maj pour contraindre la direction d'un remplissage dégradé linéaire
par multiples de 45 °.
3.
Remodelez le dégradé ou remplissage de l'une des façons suivantes :
■
Pour repositionner le centre du remplissage dégradé ou bitmap, faites glisser le
point central.
■
Pour changer la largeur du remplissage dégradé ou bitmap, faites glisser la poignée
carrée du côté du cadre de délimitation. Cette option ne redimensionne que le
remplissage, mais pas l'objet le contenant.
Transformation des remplissages dégradés et bitmap
143
144
■
Pour changer la hauteur du remplissage dégradé ou bitmap, faites glisser la poignée
carrée en bas du cadre de délimitation.
■
Pour faire pivoter le remplissage dégradé ou bitmap, faites glisser la poignée circulaire
de rotation dans le coin. Vous pouvez également faire glisser la poignée inférieure du
cercle de délimitation d'un remplissage ou dégradé circulaire.
■
Pour redimensionner un dégradé linéaire ou un remplissage, faites glisser la poignée
carrée au centre du cadre de délimitation.
■
Pour modifier le point focal d'un dégradé circulaire, faites glisser la poignée circulaire
du milieu du cercle de délimitation.
■
Pour incliner un remplissage dans une forme, faites glisser l'une des poignées
circulaires sur le côté supérieur ou droit du cadre de délimitation.
Utilisation des couleurs, des traits et des remplissages
■
Pour placer un bitmap en mosaïque dans une forme, redimensionnez le remplissage.
REMARQUE
Pour afficher toutes les poignées lorsque vous utilisez des remplissages
importants ou proches du bord de la scène, sélectionnez Affichage > Zone de
travail.
Copie de traits et de remplissages avec
l'outil Pipette
Vous pouvez utiliser l'outil Pipette pour copier les attributs de remplissage et de trait d'un
objet et les appliquer immédiatement à un autre objet. L'outil Pipette vous permet également
de prélever l'image d'un bitmap et de l'utiliser comme remplissage. Voir Séparation de groupes
et d'objets, page 257.
Pour utiliser l'outil Pipette pour copier et appliquer des attributs de trait ou de
remplissage :
1.
Sélectionnez l'outil Pipette et cliquez sur le trait ou la zone remplie dont vous voulez
appliquer les attributs à un autre trait ou zone remplie.
Lorsque vous cliquez sur un trait, l'outil devient automatiquement l'outil Encrier. Lorsque
vous cliquez sur une zone remplie, l'outil devient automatiquement l'outil Pot de peinture
et le modificateur Verrouiller le remplissage est activé. Voir Verrouillage d'un dégradé ou
d'un bitmap pour remplir la scène, page 146.
2.
Cliquez sur un autre trait ou sur une autre zone remplie pour appliquer les nouveaux
attributs.
Copie de traits et de remplissages avec l'outil Pipette
145
Verrouillage d'un dégradé ou d'un bitmap
pour remplir la scène
Vous pouvez verrouiller un remplissage dégradé ou bitmap pour qu'il s'étende sur toute la
scène et que les objets peints avec le remplissage deviennent des masques révélant le dégradé
ou le bitmap sous-jacent. Pour plus d'informations sur l'application d'un remplissage bitmap,
consultez la section Application d'un remplissage bitmap, page 235.
Lorsque vous sélectionnez le modificateur Verrouiller le remplissage avec l'outil Pinceau ou
Pot de peinture et peignez avec l'outil, le remplissage bitmap ou dégradé s'étend sur les objets
que vous peignez sur la scène.
Le modificateur Verrouiller le remplissage permet de créer l'apparence d'un seul remplissage dégradé
ou bitmap appliqué à des objets distincts sur la scène
Pour utiliser un remplissage dégradé verrouillé :
1.
Sélectionnez l'outil Pinceau ou Pot de peinture et choisissez un dégradé ou un bitmap
comme remplissage.
2.
Sélectionnez Linéaire ou Radial dans le menu déroulant Type du mélangeur, puis
sélectionnez l'outil Pinceau ou Pot de peinture.
3.
Cliquez sur le modificateur Verrouiller le remplissage.
4.
Peignez d'abord les zones dans lesquelles vous voulez placer le centre du remplissage, puis
passez aux autres zones.
Pour utiliser un remplissage bitmap verrouillé :
1.
Sélectionnez le bitmap que vous voulez utiliser.
2.
Sélectionnez Bitmap dans le menu déroulant Type du mélangeur, puis sélectionnez l'outil
Pinceau ou Pot de peinture.
3.
Sélectionnez l'outil Pinceau ou Pot de peinture.
4.
Cliquez sur le modificateur Verrouiller le remplissage.
5.
Peignez d'abord les zones dans lesquelles vous voulez placer le centre du remplissage, puis
passez aux autres zones.
146
Utilisation des couleurs, des traits et des remplissages
Modification des palettes de couleurs
Chaque fichier Flash contient sa propre palette de couleurs, enregistrée dans le document.
Flash affiche la palette d'un fichier sous forme de nuanciers dans les commandes Couleur de
trait et Couleur de remplissage et dans le panneau Nuanciers. La palette de 216 couleurs
prévue pour le Web est la palette par défaut. Vous pouvez ajouter des couleurs à la palette
courante à l'aide du mélangeur. Voir Utilisation de remplissages de couleurs unies et dégradées
dans le mélangeur, page 137.
Pour importer, exporter et modifier la palette de couleurs d'un fichier, utilisez le panneau
Nuanciers. Vous pouvez dupliquer des couleurs, en supprimer de la palette, changer de palette
par défaut, recharger la palette prévue pour le Web si vous l'avez remplacée ou trier la palette
en fonction de la teinte.
Vous pouvez importer et exporter des palettes de couleurs dégradées et unies entre des fichiers
Flash, ainsi qu'entre Flash et d'autres applications, telles que Macromedia Fireworks et Adobe
Photoshop.
Duplication et suppression de couleurs
Vous pouvez dupliquer des couleurs de la palette, supprimer quelques couleurs ou supprimer
toutes les couleurs d'une palette.
Pour dupliquer ou supprimer une couleur de la palette :
1.
Si le panneau Nuanciers n'est pas visible, sélectionnez Fenêtre > Nuanciers.
2.
Cliquez sur la couleur que vous voulez dupliquer ou supprimer.
3.
Sélectionnez Dupliquer le nuancier ou Supprimer le nuancier dans le menu d'options (coin
supérieur droit).
Pour supprimer toutes les couleurs de la palette :
■
Dans le panneau Nuanciers, sélectionnez Effacer les couleurs dans le menu d'options (coin
supérieur droit).
Toutes les couleurs sont supprimées de la palette, à l'exception du noir et du blanc.
Modification des palettes de couleurs
147
Utilisation de la palette par défaut et de la palette de
216 couleurs prévue pour le Web
Vous pouvez enregistrer la palette courante comme palette par défaut, remplacer la palette
courante par la palette par défaut définie pour le fichier ou charger la palette prévue pour le
Web pour remplacer la palette courante.
Pour charger ou enregistrer la palette par défaut :
■
Dans le panneau Nuanciers, sélectionnez l'une des commandes suivantes dans le menu
d'options (coin supérieur droit) :
L'option Charger les couleurs par défaut permet de remplacer la palette courante par la
palette par défaut.
L'option Enregistrer comme défaut enregistre la palette de couleur courante comme
palette par défaut. La nouvelle palette par défaut est utilisée lorsque vous créez des fichiers.
Pour charger la palette 216 couleurs prévue pour le Web :
■
Dans le panneau Nuanciers, sélectionnez Web 216 dans le menu d'options (coin
supérieur droit).
Tri de la palette
Vous pouvez faciliter la recherche d'une couleur en triant les couleurs de la palette en fonction
de la teinte.
Pour trier les couleurs de la palette :
■
148
Dans le panneau Nuanciers, sélectionnez Trier par couleur dans le menu d'options (coin
supérieur droit).
Utilisation des couleurs, des traits et des remplissages
Importation et exportation de palettes de couleurs
Pour importer et exporter des couleurs RVB et des dégradés entre des fichiers Flash, utilisez
des fichiers CLR (jeu de couleurs Flash). Vous pouvez importer et exporter des palettes de
couleurs RVB à l'aide de fichiers ACT (tables de couleurs) qui peuvent être utilisés avec
Macromedia Fireworks et Adobe Photoshop. Vous pouvez également importer des palettes de
couleurs, mais pas des dégradés, à partir de fichiers GIF. Vous ne pouvez pas importer ou
exporter de dégradés à partir de fichiers ACT.
Pour importer une palette de couleurs :
1.
Dans le panneau Nuanciers, sélectionnez l'une des commandes suivantes dans le menu
d'options (coin supérieur droit) :
■
Pour ajouter des couleurs importées à la palette courante, sélectionnez Ajouter des
couleurs.
■
Pour remplacer la palette courante par les couleurs importées, sélectionnez Remplacer
des couleurs.
2.
Naviguez jusqu'au fichier souhaité pour le sélectionner.
3.
Cliquez sur OK.
Pour exporter une palette de couleurs :
1.
Dans le panneau Nuanciers, sélectionnez Enregistrer les couleurs dans le menu d'options
(coin supérieur droit).
2.
Dans la boîte de dialogue qui apparaît, entrez le nom que vous souhaitez donner à la palette
de couleurs.
3.
Dans le champ Type (Windows) ou Format (Macintosh), sélectionnez Jeu de couleurs
Flash ou Table de couleurs. Cliquez sur Enregistrer.
Modification des palettes de couleurs
149
150
Utilisation des couleurs, des traits et des remplissages
CHAPITRE 5
5
Dessin
Les outils de dessin de Macromedia Flash Basic 8 et Flash Professionnel 8 permettent de créer
et de modifier des formes dans les illustrations de vos documents. Vous pouvez consulter une
introduction interactive au dessin dans Flash en consultant la section Création de graphiques :
Dessiner dans Flash dans les didacticiels Flash.
Avant de dessiner et de peindre dans Flash, il est important de comprendre comment Flash
crée les illustrations, comment les outils de dessin fonctionnent et comment le dessin, la
peinture et la modification des formes peuvent affecter d'autres formes placées sur le même
calque.
Ce chapitre contient les sections suivantes :
A propos des graphiques vectoriels et bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
Les modèles de dessin de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154
Outils de dessin et de peinture de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156
Utilisation du modèle de dessin d'objet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157
Dessin avec l'outil Crayon. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159
Dessin de lignes droites, d'ovales et de rectangles. . . . . . . . . . . . . . . . . . . . . . . . . . . 160
Dessiner des polygones et des formes étoilées. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .161
Utilisation de l'outil Plume. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162
Utilisation de l'outil Pinceau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168
Remodelage des lignes et des contours de formes . . . . . . . . . . . . . . . . . . . . . . . . . . 170
Utilisation de l'outil Gomme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173
Modification des formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174
Accrochage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
Définition des paramètres de dessin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178
151
A propos des graphiques vectoriels et
bitmap
Les ordinateurs affichent des graphiques au format vectoriel ou bitmap. Il est important de
bien comprendre la différence entre ces deux formats pour les utiliser de manière plus efficace.
Flash vous permet de créer et d'animer des graphiques vectoriels compacts. Flash permet
également d'importer et de manipuler des graphiques bitmap et vectoriels créés dans
d'autres applications.
Graphiques vectoriels
Les graphiques vectoriels décrivent les images à l'aide de lignes et de courbes, appelées vecteurs,
qui comprennent également les propriétés de couleur et de position. Par exemple, l'image
d'une feuille est formée par des points reliés entre eux, formant ainsi le contour de la feuille.
La couleur de la feuille est définie par la couleur du contour et la couleur de la région qu'il
définit.
Lorsque vous manipulez un graphique vectoriel, vous modifiez les propriétés des lignes et des
courbes qui en décrivent la forme. Vous pouvez déplacer, redimensionner, remodeler et
changer la couleur d'un graphique vectoriel sans affecter la qualité de son apparence. Les
graphiques vectoriels ne dépendent pas de la résolution ; ils peuvent donc être affichés sur des
périphériques de résolution différente sans perdre leur qualité.
152
Dessin
Graphiques bitmap
Les graphiques bitmap décrivent des images à l'aide de points de couleur, appelés pixels,
organisés sur une grille. Par exemple, l'image d'une feuille est décrite par l'emplacement et la
valeur de couleur spécifiques de chaque pixel de la grille, créant une image assez semblable à
une mosaïque.
Lorsque vous modifiez un graphique bitmap, la modification porte sur les pixels et non sur les
lignes et les courbes. Les graphiques bitmap dépendent de la résolution, les données décrivant
l'image étant définies pour une grille de dimension particulière. La manipulation d'un
graphique bitmap peut affecter la qualité de son apparence. En particulier, le
redimensionnement d'un graphique bitmap peut donner un effet d'escalier aux bords de
l'image lorsque les pixels sont redistribués dans la grille. L'affichage d'un graphique bitmap
sur un périphérique de sortie de résolution inférieure à celle de l'image entraîne également une
altération de la qualité.
A propos des graphiques vectoriels et bitmap
153
Les modèles de dessin de Flash
Flash comporte deux modèles de dessin qui offrent une grande souplesse pour tracer des
formes :
Le modèle de fusion de dessins fusionne automatiquement les formes que vous dessinez
lorsqu'elles se chevauchent. Si vous sélectionnez et déplacez une forme qui a été fusionnée
avec une autre, la forme qui se trouve en-dessous est modifiée de façon permanente. Par
exemple, si vous tracez un carré, puis un cercle par dessus ce carré, et si vous sélectionnez et
déplacez ensuite ce cercle, la partie du carré qui était chevauchée par le cercle est supprimée.
Le modèle de dessin d'objet permet de tracer des formes comme des objets séparés qui ne
sont pas fusionnés automatiquement lorsqu'ils se chevauchent. Vous pouvez ainsi faire se
chevaucher des formes sans modifier leur apparence si vous déplacez ou modifiez l'une d'entre
elles. Flash crée chaque forme comme un objet individuel que vous pouvez modifier
séparément. Dans les versions précédentes de Flash, vous deviez dessiner chaque forme sur son
propre calque pour chevaucher les formes sans modifier leur apparence.
154
Dessin
Si vous sélectionnez une forme créée avec le modèle de dessin d'objet, Flash entoure cette
forme d'un cadre rectangulaire. Vous pouvez alors utiliser l'outil Pointeur pour déplacer
l'objet, en cliquant sur ce cadre et en tirant l'objet à sa nouvelle position sur la scène.
REMARQUE
Vous pouvez définir les préférences de sensibilité au contact lorsque vous sélectionnez
des formes créées via le modèle Dessin d'objet. Pour plus d'informations, consultez la
section Pour définir les options de contact des outils Sélection, Sous-sélection et Lasso :,
page 180.
Chevauchement de formes avec le modèle Fusion de
dessins
Lorsque vous utilisez les outils Crayon, Plume, Ligne, Ovale, Rectangle ou Pinceau pour
dessiner une ligne qui coupe une autre ligne ou une forme peinte, ces lignes sont divisées en
segments aux points d'intersection. Vous pouvez utiliser l'outil de sélection pour sélectionner,
déplacer et remodeler chaque segment individuellement.
Un remplissage, le remplissage traversé par une ligne, les deux remplissages et les trois segments de
ligne créés par la segmentation
Les modèles de dessin de Flash
155
Lorsque vous peignez par-dessus des formes et des lignes, la partie qui se trouve en dessous est
remplacée par ce qui se trouve au-dessus. Les peintures de même couleur se mélangent. Les
peintures de couleurs différentes restent distinctes. Vous pouvez utiliser ces fonctions pour
créer des masques, des découpes ou autres images en négatif. Par exemple, la découpe illustrée
ci-dessous a été réalisée en déplaçant l'image non groupée du cerf-volant sur la forme verte, en
désélectionnant le cerf-volant, puis en éloignant les parties remplies du cerf-volant de la forme
verte.
Pour éviter toute modification accidentelle des formes et des lignes en les chevauchant, vous
pouvez grouper les formes ou utiliser des calques pour les séparer. Voir Groupement d'objets,
page 243. Pour plus d'informations, consultez la section Utilisation des calques dans le guide
Bien démarrer avec Flash.
Outils de dessin et de peinture de Flash
Flash propose différents outils permettant de dessiner des formes libres ou des lignes, des
formes et des tracés précis, et de peindre des objets remplis.
■
Pour dessiner des lignes et des formes libres, utilisez l'outil Crayon, qui se manie
pratiquement comme un crayon normal. Voir Dessin avec l'outil Crayon, page 159.
■
Pour dessiner des tracés précis formés de lignes droites ou de courbes, utilisez l'outil
Plume. Voir Utilisation de l'outil Plume, page 162.
■
Pour dessiner des formes géométriques simples, utilisez les outils Ligne, Ovale et
Rectangle. Voir Dessin de lignes droites, d'ovales et de rectangles, page 160.
■
Pour dessiner des polygones et des formes étoilées, utilisez l'outil Polygone. Voir Dessiner
des polygones et des formes étoilées, page 161.
■
Pour dessiner des traits ressemblant à des coups de pinceau, utilisez l'outil Pinceau. Voir
Utilisation de l'outil Pinceau, page 168.
156
Dessin
Lorsque vous utilisez la plupart des outils de Flash, l'inspecteur des propriétés affiche les
paramètres de l'outil en cours. Par exemple, si vous utilisez l'outil Texte, l'inspecteur des
propriétés affiche les propriétés du texte, ce qui vous permet de facilement sélectionner les
attributs souhaités. Pour plus d'informations sur l'inspecteur des propriétés, consultez la
section Utilisation des panneaux et de l’inspecteur des propriétés du guide Bien démarrer avec
Flash.
Lorsque vous utilisez un outil de dessin ou de peinture pour créer un objet, l'outil applique les
attributs de trait et de remplissage actuels à l'objet. Pour changer les attributs de trait et de
remplissage des objets existants, vous pouvez utiliser les outils Pot de peinture et Encrier du
panneau Outils ou de l'inspecteur des propriétés. Voir Utilisation des commandes Couleur de
trait et Couleur de remplissage du panneau Outils, page 133, ou Utilisation des commandes
Couleur de trait et Couleur de remplissage de l'inspecteur des propriétés, page 135.
Vous pouvez remodeler des lignes et des contours de forme de diverses manières après les avoir
créées. Les remplissages et les traits sont traités comme des objets séparés. Vous pouvez
sélectionner les remplissages et les traits séparément pour les déplacer ou les modifier. Voir
Remodelage des lignes et des contours de formes, page 170.
Vous pouvez utiliser la fonction d'accrochage pour automatiquement aligner les éléments les
uns avec les autres, de même que sur les grilles ou les guides. Voir Accrochage, page 175, et
Présentation de la barre d’outils principale et de la barre d’édition dans le guide Bien démarrer
avec Flash.
Vous pouvez personnaliser le panneau Outils de manière à modifier l'affichage des différentes
commandes. Voir Personnalisation du panneau Outils dans le guide Bien démarrer avec Flash.
Utilisation du modèle de dessin d'objet
Par défaut, Flash utilise le modèle de dessin d'objet. Pour dessiner des formes à l'aide du
modèle de dessin d'objet, vous devez cliquer sur le bouton Dessin d'objet dans le panneau
Outils.
Pour activer le modèle de dessin d'objet :
1.
Sélectionnez un outil de dessin acceptant le modèle de dessin d'objet. Les outils de dessin
qui acceptent ce modèle sont les suivants : Crayon, Ligne, Plume, Pinceau, Ovale,
Rectangle et Polygone.
2.
Sélectionnez le bouton Dessin d'objet dans la catégorie Options du panneau Outils ou
appuyez sur la touche J pour basculer entre les modèles Fusion de dessins et Dessin d'objet.
Ce même bouton permet d'activer tour à tour les modèles Fusion de dessins et Dessin
d'objet.
Utilisation du modèle de dessin d'objet
157
Pour plus d'informations sur le modèle Dessin d'objet, consultez la section Les modèles de
dessin de Flash, page 154.
Vous pouvez définir les préférences de sensibilité au contact lorsque vous sélectionnez des
formes créées via le modèle Dessin d'objet. Pour plus d'informations, consultez la section Pour
définir les options de contact des outils Sélection, Sous-sélection et Lasso :, page 180.
Pour convertir une forme créée à l'aide du modèle de fusion de dessins en
modèle de dessin d'objet :
1.
Sélectionnez la forme sur la scène.
2.
Sélectionnez Modification > Combiner les objets > Union pour convertir la forme en objet
unifié.
CONSEIL
Vous pouvez également utiliser la commande Union pour joindre deux formes ou
plus afin de constituer une forme unique basée sur un objet. Pour plus d'informations,
consultez la section Combinaison d'objets, page 159.
Sélection d'objets
Pour sélectionner un objet, utilisez l'un des outils suivants : Pointeur, Sous-sélection ou Lasso.
Les outils Pointeur, Sous-sélection et Lasso permettent de sélectionner un objet en cliquant
dessus. Les outils Pointeur et Sous-sélection permettent aussi de sélectionner un objet en
traçant un cadre de délimitation rectangulaire autour de cet objet. L'outil Lasso permet aussi
de sélectionner un objet en traçant un cadre de forme libre autour de cet objet. Lorsqu'un
objet est sélectionné, un cadre rectangulaire apparaît autour de celui-ci.
Pour définir les options de contact des outils Pointeur, Sous-sélection et
Lasso :
1.
Choisissez Edition > Préférences (Windows) ou Flash > Préférences (Macintosh).
La boîte de dialogue Préférences s'affiche.
2.
158
Dans la catégorie Général de la boîte de dialogue Préférences, effectuez l'une des opérations
suivantes :
■
Décochez l'option Activer au contact outils Sélection et Lasso si vous souhaitez
uniquement sélectionner les objets et les points entièrement inclus dans le cadre de
sélection. Les points qui se trouvent au-delà de la zone de sélection seront toujours
sélectionnés.
■
Cochez l'option Activer au contact outils Sélection et Lasso si vous souhaitez
uniquement sélectionner les objets ou les groupes partiellement inclus dans le cadre de
sélection.
Dessin
Combinaison d'objets
Vous pouvez utiliser les commandes Combiner les objets du menu Modification
(Modification > Combiner les objets) pour créer de nouvelles formes en combinant ou
modifiant des objets existants. Dans certains cas, l’ordre d’empilage des objets sélectionnés
définit le déroulement de l’opération. Les commandes Combiner les objets sont les suivantes :
La commande Union permet de joindre deux formes ou plus afin de constituer une
forme unique.
Union
La commande Intersection permet de créer un objet à partir de l'intersection
de deux objets ou plus.
Intersection
Poinçon La commande Poinçon vous permet de supprimer des parties d'un objet
sélectionné tel que défini par les parties qui se chevauchent d'un autre objet sélectionné
disposé devant celui-ci.
Recadrer La commande Recadrer permet d'utiliser la forme d'un objet afin de recadrer un
autre objet. L'objet situé au premier plan ou dans la partie supérieure définit la forme de la
zone recadrée.
Dessin avec l'outil Crayon
L'outil Crayon permet de dessiner des lignes et des formes pratiquement comme si vous les
dessiniez avec un crayon normal. Pour lisser ou redresser les lignes et les formes pendant que
vous dessinez, vous devez sélectionner un mode de dessin pour l'outil Crayon.
Pour dessiner avec l'outil Crayon :
1.
Sélectionnez l'outil Crayon.
2.
Choisissez Fenêtre > Propriétés et sélectionnez une couleur, une épaisseur et un style de
trait dans l'inspecteur des propriétés. Voir Utilisation des commandes Couleur de trait et
Couleur de remplissage de l'inspecteur des propriétés, page 135.
3.
Sélectionnez un mode de dessin dans la section Options du panneau Outils :
■
Sélectionnez Redresser pour dessiner des lignes droites et convertir des triangles,
ovales, cercles, rectangles et carrés approximatifs en formes géométriques précises.
■
Sélectionnez Lisser pour tracer des lignes incurvées lisses.
Dessin avec l'outil Crayon
159
■
Sélectionnez Encre pour dessiner des lignes à main levée sans appliquer aucune
modification.
Lignes tracées en mode Redresser, Lisser et Encre, respectivement
4.
Cliquez sur la scène et faites glisser le curseur pour dessiner avec l'outil Crayon. Faites
glisser le pointeur tout en maintenant la touche Maj enfoncée pour forcer le tracé de lignes
verticales ou horizontales.
Dessin de lignes droites, d'ovales et de
rectangles
Vous pouvez utiliser les outils Ligne, Ovale et Rectangle pour créer très facilement ces formes
géométriques simples. Les outils Ovale et Rectangle permettent de créer ces formes, vides ou
pleines. L'outil Rectangle permet de tracer des rectangles à coins carrés ou arrondis.
Pour dessiner une ligne droite, un ovale ou un rectangle :
1.
Sélectionnez l'outil Ligne, Ovale ou Rectangle.
2.
Choisissez Fenêtre > Propriétés et sélectionnez les attributs de trait et de remplissage dans
l'inspecteur des propriétés. Voir Utilisation des commandes Couleur de trait et Couleur de
remplissage de l'inspecteur des propriétés, page 135.
REMARQUE
Vous ne pouvez pas définir d'attributs de remplissage pour l'outil Ligne.
3.
Pour l'outil Rectangle, indiquez que les angles doivent être arrondis en cliquant sur le
modificateur de rectangle arrondi, puis en spécifiant la valeur du rayon des angles. Une
valeur nulle crée des angles droits.
4.
Faites glissez le pointeur sur la scène. Si vous utilisez l'outil Rectangle, appuyez sur les
flèches Haut et Bas tout en dessinant pour ajuster le rayon des angles arrondis.
Pour les outils Ovale et Rectangle, faites glisser le pointeur tout en maintenant la touche
Maj enfoncée pour forcer le tracé de cercles et de carrés.
160
Dessin
Pour spécifier une taille précise (en pixels) pour l'ovale ou le rectangle, appuyez sur la
touche Alt (Windows) ou Option (Macintosh) lorsque l'outil Ovale ou Rectangle est
sélectionné, et cliquez dans la scène pour afficher la boîte de dialogue de paramétrage des
outils Ovale et Rectangle.
■
Pour les ovales, vous pouvez spécifier la largeur et la hauteur en pixels, et indiquer si
l'ovale doit être tracé à partir du centre.
■
Pour les rectangles, vous pouvez spécifier la largeur et la hauteur en pixels, le rayon des
coins (pour les rectangles arrondis) et indiquer si le rectangle doit être tracé à partir du
centre.
Pour l'outil Ligne, faites glisser le pointeur tout en maintenant la touche Maj enfoncée
pour contraindre l'angle des lignes à des multiples de 45°.
Dessiner des polygones et des formes
étoilées
Utilisation de l'outil Polygone pour dessiner des polygones ou des formes étoilées. Vous
pouvez déterminer le nombre de côtés du polygone ou encore le nombre de branches de
l'étoile, de 3 à 32. Vous pouvez également indiquer la largeur des branches de l'étoile.
Pour dessiner un polygone ou une étoile :
1.
Cliquez sur l'outil Rectangle et laissez le bouton de la souris enfoncé jusqu'à ce qu'un menu
déroulant apparaisse. Dans ce menu, sélectionnez l'outil Polygone en faisant glisser le
curseur.
2.
Sélectionnez Fenêtre > Propriétés pour afficher l'inspecteur des propriétés.
3.
Sélectionnez les attributs de trait et de remplissage dans l'inspecteur des propriétés Voir
Utilisation des commandes Couleur de trait et Couleur de remplissage de l'inspecteur des
propriétés, page 135.
4.
Cliquez sur le bouton Options dans l'inspecteur des propriétés.
5.
Dans la boîte de dialogue Paramètres des outils, effectuez les opérations suivantes :
■
Dans le champ Style, sélectionnez Polygone ou Etoile.
■
Dans le champ Nombre de côtés, saisissez un chiffre compris entre 3 et 32.
■
Dans le champ Taille des branches de l'étoile, indiquez la largeur des branches de
l'étoile en saisissant un chiffre compris entre 0 et 1. Plus le chiffre indiqué est proche
de 0 plus les branches sont fines (en forme d'aiguilles). Si vous dessinez un polygone, il
n'est pas nécessaire de modifier ce paramètre : il n'a aucune incidence sur la forme du
polygone.
Dessiner des polygones et des formes étoilées
161
6.
Fermez la boîte de dialogue Paramètres des outils en cliquant sur le bouton OK.
7.
Faites glisser le pointeur sur la scène.
Utilisation de l'outil Plume
L'outil Plume permet de dessiner des tracés précis formés de lignes droites ou de courbes lisses
et fluides. Vous pouvez créer des segments de lignes droites ou courbes, puis ajuster l'angle et
la longueur des segments droits, ainsi que la pente des segments incurvés.
Lorsque vous dessinez avec l'outil Plume, vous devez cliquer pour créer les points des
segments de lignes droites et devez cliquer et faire glisser la souris pour créer les points des
segments de lignes courbes. Vous pouvez ajuster les segments de lignes droites et courbes en
ajustant les points des lignes. Vous pouvez convertir les courbes en lignes droites et vice-versa.
Vous pouvez également afficher les points des lignes que vous créez avec d'autres outils de
dessin de Flash, tels que les outils Crayon, Pinceau, Ligne, Ovale et Rectangle, pour ajuster ces
lignes. Voir Remodelage des lignes et des contours de formes, page 170.
Définition des préférences de l'outil Plume
Vous pouvez spécifier des préférences pour l'apparence du pointeur de l'outil Plume, pour
l'aperçu des segments de ligne pendant que vous dessinez ou pour l'apparence des points
d'ancrage sélectionnés. Les segments de ligne et les points d'ancrage sélectionnés sont affichés
dans la couleur de contour du calque sur lequel ces lignes et ces points apparaissent.
Pour définir les préférences de l'outil Plume :
1.
Sélectionnez l'outil Plume, choisissez Edition> Préférences (Windows) ou Flash >
Préférences (Macintosh), puis cliquez sur l'onglet Modification.
2.
Dans la section Outil Plume, définissez les options suivantes :
L'option Afficher l'aperçu de l'outil Plume affiche un aperçu des segments de ligne
pendant que vous dessinez. Flash affiche un aperçu du segment de ligne pendant que vous
déplacez le pointeur sur la scène, avant même que vous ne cliquiez pour créer le point
d'extrémité du segment. Si cette option n'est pas activée, Flash n'affiche pas le segment de
ligne tant que vous n'avez pas créé le point d'extrémité du segment.
L'option Afficher les points pleins affiche les points d'ancrage sélectionnés sous forme de
points vides et les points d'ancrage non sélectionnés sous forme de points pleins. Si cette
option est désactivée, les points d'ancrage sélectionnés s'affichent sous forme de points
pleins et les points d'ancrage non sélectionnés sous forme de points vides.
162
Dessin
L'option Afficher des curseurs précis indique que le pointeur de l'outil Plume doit
prendre la forme d'un pointeur en croix, plutôt que l'icône par défaut de l'outil Plume,
afin de permettre un placement plus précis des lignes. Désactivez cette option pour utiliser
l'icône par défaut de l'outil Plume.
REMARQUE
3.
Appuyez sur la touche de verrouillage des majuscules pour sélectionner tout à tour le
pointeur en croix et l'icône par défaut de l'outil Plume.
Cliquez sur OK.
Dessin de lignes droites avec l'outil Plume
Pour dessiner des segments de ligne droits avec l'outil Plume, vous devez créer des points
d'ancrage, qui sont les points de la ligne qui déterminent la longueur des segments de ligne
individuels.
Pour dessiner des lignes droites avec l'outil Plume :
1.
Sélectionnez l'outil Plume.
2.
Choisissez Fenêtre > Propriétés et sélectionnez les attributs de trait et de remplissage dans
l'inspecteur des propriétés. Voir Utilisation des commandes Couleur de trait et Couleur de
remplissage de l'inspecteur des propriétés, page 135.
3.
Placez le pointeur à l'endroit de la scène où vous souhaitez que la ligne droite commence,
puis cliquez pour définir le premier point d'ancrage.
4.
Cliquez à nouveau à l'endroit où vous souhaitez que le premier segment de la ligne droite
se termine. Cliquez tout en maintenant la touche Maj enfoncée pour contraindre l'outil à
des multiples de 45°.
5.
Continuez à cliquer pour créer des segments de ligne droits supplémentaires.
Utilisation de l'outil Plume
163
6.
Pour terminer le tracé et créer une forme ouverte ou fermée, effectuez l'une des opérations
suivantes :
■
Pour terminer un tracé ouvert, double-cliquez sur le dernier point, cliquez sur l'outil
Plume du panneau Outils ou cliquez n'importe où à l'extérieur du tracé en maintenant
la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée.
■
Pour fermer un tracé, placez l'outil Plume sur le premier point d'ancrage. Un petit
cercle apparaît en regard de la plume lorsqu'elle est correctement positionnée. Cliquez
ou faites glisser la souris pour fermer le tracé.
■
Pour laisser la forme en l'état, sélectionnez Edition > Tout désélectionner ou
sélectionnez un autre outil dans le panneau Outils.
Dessin de courbes avec l'outil Plume
Les courbes sont créées en faisant glisser l'outil Plume dans la direction que doit prendre la
courbe pour créer le premier point d'ancrage, puis en faisant glisser l'outil Plume dans la
direction opposée pour créer le second point d'ancrage.
Lorsque vous utilisez l'outil Plume pour créer un segment incurvé, des poignées de tangente
sont affichées sur les points d'ancrage du segment de ligne. La pente et la longueur de chaque
poignée de tangente déterminent la pente et la hauteur, ou profondeur, de la courbe. Le
déplacement des poignées de tangente redessine les courbes du tracé. Voir Ajustement des
segments, page 167.
Pour dessiner un tracé incurvé :
1.
Sélectionnez l'outil Plume.
2.
Placez l'outil Plume à l'endroit de la scène où vous souhaitez que la courbe commence et
maintenez le bouton de la souris enfoncé.
Le premier point d'ancrage apparaît et le bout de la plume devient une pointe de flèche.
164
Dessin
3.
Faites glisser le pointeur dans la direction que doit prendre le segment de courbe. Faites
glisser le pointeur tout en maintenant la touche Maj enfoncée pour contraindre l'outil à des
multiples de 45°.
Les poignées de tangente de la courbe apparaissent pendant que vous dessinez.
4.
Relâchez le bouton de la souris.
La longueur et la pente des poignées de tangente déterminent la forme du segment de
courbe. Vous pourrez déplacer les poignées de tangente ultérieurement afin d'ajuster la
courbe.
5.
Placez le pointeur à l'endroit où le segment de courbe doit se terminer, maintenez le bouton
de la souris enfoncé et faites glisser le pointeur dans la direction opposée pour terminer le
segment. Faites glisser le pointeur tout en maintenant la touche Maj enfoncée pour
contraindre le segment à des multiples de 45°.
6.
Pour dessiner le segment suivant d'une courbe, placez le pointeur à l'endroit où le segment
suivant doit se terminer et faites glisser le pointeur en l'éloignant de la courbe.
Ajustement des points d'ancrage sur les tracés
Lorsque vous dessinez une courbe à l'aide de l'outil Plume, vous créez des points de courbe,
qui sont des points d'ancrage sur un tracé incurvé continu. Lorsque vous dessinez un segment
de ligne droit ou une ligne droite attachée à un segment incurvé, vous créez des points d'angle
; ces points d'angle correspondent à des points d'ancrage sur un tracé droit ou à la jonction
d'un tracé droit et d'un tracé incurvé.
Par défaut, les points de courbe sélectionnés sont représentés par des cercles vides, alors que les
points d'angle sélectionnés sont représentés par des carrés vides.
Utilisation de l'outil Plume
165
Pour convertir les segments droits d'une ligne en segments incurvés ou inversement, vous
devez convertir les points d'angle en points de courbe ou vice-versa.
Vous pouvez également déplacer, ajouter ou supprimer des points d'ancrage sur un tracé. Les
points d'ancrage sont déplacés à l'aide de l'outil Sous-sélection pour ajuster la longueur ou
l'angle des segments droits ou la pente des segments incurvés. Vous pouvez repositionner les
points d'ancrage sélectionnés pour effectuer de petits ajustements.
La suppression des points d'ancrage inutiles sur un tracé incurvé permet d'optimiser la courbe
et de réduire la taille du fichier.
Pour déplacer un point d'ancrage :
■
Faites glisser le point à l'aide de l'outil Sous-sélection.
Pour déplacer légèrement un ou plusieurs points d'ancrage :
■
Sélectionnez le(s) point(s) à l'aide de l'outil Sous-sélection et utilisez les touches fléchées
pour le(s) déplacer.
Pour convertir un point d'ancrage, effectuez l'une des opérations suivantes :
■
Pour convertir un point d'angle en point de courbe, utilisez l'outil Sous-sélection pour
sélectionner le point, puis faites glisser le point tout en maintenant la touche Alt
(Windows) ou Option (Macintosh) enfoncée pour placer les poignées de tangentes.
■
Pour convertir un point de courbe en un point d'angle, cliquez sur ce point avec l'outil
Plume.
Pour ajouter un point d'ancrage :
■
Cliquez sur un segment de ligne avec l'outil Plume.
Pour supprimer un point d'ancrage, effectuez l'une des opérations suivantes :
■
Pour supprimer un point d'angle, cliquez une fois sur ce point avec l'outil Plume.
■
Pour supprimer un point de courbe, cliquez deux fois sur ce point avec l'outil Plume.
Cliquez une fois pour convertir le point en un point d'angle et une fois de plus pour
supprimer le point.
■
Sélectionnez le point avec l'outil Sous-sélection et appuyez sur Suppr.
166
Dessin
Ajustement des segments
Vous pouvez ajuster des segments droits afin de modifier leur angle ou leur longueur ou
ajuster des segments incurvés pour modifier la pente ou la direction de la courbe.
Lorsque vous déplacez une poignée de tangente sur un point de courbe, les courbes situées des
deux côtés du point sont ajustées. Lorsque vous déplacez une poignée de tangente sur un
point d'angle, seule la courbe située du même côté du point que la poignée de tangente est
ajustée.
Pour ajuster un segment droit :
1.
Sélectionnez un segment droit avec l'outil Sous-sélection.
2.
Utilisez l'outil Sous-sélection pour faire glisser un point d'ancrage du segment vers une
nouvelle position.
Pour ajuster un segment incurvé :
■
Faites glisser le segment avec l'outil Sous-sélection.
REMARQUE
Lorsque vous cliquez sur la trajectoire, Flash affiche les points d'ancrage.
L'ajustement d'un segment avec l'outil Sous-sélection ajoute parfois des points au
tracé.
Pour ajuster des points ou des poignées de tangente sur une courbe :
1.
Sélectionnez un point d'ancrage d'un segment incurvé avec l'outil Sous-sélection.
Une poignée de tangente apparaît pour le point que vous sélectionnez.
2.
Pour ajuster la forme de la courbe d'un côté ou de l'autre du point d'ancrage, faites glisser
le point d'ancrage ou la poignée de tangente. Faites glisser le pointeur tout en maintenant
la touche Maj enfoncée pour contraindre la courbe à des multiples de 45°. Faites glisser les
poignées de tangente en maintenant la touche Alt (Windows) ou Option (Macintosh)
enfoncée.
Utilisation de l'outil Plume
167
Utilisation de l'outil Pinceau
L'outil Pinceau dessine des traits ressemblant à des coups de pinceau. Il permet de créer des
effets spéciaux, tels que des effets calligraphiques. Vous pouvez sélectionner une taille et une
forme de pinceau à l'aide des modificateurs de cet outil.
La taille de pinceau demeurant constante pour les nouveaux traits (ce même lorsque vous
modifiez le facteur de zoom utilisé pour la scène), elle semble plus grande lorsque le facteur de
zoom utilisé pour la scène est plus réduit. Par exemple, supposons que vous avez zoomé à
100 % sur la scène et que vous utilisez la plus petite taille de pinceau pour peindre. Supposons
maintenant que vous réglez le zoom sur 50 % et recommencez à peindre avec la même taille
de pinceau. Vos nouveaux traits sembleront être 50 % plus épais que ceux que vous peigniez
auparavant. La modification de l'importance du zoom sur la scène ne change pas la taille des
traits de pinceau existants.
Vous pouvez utiliser un bitmap importé comme remplissage lorsque vous peignez avec l'outil
Pinceau. Voir Séparation de groupes et d'objets, page 257.
Si vous utilisez une tablette graphique à pression Wacom, vous pouvez régler l'épaisseur et
l'angle du trait de pinceau à l'aide des modificateurs de pression et d'inclinaison de l'outil
Pinceau. Ces réglages s'effectuent en fonction de la pression exercée sur le stylet.
Le modificateur de pression permet de régler l'épaisseur du trait de pinceau en fonction de la
pression exercée sur le stylet. Le modificateur d'inclinaison permet de régler l'angle du trait de
pinceau en fonction de l'angle appliqué au stylet sur la tablette. Le modificateur d'inclinaison
mesure l'angle entre l'extrémité supérieure (gomme) du stylet et le bord supérieur (nord) de la
tablette. Par exemple, si vous tenez le stylet en position verticale sur la tablette, l'inclinaison est
de 90°. Les modificateurs de pression et d'inclinaison supportent tous deux la fonction
gomme du stylet.
Un trait de pinceau d'épaisseur variable tracé avec un stylet
168
Dessin
Pour peindre avec l'outil Pinceau :
1.
Sélectionnez l'outil Pinceau.
2.
Choisissez Fenêtre > Propriétés et sélectionnez une couleur de remplissage dans l'inspecteur
des propriétés. Voir Utilisation des commandes Couleur de trait et Couleur de remplissage de
l'inspecteur des propriétés, page 135.
3.
Cliquez sur le modificateur Mode du pinceau, puis sélectionnez un mode de peinture :
Le mode Peint normalement peint par-dessus les lignes et les remplissages d'un même
calque.
Le mode Peint les zones remplies peint les remplissages et les zones vides, sans toucher
aux lignes.
Le mode Peint derrière peint les parties vides de la scène sur un même calque, sans
toucher aux lignes ou aux remplissages.
Le mode Peint la sélection applique un nouveau remplissage à la sélection lorsque vous
sélectionnez un remplissage dans le modificateur de remplissage ou l'option Couleur de
remplissage de l'inspecteur des propriétés. Cette option revient à sélectionner une zone
remplie et à appliquer un nouveau remplissage.
Le mode Peint à l'intérieur peint le remplissage dans lequel vous avez dessiné le premier
trait de pinceau mais ne peint jamais les lignes. Ce mode fonctionne à peu de chose près
comme un livre de coloriage intelligent dans lequel vous ne pouvez jamais peindre à
l'extérieur des lignes. Si vous commencez à peindre dans une zone vide, le remplissage
n'affecte aucune des zones déjà remplies.
4.
Sélectionnez une taille de pinceau et une forme de pinceau dans les modificateurs de l'outil
Pinceau.
5.
Si vous utilisez une tablette graphique sensible à la pression Wacom, vous pouvez modifier
les traits de pinceaux en sélectionnant le modificateur de pression, le modificateur
d'inclinaison ou les deux.
6.
■
Sélectionnez le modificateur de pression pour faire varier l'épaisseur de vos traits de
pinceau en fonction de la pression exercée sur le stylet.
■
Sélectionnez le modificateur d'inclinaison pour faire varier l'angle de vos traits de
pinceau en fonction de l'angle appliqué au stylet sur la tablette graphique à pression
Wacom.
Faites glissez le pointeur sur la scène. Faites glisser le pointeur tout en maintenant la touche
Maj enfoncée pour tracer des traits de pinceau horizontaux et verticaux.
Utilisation de l'outil Pinceau
169
Remodelage des lignes et des contours
de formes
Vous pouvez remodeler les lignes et les contours de formes créés avec les outils Crayon,
Pinceau, Ligne, Ovale ou Rectangle en les faisant glisser avec l'outil Sélection ou en
optimisant leurs courbes.
Vous pouvez également utiliser l'outil Sous-sélection pour afficher les points sur les lignes et
les contours de formes, puis modifier les lignes et les contours en ajustant ces points. Pour plus
d'informations sur les points d'ancrage, consultez la section Utilisation de l'outil Plume,
page 162.
Pour afficher les points d'ancrage sur une ligne ou un contour de forme créé
avec les outils Crayon, Pinceau, Ligne, Ovale ou Rectangle :
1.
Sélectionnez l'outil Sous-sélection.
2.
Cliquez sur la ligne ou le contour de forme.
Remodelage avec l'outil Sélection
Pour remodeler une ligne ou un contour de forme, vous pouvez faire glisser n'importe quel
point d'une ligne avec l'outil Sélection. Le pointeur change pour indiquer le type de
remodelage qu'il peut effectuer sur la ligne ou le remplissage.
Flash ajuste la courbe du segment de ligne en fonction de la nouvelle position du point
déplacé. Si vous avez repositionné un point d'extrémité, vous pouvez allonger ou raccourcir la
ligne. Si vous avez repositionné un point d'angle, les segments de ligne formant l'angle restent
droits lorsqu'ils sont allongés ou raccourcis.
Un angle qui apparaît sous le pointeur indique que vous pouvez modifier un point d'extrémité.
Lorsque c'est une courbe qui apparaît sous le pointeur, vous pouvez ajuster la courbe.
Il est parfois plus facile de modifier la forme des traits de pinceau si vous les affichez sous
forme de contours.
170
Dessin
Si vous rencontrez des difficultés lors de la modification d'une ligne complexe, vous pouvez la
lisser afin de supprimer une partie de ses détails et faciliter la modification. L'augmentation
du facteur de zoom peut également faciliter le remodelage et le rendre plus précis ; consultez la
rubrique Optimisation des courbes, page 172 ou Utilisation de la scène du guide Bien démarrer
avec Flash.
Pour remodeler une ligne ou un contour de forme à l'aide de l'outil Sélection :
1.
Sélectionnez l'outil Sélection.
2.
Effectuez l'une des opérations suivantes :
■
Faites glisser n'importe quel point du segment pour le remodeler.
■
Faites glisser une ligne tout en maintenant la touche Ctrl (Windows) ou Option
(Macintosh) enfoncée pour créer un nouveau point d'angle.
Redressement et lissage des lignes
Vous pouvez remodeler des lignes et des contours de formes en les redressant ou en les lissant.
REMARQUE
Vous pouvez ajuster le degré de lissage et de redressement automatique dans les
paramètres des préférences de dessin. Voir Définition des paramètres de dessin,
page 178.
Le redressement permet d'apporter de petits ajustements de redressement aux lignes et aux
courbes que vous avez déjà dessinées. Il n'a aucun effet sur les segments déjà droits.
Vous pouvez également utiliser la technique de redressement pour que Flash reconnaisse les
formes. Si vous dessinez des formes ovales, rectangulaires ou triangulaires alors que l'option
Reconnaître les formes est désactivée, vous pouvez utiliser l'option de redressement pour en
faire des formes géométriques parfaites. Pour plus d'informations sur l'option Reconnaître les
formes, consultez la section Définition des paramètres de dessin, page 178. Les formes qui se
touchent et qui sont donc connectées à d'autres éléments ne sont pas reconnues.
La reconnaissance des formes fait des formes du haut les formes du bas
Remodelage des lignes et des contours de formes
171
Le lissage adoucit les courbes et réduit les bosses ou autres variations qui apparaissent dans la
direction générale de la courbe. Il réduit également le nombre de segments d'une courbe. Le
lissage est néanmoins relatif et n'a aucun effet sur les segments droits. Il est particulièrement
utile lorsque vous avez des difficultés à remodeler de très petits segments de ligne incurvés. La
sélection et le lissage de tous les segments réduit le nombre de segments et crée ainsi une
courbe plus fluide qui est plus facile à remodeler.
Chaque application des fonctions de lissage ou de redressement lisse ou redresse un peu plus
chaque segment (respectivement), selon sa courbure ou sa rectitude originale.
Pour lisser la courbe de chaque contour de remplissage ou segment incurvé
sélectionné :
■
Sélectionnez l'outil Sélection, puis cliquez sur le modificateur Lisser dans la section
Options du panneau Outils ou sélectionnez Modification > Forme > Lisser.
Pour apporter de petits ajustements de redressement à chaque contour de
remplissage ou segment incurvé sélectionné :
■
Sélectionnez l'outil Sélection, puis cliquez sur le modificateur Redresser dans la section
Options du panneau Outils ou sélectionnez Modification > Forme > Redresser.
Pour utiliser la reconnaissance des formes :
■
Sélectionnez l'outil Sélection, puis cliquez sur le modificateur Redresser ou sélectionnez
Modification > Forme > Redresser.
Optimisation des courbes
Une autre manière de lisser les courbes consiste à les optimiser. Cela affine les courbes et les
contours de remplissage en réduisant le nombre de courbes utilisées pour définir ces éléments.
L'optimisation des courbes réduit également la taille du document Flash (fichier FLA) et la
taille de l'animation Flash (fichier SWF) exportée. Comme avec les modificateurs ou les
commandes Lisser ou Redresser, vous pouvez appliquer plusieurs fois l'optimisation aux
mêmes éléments.
Pour optimiser des courbes :
1.
Sélectionnez les éléments dessinés à optimiser, puis sélectionnez Modification > Forme
> Optimiser.
2.
Dans la boîte de dialogue Optimiser les courbes, utilisez le curseur de lissage pour spécifier
le degré de lissage.
Le résultat exact dépend des courbes sélectionnées. D'une manière générale, l'optimisation
réduit le nombre de courbes et donne un résultat assez différent du contour original.
172
Dessin
3.
Définition d'options supplémentaires :
L'option Appliquer plusieurs passages permet de répéter le processus de lissage jusqu'à
ce qu'il n'y ait plus d'optimisation possible. Cela revient à appliquer plusieurs fois la
commande Optimiser sur les mêmes éléments.
Activez l'option Afficher le message des totaux pour afficher un message d'alerte
indiquant le degré d'optimisation une fois le lissage terminé.
4.
Cliquez sur OK.
Utilisation de l'outil Gomme
L'outil Gomme permet d'effacer les traits et les remplissages. Vous pouvez rapidement effacer
tout ce qui se trouve sur la scène, effacer des segments de trait ou des zones remplies, ou
encore effacer par glissement.
Vous pouvez personnaliser l'outil Gomme de manière à n'effacer que les traits, que les zones
remplies ou qu'une seule zone remplie. L'outil Gomme peut être rond ou carré et prendre
cinq tailles différentes.
Pour effacer rapidement tout le contenu de la scène :
■
Double-cliquez sur l'outil Gomme.
Pour supprimer des segments de trait ou des zones remplies :
1.
Sélectionnez l'outil Gomme, puis cliquez sur le modificateur Robinet.
2.
Cliquez sur le segment de trait ou la zone remplie à supprimer.
Pour effacer par glissement :
1.
Sélectionnez l'outil Gomme.
2.
Cliquez sur le modificateur Mode de la gomme, puis sélectionnez un mode d'effacement :
Le mode Efface normalement efface les traits et les remplissages d'un même calque.
Le mode Efface les zones remplies efface uniquement les remplissages, sans toucher aux
traits.
Le mode Efface les lignes efface uniquement les traits, sans toucher aux zones remplies.
Le mode Efface les zones remplies sélectionnées efface uniquement les remplissages
actuellement sélectionnés sans toucher aux traits, qu'ils soient sélectionnés ou non.
Sélectionnez les remplissages à effacer avant d'utiliser l'outil Gomme dans ce mode.
Le mode Efface à l'intérieur efface uniquement le remplissage dans lequel vous avez
donné le premier coup de gomme. Si le premier coup de gomme est donné dans une zone
vide, aucune zone n'est effacée. Dans ce mode, les traits ne sont pas effacés par la gomme.
Utilisation de l'outil Gomme
173
3.
Cliquez sur le modificateur Forme de la gomme, puis sélectionnez une forme et une taille
de gomme. Assurez-vous que le modificateur Robinet n'est pas sélectionné.
4.
Faites glisser le pointeur sur la scène.
Modification des formes
Vous pouvez modifier les formes en convertissant les lignes en remplissages, en étendant la
forme d'un objet rempli ou en adoucissant les bords d'une forme remplie par la modification
des courbes de cette forme.
La fonction Convertir les lignes en remplissages permet de transformer des lignes en
remplissages, ce qui vous permet de remplir les lignes avec des dégradés ou d'effacer une
portion d'une ligne. Les fonctions Etendre la forme et Adoucir les bords vous permettent
d'étendre les formes remplies et d'estomper les bords des formes.
Les fonctions Etendre le remplissage et Adoucir les bords de remplissage donnent de meilleurs
résultats sur les formes qui ne contiennent pas de nombreux petits détails. L'application de la
fonction Adoucir les bords à des formes contenant de nombreux détails peut rapidement
augmenter la taille de fichier du document Flash et du fichier SWF correspondant.
Pour convertir des lignes en remplissages :
1.
Sélectionnez une ou plusieurs lignes.
2.
Sélectionnez Modification > Forme > Convertir les lignes en remplissages.
Les lignes sélectionnées sont converties en formes remplies. La conversion de lignes en
remplissages peut augmenter la taille des fichiers, mais peut également accélérer le
processus de dessin dans certains effets animés.
Pour étendre la forme d'un objet rempli :
1.
Sélectionnez une forme remplie. Cette commande donne de meilleurs résultats sur une
seule forme remplie colorée ne contenant aucun trait.
2.
Sélectionnez Modification > Forme > Etendre le remplissage.
3.
Dans la boîte de dialogue Etendre le remplissage, entrez une valeur en pixels dans le champ
Distance et sélectionnez Vers l'extérieur ou Vers l'intérieur dans la zone Direction.
L'option Vers l'extérieur agrandit la forme, alors que Vers l'intérieur la réduit.
174
Dessin
Pour adoucir les bords d'un objet :
1.
Sélectionnez une forme remplie.
R E M A R QU E
Cette fonction donne de meilleurs résultats sur une seule forme remplie ne contenant
aucun trait.
2.
Sélectionnez Modification > Forme > Adoucir les bords de remplissage.
3.
Définissez les options suivantes :
L'option Distance correspond à l'épaisseur (en pixels) du bord adouci.
L'option Nombre d'étapes indique le nombre de courbes utilisées pour obtenir l'effet
d'adoucissement des bords. Plus les étapes sont nombreuses et plus l'effet d'adoucissement
est prononcé. En revanche, la taille des fichiers augmente et la vitesse de création des
dessins diminue.
Les options Etendre ou Vers l'intérieur déterminent si la forme doit être agrandie ou
rétrécie pour adoucir les bords.
Accrochage
Vous pouvez utiliser la fonction d'accrochage pour aligner automatiquement les éléments les
uns avec les autres. Flash permet d'aligner des objets sur la scène de trois manières différentes.
■
L'accrochage aux objets permet d'accrocher les objets bord à bord.
■
L'accrochage aux pixels permet d'accrocher les objets à des pixels ou à des lignes de pixels
sur la scène.
■
L'alignement par accrochage permet d'accrocher les objets jusqu'à une certaine tolérance à
l'accrochage, c'est-à-dire une limite prédéfinie entre les objets ou entre les objets et le bord
de la scène.
R E MA R Q U E
Vous pouvez également effectuer l'accrochage sur la grille ou sur les guides. Pour
plus d'informations, consultez la section Présentation de la barre d’outils principale et
de la barre d’édition dans le guide Bien démarrer avec Flash.
Accrochage
175
Accrochage aux objets
L'accrochage aux objets peut être activé à l'aide du modificateur Accrocher de l'outil Sélection
ou de la commande Accrocher aux objets du menu Affichage.
Si le modificateur Accrocher de l'outil Sélection est activé, un petit anneau noir apparaît sous
le pointeur lorsque vous faites glisser un élément. Cet anneau s'agrandit lorsque l'objet se
trouve à distance d'accrochage d'un autre objet.
Pour activer ou désactiver l'accrochage aux objets :
■
Sélectionnez Affichage > Accrochage > Accrocher aux objets. Une coche apparaît en regard
de la commande lorsqu'elle est activée.
Lorsque vous déplacez ou remodelez des éléments, la position de l'outil Sélection sur
l'élément donne le point de référence pour le cercle d'accrochage. Par exemple, si vous
déplacez une forme remplie en la faisant glisser près de son centre, le point central est
accroché aux autres objets. Ceci est particulièrement utile pour accrocher les formes aux
trajectoires de mouvement lors de la création d'effets animés.
REMARQUE
Pour mieux contrôler le placement des objets à l'accrochage, faites-les glisser en
commençant par un angle ou un point central.
Pour définir les tolérances d'accrochage aux objets :
1.
Sélectionnez Edition > Préférences (Windows) ou Flash > Préférences (Macintosh) et
cliquez sur l'onglet Modification.
2.
Sous Paramètres de dessin, sélectionnez une option de Joindre les lignes. Voir Définition
des paramètres de dessin, page 178.
Accrochage aux pixels
Vous pouvez activer l'option d'accrochage aux pixels à l'aide de la commande Accrocher aux
pixels du menu Affichage. Lorsque l'option Accrocher aux pixels est activée, une grille de
pixels apparaît lorsque le facteur de zoom est supérieur ou égal à 400 %. La grille de pixels
représente les pixels qui apparaîtront dans votre application Flash. Lorsque vous créez ou
déplacez un objet, celui-ci est forcé à demeurer accroché à la grille de pixels.
Si vous créez une forme dont les bords tombent entre les limites de pixels (par exemple, si vous
tracez un trait avec une largeur fractionnelle, telle que 3,5 pixels), n'oubliez pas que la
fonction Accrocher aux pixels aligne l'objet sur les limites des pixels, et non pas sur le bord de
la forme.
176
Dessin
Pour activer ou désactiver l'accrochage aux pixels :
■
Sélectionnez Affichage > Accrochage > Accrocher aux pixels.
Une grille de pixels apparaît si le facteur de zoom est supérieur ou égal à 400 %. Une
coche apparaît en regard de la commande lorsqu'elle est activée.
Pour activer ou désactiver temporairement l'accrochage aux pixels :
■
Appuyez sur la touche C.
Lorsque vous relâchez la touche C, l'accrochage aux pixels repasse au mode que vous avez
sélectionné dans Affichage > Accrochage > Accrocher aux pixels.
Pour masquer temporairement la grille de pixels :
■
Appuyez sur la touche X.
La grille de pixels réapparaît dès que vous relâchez la touche X.
Alignement par accrochage
Pour activer l'alignement par accrochage, sélectionnez la commande Aligner par accrochage
du menu Affichage. Pour sélectionner les paramètres d'alignement par accrochage,
sélectionnez la commande Modifier l'alignement par accrochage du menu Affichage.
Lorsque vous sélectionnez les paramètres d'alignement par accrochage, vous pouvez définir la
tolérance à l'accrochage entre les bords verticaux ou horizontaux des objets et entre les bords
des objets et la scène. Vous pouvez également activer l'alignement par accrochage entre les
centres verticaux et horizontaux des objets. Tous les paramètres d'alignement par accrochage
s'expriment en pixels.
Si l'alignement par accrochage est activé, des lignes pointillées s'affichent sur la scène lorsque
vous faites glisser un objet jusqu'à la tolérance à l'accrochage spécifiée. Par exemple, si vous
définissez la tolérance à l'accrochage horizontal sur 18 pixels (valeur par défaut), une ligne
pointillée s'affiche le long du bord de l'objet que vous faites glisser lorsque celui-ci se trouve
précisément à 18 pixels d'un autre objet. Si vous activez l'alignement horizontal au centre, une
ligne pointillée s'affiche le long des vertices des centres horizontaux de deux objets lorsque ces
vertices sont parfaitement alignés.
Accrochage
177
Pour sélectionner les paramètres de l'alignement par accrochage :
1.
Sélectionnez Affichage > Accrochage > Modifier l'alignement par accrochage.
2.
Dans la boîte de dialogue Aligner par accrochage, effectuez l'une des opérations suivantes :
■
Pour définir la tolérance à l'accrochage entre les objets et le bord de la scène, saisissez
une valeur dans le champ Bordure de l'animation.
■
Pour définir la tolérance à l'accrochage entre les bords horizontaux et verticaux des
objets, saisissez une valeur dans le champ Horizontale, Verticale ou dans les deux
champs.
■
Pour activer l'alignement vertical et horizontal centré, sélectionnez les options
correspondantes.
Pour activer l'alignement par accrochage :
■
Sélectionnez Accrochage > Aligner par accrochage.
Définition des paramètres de dessin
Vous pouvez définir les paramètres de dessin de manière à spécifier le comportement de
l'accrochage, du lissage et du redressement lorsque vous utilisez les outils de dessin de Flash.
Vous pouvez modifier le paramètre Tolérance pour chaque option et l'activer ou le désactiver.
Les paramètres de tolérance sont relatifs et dépendent de la résolution de l'écran de votre
ordinateur et du facteur de zoom actuel de la séquence. Par défaut, chaque option est activée
et définie sur la tolérance normale.
Pour définir les paramètres de dessin :
1.
Sélectionnez Edition > Préférences (Windows) ou Flash > Préférences (Macintosh) et
cliquez sur l'onglet Modification.
2.
Dans Paramètres de dessin, sélectionnez l'une des options suivantes :
L'option Joindre les lignes détermine la distance à laquelle l'extrémité d'une ligne doit se
trouver par rapport à un segment existant pour que celle-ci soit accrochée au point le plus
proche de l'autre ligne. Les options disponibles sont : Doit être proche, Normal et Peut
être distant. Ce paramètre contrôle également la reconnaissance des lignes verticales et
horizontales, le degré de rapprochement avec l'horizontale ou la verticale que doit avoir
une ligne que vous dessinez pour que Flash la rende parfaitement horizontale ou verticale.
Lorsque l'option Accrocher aux objets est activée, ce paramètre contrôle la distance à
laquelle doivent se trouver les objets les uns des autres pour être accrochés les uns avec les
autres.
178
Dessin
L'option Lisser les courbes indique le degré de lissage appliqué aux courbes dessinées
avec l'outil Crayon lorsque le mode de dessin est défini sur Redresser ou Lisser. Les
courbes plus lisses sont plus faciles à remodeler, alors que les courbes plus irrégulières sont
plus fidèles aux traits d'origine. Les options disponibles sont Désactivé(e), Irrégulier,
Normal et Lisser.
REMARQUE
Vous pouvez accentuer le lissage des segments incurvés existants en choisissant
Modification > Forme > Lisser et Modification > Forme > Optimiser.
L'option Reconnaître les lignes définit le degré de rapprochement avec une ligne droite
que doit avoir un segment de ligne que vous dessinez avec l'outil Crayon pour que Flash le
reconnaisse en tant que tel et le rende parfaitement droit. Les options disponibles sont :
Désactivé(e), Précis, Normal et Approximatif. Si l'option Reconnaître les lignes est
désactivée lorsque vous dessinez, vous pourrez redresser les lignes ultérieurement en
sélectionnant un ou plusieurs segments de ligne et en choisissant Modification > Forme >
Redresser.
L'option Reconnaître les formes contrôle la précision avec laquelle vous devez dessiner
des cercles, des ovales, des carrés, des rectangles et des arcs de 90° et 180° pour qu'ils soient
reconnus comme des formes géométriques et redessinés avec précision. Les options
disponibles sont : Désactivé(e), Précis, Normal et Approximatif. Si l'option Reconnaître
les formes est désactivée lorsque vous dessinez, vous pourrez redresser les lignes à un
moment ultérieur en sélectionnant une ou plusieurs formes (par exemple, des segments de
ligne connectés) et en choisissant Modification > Forme > Redresser.
L'option Précision du clic spécifie la distance à laquelle un élément doit se trouver du
pointeur pour que Flash reconnaisse cet élément. Les options disponibles sont Précis,
Normal et Approximatif.
Vous pouvez spécifier les options de sensibilité au contact des outils Sélection, Sous-sélection
et Lasso lorsque vous créez des formes à l'aide du modèle Dessin d'objet. Par défaut, les objets
sont uniquement sélectionnés lorsque le cadre de sélection rectangulaire de l'outil inclut
entièrement l'objet. Si vous décochez cette option dans la boîte de dialogue Préférences, vous
pouvez sélectionner des objets entiers lorsqu'ils sont partiellement inclus uniquement dans le
cadre de sélection des outils Sélection, Sous-sélection ou Lasso.
Pour plus d'informations sur le modèle Dessin d'objet, consultez la section Les modèles de
dessin de Flash, page 154.
Définition des paramètres de dessin
179
Pour définir les options de contact des outils Sélection, Sous-sélection et
Lasso :
1.
Choisissez Edition > Préférences (Windows) ou Flash > Préférences (Macintosh).
La boîte de dialogue Préférences s'affiche.
2.
Dans la catégorie Général de la boîte de dialogue Préférences, effectuez l'une des opérations
suivantes :
■
Décochez l'option Activer au contact outils Sélection et Lasso si vous souhaitez
uniquement sélectionner les objets et les points entièrement inclus dans le cadre de
sélection. Les points qui se trouvent au-delà de la zone de sélection seront toujours
sélectionnés.
■
Cochez l'option Activer au contact outils Sélection et Lasso si vous souhaitez
uniquement sélectionner les objets ou les groupes partiellement inclus dans le cadre de
sélection.
REMARQUE
180
Dessin
Les outils Sous-sélection utilisent le même paramètre Activer au contact.
CHAPITRE 6
6
Utilisation du texte
Vous pouvez intégrer du texte dans vos animations Macromedia Flash Basic 8 and Flash
Professionnel 8 de plusieurs façons. Vous pouvez créer des blocs de texte contenant du texte
statique, dont vous déterminez le contenu et l'apparence lorsque vous créez le document. Vous
pouvez également créer des champs de texte dynamique ou de saisie. Les champs de texte
dynamique affichent du texte pouvant être mis à jour de manière dynamique, tel que les
résultats de matchs, les cotations boursières ou les bulletins météo. Les champs de texte de
saisie permettent aux utilisateurs de taper du texte pour les formulaires, les enquêtes ou à
d'autres fins.
Tout comme les occurrences de clips, celles de champs de texte sont des objets ActionScript
qui possèdent des propriétés et des méthodes. Pour manipuler un champ texte à l'aide
d'ActionScript, vous devez d'abord lui affecter un nom d'occurrence. Contrairement aux
clips, vous ne pouvez pas rédiger de code ActionScript dans une occurrence de texte, car elle
n'a pas de scénario.
Vous pouvez orienter le texte horizontalement avec une direction de gauche à droite ou
verticalement (texte statique uniquement) avec une direction de gauche à droite ou de droite à
gauche. Vous pouvez sélectionner les attributs de texte suivants : police, taille, style, couleur,
interlettrage, crénage, décalage de la ligne de base, alignement, marges, indentation et
interligne. Pour plus d'informations, consultez la section Définition des attributs de texte,
page 192.
La fonction Vérifier l'orthographe vous permet de vérifier l'orthographe dans les champs de
texte, dans les libellés de séquences, de calques et d'images, dans les chaînes ActionScript ainsi
que dans tous les emplacements où du texte apparaît dans vos documents. Voir Vérification
orthographique, page 202.
181
Tout comme pour un objet, vous pouvez transformer du texte en le faisant pivoter, en le
redimensionnant, en l'inclinant ou en le renversant et conserver la possibilité de modifier ses
caractères. Pour plus d'informations, consultez la section A propos de la transformation du texte,
page 205. Lorsque vous utilisez du texte horizontal, vous pouvez lier les blocs de texte à des
URL et le rendre sélectionnable. Pour plus d'informations, consultez la section Liaison de texte
à une URL (texte horizontal uniquement), page 206.
Les effets de scénario vous permettent d'appliquer des effets animés prédéfinis au texte
(rebondis, fondus, explosions, etc.). Pour plus d'informations, consultez la section Utilisation
d'effets de scénario avec du texte, page 205.
Lorsque vous travaillez sur des fichiers Flash (FLA), Flash remplace les polices utilisées dans le
fichier par d'autres polices installées sur votre système, en cas de besoin. Des options vous
permettent de sélectionner des polices de remplacement. Celles-ci sont utilisées pour
l'affichage sur votre système seulement. La sélection des polices du fichier FLA demeure
inchangée. Pour plus d'informations, consultez la section Remplacement de polices absentes,
page 209.
Flash vous permet également de créer un symbole à partir d'une police pour pouvoir exporter
la police en tant que partie intégrante d'une bibliothèque partagée et l'utiliser dans d'autres
documents Flash. Pour plus d'informations, consultez la section Création de symboles de police,
page 200.
Vous pouvez également séparer les caractères et en modifier la forme. Pour étendre les
capacités d'édition de texte, vous pouvez modifier le texte dans FreeHand et importer le
fichier FreeHand dans Flash ou l'exporter à partir de FreeHand en tant que fichier SWF. Voir
Séparation du texte, page 205.
Vous pouvez utiliser des polices PostScript Type 1, TrueType et bitmap (Macintosh
uniquement) dans vos documents Flash. Vous pouvez vérifier l'orthographe d'un texte en le
copiant dans le presse-papiers à l'aide de l'explorateur d'animations pour le coller dans un
éditeur de texte externe. Voir Utilisation de l'explorateur d'animations, page 52.
Vous pouvez conserver le formatage du texte dans les champs de texte à l'aide de balises et
d'attributs HTML. Voir Conservation du format de texte, page 207.
Lorsque vous utilisez du texte HTML dans un champ texte dynamique ou de saisie, vous
pouvez habiller le texte autour d'une image (fichier SWF ou JPG), voire d'un clip. Voir la
section Utilisation de texte au format HTML du guide Formation à ActionScript 2.0 dans Flash.
182
Utilisation du texte
Vous pouvez utiliser ActionScript pour mettre en forme du texte dynamique ou de saisie et
créer des champs de texte défilant. ActionScript offre des événements destinés aux champs de
texte dynamique et de saisie, que vous pouvez capturer et utiliser pour déclencher des scripts.
Pour plus d'informations sur l'utilisation d'ActionScript pour contrôler le texte, consultez le
Chapitre 12, Utilisation du texte et des chaînes, du guide Formation à ActionScript 2.0 dans
Flash.
Pour une présentation interactive de la création de texte dans Flash, sélectionnez Aide >
Comment > Bases de Flash > Ajouter du texte statique, de saisie ou dynamique.
Ce chapitre contient les sections suivantes :
A propos de FlashType . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
L'encodage de texte Unicode dans les applications Flash . . . . . . . . . . . . . . . . . . . . 185
A propos des polices vectorielles et des polices de périphérique . . . . . . . . . . . . . . 185
Création de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188
Création de texte défilant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
Définition des attributs de texte. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192
Création de symboles de police . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200
Manipulation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201
Vérification orthographique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202
A propos de la transformation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Utilisation d'effets de scénario avec du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Séparation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205
Liaison de texte à une URL (texte horizontal uniquement) . . . . . . . . . . . . . . . . . . . 206
Conservation du format de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .207
Remplacement de polices absentes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Contrôle du texte avec ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .211
Création de texte défilant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219
183
A propos de FlashType
FlashType, le nouveau moteur de rendu de texte, permet d'obtenir une qualité de rendu de texte
extrêmement élevée dans l'environnement de programmation de Flash et dans les fichiers SWF
publiés. FlashType améliore de manière significative la lisibilité du texte, notamment lorsque les
petites polices sont utilisées. Contrairement à FlashType, disponible dans les versions Flash Basic
et Flash Professionnel, la nouvelle option d'anticrénelage personnalisé est disponible
uniquement dans Flash Professionnel. L'anticrénelage personnalisé vous permet de spécifier
l'épaisseur et la netteté des polices utilisées dans les champs de texte individuels.
FlashType est automatiquement activé lorsque Flash Player 8 est la version sélectionnée du lecteur
et que l'option Anti-alias pour la lisibilité ou Anti-alias personnalisé est le mode d'anticrénelage
sélectionné. L'utilisation de FlashType peut différer légèrement le chargement des fichiers SWF de
Flash. Vous remarquerez plus particulièrement ce retard si vous utilisez plusieurs jeux de caractères
différents (quatre ou cinq) dans la première image d'un document Flash : vous devez donc
connaître le nombre de polices que vous utilisez. Le rendu des polices FlashType peut également
provoquer un surcroît d'utilisation de la mémoire de Flash Player. Ainsi, l'utilisation de quatre ou
cinq polices peut provoquer un surcroît d'utilisation mémoire de 4 Mo environ.
Si vous avez sélectionné la version Flash Player 8 de Flash Player et l'option d'anticrénelage
Anti-alias pour la lisibilité ou Anti-alias personnalisé, l'anticrénelage FlashType s'applique :
■
Au texte non transformé redimensionné et ayant subi une rotation
REMARQUE
Lorsque vous redimensionnez ou faites pivoter un texte, celui-ci doit rester plat (par
exemple, non transformé). Par exemple, si vous inclinez les polices ou manipulez les
formes de police, FlashType est automatiquement désactivé.
■
A toutes les familles de polices (y compris gras, italique, etc.)
■
A l'affichage de tailles jusqu'à 255 points
R EM A R Q U E
■
Etant donné que le zoom affecte la taille de l'affichage du texte lorsque vous
effectuez un zoom avant, des tailles de point plus élevées sont appliquées au texte,
désactivant ainsi l'anticrénelage de lisibilité de rendu des polices lorsqu'une taille de
255 points est atteinte.
A l'exportation de la plupart des formats de fichiers autres que Flash (GIF ou JPEG)
FlashType est désactivé lorsque :
■
Flash Player 7 ou une version précédente est la version sélectionnée de Flash Player.
■
Une option d'anticrénelage autre que Anti-alias pour la lisibilité ou Anti-alias personnalisé
est sélectionné.
184
Utilisation du texte
■
Le texte est incliné ou retourné.
■
Le fichier FLA est exporté dans un fichier PNG.
L'encodage de texte Unicode dans les
applications Flash
Macromedia Flash Player, versions 7 et ultérieures, prend en charge l'encodage Unicode des
animations SWF au format Flash Player. Ce support facilite l'utilisation de texte multilingue
dans les animations SWF créées avec Flash, notamment l'utilisation de plusieurs langues au
sein d'un seul champ texte. Tous les utilisateurs équipés de la version 7 ou ultérieure de Flash
Player peuvent afficher du texte multilingue dans une animation Flash Player provenant d'une
application égale ou postérieure à la version 7, quelle que soit la langue utilisée par le système
d'exploitation qui exécute le lecteur.
Pour plus d'informations sur le support d'Unicode dans Flash, consultez le Chapitre 15,
Création de texte multilingue, page 417.
A propos des polices vectorielles et des
polices de périphérique
Lorsque vous publiez ou exportez une application Flash contenant du texte statique, Flash
crée les contours du texte et utilise ces contours pour afficher le texte dans Flash Player.
Lorsque vous publiez ou exportez une animation contenant des champs de texte dynamique
ou de saisie, Flash enregistre les noms des polices utilisées lors de la création du texte. Au
moment d'afficher l'animation, Flash Player utilise les noms de polices pour localiser des
polices identiques ou similaires sur le système de l'utilisateur. Vous pouvez également exporter
des polices vectorielles avec du texte dynamique ou de saisie en cliquant sur l'option
Incorporer dans l'inspecteur des propriétés et en sélectionnant les options appropriées. Pour
plus d'informations, consultez la section Définition des options de texte dynamique et de saisie,
page 212.
Toutes les polices affichées dans Flash ne peuvent pas être exportées sous forme de contours
avec une animation. Pour vous assurer qu'une police peut être exportée, utilisez la commande
Affichage > Mode Aperçu > Texte antialiasé pour afficher un aperçu du texte ; une police
irrégulière indique que Flash ne reconnaît pas le contour de la police et n'exportera pas le
texte.
A propos des polices vectorielles et des polices de périphérique
185
Cette section contient les rubriques suivantes :
■
A propos de l'utilisation des polices de périphérique, page 186
■
A propos du masquage des polices de périphérique, page 186
■
Le texte anticrénelé, page 187
A propos de l'utilisation des polices de périphérique
Pour le texte statique horizontal uniquement, vous pouvez utiliser des polices spéciales
appelées polices de périphérique ; elles constituent une alternative à l'exportation
d'informations sur les contours de polices. Les polices de périphérique ne sont pas intégrées
aux fichiers Flash SWF. Flash Player utilise plutôt les polices qui se rapprochent le plus de la
police de périphérique disponible sur l'ordinateur. Les informations sur les polices de
périphérique n'étant pas intégrées dans l'animation, leur utilisation permet d'obtenir des
fichiers SWF de plus petite taille. De plus, en-deçà d'une taille de police de 10 points, les
polices de périphérique peuvent être plus nettes et plus lisibles que les polices vectorielles
exportées. Cependant, dans la mesure où les polices de périphérique ne sont pas intégrées, si
l'ordinateur de l'utilisateur ne contient pas une police qui correspond à la police de
périphérique, le texte pourrait avoir un aspect différent de celui recherché par l'auteur.
Flash comporte trois polices de périphérique appelées _sans (similaire à Helvetica ou Arial),
_serif (similaire à Times Roman) et _typewriter (similaire à Courier). Pour spécifier une police
comme police de périphérique, vous sélectionnez l'une des polices de périphérique Flash dans
l'inspecteur des propriétés. A la lecture de l'animation, Flash sélectionne la première police de
périphérique qu'il trouve sur le système de l'utilisateur. Pour plus d'informations, consultez la
section Texte sélectionnable par les utilisateurs, page 199.
A propos du masquage des polices de périphérique
Vous pouvez vous servir d'un clip pour masquer du texte défini dans une police de
périphérique convertie en clip. Pour qu'un masque de clip fonctionne sur une police de
périphérique, l'utilisateur doit posséder Macromedia Flash Player 6 (6.0.40.0) ou une version
ultérieure.
Lorsque vous utilisez un clip pour masquer le texte défini dans une police de périphérique, le
cadre de délimitation rectangulaire du masque est utilisé comme forme de masque. Ainsi, si
vous créez un masque de clip non rectangulaire pour du texte de police de périphérique, le
masque qui apparaît dans l'animation SWF prend la forme du cadre de délimitation
rectangulaire et non la forme du masque lui-même.
186
Utilisation du texte
Vous pouvez masquer des polices de périphériques uniquement à l'aide d'un clip. Vous ne
pouvez pas masquer des polices de périphériques en utilisant un calque de masque sur la
scène.
Pour plus d'informations sur l'utilisation d'un clip en tant que masque, consultez la section
Utilisation des clips en tant que masques du guide Formation à ActionScript 2.0 dans Flash.
Le texte anticrénelé
L'anticrénelage permet de lisser le texte : les contours des caractères affichés à l'écran offrent
moins d'effet d'échelle. Les options d'anticrénelage améliorent la lisibilité du texte en alignant
les contours du texte sur les limites des pixels et se révèlent particulièrement efficaces pour le
rendu des polices de petites tailles. Lorsque l'anticrénelage est activé, tout le texte de la
sélection en cours est affecté. L'anticrénelage opère de la même manière sur toutes les tailles de
caractères.
L'anti-aliasing est pris en charge pour le texte statique, dynamique et de saisie, lorsque
l'utilisateur est équipé de Flash Player 7 ou d'une version ultérieure. Si l'utilisateur possède
une version antérieure de Flash Player, elle n'est prise en charge que pour le texte statique.
Pour plus d'informations, consultez la section Choix d'une police, d'une taille, d'un style et d'une
couleur, page 193.
Flash 8 est doté d'une nouvelle fonctionnalité, FlashType, le nouveau moteur de rendu de
texte permettant d'améliorer l'anticrénelage et la lisibilité des polices. Pour en savoir plus sur
FlashType, consultez la section A propos de FlashType, page 184.
Lorsque vous utilisez du texte de taille réduite dans un document Flash, gardez à l'esprit les
consignes suivantes :
■
Les caractères sans serif (sans empattement), tels que Helvetica ou Arial, sont plus lisibles
en petites tailles que les caractères avec empattement.
■
Certaines mises en forme, tels que le gras et l'italique, peuvent réduire la lisibilité des
caractères de petite taille.
■
Dans certains cas, les caractères apparaissent plus petits dans Flash que des caractères de la
même taille dans d'autres applications.
Pour plus d'informations sur le texte anticrénelé, consultez la section Définition des options
d'anticrénelage pour le texte, page 197.
A propos des polices vectorielles et des polices de périphérique
187
Création de texte
Vous pouvez créer trois types de champs de texte : statique, dynamique et de saisie. Tous les
champs de texte prennent en charge Unicode.
■
Les champs de texte statique affichent du texte qui ne change pas les caractères de manière
dynamique.
■
Les champs de texte dynamique affichent du texte pouvant être mis à jour de manière
dynamique, tel que les résultats de matchs, les cotations boursières ou les bulletins météo.
■
Les champs de texte de saisie permettent aux utilisateurs de taper du texte dans des
formulaires ou des enquêtes.
Vous pouvez créer du texte horizontal avec une direction de gauche à droite ou du texte
statique vertical avec une direction de gauche à droite ou de droite à gauche dans Flash. Par
défaut, le texte est créé avec une orientation horizontale. Les préférences vous permettent de
définir le texte vertical comme orientation par défaut et de paramétrer les autres options qui
s'y rapportent.
Vous pouvez également créer des champs de texte défilant. Pour plus d'informations,
consultez la section Création de texte défilant, page 219.
Pour créer du texte, placez des blocs de texte sur la scène avec l'outil Texte. Lorsque vous créez
du texte statique, vous pouvez le placer sur une seule ligne qui s'agrandit au fur et à mesure de
la frappe ou encore un bloc de largeur fixe (pour le texte horizontal) ou de hauteur fixe (pour
le texte vertical) qui s'agrandit et ajoute automatiquement des retours à la ligne. Lorsque vous
créez du texte dynamique ou de saisie, vous pouvez le placer sur une seule ligne ou créer un
bloc de largeur et de hauteur fixes.
Flash affiche une poignée au coin des blocs de texte pour identifier leur type :
■
Pour le texte statique horizontal de taille variable, une poignée ronde apparaît dans le coin
supérieur droit du bloc de texte.
■
Pour le texte statique horizontal de largeur fixe, une poignée carrée apparaît dans le coin
supérieur droit du bloc de texte.
188
Utilisation du texte
■
Pour le texte statique vertical avec une orientation de droite à gauche et une taille variable,
une poignée ronde apparaît dans le coin inférieur gauche du bloc de texte.
■
Pour le texte statique vertical avec une orientation de droite à gauche et une hauteur fixe,
une poignée carrée apparaît dans le coin inférieur gauche du bloc de texte.
■
Pour le texte statique vertical avec une orientation de gauche à droite et une taille variable,
une poignée ronde apparaît dans le coin inférieur gauche du bloc de texte.
■
Pour le texte statique vertical avec une orientation de gauche à droite et une hauteur fixe,
une poignée carrée apparaît dans le coin inférieur droit du bloc de texte.
■
Pour les blocs de texte dynamique ou de saisie qui s'agrandissent, une poignée ronde
apparaît dans le coin inférieur droit du bloc de texte.
■
Pour les blocs de texte dynamique ou de saisie qui ont une hauteur et une largeur fixes,
une poignée carrée apparaît dans le coin inférieur droit du bloc de texte.
■
Pour les blocs de texte défilant dynamique, la poignée ronde ou carrée est remplie de noir
au lieu d'être vide. Voir Création de texte défilant, page 219.
Création de texte
189
Vous pouvez double-cliquer sur la poignée des champs de texte dynamique ou de saisie tout
en maintenant la touche Maj enfoncée, pour créer des blocs de texte qui ne s'agrandissent pas
lorsque vous insérez du texte sur la scène. Cela vous permet de créer un bloc de texte de taille
fixe et de le remplir avec plus de texte qu'il ne peut afficher pour créer un texte défilant. Voir
Création de texte défilant, page 219.
Après avoir utilisé l'outil Texte pour créer un champ texte, utilisez l'inspecteur des propriétés
pour indiquer son type et définir les valeurs nécessaires pour contrôler la manière dont ce
champ et son contenu apparaîtront dans le fichier SWF.
Pour définir les préférences de texte vertical :
1.
Sélectionnez Edition > Préférences (Windows) ou Flash > Préférences (Macintosh), puis
cliquez sur l'onglet Modification dans la boîte de dialogue Préférences.
2.
Dans la section Texte vertical, sélectionnez Orientation du texte par défaut pour que
l'orientation verticale soit automatiquement attribuée aux nouveaux blocs de texte.
3.
Activez l'option Texte de droite à gauche pour que le texte vertical se lise automatiquement
de droite à gauche.
4.
Activez l'option Pas de crénage pour désactiver le crénage du texte vertical. Le crénage reste
activé pour le texte horizontal. Pour plus d'informations sur le crénage, consultez la
sectionDéfinition de l'espacement, du crénage et de la position des lettres, page 194.
Pour créer du texte :
1.
Sélectionnez l'outil Texte.
2.
Sélectionnez Fenêtre > Propriétés.
3.
Dans l'inspecteur des propriétés, sélectionnez un type de texte dans le menu déroulant pour
spécifier le type de champ texte :
L'option Texte dynamique crée un champ dont le texte est mis à jour de façon
dynamique.
L'option Texte de saisie crée un champ texte dans lequel les utilisateurs peuvent entrer
du texte.
L'option Texte statique crée un champ qui ne peut être mis à jour de façon dynamique.
4.
Pour le texte statique uniquement : dans l'inspecteur des propriétés, cliquez sur le bouton
Direction du texte (ligne du haut, à droite du bouton Italique) et sélectionnez une option
pour spécifier l'orientation du texte.
L'option Horizontal permet d'orienter le texte horizontalement, de gauche à droite
(paramètre par défaut).
L'option De gauche à droite verticalement permet d'orienter le texte verticalement, de
gauche à droite.
190
Utilisation du texte
L'option De droite à gauche verticalement permet d'orienter le texte verticalement, de
droite à gauche.
REMARQUE
5.
Les options de disposition du texte vertical sont désactivées pour le texte dynamique
ou de saisie. Seul le texte statique peut être orienté verticalement.
Effectuez l'une des opérations suivantes :
■
Pour créer un bloc de texte s'affichant sur une seule ligne, cliquez à l'endroit où vous
voulez que le texte commence.
■
Pour créer un bloc de texte de largeur fixe (pour le texte horizontal) ou de hauteur fixe
(pour le texte vertical), placez le pointeur à l'endroit où vous voulez que le texte
commence et faites-le glisser jusqu'à la largeur ou hauteur souhaitée.
REMARQUE
6.
Si vous créez un bloc de texte qui s'étend au-delà du bord de la scène à mesure
que vous le tapez, le texte n'est pas perdu. Pour rendre la poignée à nouveau
accessible, ajoutez des sauts de ligne, déplacez le bloc de texte ou sélectionnez
Affichage > Zone de travail.
Sélectionnez des attributs de texte dans l'inspecteur des propriétés, comme décrit dans
Définition des attributs de texte, page 192.
Pour changer les dimensions d'un bloc de texte :
■
Faites glisser sa poignée de redimensionnement.
Lorsque du texte est sélectionné, un rectangle bleu permet de redimensionner
manuellement la zone de texte en déplaçant l'une de ses poignées. Les zones de texte
statique comportent quatre poignées qui permettent de les redimensionner
horizontalement. Les zones de texte dynamique comportent huit poignées qui permettent
de les redimensionner verticalement, horizontalement ou en diagonale.
Pour passer d'un bloc de texte de largeur/hauteur fixe à un bloc de texte
extensible :
■
Double-cliquez sur la poignée de redimensionnement.
Création de texte
191
Création de texte défilant
Il existe plusieurs manières de créer du texte défilant dans Flash. Il est facile de rendre un
champ texte dynamique défilant, en utilisant les commandes de menu ou la poignée de bloc
de texte.
Vous pouvez également ajouter un composant ScrollBar à un champ texte pour le faire défiler.
Pour plus d'informations, consultez la section Composant UIScrollBar dans Référence du
langage des composants.
Si vous souhaitez utiliser ActionScript, vous pouvez utiliser les propriétés scroll et
maxscroll de l'objet TextField pour contrôler le défilement vertical, et les propriétés hscroll
et maxhscroll pour contrôler le défilement horizontal d'un bloc de texte. Voir la section
Exemple : Création de texte défilant du guide Formation à ActionScript 2.0 dans Flash.
Pour rendre un champ texte dynamique défilant, effectuez l'une des opérations
suivantes :
■
Double-cliquez sur la poignée du bloc de texte dynamique tout en maintenant la touche
Maj enfoncée.
■
Sélectionnez le bloc de texte dynamique avec l'outil Sélection et choisissez Texte >
Défilant.
■
Sélectionnez le bloc de texte dynamique avec l'outil Sélection. Cliquez avec le bouton
droit de la souris (Windows) ou tout en appuyant sur la touche Contrôle (Macintosh)
sur le bloc de texte dynamique et sélectionnez Texte > Défilant.
Définition des attributs de texte
Vous pouvez définir les attributs de police et de paragraphe du texte. Les attributs de police
incluent la famille, la taille, le style, l'espacement des lettres, le crénage automatique et la
position des caractères. Les attributs d'un paragraphe sont l'alignement, les marges,
l'indentation et l'interligne.
Vous pouvez optimiser le texte de manière à augmenter la lisibilité des caractères de petite
taille. Voir A propos des polices vectorielles et des polices de périphérique, page 185.
Pour le texte statique, les polices vectorielles sont exportées dans une animation Flash publiée
(fichier SWF). Vous pouvez utiliser des polices de périphérique plutôt que d'exporter les
polices vectorielles (texte horizontal uniquement). Pour plus d'informations, consultez la
section A propos des polices vectorielles et des polices de périphérique, page 185.
192
Utilisation du texte
Pour le texte dynamique ou de saisie, Flash enregistre les noms des polices utilisées lors de la
création du texte. FlashPlayer utilise les noms de polices pour localiser des polices identiques
ou similaires sur le système de l'utilisateur au moment de la lecture de l'animation. Vous
pouvez également décider d'intégrer des polices vectorielles à des champs de texte dynamique
ou de saisie. Si l'intégration de polices vectorielles contribue à accroître la taille du fichier, elle
garantit que l'utilisateur possède les informations adéquates sur les polices. Voir Définition des
options de texte dynamique et de saisie, page 212.
Lorsque le texte est sélectionné, utilisez l'inspecteur des propriétés pour changer les attributs
de la police et des paragraphes, et pour indiquer à Flash d'utiliser les polices de périphérique
plutôt que d'intégrer les informations sur les polices vectorielles.
Lors de la création d'un nouveau texte, Flash utilise les attributs du texte en cours. Pour
modifier les attributs de police ou de paragraphe du texte existant, vous devez d'abord
sélectionner le texte.
Choix d'une police, d'une taille, d'un style et d'une
couleur
Vous pouvez définir la police, la taille, le style et la couleur du texte sélectionné dans
l'inspecteur des propriétés. Lors de la définition de la couleur du texte, vous ne pouvez utiliser
que des couleurs unies, pas des dégradés. Pour appliquer un dégradé à un texte, vous devez
d'abord convertir le texte afin d'obtenir les lignes et les remplissages qui le composent. Voir
Séparation du texte, page 205.
Pour sélectionner une police, une taille, un style de caractère et une couleur
avec l'inspecteur des propriétés :
1.
Sélectionnez l'outil Sélection.
2.
Pour appliquer les paramètres au texte existant, utilisez l'outil Sélection pour sélectionner
un ou plusieurs blocs de texte sur la scène.
3.
Si l'inspecteur des propriétés n'est pas visible, choisissez Fenêtre > Propriétés.
4.
Dans l'inspecteur des propriétés, cliquez sur le triangle en regard du champ Police et
sélectionnez une police dans la liste ou entrez un nom de police.
R E MA R Q U E
Les polices _sans, _serif et _typewriter sont des polices de périphérique. Les
informations relatives aux polices ne sont pas intégrées dans le fichier Flash SWF.
Les polices de périphérique ne peuvent être utilisées qu'avec du texte horizontal.
Voir A propos des polices vectorielles et des polices de périphérique, page 185.
Définition des attributs de texte
193
5.
Cliquez sur le triangle en regard de la valeur Taille de police et faites glisser le curseur pour
sélectionner une valeur ou entrez une valeur pour la taille de police.
La taille du texte est définie en points, quelles que soient les unités de la règle.
6.
Pour appliquer le style gras ou italique, cliquez sur le bouton Gras ou Italique.
7.
Cliquez sur le bouton Texte aliasé (sous le bouton Gras) pour optimiser le texte.
8.
Pour sélectionner une couleur de remplissage du texte, cliquez sur la puce de couleur et
effectuez l'une des opérations suivantes :
■
Sélectionnez une couleur dans la fenêtre contextuelle du nuancier.
■
Entrez la valeur hexadécimale d'une couleur dans le champ de la fenêtre des couleurs.
■
Cliquez sur le bouton du sélecteur des couleurs dans le coin supérieur droit de la
fenêtre qui apparaît et sélectionnez une couleur.
Pour plus d'informations sur la sélection des couleurs, consultez le Chapitre 4, Utilisation
des couleurs, des traits et des remplissages, page 129.
Définition de l'espacement, du crénage et de la
position des lettres
La fonction d'espacement des lettres insère un espace fixe entre les caractères. Utilisez cette
fonction pour ajuster l'espacement des caractères sélectionnés ou dans tout un bloc de texte.
Le crénage contrôle l'espace entre les groupes de deux caractères. La plupart les polices ont des
informations de crénage intégrées. Par exemple, l'espace qui sépare les lettres A et V est
souvent inférieur à celui qui sépare les lettres A et D. Pour utiliser les informations de crénage
intégrées à la police pour définir l'espacement entre les caractères, utilisez l'option Crénage.
Pour le texte horizontal, l'interlettrage et le crénage établissent la distance horizontale entre les
caractères. Pour le texte vertical, l'interlettrage et le crénage établissent la distance verticale
entre les caractères.
Pour le texte vertical, vous pouvez faire en sorte de désactiver, dans les préférences de Flash, le
crénage. Lorsque le crénage du texte vertical est désactivé dans les préférences, vous pouvez
laisser cette option sélectionnée dans l'inspecteur des propriétés pour qu'elle soit
exclusivement appliquée au texte horizontal. Pour définir les préférences de texte vertical,
consultez la section Création de texte, page 188.
L'inspecteur des propriétés permet également d'appliquer le style Exposant ou Indice à votre
texte.
194
Utilisation du texte
Pour définir l'espacement, le crénage et la position des lettres :
1.
Sélectionnez l'outil Texte.
2.
Pour appliquer les paramètres au texte existant, utilisez l'outil Texte pour sélectionner un
ou plusieurs blocs de texte sur la scène.
3.
Si l'inspecteur des propriétés n'est pas affiché, sélectionnez Fenêtre > Propriétés.
4.
Dans l'inspecteur des propriétés, définissez les options suivantes :
■
Pour définir l'espacement des lettres, cliquez sur le triangle en regard de la valeur
d'espacement des lettres et faites glisser le curseur pour sélectionner une valeur ou
entrez une valeur dans le champ.
■
Pour utiliser les informations de crénage intégrées à une police, sélectionnez Crénage.
■
Pour spécifier la position des caractères, cliquez sur le triangle en regard de l'option
Position des caractères et sélectionnez une position dans le menu : Normal place le
caractère sur la ligne de base, Exposant le place au-dessus de cette ligne (texte
horizontal) ou à droite de cette ligne (texte vertical) et Indice le place sous cette ligne
(texte horizontal) ou à gauche de cette ligne (texte vertical).
Définition de l'alignement, des marges, de
l'indentation et de l'interligne
L'alignement définit la position de chaque ligne de texte dans un paragraphe par rapport aux
bords du bloc de texte. Le texte horizontal est aligné par rapport aux bords gauche et droit du
bloc de texte, le texte vertical étant aligné par rapport aux bords supérieur et inférieur du bloc
de texte. Le texte peut être aligné sur un bord du bloc de texte, centré dans le bloc de texte ou
justifié sur les bords gauche et droit du bloc de texte (justification complète).
Les marges définissent l'espace entre la bordure d'un bloc de texte et un paragraphe de texte.
L'indentation définit la distance entre la marge d'un paragraphe et le début de la première
ligne. Pour le texte horizontal, l'indentation déplace la première ligne vers la droite, de la
distance spécifiée. Pour le texte vertical, l'indentation déplace la première ligne vers le bas, de
la distance spécifiée.
L'interligne définit la distance entre des lignes adjacentes d'un paragraphe. Pour le texte
vertical, l'interligne ajuste l'espacement des colonnes verticales.
Pour définir l'alignement, les marges, l'indentation et l'interligne pour le texte
horizontal :
1.
Sélectionnez l'outil Texte.
2.
Pour appliquer les paramètres au texte existant, utilisez l'outil Texte pour sélectionner un
ou plusieurs blocs de texte sur la scène.
Définition des attributs de texte
195
3.
Sélectionnez Fenêtre > Propriétés.
4.
Dans l'inspecteur des propriétés, définissez les options suivantes :
■
Pour définir l'alignement, cliquez sur le bouton Justification gauche/haut, Centré,
Justification droite/bas ou Justifié.
■
Pour définir les marges gauche ou droite, cliquez sur le bouton Format. Cliquez sur le
triangle en regard de la valeur Marge gauche ou Marge droite et faites glisser le curseur
pour sélectionner une valeur ou entrez une valeur dans le champ numérique.
■
Pour définir l'indentation, cliquez sur le bouton Format. Cliquez sur le triangle en
regard de la valeur Indentation et faites glisser le curseur pour sélectionner une valeur
ou entrez une valeur dans le champ numérique. La ligne droite ou la ligne gauche est
mise en retrait en fonction de la direction du texte.
■
Pour spécifier l'interligne, cliquez sur le bouton Format. Cliquez sur le triangle en
regard de la valeur d'interligne et faites glisser le curseur pour sélectionner une valeur
ou entrez une valeur dans le champ numérique.
Pour définir l'alignement, les marges, l'indentation et l'interligne d'un texte
vertical :
1.
Sélectionnez l'outil Texte.
2.
Pour appliquer les paramètres au texte existant, sélectionnez un ou plusieurs blocs de texte
sur la scène.
3.
Sélectionnez Fenêtre > Propriétés.
4.
Dans l'inspecteur des propriétés, définissez les options suivantes :
196
■
Pour définir l'alignement, cliquez sur le bouton Justification gauche/haut, Centré,
Justification droite/bas ou Justifié.
■
Pour définir les marges supérieure et inférieure, cliquez sur le bouton Format. Utilisez
ensuite Marge gauche et Marge droite. Cliquez sur le triangle en regard de la valeur
Marge gauche pour définir la marge supérieure ou de la valeur Marge droite pour
définir la marge inférieure et faites glisser le curseur pour sélectionner une valeur ou
entrez une valeur dans le champ numérique.
■
Pour définir l'indentation, cliquez sur le bouton Format. Cliquez sur le triangle en
regard de la valeur Indentation et faites glisser le curseur pour sélectionner une valeur
ou entrez une valeur dans le champ numérique.
■
Pour définir l'interligne, cliquez sur le bouton Format. Cliquez sur le triangle en
regard de la valeur d'interligne et faites glisser le curseur pour sélectionner une valeur
ou entrez une valeur dans le champ numérique.
Utilisation du texte
Définition des options d'anticrénelage pour le texte
Flash est doté de capacités de rastérisation des polices améliorées qui vous permettent de
spécifier les propriétés d'anticrénelage des polices. Ces capacités d'anticrénelage améliorées ne
sont disponibles que lors de la publication de fichiers SWF pour Flash Player 8. Si vous
publiez des fichiers pour une version antérieure, vous ne pouvez utiliser que la fonctionnalité
Anti-alias pour l'animation.
L'anticrénelage est appliqué pour chaque champ texte, et non pas pour chaque caractère. En
outre, lorsque vous ouvrez des fichiers FLA existants dans Flash 8, le texte n'est pas
automatiquement mis à jour avec l'option d'anti-aliasing avancé. Vous devez sélectionner des
champs de texte individuels et modifier manuellement les paramètres d'anti-aliasing. Pour
plus d'informations, consultez la section Mise à niveau du contenu Flash 7 afin d'utiliser les
options d'anticrénelage de Flash 8, page 198.
Pour appliquer une option d'anticrénelage au texte sélectionné :
■
Dans l'Inspecteur des propriétés, choisissez l'une des options du menu contextuel
Anticrénelage :
Utiliser les polices de périphérique spécifie que le fichier SWF utilise les polices installées
sur l'ordinateur local afin de les afficher. Bien que cette option offre un impact réduit sur
la taille des fichiers SWF, elle vous force à dépendre des polices installées sur l'ordinateur
de l'utilisateur. Par exemple, si vous définissez la police Times Roman en tant que police
de périphérique, elle doit être installée sur l'ordinateur sur lequel le contenu du texte à
afficher est lu. Pour cette raison, veillez à choisir uniquement les familles de polices les plus
couramment installées lorsque vous utilisez des polices de périphérique.
Texte Bitmap (sans anti-aliasing) désactive
l'anticrénelage et ne permet pas de lisser le
texte. Le texte est alors affiché avec des contours saillants, et la taille du fichier SWF
résultant est augmentée car les contours des caractères sont incorporés dans le fichier. Le
texte bitmap est net à la taille exportée, mais de qualité médiocre lorsqu'il est
redimensionné.
crée une animation plus fluide, Ceci est possible en partie
parce que Flash ignore l'alignement et les informations de crénage. La spécification de
Anti-alias pour l'animation permet de créer un fichier SWF plus volumineux car les
contours des polices sont intégrés.
Anti-alias pour l'animation
R E MA R Q U E
Le rendu des polices obtenu à l'aide de Anti-alias pour l'animation est moins lisible
lorsque les petites polices sont utilisées. Pour cette raison, nous vous
recommandons d'utiliser une taille de police de 10 points ou plus lorsque vous
spécifiez Anti-alias pour l'animation.
Définition des attributs de texte
197
utilise un nouveau moteur d'anticrénelage qui améliore la
lisibilité des polices, notamment celle des polices de petite taille. La spécification de Antialias pour la lisibilité permet de créer un fichier SWF plus volumineux car les contours des
polices sont intégrés. Afin de pouvoir utiliser le paramètre Anti-alias pour la lisibilité, vous
devez publier pour Flash Player 8.
Anti-alias pour la lisibilité
REMARQUE
L'option Anti-alias pour la lisibilité permet de créer des caractères parfaitement
lisibles, même pour les petites tailles. Cependant, sa qualité d'animation est
médiocre et peut provoquer des problèmes de performances. Si vous souhaitez
animer du texte, utilisez l'option Anti-alias pour l'animation.
Anti-alias personnalisé (Flash Professionnel uniquement) vous permet de modifier les
propriétés de la police, autant que nécessaire. Les propriétés d'anti-alias personnalisé sont
les suivantes :
Netteté
détermine le lissage de la transition entre les bords du texte et l'arrière-plan.
Epaisseur détermine l'épaisseur de la transition d'anticrénelage des polices. Plus les
valeurs sont élevées, plus les caractères sont épais.
La spécification de Anti-alias personnalisé permet de créer un fichier SWF plus
volumineux car les contours des polices sont intégrés. Afin de pouvoir utiliser le paramètre
Anti-alias personnalisé, vous devez publier pour Flash Player 8 et créer votre contenu Flash
à l'aide de Flash Professionnel 8.
Mise à niveau du contenu Flash 7 afin d'utiliser les
options d'anticrénelage de Flash 8
Lorsque vous ouvrez un fichier FLA créé en vue d'une utilisation avec Flash Player 7 ou une
version antérieure, l'inspecteur des propriétés du texte définit l'option d'anti-aliasing sur
l'option équivalente dans Flash MX 2004. Le texte issu des anciens fichiers FLA peut être de
tout type, sauf pour Anti-alias pour la lisibilité et Anti-alias personnalisé.
Pour mettre à niveau le contenu Flash 7 afin d'utiliser les options d'anti-alias
avancé ou personnalisé :
1.
Ouvrez un fichier FLA créé pour Flash 7 ou version antérieure.
2.
Ouvrez la boîte de dialogue Paramètres de publication (Fichier > Paramètres de
publication), puis choisissez Flash Player 8 dans le menu local Version.
3.
Sélectionnez le champ texte auquel vous souhaitez appliquer l'option Anti-alias pour la
lisibilité ou Anti-alias personnalisé.
198
Utilisation du texte
4.
Dans l'inspecteur des propriétés, sélectionnez Anti-alias pour la lisibilité ou Anti-alias
personnalisé dans le menu contextuel de méthodes de rendu de polices.
Texte sélectionnable par les utilisateurs
Lorsque vous utilisez du texte horizontal statique, vous pouvez autoriser les futurs utilisateurs
de votre animation à sélectionner les polices. Ils pourront sélectionner du texte pour le copier,
le couper et le coller dans un nouveau document.
Pour rendre le texte horizontal sélectionnable par l'utilisateur :
1.
Sélectionnez le texte horizontal que vous souhaitez rendre sélectionnable par l'utilisateur.
2.
Sélectionnez Fenêtre > Propriétés.
3.
Dans l'inspecteur des propriétés, sélectionnez Texte statique ou Texte dynamique (Texte
de saisie est sélectionnable par défaut).
4.
Cliquez sur le bouton Sélectionnable.
Utilisation des polices de périphérique (texte
horizontal statique uniquement)
Lorsque vous créez du texte statique, vous pouvez spécifier que Flash Player utilise des polices
de périphérique pour afficher certains blocs de texte. L'utilisation de polices de périphérique
peut diminuer la taille de votre animation, cette dernière ne contenant pas de polices
vectorielles pour le texte. Ces polices de périphérique peuvent également améliorer la lisibilité
des caractères d'une taille inférieure à 10 points.
Vous pouvez utiliser des clips pour masquer le texte défini pour un affichage avec des polices
de périphérique. Voir A propos du masquage des polices de périphérique, page 186.
Pour que Flash Player affiche le texte avec des polices de périphérique :
1.
Sélectionnez sur la scène les blocs de texte que vous souhaitez afficher avec une police de
périphérique.
2.
Sélectionnez Fenêtre > Propriétés.
3.
Dans l'inspecteur des propriétés, sélectionnez Texte statique dans le menu déroulant.
4.
Activez l'option Utiliser les polices de périphérique.
Définition des attributs de texte
199
Création de symboles de police
Pour utiliser une police en tant qu'élément de bibliothèque partagée, vous pouvez créer un
symbole de police dans le panneau Bibliothèque. Vous affectez ensuite au symbole une chaîne
d'identifiant et une URL à laquelle l'animation contenant le symbole de police sera publiée.
De cette manière, vous pouvez lier la police et l'utiliser dans une application Flash
REMARQUE
Lorsque vous utilisez des symboles de police dans du texte dynamique ou de saisie,
vous devez également intégrer les informations sur les polices. Voir Définition des
options de texte dynamique et de saisie, page 212.
Pour plus d'informations sur la liaison à un symbole de police partagé à partir d'autres
animations, consultez la section Utilisation des ressources d'une bibliothèque partagée, page 123.
Pour créer un symbole de police :
1.
Ouvrez la bibliothèque à laquelle vous souhaitez ajouter un symbole de police.
2.
Sélectionnez Nouvelle police dans le menu d'options (coin supérieur droit du panneau
Bibliothèque).
3.
Dans la boîte de dialogue Propriétés des symboles de police, entrez un nom pour le symbole
de police dans le champ Nom.
4.
Sélectionnez une police dans le menu Police ou entrez un nom de police dans le champ
Police.
5.
Pour appliquer un style à la police, sélectionnez Gras ou Italique.
6.
(Facultatif) Si vous souhaitez utiliser des polices bitmap pour votre symbole de police,
cochez la case Texte bitmap et entrez une taille de police dans la zone de texte Taille. Pour
plus d'informations sur le texte bitmap, consultez la section Définition des options
d'anticrénelage pour le texte, page 197.
R E M A R QU E
7.
La zone de texte Taille s'applique uniquement lorsque vous utilisez du texte bitmap.
Si la case Texte bitmap n'est pas cochée, la taille de police que vous spécifiez dans
la zone de texte Taille est ignorée.
Cliquez sur OK.
200
Utilisation du texte
Pour affecter une chaîne d'identifiant à un symbole de police :
1.
Sélectionnez le symbole de police dans le panneau Bibliothèque.
2.
Effectuez l'une des opérations suivantes :
■
Sélectionnez Liaison dans le menu d'options (coin supérieur droit du panneau
Bibliothèque).
■
Cliquez avec le bouton droit de la souris (Windows) ou avec la touche Contrôle
enfoncée (Macintosh) sur le nom de symbole de police, puis sélectionnez Liaison dans
le menu contextuel.
3.
Sous Liaison, dans la boîte de dialogue Propriétés de liaison, activez l'option Exporter pour
le partage à l'exécution.
4.
Dans le champ Identifiant, entrez une chaîne qui permettra d'identifier le symbole de
police.
5.
Dans le champ URL, entrez l'adresse URL à laquelle le fichier SWF contenant le symbole
de police sera publié.
6.
Cliquez sur OK.
Pour utiliser la police dans une application Flash, copiez le symbole de police dans le fichier
FLA de destination. Pour plus d'informations, consultez la section Copie des actifs de
bibliothèque entre les documents, page 121.
Manipulation du texte
Vous pouvez utiliser les techniques de traitement de texte les plus communes avec le texte de
Flash. Vous pouvez utiliser les commandes Couper, Copier et Coller pour déplacer du texte
dans Flash ou entre Flash et d'autres applications.
Lorsque vous modifiez du texte ou des attributs de caractère, vous devez d'abord sélectionner
les caractères que vous souhaitez modifier.
Pour sélectionner des caractères dans un bloc de texte :
1.
Sélectionnez l'outil Texte.
2.
Effectuez l'une des opérations suivantes :
■
Faites glisser la souris pour sélectionner des caractères.
■
Double-cliquez sur un mot pour le sélectionner.
■
Cliquez pour indiquer le début de la sélection, puis avec la touche Maj enfoncée pour
indiquer la fin de la sélection.
■
Appuyez sur Ctrl+A (Windows) ou sur Commande+A (Macintosh) pour sélectionner
tout le texte du bloc.
Manipulation du texte
201
Pour sélectionner des blocs de texte :
■
Sélectionnez l'outil Sélection et cliquez sur un bloc de texte. Cliquez avec la touche Maj
enfoncée pour sélectionner plusieurs blocs de texte.
Vérification orthographique
La fonction Vérifier l'orthographe permet de passer le correcteur d'orthographe dans les textes
de vos documents Flash.
Vous pouvez utiliser la fonction Configuration de la vérification orthographique pour définir
les options de la vérification orthographique :
■
Dans la section Options du document, spécifiez les éléments des documents Flash devant
faire l'objet de la vérification, par exemple les champs de texte, les noms de séquences et de
calques, les étiquettes et les commentaires des images.
■
Sélectionnez un ou plusieurs dictionnaires intégrés à utiliser pour la vérification
orthographique.
■
Créez un dictionnaire personnel dans lequel vous ajouterez des mots et des phrases.
■
Sélectionnez Options de la vérification pour définir le traitement applicable à des types de
caractères et de mots spécifiques (termes non-alphabétiques ou adresses Internet, par
exemple) pendant la vérification orthographique.
Vous pouvez choisir l'option applicable suivante à un mot introuvable dans le ou les
dictionnaires spécifiés :
■
Changer le mot identifié ou toutes les occurrences de ce mot.
■
Sélectionner une suggestion à utiliser en remplacement du mot identifié.
■
Ignorer le mot identifié ou toutes les occurrences de ce mot.
■
Ajouter le mot identifié à votre dictionnaire personnel.
■
Supprimer le mot identifié.
Configuration de la vérification orthographique
Utilisez la boîte de dialogue Configuration de la vérification orthographique pour définir les
options de la vérification orthographique. Avant de vérifier l'orthographe pour la première
fois, vous devez définir les options du vérificateur dans la boîte de dialogue Configuration de
la vérification orthographique afin d'initialiser la fonction Vérifier l'orthographe. Une fois
cette fonction initialisée, la boîte de dialogue Configuration de la vérification orthographique
vous permet de modifier les options de vérification de l'orthographe.
202
Utilisation du texte
Pour configurer la vérification orthographique :
1.
Ouvrez la boîte de dialogue Configuration de la vérification orthographique. Effectuez
l'une des opérations suivantes :
■
Sélectionnez Texte > Configuration de la vérification orthographique (utilisez cette
option si vous n'avez pas initialisé la fonction Vérifier l'orthographe auparavant).
■
Dans la boîte de dialogue Vérifier l'orthographe (Texte > Vérifier l'orthographe),
cliquez sur le bouton Configurer.
2.
Dans la boîte de dialogue Configuration de la vérification orthographique, spécifiez les
options de la vérification orthographique dans la liste Options de document. Vous pouvez
sélectionner des options de manière à vérifier l'orthographe dans des éléments de texte
spécifiques d'un document, à sélectionner l'élément de texte au cours de la vérification et à
permettre la modification en direct pendant la vérification.
3.
Dans la liste Dictionnaires, sélectionnez un ou plusieurs dictionnaires parmi les
dictionnaires Macromedia installés avec votre produit. Vous devez sélectionner au moins
un dictionnaire pour activer la vérification orthographique.
4.
Dans la section Dictionnaire personnel, entrez un chemin d'accès ou cliquez sur l'icône de
dossier et sélectionnez le document que vous souhaitez utiliser en tant que dictionnaire
personnel.
5.
Pour ajouter des mots et des expressions à votre dictionnaire personnel, cliquez sur
Modifier le dictionnaire personnel. Dans la boîte de dialogue Dictionnaire personnel,
entrez chacun des nouveaux éléments sur une ligne séparée dans le champ texte. Cliquez
sur OK pour enregistrer les éléments et refermer la boîte de dialogue.
6.
Spécifiez vos options de vérification de l'orthographe des mots en sélectionnant des
éléments dans la section Options de la vérification. Vous pouvez sélectionner des options
de manière à ignorer des types de caractères et de mots spécifiques, à rechercher les
doublons, à séparer les mots élidés ou composés ou à suggérer des correspondances
phonétiques ou typographiques.
7.
Cliquez sur OK pour enregistrer vos paramètres et fermer la boîte de dialogue
Configuration de la vérification orthographique.
Vérification orthographique
203
Utilisation de la fonction Vérifier l'orthographe
Pour vérifier l'orthographe d'un document, la fonction Vérifier l'orthographe tient compte
des options sélectionnées dans la boîte de dialogue Configuration de la vérification
orthographique. Lorsque le correcteur identifie un mot introuvable dans le ou les
dictionnaires, vous pouvez choisir de changer, d'ignorer, de supprimer le mot ou d'ajouter le
mot au dictionnaire personnel.
Pour utiliser la fonction Vérifier l'orthographe :
1.
Sélectionnez Texte > Vérifier l'orthographe pour afficher la boîte de dialogue Vérifier
l'orthographe.
Le champ texte placé dans le coin gauche indique les termes introuvables dans les
dictionnaires sélectionnés et le type d'élément dans lesquels ils apparaissent (champ texte,
étiquette d'image, etc).
2.
Effectuez l'une des opérations suivantes :
■
Cliquez sur le bouton Ajouter à Personnel pour ajouter le mot à votre dictionnaire
personnel.
■
Cliquez sur Ignorer pour que le terme demeure inchangé. Cliquez sur Ignorer tout
pour que toutes les occurrences du terme demeurent inchangées dans le document.
■
Entrez un terme dans le champ Remplacer par ou sélectionnez un terme dans la liste
défilante Suggestions. Cliquez ensuite sur Remplacer pour changer le terme ou sur
Remplacer tout pour changer toutes les occurrences du terme dans le document.
■
Cliquez sur Supprimer pour supprimer le mot du document.
3.
Pour modifier les options de la vérification orthographique, cliquez sur Configurer.
4.
Pour terminer la vérification orthographique, effectuez l'une des opérations suivantes :
■
Cliquez sur Fermer pour terminer la vérification orthographique avant que Flash
n'atteigne la fin du document.
■
Continuez la vérification orthographique jusqu'à ce qu'un message vous indique que
Flash a atteint la fin du document ; cliquez sur Non pour terminer la vérification ou
sur Oui pour reprendre la vérification orthographique au début du document.
204
Utilisation du texte
A propos de la transformation du texte
Vous pouvez transformer des blocs de texte de la même façon que vous modifiez d'autres
objets. Vous pouvez les redimensionner, les faire pivoter, les incliner et les renverser pour créer
des effets intéressants. Lorsque vous redimensionnez un bloc de texte en tant qu'objet, les
augmentations ou diminutions de la taille ne sont pas reflétées dans l'inspecteur des
propriétés.
Le texte d'un bloc transformé peut encore être modifié, bien que des transformations
importantes puissent en compliquer la lecture.
Pour plus d'informations sur la manipulation des blocs de texte, consultez le Chapitre 8,
Utilisation d'objets graphiques, page 239.
Utilisation d'effets de scénario avec du
texte
Les effets de scénario vous permettent de facilement ajouter des animations à un texte. Les
effets de scénario sont des effets animés prédéfinis que vous pouvez ajouter facilement à du
texte. Par exemple, vous pouvez utiliser des effets de scénario pour ajouter des rebondis et des
explosions et effectuer des fondus en entrée ou en sortie. Pour plus d'informations sur
l'utilisation de ces effets, consultez la section Utilisation des effets de scénario, page 282.
Séparation du texte
Vous pouvez séparer le texte pour placer chaque caractère dans un bloc de texte distinct. Une
fois le texte séparé, vous pouvez rapidement répartir les blocs de texte vers différents calques,
afin d'animer chacun d'eux séparément. Pour plus d'informations sur la distribution des
objets vers les calques, consultez la section Répartition d'objets vers des calques pour l'animation
interpolée, page 291. Pour plus d'informations sur l'animation, consultez le Chapitre 10,
Création de mouvement, page 281.
R E M AR QU E
Le texte des champs de texte défilant ne peut pas être séparé.
Séparation du texte
205
Vous pouvez également convertir le texte en les lignes et remplissages qui le composent pour
en modifier la forme, l'effacer et le manipuler d'autres manières. Comme pour toute autre
forme, vous pouvez regrouper individuellement ces caractères convertis ou les transformer en
symboles et les animer. Une fois qu'il a été converti en lignes et remplissages, le texte ne peut
plus être modifié.
Pour séparer du texte :
1.
Sélectionnez l'outil Sélection et cliquez sur un bloc de texte.
2.
Sélectionnez Modification > Séparer. Chaque caractère du texte sélectionné est placé dans
un bloc de texte distinct. Le texte reste à la même position sur la scène.
3.
Choisissez à nouveau Modification > Séparer pour convertir les caractères en formes sur la
scène.
REMARQUE
La commande Séparer ne s'applique qu'à des polices à contours telles que les
polices TrueType. Les polices bitmap disparaissent de l'écran lorsque vous les
séparez. Les polices PostScript ne peuvent être séparées que sur le Macintosh.
Liaison de texte à une URL (texte
horizontal uniquement)
Vous pouvez lier du texte horizontal à une URL pour permettre aux utilisateurs d'accéder à
d'autres fichiers en cliquant sur le texte.
Pour lier du texte horizontal à une URL :
1.
Sélectionnez du texte ou un bloc de texte. Effectuez l'une des opérations suivantes :
■
Utilisez l'outil Texte pour sélectionner du texte dans un bloc de texte.
■
Utilisez l'outil Sélection pour sélectionner un bloc de texte sur la scène. Cette
opération permet de lier le bloc de texte à une URL.
2.
Si l'inspecteur des propriétés n'est pas affiché, sélectionnez Fenêtre > Propriétés.
3.
Pour Lien URL, entrez l'URL à laquelle vous souhaitez lier le bloc de texte.
R E MA R Q U E
206
Pour créer un lien à une adresse électronique, utilisez le format mailto: URL. Par
exemple, pour la liste des souhaits de Macromedia, utilisez mailto:[email protected].
Utilisation du texte
Conservation du format de texte
Flash vous permet de conserver le format du texte des champs de texte de saisie et dynamique.
Si vous activez l'option Rendre le texte au format HTML dans l'inspecteur des propriétés ou
définissez la propriété html de l'objet TextField sur true, Flash conserve la mise en forme de
base (police, style, couleur et taille) et les liens hypertexte du champ texte en appliquant
automatiquement les balises HTML correspondantes au moment où vous exportez le fichier
SWF. Vous appliquez les balises HTML aux champs de texte en tant que valeur de la propriété
htmlText de l'objet TextField. Vous devez attribuer un nom d'occurrence au champ texte afin
d'utiliser la propriété htmlText.
Si vous allez publier votre document en tant que Flash Player 5 (ou une version antérieure),
vous pouvez utiliser la variable du champ texte pour appliquer les balises HTML aux champs
de texte.
Les balises HTML suivantes sont prises en charge dans les champs de texte des propriétés de
htmlText : a, b, font color, font face, font size, i, p et u.
Les attributs HTML suivants sont supportés dans les champs de texte : leftmargin,
rightmargin, align, indent et leading. Pour appliquer ces attributs, utilisez la classe
TextFormat ou les CSS. Pour plus d'informations, consultez le Chapitre 12, Utilisation du
texte et des chaînes, dans le guide Formation à ActionScript 2.0 dans Flash et « Classe
TextFormat » ou « Classe TextField.StyleSheet » dans Guide de référence du langage Flash
ActionScript.
Pour utiliser un nom d'occurrence de champ texte afin de conserver le format :
1.
2.
Effectuez l'une des opérations suivantes afin d'attribuer un nom d'occurrence au champ
texte :
■
Utilisez l'outil Texte pour créer un champ texte sur la scène. Affectez un nom
d'occurrence au champ texte dans l'inspecteur des propriétés.
■
Utilisez la méthode ActionScript createTextField pour créer un champ texte de
façon dynamique. Affectez un nom d'occurrence au champ texte comme paramètre de
la méthode createTextField.
Effectuez l'une des opérations suivantes :
■
Cliquez sur le bouton Rendre le texte au format HTML dans l'inspecteur des
propriétés.
■
Dans le panneau Actions, donnez à la propriété html de l'objet TextField la valeur
true, comme suit :
myInstanceName.html = true;
Conservation du format de texte
207
3.
Dans le panneau Actions, donnez à la propriété htmlText une valeur contenant des balises
HTML.
Par exemple, si un champ texte dynamique de la scène a le nom d'occurrence
nomDoccurrence, le code suivant met le texte en gras :
myInstanceName.htmlText = "<b>Chris</b>";
Pour utiliser une variable de champ texte afin de conserver le format :
1.
Sélectionnez un champ texte sur la scène.
2.
Affectez un nom de variable au champ texte dans l'inspecteur des propriétés.
3.
Effectuez l'une des opérations suivantes :
4.
■
Cliquez sur le bouton Rendre le texte au format HTML dans l'inspecteur des
propriétés.
■
Dans la boîte à outils du panneau Actions, donnez à la propriété html de l'objet
TextField la valeur true.
Définissez la variable de champ texte sur une valeur comprenant des balises HTML.
Par exemple, le code suivant affecte une valeur à un champ texte avec le nom de variable
texte. Le texte est en caractères gras si vous activez l'option Rendre le texte au format
HTML dans l'inspecteur des propriétés ou si la propriété html est paramétrée sur true :
txt = "<b>Chris</b>";
Dans l'exemple suivant, le nom de variable du champ texte est également txt. La valeur
de la variable de la propriété html de l'objet TextField étant true, vous pouvez utiliser le
nom de variable pour que le champ texte soit en gras sans avoir à activer l'option Rendre le
texte au format HTML dans l'inspecteur des propriétés :
myInstanceName.html = true;
txt = "<b>Chris</b>";
208
Utilisation du texte
Remplacement de polices absentes
Si vous travaillez sur un document contenant des polices qui ne sont pas installées sur votre
système (un document reçu d'un autre designer, par exemple), Flash remplace les polices
manquantes par des polices disponibles sur votre système. Vous pouvez sélectionner les polices
de votre système qui remplaceront les polices absentes ou laisser Flash les remplacer par sa
police par défaut (spécifiée dans les préférences générales).
REMARQUE
Le remplacement de polices absentes lors de la modification d'un document Flash ne
change pas les polices qui y sont spécifiées.
Si vous installez une police qui était absente sur votre système et redémarrez Flash, cette police
est utilisée dans tous les documents l'utilisant et est retirée de la boîte de dialogue Polices
absentes.
Sélection de polices de remplacement
Une boîte d'alerte indiquant les polices absentes d'un document apparaît la première fois
qu'une séquence contenant l'une de ces polices est affichée sur la scène. Si vous publiez ou
exportez le document sans afficher aucune des séquences contenant les polices absentes, le
message d'alerte apparaît au cours de la procédure de publication ou d'exportation. Si vous
décidez de sélectionner des polices de remplacement, la boîte de dialogue Correspondance des
polices, répertoriant toutes les polices absentes, apparaît et permet de sélectionner une police
de remplacement pour chacune d'entre elles.
REMARQUE
Si le document contient un grand nombre de polices absentes, la création par Flash
d'une liste de ces polices peut créer un délai.
Vous pouvez appliquer la police absente au nouveau texte et au texte existant dans le
document actuel. Le texte sera affiché sur votre système avec la police de remplacement, mais
les informations sur la police absente seront enregistrées dans le document. Si le document est
ensuite ouvert sur un système sur lequel la police absente est installée, le texte est affiché dans
cette police.
Vous devrez peut-être ajuster les attributs du texte tels que la taille, l'interligne, le crénage, etc.,
lorsque celui-ci est affiché avec la police absente, car la disposition que vous appliquez est
basée sur l'apparence du texte dans la police de remplacement.
Remplacement de polices absentes
209
Pour spécifier le remplacement des polices :
1.
2.
Spécifiez vos préférences pour les polices de substitution. Lorsque l'alerte des polices
absentes apparaît, effectuez l'une des opérations suivantes :
■
Cliquez sur Sélectionner des polices de remplacement pour sélectionner les polices
parmi celles installées sur votre système, puis passez à l'étape 2.
■
Cliquez sur Utiliser les valeurs par défaut pour utiliser les polices Flash par défaut du
système pour remplacer toutes les polices absentes et pour annuler l'alerte des polices
absentes.
Dans la boîte de dialogue Mappage des polices, cliquez sur l'une des polices de la colonne
Polices absentes pour la sélectionner. Cliquez sur plusieurs polices absentes, tout en
maintenant la touche Maj enfoncée, pour les remplacer toutes par la même police.
Les polices de remplacement par défaut sont affichées dans la colonne Mappé à jusqu'à ce
que vous ayez sélectionné les vôtres.
3.
Sélectionnez une police dans le menu déroulant Police de remplacement.
4.
Répétez les étapes 2-3 pour toutes les polices absentes.
5.
Cliquez sur OK.
Utilisation des polices de remplacement
Vous pouvez utiliser la boîte de dialogue Correspondance des polices pour changer une police
de remplacement affectée à une police absente, pour afficher toutes les polices de
remplacement qui ont été paramétrées dans Flash sur votre système et pour supprimer une
correspondance de polices paramétrée sur votre système. Vous pouvez également désactiver
l'alerte des polices absentes pour éviter qu'elle réapparaisse.
Lorsque vous travaillez sur un document contenant des polices absentes, celles-ci sont
affichées dans la liste des polices de l'inspecteur des propriétés. Lorsque vous sélectionnez des
polices de remplacement, celles-ci sont également affichées dans la liste des polices.
Pour afficher toutes les polices absentes d'un document et sélectionner à
nouveau des polices de remplacement :
1.
Ouvrez le document dans Flash, puis choisissez Edition > Mappage des polices.
2.
Sélectionnez une police de remplacement, tel que décrit dans la procédure précédente.
Pour afficher toutes les correspondances de polices enregistrées sur votre
système et en supprimer :
1.
Fermez tous les documents ouverts dans Flash.
2.
Sélectionnez Edition > Mappage des polices.
210
Utilisation du texte
3.
Pour supprimer une correspondance de polices, sélectionnez-la, puis appuyez sur
Supprimer.
4.
Cliquez sur OK.
Pour désactiver l'alerte de polices absentes, effectuez l'une des opérations
suivantes :
■
Pour désactiver l'alerte pour le document actif, activez l'option Ne plus afficher pour ce
document, Toujours utiliser les polices de remplacement. Sélectionnez Edition > Mappage
des polices pour afficher les informations liées au document.
■
Pour désactiver l'alerte pour tous les documents, sélectionnez Edition > Préférences
(Windows) ou Flash > Préférences (Macintosh) et cliquez sur l'onglet Avertissements.
Désactivez l'option Indiquer l'absence de polices et cliquez sur OK. Cliquez de nouveau
sur l'option pour réactiver l'alerte.
Contrôle du texte avec ActionScript
Un champ texte dynamique ou de saisie est une occurrence de l'objet TextField
d'ActionScript. Lorsque vous créez un champ texte, vous pouvez lui affecter un nom
d'occurrence dans l'inspecteur des propriétés. Vous pouvez utiliser ce nom d'occurrence dans
les instructions ActionScript pour définir, changer et formater le champ texte et son contenu à
l'aide des objets TextField et TextFormat.
L'objet TextField a les mêmes propriétés que l'objet MovieClip et des méthodes qui vous
permettent de définir, sélectionner et manipuler le texte. L'objet TextFormat permet de
définir les valeurs de caractère et de paragraphe pour le texte. Ces objets ActionScript peuvent
être utilisés, au lieu de l'inspecteur des propriétés, pour contrôler les paramètres d'un champ
texte.
Vous pouvez utiliser un nom de variable ou d'occurrence de champ texte pour lui affecter un
texte contenant des balises HTML. Flash conserve le format appliqué avec ActionScript aux
champs de texte.
Si vous affectez une variable à un champ texte, celui-ci affiche la valeur de la variable. Vous
pouvez utiliser ActionScript pour communiquer la variable à d'autres parties de l'animation
ou à une application côté serveur en vue d'un stockage dans la base de données, par exemple.
Vous pouvez aussi remplacer la valeur de la variable en la lisant à partir d'une application côté
serveur ou en la chargeant à partir d'une autre partie de l'application. Pour plus
d'informations sur l'utilisation des variables, consultez la section « A propos des variables » du
guide Formation à ActionScript 2.0 dans Flash. Pour plus d'informations sur la connexion à des
applications externes, consultez le Chapitre 16, « Utilisation de données externes » du guide
Formation à ActionScript 2.0 dans Flash.
Contrôle du texte avec ActionScript
211
Définition des options de texte dynamique et de
saisie
L'inspecteur des propriétés permet de spécifier les options contrôlant la manière dont le texte
dynamique et de saisie apparaît dans l'animation Flash.
Pour définir les options de texte dynamique et de saisie :
1.
Cliquez dans un champ texte dynamique existant.
Pour créer un champ texte dynamique, consultez la section Création de texte, page 188.
2.
Dans l'inspecteur des propriétés, vérifiez que Texte dynamique ou Texte de saisie est affiché
dans le menu déroulant.
3.
Attribuez un nom d'occurrence au champ texte.
4.
Spécifiez les propriétés du texte et du champ texte. Spécifiez les propriétés suivantes :
■
Sélectionnez la hauteur, la largeur et l'emplacement du texte.
■
Sélectionnez le type et le style de police que vous souhaitez utiliser.
■
Sélectionnez Multiligne pour afficher le texte sur plusieurs lignes, Une seule ligne pour
afficher le texte sur une seule ligne ou Multiligne sans retour pour afficher le texte sur
plusieurs lignes avec des retours à la ligne manuels (par exemple à l'aide de la touche
Entrée sous Windows ou Retour sous Macintosh).
■
Cliquez sur le bouton Sélectionnable pour permettre aux utilisateurs de sélectionner le
texte dynamique. Désactivez cette option pour empêcher les utilisateurs de
sélectionner le texte dynamique.
■
Cliquez sur le bouton Rendre le texte au format HTML pour conserver le format
(polices, liens hypertexte entre autres) à l'aide des balises HTML appropriées. Voir
Conservation du format de texte, page 207.
■
Cliquez sur Afficher la bordure afin d'attribuer une bordure noire et un arrière-plan
blanc au champ de texte.
■
(Facultatif ) Pour Variable, entrez le nom de variable pour le champ texte.
R E M AR QU E
212
La zone de texte Variable doit être utilisée uniquement pour créer du contenu
pour Flash Player 6 ou une version antérieure.
Utilisation du texte
■
Sélectionnez Incorporer pour accéder aux options des polices vectorielles incorporées.
Dans la boîte de dialogue Intégration de caractères, cliquez sur Aucun caractère afin de
spécifier qu'aucune police ne sera intégrée ou sur Indiquer les plages pour intégrer les
contours des polices. L'option Indiquer les plages étant sélectionnée, vous pouvez
choisir une ou plusieurs options dans la liste, saisir uniquement les caractères à intégrer
au document ou cliquer sur Remplissage automatique afin d'intégrer tous les
caractères à partir du champ texte sélectionné.
Création et suppression dynamique de champs de
texte
Vous pouvez utiliser la méthode createTextField de l'objet MovieClip pour créer un
nouveau champ texte vide, en tant qu'enfant du clip appelant la méthode. Vous pouvez
utiliser la méthode removeTextField pour supprimer un champ texte créé avec
createTextField, ce qui ne fonctionne cependant pas pour les champs de texte créés
manuellement dans le scénario.
Lorsque vous créez un champ texte, vous pouvez utiliser l'objet TextField pour en définir les
propriétés. Si vous ne définissez pas ses propriétés, le nouveau champ texte reçoit un ensemble
de propriétés par défaut. Les propriétés par défaut du nouveau champ texte sont les suivantes :
type = "dynamic"
border = false
background = false
password = false
multiline = false
html = false
embedFonts = false
variable = null
maxChars = null
Contrôle du texte avec ActionScript
213
Une fois que vous avez créé un champ texte, vous pouvez utiliser l'objet TextFormat pour
formater le texte. Vous devez créer un nouvel objet TextFormat, puis le transmettre comme
paramètre à la méthode setTextFormat de l'objet TextField. Un champ texte créé avec la
méthode createTextField reçoit l'objet TextFormat par défaut suivant :
font = "Times New Roman"
size = 12
color = 0x000000
bold = false
italic = false
underline = false
url = ""
target = ""
align = "left"
leftMargin = 0
rightMargin = 0
indent = 0
leading = 0
bullet = false
tabStops = [] (empty array)
Pour créer un champ texte dynamique :
1.
Sélectionnez une image, un bouton ou un clip qui recevra l'action.
2.
Sélectionnez Fenêtre > Actions pour ouvrir le panneau Actions s'il n'est pas déjà visible.
3.
Dans le panneau Actions, sélectionnez les catégories Classes intégrées, puis MovieClip et
enfin Méthodes. Enfin, double-cliquez sur la méthode createTextField() .
4.
Sélectionnez instanceName et entrez un nom d'occurrence ou un chemin pour le clip qui
sera le parent du nouveau champ texte. Pour cet exemple, entrez l'alias _root, le scénario
principal étant le parent.
5.
Entrez des valeurs pour les paramètres suivants :
■
nomDoccurrence est le nom d'occurrence du nouveau champ texte. Pour cet exemple,
entrez monTexte.
■
profondeur
est un nombre qui spécifie l'ordre d'empilement. Pour cet exemple,
entrez 1.
■
x
est la coordonnée x par rapport au clip parent. Pour cet exemple, entrez 50.
■
y
est la coordonnée y par rapport au clip parent. Pour cet exemple, entrez 50.
Le code suivant est affiché dans la fenêtre de script :
_root.createTextField("mytext",1,50,50,200,100);
214
Utilisation du texte
6.
Dans la boîte à outils du panneau Actions, sélectionnez les catégories Classes intégrées,
Animation, puis Champ texte et enfin Propriétés. Pour finir, double-cliquez sur la
propriété text afin de créer une nouvelle ligne. Pour cet exemple, remplacez
nomDoccurrence par monTexte dans le champ de paramètre Objet.
7.
Dans le champ Valeur, entrez Ceci est mon premier texte d'objet de champ texte. Le texte
suivant est affiché dans la fenêtre de script :
mytext.text = "this is my first text field object text";
Cet exemple crée un champ texte avec le nom d'occurrence myText, une profondeur de 1,
une largeur de 200, une hauteur de 100, une valeur x de 50 et une valeur y de 50.
Pour une description détaillée de la méthode createTextField de l'objet TextField,
consultez %{TextField}% dans Guide de référence du langage Flash ActionScript.
Définition dynamique des propriétés des champs de
texte
Pour pouvoir utiliser ActionScript pour définir les propriétés d'un champ texte, vous devez lui
affecter un nom d'occurrence. Si vous créez le champ texte sur la scène avec l'outil Texte, vous
pouvez affecter le nom d'occurrence dans l'inspecteur des propriétés. Si vous créez le champ
texte dynamiquement, vous pouvez affecter un nom d'occurrence comme un paramètre de la
méthode createTextField.
Pour définir dynamiquement les propriétés d'un champ texte :
1.
Sélectionnez Fenêtre > Actions pour ouvrir le panneau Actions s'il n'est pas déjà visible.
2.
Effectuez l'une des opérations suivantes pour créer un champ texte :
3.
■
Sélectionnez l'outil Texte et tracez un champ texte sur la scène. Affectez un nom
d'occurrence au champ texte dans l'inspecteur des propriétés. Pour cet exemple, entrez
le nom d'occurrence monTexte.
■
Dans la boîte à outils du panneau Actions, double-cliquez sur la méthode
createTextField de l'objet MovieClip pour l'ajouter à la fenêtre de script du
panneau Actions. Pour plus d'informations, consultez la section Création de texte,
page 188. Pour cet exemple, entrez le nom d'occurrence myText comme paramètre de
la méthode createTextField.
Effectuez l'une des opérations suivantes pour placer le texte dans le champ texte :
■
Entrez du texte dans le champ texte sur la scène.
■
Définissez la propriété text de l'objet TextField. Pour plus d'informations, consultez
la section Création de texte, page 188.
Contrôle du texte avec ActionScript
215
4.
Dans le panneau Actions, sélectionnez les catégories Classes intégrées, Animation, puis
Champ texte et enfin Propriétés. Enfin, double-cliquez sur la propriété multiline.
5.
Entrez les paramètres suivants :
6.
est le nom d'occurrence du champ texte dont vous souhaitez définir la
propriété.
■
Objet
■
Valeur
est la valeur de la propriété.
Répétez les étapes 4 et 5 pour les propriétés wordWrap et border. Le code suivant apparaît
dans la fenêtre de script :
mytext.multiline = true;
mytext.wordWrap = true;
mytext.border = true;
Pour obtenir une liste complète des méthodes de l'objet TextField et leurs descriptions
détaillées, consultez %{TextField}% dans Guide de référence du langage Flash ActionScript.
Formatage dynamique du texte
Vous pouvez utiliser l'objet TextFormat d'ActionScript pour définir les propriétés d'un champ
texte. Un objet TextFormat contient des informations de format de caractères et de
paragraphes. Les informations sur le formatage des caractères décrivent l'apparence des
différents caractères : nom de police, taille, couleur et URL associée. Les informations sur le
formatage des paragraphes décrivent l'apparence d'un paragraphe : marge de gauche, marge de
droite, indentation de la première ligne, alignement à gauche, à droite ou au centre.
Vous devez commencer par créer un nouvel objet TextFormat. Vous pouvez ensuite utiliser les
méthodes de l'objet TextField et leur transmettre l'objet TextFormat comme paramètre pour
formater le texte d'un champ.
Un objet TextFormat peut être affecté séparément à chaque caractère d'un champ texte.
L'objet TextFormat du premier caractère d'un paragraphe est examiné pour effectuer le
formatage de paragraphe sur tout le paragraphe.
Pour formater dynamiquement du texte :
1.
Sélectionnez Fenêtre > Actions pour ouvrir le panneau Actions s'il n'est pas déjà visible.
2.
Effectuez l'une des opérations suivantes pour créer un champ texte :
216
■
Utilisez l'outil Texte pour créer un champ texte sur la scène. Affectez un nom
d'occurrence au champ texte dans l'inspecteur des propriétés.
■
Pour cet exemple, entrez le nom d'occurrence monTexte.
Utilisation du texte
■
3.
Utilisez la méthode createTextField de l'objet MovieClip. Voir Création de texte,
page 188. Pour cet exemple, entrez le nom d'occurrence myText comme paramètre de
la méthode createTextField.
Effectuez l'une des opérations suivantes pour placer le texte dans le champ texte :
■
Entrez du texte dans le champ texte sur la scène.
■
Définissez la propriété text de l'objet TextField. Voir Création de texte, page 188.
■
Dans la boîte à outils du panneau Actions, sélectionnez les catégories Classes intégrées,
Animation, puis TextFormat. Pour finir, double-cliquez sur new TextFormat. Pour
cet exemple, entrez monFormat dans le champ de paramètre Objet.
Le code suivant est affiché dans la fenêtre de script :
myformat = new TextFormat();
4.
Dans la boîte à outils du panneau Actions, sélectionnez les catégories Classes intégrées,
Animation, TextFormat, puis Propriétés. Pour finir, double-cliquez sur color. Répétez
cette étape pour les propriétés bullet et underline. Le code suivant est affiché dans la
fenêtre de script :
myformat.color = 0xff0000;
myformat.bullet = true;
myformat.underline = true;
5.
Dans la boîte à outils du panneau Actions, sélectionnez les catégories Classes intégrées,
Animation, TextField, puis Méthode. Pour finir, double-cliquez sur setTextFormat. Pour
cet exemple, entrez monTexte dans le champ de paramètre Objet.
6.
Dans le champ Objet, entrez le nom de l'objet TextFormat que vous avez créé à l'étape 3
(monFormat). Le code suivant apparaît dans la fenêtre de script :
mytext.setTextFormat(myformat);
Pour plus d'informations, consultez la section Utilisation de la classe TextFormat du guide
Formation à ActionScript 2.0 dans Flash.
Contrôle du texte avec ActionScript
217
Utilisation d'événements de champ texte pour
déclencher des scripts
Vous pouvez utiliser ActionScript pour capturer des événements se déroulant dans les champs
de texte et, par exemple, déterminer si un utilisateur a modifié ou fait défiler le texte. Vous
pouvez rédiger des instructions ActionScript qui utilisent ces événements pour déclencher
l'exécution des scripts.
Vous pouvez capturer les événements de champ texte suivants : onChanged et onScroller.
Pour utiliser un événement de champ texte pour déclencher un script :
1.
Attribuez un nom d'occurrence au champ texte. Effectuez l'une des opérations suivantes :
■
Utilisez l'outil Texte pour créer un champ texte sur la scène. Affectez un nom
d'occurrence au champ texte dans l'inspecteur des propriétés.
■
Utilisez ActionScript pour créer un champ texte dynamiquement avec la méthode
createTextField. Affectez un nom d'occurrence au champ texte comme paramètre
de la méthode createTextField.
2.
Dans le panneau Actions, sélectionnez la catégorie Classes intégrées, Animation, puis
Champ texte et enfin Evénements. Pour finir, double-cliquez sur un événement. Pour cet
exemple, utilisez la méthode onChanged.
3.
Remplacez nomDoccurrence par le véritable nom de l'occurrence du champ texte.
4.
Ajoutez des instructions ActionScript à l'intérieur de la fonction. Ces instructions sont
exécutées lorsque le contenu du champ texte change.
A propos de l'utilisation des feuilles de style en
cascade (CSS) avec les champs de texte
Vous pouvez associer des feuilles de style aux champs de texte pour contrôler le format du
texte. Flash supporte un sous-ensemble de balises CSS. Pour associer une feuille de style à un
fichier texte, utilisez l'objet TextField.StyleSheet. Voir la section Création d’un objet feuille de
style du guide Formation à ActionScript 2.0 dans Flash.
218
Utilisation du texte
Création de texte défilant
Vous pouvez utiliser les propriétés scroll et maxscroll de l'objet TextField pour contrôler le
défilement vertical et les propriétés hscroll et maxhscroll pour contrôler le défilement
horizontal d'un bloc de texte. Les propriétés scroll et hscroll (que vous pouvez lire et
écrire) contiennent un nombre qui spécifie la première ligne visible en haut d'un bloc de texte.
Les propriétés maxscroll et maxhscroll (que vous ne pouvez que lire) contiennent un
nombre qui spécifie la première ligne de texte visible en haut d'un bloc de texte lorsque la
dernière ligne de ce bloc est visible.
Pour utiliser la propriété scroll pour créer un texte défilant :
1.
Attribuez un nom d'occurrence au champ texte qui va contenir le texte défilant. Effectuez
l'une des opérations suivantes :
■
Utilisez l'outil Texte pour créer un champ texte sur la scène. Affectez un nom
d'occurrence au champ texte dans l'inspecteur des propriétés.
■
Utilisez ActionScript pour créer un champ texte dynamiquement avec la méthode
createTextField. Affectez un nom d'occurrence au champ texte comme paramètre
de la méthode createTextField.
2.
Créez un bouton Vers le haut et un bouton Vers le bas ou sélectionnez Fenêtre >
Bibliothèques communes > Boutons, puis faites glisser vos boutons sur la scène. Vous
utiliserez ces boutons pour faire défiler le texte vers le haut et vers le bas.
3.
Sélectionnez le bouton Vers le haut sur la scène.
4.
Dans le panneau Actions, sélectionnez les catégories Classes intégrées, Animation, puis
Champ texte et enfin Propriétés. Pour finir, double-cliquez sur la propriété scroll pour
l'ajouter à la fenêtre de script.
5.
Remplacez instanceName par le nom d'occurrence du champ texte que vous voulez faire
défiler.
6.
Incrémentez la propriété scroll de 1 pour faire défiler le texte vers le haut. Le code doit
avoir cette forme :
myInstanceName.scroll += 1;
7.
Sélectionnez le bouton Vers le bas sur la scène.
8.
Répétez les étapes 4 et 5.
9.
Décrémentez la propriété scroll de 1 pour faire défiler le texte vers le bas. Le code doit
avoir cette forme :
myInstanceName.scroll -= 1;
Création de texte défilant
219
220
Utilisation du texte
CHAPITRE 7
7
Utilisation d'illustrations
importées
Macromedia Flash Basic 8 et Flash Professionnel 8 peuvent utiliser des illustrations créées
dans d'autres applications. Vous pouvez importer des graphiques vectoriels et des bitmaps
dans différents formats de fichier. Si vous avez installé QuickTime 4 ou une version ultérieure
sur votre système, vous pouvez importer d'autres formats de fichiers vectoriels ou bitmap.
Pour plus d'informations, consultez la section Importation de formats de fichiers vectoriels ou
bitmap, page 224. Vous pouvez importer des fichiers Macromedia FreeHand (version MX et
antérieures) et Macromedia Fireworks PNG directement dans Flash, en conservant les
attributs de ces formats.
Vous pouvez appliquer la compression et l'anti-aliasing sur tout bitmap que vous importez, le
placer directement dans un document Flash, l'utiliser comme remplissage, le manipuler dans
un éditeur externe ou le séparer en pixels et le manipuler dans Flash ou encore le convertir en
illustration vectorielle. Pour plus d'informations, consultez la section Utilisation de bitmaps
importés, page 231.
Les vidéos peuvent également être importées dans Flash. Pour plus d'informations, consultez
le Chapitre 11, Utilisation de la vidéo, page 313.
Pour plus d'informations sur l'importation de fichiers audio aux formats WAV (Windows),
AIFF (Macintosh) et MP3, consultez le Chapitre 12, Utilisation du son, page 357.
Ce chapitre contient les sections suivantes :
Placement d'illustrations dans Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .222
Utilisation de bitmaps importés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 231
Importation de bitmaps lors de l'exécution . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .234
221
Placement d'illustrations dans Flash
Flash reconnaît divers formats de fichiers vectoriels et bitmaps. Vous pouvez placer une
illustration dans Flash en l'important sur la scène du document Flash actuel ou dans la
bibliothèque correspondant au document actif. Vous pouvez également importer les bitmaps
en les collant sur la scène dans le document actif. Tous les bitmaps importés directement dans
un document Flash sont automatiquement ajoutés à la bibliothèque du document.
La taille minimum des fichiers graphiques importés dans Flash est de 2 x 2 pixels.
Vous pouvez charger des fichiers JPEG dans une animation au cours de l'exécution, en
utilisant la méthode ou l'action loadMovie. Pour plus d'informations, consultez
%{loadMovie (méthode MovieClip.loadMovie)}% dans Guide de référence du langage Flash
ActionScript.
Flash importe les graphiques vectoriels, les bitmaps et les séquences d'images comme suit :
■
Dans le cadre d'une importation d'images vectorielles depuis FreeHand, des options vous
permettent de préserver les calques, les pages et les blocs de texte de FreeHand. Pour plus
d'informations, consultez la section Importation de fichiers FreeHand MX, page 227.
■
Lorsque vous importez des images PNG de Fireworks, ces fichiers peuvent être traités sous
la forme d'objets modifiables dans Flash ou de fichiers fusionnés modifiables et
actualisables dans Fireworks.
■
Vous pouvez sélectionner des options permettant de préserver les images, le texte et les
guides. Pour plus d'informations, consultez la section Importation de fichiers PNG
Fireworks, page 225.
REMARQUE
Si vous utilisez la fonction couper-coller pour importer un fichier PNG de Fireworks,
ce dernier est converti en bitmap.
■
Lorsque vous importez des fichiers Adobe Illustrator, EPS ou PDF dans Flash, vous
pouvez sélectionner des options pour convertir les pages et calques. Vous pouvez choisir de
convertir en bitmap tout le contenu, y compris le texte. Pour plus d'informations,
consultez la section Importation de fichiers Adobe Illustrator, EPS ou PDF, page 229.
■
Les fichiers d'images vectorielles au format SWF et métafichier Windows (WMF)
importés directement dans un document Flash (au lieu d'une bibliothèque) sont importés
en tant que groupe dans le calque actuel. Consultez Importation de formats de fichiers
vectoriels ou bitmap, page 224 et Importation de fichiers Adobe Illustrator, EPS ou PDF,
page 229.
222
Utilisation d'illustrations importées
■
Les bitmaps (photographies scannées, fichiers BMP) que vous importez directement dans
les documents Flash sont importés en tant qu'objets individuels dans le calque courant.
Flash préserve les paramètres de transparence des bitmaps importés. L'importation d'un
bitmap pouvant augmenter la taille d'un fichier d'animation Flash (fichier SWF), il pourra
être judicieux de compresser les bitmaps importés. Pour plus d'informations, consultez la
section Définition des propriétés d'un bitmap, page 233.
REMARQUE
■
La transparence d'un bitmap importé dans Flash à partir d'une application ou d'un
ordinateur par glisser-déposer peut ne pas être préservée. Pour préserver la
transparence, importez les bitmaps en choisissant Fichier > Importer sur la scène ou
Importer dans la bibliothèque.
Toute séquence d'images (par exemple, une séquence PICT et BMP) que vous importez
directement dans un document Flash prend la forme d'une série d'images-clés successives
dans le calque courant.
Pour plus d'informations sur les formats de fichiers spécifiques, consultez la section
Importation de formats de fichiers vectoriels ou bitmap, page 224.
Pour importer un fichier dans Flash :
1.
Effectuez l'une des opérations suivantes :
■
Pour importer un fichier directement dans le document Flash actuel, sélectionnez
Fichier > Importer sur la scène.
■
Pour importer un fichier dans la bibliothèque du document Flash actuel, choisissez
Fichier > Importer dans la bibliothèque. Pour utiliser un élément de bibliothèque dans
le document, il vous suffit de le faire glisser sur la scène. Pour plus d'informations,
consultez le Chapitre 3, Utilisation de symboles, d'occurrences et d'éléments de
bibliothèque, page 91.
2.
Dans la boîte de dialogue Importer, sélectionnez un format de fichier dans le menu
déroulant Type (Windows) ou Afficher (Macintosh).
3.
Naviguez jusqu'au fichier souhaité pour le sélectionner.
Si un fichier importé contient plusieurs calques, Flash peut créer de nouveaux calques (en
fonction du format d'importation). Les nouveaux calques éventuels seront affichés dans le
scénario.
REMARQUE
Si vous importez un fichier PNG Fireworks, consultez la section Importation de
fichiers PNG Fireworks, page 225. Si vous importez un fichier FreeHand, consultez
la section Importation de fichiers FreeHand MX, page 227. Si vous importez un fichier
Adobe Illustrator, consultez la section Importation de fichiers Adobe Illustrator, EPS ou
PDF, page 229.
Placement d'illustrations dans Flash
223
4.
Cliquez sur Ouvrir.
5.
Si le nom du fichier que vous importez se termine par un chiffre et s'il existe d'autres
fichiers numérotés de façon séquentielle dans le même dossier, Flash vous demande si vous
souhaitez importer la séquence de fichiers.
■
Cliquez sur Oui pour importer tous les fichiers séquentiels.
■
Cliquez sur Non pour importer uniquement le fichier spécifié.
Voici quelques exemples des noms de fichier que vous pouvez utiliser dans une séquence :
Image001.gif, Image002.gif, Image003.gif
Oiseau 1, Oiseau 2, Oiseau 3
mouvement-001.ai, mouvement-002.ai, mouvement-003.ai
Pour coller une image bitmap créée dans une autre application dans le
document Flash actuel :
1.
Copiez l'image dans l'autre application.
2.
Dans Flash, sélectionnez Edition > Coller au milieu ou Edition > Coller en place.
Importation de formats de fichiers vectoriels ou
bitmap
Flash peut importer des formats de fichiers vectoriels ou bitmap différents, selon que vous
ayez ou non installé QuickTime 4 ou une version ultérieure sur votre ordinateur. L'utilisation
de Flash avec QuickTime 4 installé sur votre ordinateur est particulièrement utile pour les
projets de travail en groupe où les auteurs travaillent à la fois sur les plates-formes Windows et
Macintosh. QuickTime 4 permet d'étendre le support de certains formats de fichier (tels que
Adobe Photoshop, PICT, QuickTime et autres) aux deux plates-formes.
Vous pouvez importer les formats de fichiers vectoriels ou bitmap suivants dans Flash 8, avec
QuickTime 4 installé ou non sur votre ordinateur :
Type de fichier
Extension
Windows
Macintosh
Adobe Illustrator (version 10 ou
antérieure, consultez Importation
de fichiers Adobe Illustrator, EPS ou
PDF, page 229)
.eps, .ai .pdf
✔
✔
.dxf
✔
✔
.bmp
✔
AutoCAD DXF (consultez Les
fichiers DXF AutoCAD, page 231)
Bitmap
✔
(avec QuickTime)
224
Utilisation d'illustrations importées
Type de fichier
Extension
Windows
.emf
✔
.fh7, .fh8, .fh9,
.fh10, .fh11
✔
✔
FutureSplash Player
.spl
✔
✔
GIF et GIF animé
.gif
✔
✔
JPEG
.jpg
✔
✔
PNG
.png
✔
✔
Flash Player 6/7
.swf
✔
✔
Métafichier Windows
.wmf
✔
✔
Métafichier Windows étendu
FreeHand
Macintosh
Vous devez installer QuickTime 4 ou version ultérieure pour importer les formats de fichiers
bitmaps suivants dans Flash :
Type de fichier
Extension
Windows
Macintosh
MacPaint
.pntg
✔
✔
Photoshop
.psd
✔
✔
✔
✔
PICT
.pct, .pic
(en tant que
bitmap)
Image QuickTime
.qtif
✔
✔
Image Silicon Graphics
.sgi
✔
✔
TGA
.tga
✔
✔
TIFF
.tif
✔
✔
Importation de fichiers PNG Fireworks
Vous pouvez importer des fichiers PNG Fireworks dans Flash sous la forme d'images
fusionnées ou d'objets modifiables. Lorsque vous importez un fichier PNG sous la forme
d'une image fusionnée, l'ensemble du fichier (y compris ses illustrations vectorielles) est
converti en image bitmap. Lorsque vous importez un fichier PNG sous la forme d'objet
modifiable, les illustrations vectorielles qu'il contient sont préservées. Vous pouvez choisir de
préserver les bitmaps, le texte et les guides du fichier PNG lorsque vous l'importez sous la
forme d'objet modifiable.
Placement d'illustrations dans Flash
225
Utilisation des effets Fireworks et des modes de
mélange dans Flash
Flash 1 prend en charge les filtres Fireworks, les modes de mélange et le texte. Lors de
l'importation de fichiers PNG depuis Fireworks, vous pouvez conserver la plupart des filtres et
des modes de mélange appliqués aux objets dans Fireworks, et continuer à modifier ces filtres
et mélanges dans Flash 1.
Flash ne prend en charge que les filtres et mélanges modifiables pour les objets importés sous
forme de texte et de clips. Si un effet ou un mode de mélange n'est pas pris en charge, Flash 8
le convertit ou l'ignore lorsqu'il est importé.
Pour importer un fichier PNG Fireworks contenant des filtres ou des mélanges que Flash ne
prend pas en charge, vous devez transformer ce fichier en bitmap lors de l'importation. Après
cette opération, il ne sera pas possible de modifier ce fichier.
Texte Fireworks pris en charge dans Flash
Lorsque vous importez du texte à partir de Fireworks dans Flash 8, le texte est importé en
tenant compte du paramètre d'anti-aliasing par défaut du document actuel.
Si vous importez le fichier PNG sous la forme d'une image fusionnée, vous pouvez démarrer
Fireworks à partir de Flash pour modifier le fichier PNG d'origine (avec des données
vectorielles). Pour plus d'informations, consultez la section Manipulation des bitmaps dans un
éditeur externe, page 235.
Pour importer plusieurs fichiers PNG dans un même lot, vous ne devez sélectionner les
paramètres d'importation qu'une seule fois. Flash utilisera les mêmes paramètres pour tous les
fichiers du lot.
REMARQUE
Vous pouvez modifier des images bitmap dans Flash en les convertissant en illustrations
vectorielles ou en les séparant. Consultez Conversion de bitmaps en graphiques
vectoriels, page 238 et Séparation d'un bitmap, page 236.
Pour importer un fichier PNG Fireworks :
1.
Sélectionnez Fichier > Importer sur la scène ou Importer dans la bibliothèque.
2.
Dans la boîte de dialogue Importer, choisissez Image PNG dans le menu déroulant Type
(Windows) ou Afficher (Macintosh).
3.
Sélectionnez une image PNG Fireworks.
4.
Cliquez sur Ouvrir.
226
Utilisation d'illustrations importées
5.
Dans la boîte de dialogue Paramètres d'importation de PNG Fireworks, sélectionnez l'une
des options de structure suivantes :
Activez l'option Importer sous forme de clip de film et conserver les calques pour
importer le fichier PNG sous forme de clip, toutes ses images et tous ses calques
demeurant intacts à l'intérieur du symbole de clip.
Activez l'option Importer dans un nouveau calque dans la scène en cours pour
importer le fichier PNG dans le document Flash actuel sous la forme d'un seul nouveau
calque situé au début de l'ordre d'empilement. Les calques Fireworks sont fusionnés pour
former un seul calque. Les images Fireworks sont contenues dans le nouveau calque.
6.
Pour Objets, sélectionnez un des paramètres suivants :
L'option Rastériser, si nécessaire, pour conserver l'apparence conserve les
remplissages, traits et effets de Fireworks dans Flash.
conserve tous les objets sous forme de
tracés vectoriels modifiables. Certains remplissages, traits et effets de Fireworks sont
perdus lors de l'importation.
L'option Conserver tous les tracés modifiables
7.
Pour Texte, sélectionnez un des paramètres suivants :
L'option Rastériser, si nécessaire, pour conserver l'apparence
conserve les
remplissages, traits et effets du texte importé dans Flash.
conserve du texte pouvant être modifié.
Certains remplissages, traits et effets de Fireworks sont perdus lors de l'importation.
L'option Conserver tous les tracés modifiables
8.
Activez l'option Importer sous la forme d'une bitmap lissée pour fusionner le fichier PNG
en une seule image bitmap. Toutes les autres options sont affichées en grisé lorsque cette
option est activée.
9.
Cliquez sur OK.
Importation de fichiers FreeHand MX
Dans la version 7 ou une version ultérieure vous pouvez importer des fichiers FreeHand
directement dans Flash. FreeHand MX constitue le meilleur choix en matière de logiciels de
création de graphiques vectoriels en vue d'une importation dans Flash : il permet en effet de
conserver les calques, les blocs de texte, les symboles et les pages FreeHand, mais aussi de
choisir une plage de pages à importer. Si le fichier FreeHand importé est en mode couleur
CMJN, Flash le convertit en RVB.
Placement d'illustrations dans Flash
227
Gardez les instructions suivantes à l'esprit lors de l'importation de fichiers FreeHand :
■
Pour importer un fichier contenant des objets se chevauchant que vous souhaitez préserver
en tant qu'objets distincts, placez les objets dans des calques différents dans FreeHand et
choisissez Calques dans la boîte de dialogue Importation FreeHand de Flash. Si vous
importez dans Flash des objets se chevauchant sur un seul calque, les formes qui se
chevauchent seront divisées aux points d'intersection, comme avec les objets se
chevauchant que vous créez dans Flash.
■
Flash supporte jusqu'à huit couleurs de dégradé pour les fichiers importés contenant des
remplissages dégradés. Si un fichier FreeHand contient un remplissage dégradé de plus de
huit couleurs, Flash crée des tracés de découpe pour simuler l'apparence du remplissage.
Les tracés de découpe peuvent augmenter la taille du fichier. Pour réduire la taille du
fichier, utilisez des remplissages dégradés d'un maximum de 8 couleurs dans FreeHand.
■
Lors de l'importation de fichiers contenant des mélanges, Flash importe chaque étape
d'un mélange comme un tracé distinct. Ainsi, plus un mélange contient d'étapes dans un
fichier FreeHand, plus grande sera la taille du fichier importé dans Flash.
■
Lors de l'importation de fichiers contenant des traits avec des extrémités carrées, Flash
convertit ces dernières en extrémités arrondies.
■
Lors de l'importation de fichiers contenant des images en nuances de gris, Flash convertit
ces images en images RVB. Cette conversion peut contribuer à augmenter la taille du
fichier importé.
■
Lors de l'importation de fichiers avec des images EPS, vous devez d'abord activer l'option
Convertir les fichiers EPS modifiables pendant leur importation dans les préférences
d'importation de FreeHand, avant de placer l'image EPS dans FreeHand. Si vous ne
sélectionnez pas cette option, l'image EPS ne pourra pas être visualisée une fois importée
dans Flash. En outre, Flash n'affiche pas d'informations pour une image EPS importée
(quelles que soient les préférences utilisées dans FreeHand).
Pour importer un fichier FreeHand :
1.
Sélectionnez Fichier > Importer sur la scène ou >Importer dans la bibliothèque.
2.
Dans la boîte de dialogue Importer, choisissez FreeHand dans le menu déroulant Type
(Windows) ou Afficher (Macintosh).
3.
Sélectionnez le fichier FreeHand.
4.
Cliquez sur Ouvrir.
5.
Dans la boîte de dialogue des paramètres d'importation FreeHand, sélectionnez un
paramètre de mappage des pages :
L'option Séquences convertit chaque page du document FreeHand en une scène dans le
document Flash.
228
Utilisation d'illustrations importées
L'option Images-clés convertit chaque page du document FreeHand en une image-clé
dans le document Flash.
6.
Pour Mappage des calques, sélectionnez un des paramètres suivants :
L'option Calques convertit chaque calque du document FreeHand en un calque dans le
document Flash.
L'option Images-clés convertit chaque calque du document FreeHand en une image-clé
dans le document Flash.
L'option Aplatir convertit tous les calques du document FreeHand en un seul calque dans
le document Flash.
7.
8.
Pour Pages, effectuez l'une des opérations suivantes :
■
Sélectionnez Toutes pour importer toutes les pages du document FreeHand.
■
Entrez les numéros de pages dans les champs De et A pour importer une plage de
pages du document FreeHand.
Pour Options, sélectionnez un des paramètres suivants :
L'option Inclure les calques invisibles importe tous les calques (visibles et masqués) du
document FreeHand.
L'option Inclure le calque d'arrière-plan importe le calque d'arrière-plan avec le
document FreeHand.
L'option Conserver les blocs de texte préserve le texte du document FreeHand et
l'importe en tant que texte modifiable dans le document Flash.
9.
Cliquez sur OK.
Importation de fichiers Adobe Illustrator, EPS ou PDF
Flash permet d'importer des fichiers Adobe Illustrator version 10 ou antérieure, des fichiers
EPS dans toutes les versions et des fichiers PDF version 1.4 ou antérieure.
R EM A R Q U E
Le numéro de version du PDF est différent du numéro Adobe Acrobat. Adobe Acrobat
est un produit permettant de créer des fichiers au format PDF.
Lorsque vous importez un fichier Illustrator dans Flash, vous devez dissocier tous les objets
Illustrator sur tous les calques. Une fois tous les objets dissociés, vous pouvez les manipuler
comme n'importe quel objet Flash. Vous pouvez également exporter des documents Flash en
tant que fichiers Adobe Illustrator. Pour plus d'informations sur l'exportation de fichiers
Illustrator, consultez la section Adobe Illustrator, page 576.
Placement d'illustrations dans Flash
229
Vous pouvez faire votre choix parmi les options suivantes lorsque vous importez des fichiers
Adobe Illustrator, EPS ou PDF :
■
Convertir les pages en séquences ou images-clés.
■
Convertir les calques en calques ou en images-clés Flash ou aplatir tous les calques.
■
Sélectionner les pages importer.
■
Inclure les calques invisibles.
■
Préserver les blocs de texte.
■
Tout convertir en bitmap. Cette option permet d'aplatir les claques, de convertir le texte
en bitmap et de désactiver les options de conversion des calques ou de préservation des
blocs de texte.
Pour importer un fichier Adobe Illustrator, EPS ou PDF :
1.
Sélectionnez Fichier > Importer sur la scène ou Importer dans la bibliothèque.
2.
Dans la boîte de dialogue Importer, sélectionnez Adobe Illustrator, EPS ou PDF dans le
menu déroulant Type (Windows) ou Afficher (Macintosh).
3.
Sélectionnez un fichier.
4.
Cliquez sur Ouvrir.
La boîte de dialogue Options d'importation apparaît.
5.
Dans la section de conversion des pages, sélectionnez l'un des paramètres suivants :
Les options Ecrans (en mode écrans) et Séquences (en mode séquences) convertissent
chaque page en écran ou en séquence.
L'option Images-clés convertit chaque page en image-clé.
6.
Pour Convertir les calques, sélectionnez un des paramètres suivants :
L'option Calques convertit chaque calque du document importé en une image-clé dans le
document Flash.
L'option Images-clés convertit chaque calque du document importé en une image-clé
dans le document Flash.
L'option Aplatir convertit tous les calques du document importé en un seul calque dans le
document Flash.
7.
Dans la section Pages à importer, sélectionnez Toutes pour importer toutes les pages ou
sélectionnez De et entrez une plage de pages à importer.
8.
Dans la section Options, sélectionnez l'un des paramètres suivants :
L'option Inclure les calques invisibles importe tous les calques (visibles et masqués) du
document importé.
230
Utilisation d'illustrations importées
L'option Conserver les blocs de texte importe le texte en tant que texte modifiable dans
Flash.
L'option Convertir tout en bitmap convertit tout le contenu du document importé en
bitmaps. Entrez une valeur pour définir la résolution du document importé. Cette option
a pour effet d'aplatir tous les calques et de désactiver l'option Conserver les blocs de texte.
9.
Cliquez sur OK.
Les fichiers DXF AutoCAD
Flash prend en charge le format AutoCAD DXF dans AutoCAD 10.
Les fichiers DXF ne supportent pas les polices système standard. Flash essaie de mapper les
polices correctement, mais les résultats peuvent s'avérer imprévisibles, surtout en ce qui
concerne l'alignement du texte.
Le format DXF ne supportant pas les remplissages unis, les zones remplies sont exportées sous
forme de contours uniquement. C'est pour cette raison que le format DXF est plutôt conseillé
pour les dessins avec des traits, tels que les plans et les cartes géographiques.
Vous pouvez importer des fichiers DXF bidimensionnels dans Flash. Flash ne supporte pas les
fichiers DXF tridimensionnels.
Même si Flash ne gère pas le redimensionnement des fichiers DXF, tous les fichiers DXF
importés produisent des animations d'environ 30 cm par 30 cm, que vous pouvez
redimensionner en utilisant la commande Modification > Transformer > Redimensionner. Par
ailleurs, Flash ne supporte que les fichiers DXF ASCII. Vous devrez convertir vos fichiers
DXF binaires en fichiers ASCII avant de les importer dans Flash.
Utilisation de bitmaps importés
Lorsque vous importez un bitmap dans Flash, vous pouvez le manipuler et l'utiliser de
nombreuses manières dans votre animation. Vous pouvez également appliquer la compression
et l'anti-aliasing aux bitmaps importés pour contrôler leur taille et leur apparence dans les
applications Flash. Pour plus d'informations, consultez la section Définition des propriétés d'un
bitmap, page 233. Les bitmaps importés peuvent être utilisés pour remplir les objets. Pour plus
d'informations, consultez la section Application d'un remplissage bitmap, page 235.
Utilisation de bitmaps importés
231
Flash vous permet de séparer une image bitmap en pixels modifiables. Le bitmap conserve ses
détails d'origine mais est séparé en petites régions de couleur. La séparation d'un bitmap vous
permet de sélectionner et de manipuler des régions à l'aide des outils de dessin et de peinture
de Flash. La séparation d'un bitmap permet également de prélever le bitmap avec l'outil
Pipette pour l'utiliser comme remplissage. Pour plus d'informations, consultez la section
Séparation d'un bitmap, page 236.
Vous pouvez modifier une image bitmap importée en lançant Fireworks ou un autre éditeur
d'images externe à partir de Flash. Pour plus d'informations, consultez la section
Manipulation des bitmaps dans un éditeur externe, page 235. Vous pouvez tracer un bitmap
pour le convertir en graphique vectoriel. Cette conversion vous permet de modifier le
graphique comme s'il s'agissait d'une illustration vectorielle Flash. Pour plus d'informations,
consultez la section Conversion de bitmaps en graphiques vectoriels, page 238.
Si une animation Flash affiche une image bitmap importée avec une taille supérieure à la taille
d'origine, l'image peut apparaître déformée. Affichez un aperçu des bitmaps importés pour
vous assurer que les images s'affichent correctement.
Utilisation de l'inspecteur des propriétés avec les
bitmaps
Lorsque vous sélectionnez un bitmap sur la scène, l'inspecteur des propriétés affiche le nom de
son symbole, ainsi que ses dimensions en pixels et sa position sur la scène. L'inspecteur des
propriétés vous permet d'affecter un nouveau nom au bitmap et de permuter une occurrence
d'un bitmap, c'est-à-dire remplacer l'occurrence par celle d'un autre bitmap dans le document
actuel.
Pour afficher l'inspecteur des propriétés avec les propriétés du bitmap :
1.
Sélectionnez une occurrence de bitmap sur la scène.
2.
Sélectionnez Fenêtre > Propriétés.
Pour attribuer un nouveau nom à un bitmap :
1.
Sélectionnez le bitmap dans le panneau Bibliothèque.
2.
Sélectionnez Fenêtre > Propriétés si l'inspecteur des propriétés n'est pas visible.
Sélectionnez une occurrence de bitmap sur la scène pour en afficher les propriétés.
3.
Dans l'inspecteur des propriétés, entrez un nom dans le champ Nom.
4.
Cliquez sur OK.
232
Utilisation d'illustrations importées
Pour remplacer une occurrence de bitmap par celle d'un autre bitmap :
1.
Sélectionnez une occurrence de bitmap sur la scène.
2.
Sélectionnez Fenêtre > Propriétés si l'inspecteur des propriétés n'est pas visible.
3.
Dans l'inspecteur des propriétés, cliquez sur Echanger.
4.
Dans la boîte de dialogue Permuter le bitmap, sélectionnez le bitmap qui remplacera celui
actuellement affecté à l'occurrence.
Définition des propriétés d'un bitmap
Vous pouvez appliquer l'anti-aliasing à un bitmap importé pour en lisser les bords. Vous
pouvez également sélectionner une option de compression pour réduire la taille du fichier
bitmap et le formater en vue de sa publication sur le Web.
Pour sélectionner les propriétés d'une image bitmap, vous utiliserez la boîte de dialogue
Propriétés du bitmap.
Pour définir les propriétés d'un bitmap :
1.
Sélectionnez un bitmap dans le panneau Bibliothèque.
2.
Effectuez l'une des opérations suivantes :
■
Cliquez sur l'icône Propriétés, en bas du panneau Bibliothèque.
■
Cliquez avec le bouton droit (Windows) ou en maintenant la touche Contrôle
enfoncée (Macintosh) sur l'icône du bitmap, puis choisissez Propriétés dans le menu
contextuel.
■
Choisissez Propriétés dans le menu d'options du panneau Bibliothèque (coin supérieur
droit).
3.
Dans la boîte de dialogue Propriétés du bitmap, activez l'option Autoriser le lissage pour
anti-aliaser les contours de l'image bitmap.
4.
Dans la section Compression, sélectionnez un des paramètres suivants :
L'option Photo (JPEG) compresse l'image au format JPEG. Pour utiliser la qualité de
compression par défaut spécifiée pour l'image importée, activez l'option Utiliser la qualité
par défaut du document. Pour spécifier un nouveau paramètre de qualité de compression,
désactivez l'option Utiliser la qualité par défaut du document et entrez une valeur
comprise entre 1 et 100 dans le champ Qualité. Un paramètre plus élevé permet de
conserver une meilleure intégrité de l'image mais produit un fichier plus volumineux.
Utilisation de bitmaps importés
233
L'option Sans perte (PNG/GIF) compresse l'image sans perte, ce qui permet de ne
supprimer aucune donnée.
REMARQUE
Utilisez la compression Photo pour les images aux couleurs ou variations de tons
complexes, telles que les photographies ou les images avec des remplissages en
dégradé. Utilisez la compression Sans perte pour les images aux formes simples et
ne contenant que relativement peu de couleurs.
5.
Cliquez sur Tester pour constater les résultats de la compression du fichier. Comparez la
taille du fichier d'origine à la taille du fichier compressé pour déterminer si le paramètre de
compression sélectionné est adéquat.
6.
Cliquez sur OK.
REMARQUE
Les paramètres de l'option de qualité JPEG, que vous sélectionnez dans la boîte de
dialogue Paramètres de publication, ne précisent pas un paramètre de qualité pour
les fichiers JPEG importés. Vous devez spécifier un paramètre de qualité pour les
fichiers JPEG importés dans la boîte de dialogue Propriétés du bitmap.
Importation de bitmaps lors de l'exécution
Vous pouvez utiliser la commande ActionScript 2.0 BitmapData pour ajouter des images
bitmap à un document à l'exécution. Pour ce faire, vous devez indiquer un identifiant de
liaison vers le bitmap. Pour plus d'informations, consultez la section Affectation de liaisons aux
éléments de la bibliothèque, page 567 du guide Formation à ActionScript 2.0 dans Flash.
Pour affecter une chaîne d'identifiant à un bitmap :
1.
Sélectionnez le bitmap dans le panneau Bibliothèque.
2.
Effectuez l'une des opérations suivantes :
■
Choisissez Liaison dans le menu d'options (coin supérieur droit du panneau).
■
Cliquez avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur le nom du bitmap dans le panneau Bibliothèque et choisissez Liaison
dans le menu contextuel.
Si les propriétés de liaison ne sont pas visibles dans la boîte de dialogue Propriétés,
cliquez sur le bouton Avancé pour afficher les paramètres des propriétés avancés.
3.
Sous Liaison, dans la boîte de dialogue Propriétés de liaison, activez l'option Exporter pour
ActionScript.
4.
Entrez une chaîne d'identifiant dans le champ, puis cliquez sur OK.
234
Utilisation d'illustrations importées
Application d'un remplissage bitmap
Le mélangeur vous permet d'utiliser un bitmap pour remplir un objet graphique.
L'application d'un bitmap en tant que remplissage entraîne son placement en mosaïque à
l'intérieur de l'objet. L'outil Transformer le remplissage vous permet de redimensionner, faire
pivoter ou incliner les images et leur remplissage bitmap. Pour plus d'informations, consultez
la section Transformation des remplissages dégradés et bitmap, page 142.
Pour appliquer un bitmap comme remplissage avec le mélangeur :
1.
Pour appliquer le remplissage à une illustration existante, sélectionnez un ou plusieurs
objets graphiques sur la scène.
2.
Sélectionnez Fenêtre > Mélangeur.
3.
Dans le panneau Mélangeur, sélectionnez Bitmap dans le menu déroulant (au centre du
panneau).
4.
Si une plus grande fenêtre d'aperçu est nécessaire afin d'afficher un plus grand nombre de
bitmaps dans le document actuel, cliquez sur la flèche affichée en bas à droite pour
développer le mélangeur.
5.
Cliquez sur un bitmap pour le sélectionner.
Le bitmap devient la couleur du remplissage. Si vous avez sélectionné une illustration à
l'étape 1, le bitmap est utilisé pour la remplir.
Manipulation des bitmaps dans un éditeur externe
Si vous modifiez un fichier PNG Fireworks importé en tant qu'image fusionnée, vous pouvez
modifier le fichier source PNG de l'image bitmap, s'il est disponible.
REMARQUE
Vous ne pouvez pas modifier des bitmaps de fichiers PNG Fireworks importés en tant
qu'objets modifiables dans un éditeur d'images externe.
Si vous possédez Fireworks 3 ou une version ultérieure (ou une autre application d'édition
d'images), vous pouvez démarrer l'application à partir de Flash pour modifier un bitmap
importé.
Utilisation de bitmaps importés
235
Pour modifier un bitmap avec Fireworks 3 ou version ultérieure :
1.
Dans le panneau Bibliothèque, cliquez avec le bouton droit (Windows) ou avec la touche
Contrôle enfoncée (Macintosh) sur l'icône du bitmap.
2.
Dans le menu contextuel du bitmap, choisissez Modifier avec Fireworks 3.
3.
Dans la boîte de dialogue Modifier l'image, indiquez si vous souhaitez ouvrir le fichier
source PNG ou le fichier bitmap.
4.
Effectuez les modifications souhaitées sur le fichier dans Fireworks.
5.
Dans Fireworks, sélectionnez Fichier > Mettre à jour.
6.
Retourner dans Flash.
Le fichier est automatiquement mis à jour dans Flash.
Pour modifier un bitmap avec une autre application d'édition d'images :
1.
Dans le panneau Bibliothèque, cliquez avec le bouton droit (Windows) ou avec la touche
Contrôle enfoncée (Macintosh) sur l'icône du bitmap.
2.
Dans le menu contextuel du bitmap, choisissez Modifier avec.
3.
Sélectionnez une application d'édition d'images pour ouvrir le fichier bitmap et cliquez sur
OK.
4.
Effectuez les modifications souhaitées sur le fichier dans l'application d'édition d'images.
5.
Enregistrez le fichier dans l'autre application.
Le fichier est automatiquement mis à jour dans Flash.
6.
Retournez dans Flash pour continuer à manipuler le document.
Séparation d'un bitmap
Lorsque vous séparez un bitmap, les pixels de l'image sont divisés en petites régions que vous
pouvez sélectionner et manipuler séparément. La séparation d'un bitmap vous permet de le
modifier à l'aide des outils de dessin et de peinture Flash. L'utilisation conjointe de l'outil
Lasso et de la baguette magique vous permet de sélectionner les régions d'un bitmap qui a été
séparé.
Vous pouvez peindre avec un bitmap séparé en le sélectionnant avec l'outil Pipette, puis en
l'appliquant comme remplissage avec l'outil Pot de peinture ou un autre outil de dessin.
Pour séparer un bitmap :
1.
Sélectionnez un bitmap dans la séquence courante.
2.
Sélectionnez Modification > Séparer.
236
Utilisation d'illustrations importées
Pour changer le remplissage des zones sélectionnées dans un bitmap séparé :
1.
Sélectionnez l'outil Lasso et cliquez sur le modificateur Baguette magique.
2.
Cliquez sur le modificateur Propriétés de la baguette magique et définissez les options
suivantes :
■
Pour Seuil, entrez une valeur comprise entre 1 et 200 pour définir le degré d'exactitude
de la couleur des pixels adjacents devant être inclus dans la sélection. Une valeur élevée
inclut un plus grand nombre de couleurs. Si vous entrez 0, seuls les pixels ayant
exactement la même couleur que le premier pixel sur lequel vous cliquez seront
sélectionnés.
■
Pour Lissage, sélectionnez une option dans le menu déroulant pour définir le degré de
lissage des bords de la sélection.
3.
Cliquez sur le bitmap pour sélectionner une région. Continuez à cliquer pour sélectionner
d'autres régions.
4.
Sélectionnez le remplissage que vous souhaitez utiliser pour les régions sélectionnées dans
le bitmap. Pour plus d'informations, consultez la section Utilisation des commandes Couleur
de trait et Couleur de remplissage du panneau Outils, page 133.
5.
Sélectionnez l'outil Pot de peinture et cliquez n'importe où dans la zone sélectionnée pour
appliquer le nouveau remplissage.
Pour appliquer un bitmap séparé en tant que remplissage à l'aide de l'outil
Pipette :
1.
Sélectionnez l'outil Pipette et cliquez sur le bitmap séparé sur la scène.
L'outil Pipette fait du bitmap le remplissage courant et utilise l'outil Pot de peinture
comme outil actif.
2.
Effectuez l'une des opérations suivantes :
■
Cliquez sur un objet graphique existant avec l'outil Pot de peinture pour appliquer le
bitmap comme remplissage.
■
Sélectionnez l'outil Ovale, Rectangle ou Plume et dessinez un nouvel objet. L'objet est
rempli avec le bitmap séparé.
Vous pouvez utiliser l'outil Pot de peinture pour redimensionner, faire pivoter ou incliner
le remplissage bitmap.
Utilisation de bitmaps importés
237
Conversion de bitmaps en graphiques vectoriels
La commande Tracer le bitmap convertit un bitmap en graphique vectoriel avec des régions de
couleur modifiables. Cette commande vous permet de manipuler l'image en tant que
graphique vectoriel, mais est aussi pratique pour réduire la taille du fichier.
Lorsque vous convertissez une image bitmap en graphique vectoriel, ce dernier n'est plus lié
au symbole de bitmap dans le panneau Bibliothèque.
REMARQUE
Si le bitmap importé contient des formes complexes et de nombreuses couleurs, le
graphique vectoriel converti peut avoir une taille de fichier supérieure à celle du bitmap
d'origine. Essayez plusieurs paramètres dans la boîte de dialogue Tracer le bitmap afin
de trouver un équilibre entre la taille de fichier et la qualité d'image.
Vous pouvez également séparer un bitmap pour manipuler l'image avec les outils de dessin et
de peinture de Flash. Pour plus d'informations, consultez la section Séparation d'un bitmap,
page 236.
Pour convertir un bitmap en graphique vectoriel :
1.
Sélectionnez un bitmap dans la séquence courante.
2.
Sélectionnez Modification > Bitmap > Tracer le bitmap.
3.
Pour Seuil de couleur, entrez une valeur comprise entre 1 et 500.
Lorsque deux pixels sont comparés, si la différence entre les valeurs de couleur RVB est
inférieure au seuil de couleur, les deux pixels sont considérés comme étant de la même
couleur. Plus vous augmentez la valeur du seuil, plus le nombre de couleurs diminue.
4.
Pour Zone minimum, entrez une valeur comprise entre 1 et 1000 pour définir le nombre
de pixels environnants à prendre en considération lors de l'affectation d'une couleur à un
pixel.
5.
Pour Aspect des courbes, sélectionnez une option dans le menu déroulant pour déterminer
le degré de lissage des contours dessinés.
6.
Pour Seuil d'angle, sélectionnez une option dans le menu déroulant pour déterminer si les
angles saillants seront conservés ou s'ils seront lissés.
Pour créer un graphique vectoriel qui ressemble plutôt au bitmap d'origine, entrez les
valeurs suivantes :
■
Seuil de couleur : 10
■
Zone minimum : 1 pixel
■
Aspect des courbes : pixels
■
Seuil d'angle : Angles nombreux
238
Utilisation d'illustrations importées
CHAPITRE 8
8
Utilisation d'objets
graphiques
Dans Macromedia Flash Basic 8 et Flash Professionnel 8, les objets graphiques sont des
éléments présents sur la scène. Flash vous permet de déplacer, copier, supprimer, transformer,
empiler, aligner et grouper les objets graphiques. Vous pouvez aussi lier un objet graphique à
une URL.
Notez que la modification des lignes et des formes peut également modifier les autres lignes et
formes du même calque (consultez le Chapitre 5, Dessin, page 151).
R E M A R QU E
Les objets graphiques de Flash sont différents des objets ActionScript, qui font partie du
langage de programmation ActionScript. Veillez à ne pas confondre les deux sens du
terme. Pour plus d'informations sur les objets dans le langage de programmation,
consultez la section Présentation des types de données du guide Formation à ActionScript
2.0 dans Flash.
Ce chapitre contient les sections suivantes :
Sélection d'objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240
Groupement d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .243
Déplacement, copie et suppression d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244
Empilement d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .247
Transformation des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248
Renversement des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .255
Rétablissement d'objets transformés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .255
Alignement des objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .256
Séparation de groupes et d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257
239
Sélection d'objets
Pour modifier un objet, vous devez d'abord le sélectionner. Flash propose diverses méthodes
de sélection d'objet, telles que les outils Sélection et Lasso et les commandes clavier. Vous
pouvez grouper des éléments pour les manipuler comme un objet unique (consultez la section
Groupement d'objets, page 243).
Lorsque vous sélectionnez des objets ou des traits, Flash les met en valeur dans un cadre. Les
groupes sélectionnés sont encadrés avec la couleur utilisée pour le contour du calque qui
contient le groupe sélectionné. Vous pouvez modifier la couleur du contour du calque dans la
boîte de dialogue Propriétés du calque. Pour plus d'informations, consultez la section
Utilisation des calques du guide Bien démarrer avec Flash.
Vous pouvez choisir de sélectionner uniquement les traits d'un objet ou seulement les
remplissages. Vous pouvez également masquer la mise en valeur d'une sélection afin de
modifier des objets sans afficher la mise en valeur.
Lorsque vous sélectionnez un objet, l'inspecteur des propriétés affiche son trait et son
remplissage, ses dimensions en pixels, et les coordonnées x et y de son point de
transformation.
Si vous sélectionnez plusieurs éléments de types différents sur la scène, tels qu'un objet, un
bouton et un clip, l'inspecteur des propriétés indique qu'il s'agit d'une sélection mixte. Dans
le cas des sélections mixtes, l'inspecteur des propriétés affiche les dimensions en pixels et les
coordonnées x et y de l'ensemble d'éléments sélectionnés.
Vous pouvez utiliser l'inspecteur des propriétés sur une forme pour changer le trait et le
remplissage de l'objet. Pour plus d'informations, consultez le Chapitre 4, Utilisation des
couleurs, des traits et des remplissages, page 129.
Vous avez également la possibilité d'éviter qu'un groupe ou un symbole ne soit sélectionné et
accidentellement modifié. Pour ce faire, il suffit de verrouiller le groupe ou le symbole. Pour
plus d'informations, consultez la section Modification des sélections, page 241.
Sélection d'objets avec l'outil Sélection
L'outil Sélection vous permet de sélectionner la totalité d'un objet en cliquant dessus ou en
faisant glisser le curseur pour l'entourer d'un cadre de délimitation rectangulaire.
R E M AR QU E
240
Vous pouvez également appuyer sur la touche V pour sélectionner l'outil Sélection.
Maintenez la touche Contrôle (Windows) ou Commande (Macintosh) enfoncée pour
passer temporairement à l'outil Sélection lorsqu'un autre outil est actif.
Utilisation d'objets graphiques
Pour sélectionner un trait, un remplissage, un groupe, une occurrence ou un
bloc de texte :
■
Sélectionnez l'outil Sélection et cliquez sur l'objet.
Pour sélectionner des lignes reliées :
■
Choisissez l'outil Sélection et double-cliquez sur l'une des lignes.
Pour sélectionner une forme remplie et ses contours de traits :
■
Sélectionnez l'outil Sélection et double-cliquez sur le remplissage.
Pour sélectionner des objets délimités par un cadre rectangulaire :
■
Sélectionnez l'outil Sélection et faites glisser un cadre de sélection autour de l'objet ou des
objets que vous souhaitez sélectionner.
Les occurrences, groupes et blocs de texte doivent être complètement encadrés pour être
sélectionnés.
Modification des sélections
Vous pouvez ajouter des éléments à une sélection, sélectionner ou désélectionner tous les
éléments des calques d'une séquence, sélectionner tous les éléments situés entre des imagesclés ou verrouiller et déverrouiller les symboles ou groupes sélectionnés.
Pour ajouter des éléments à une sélection :
■
Appuyez sur la touche Maj lorsque vous effectuez des sélections supplémentaires.
REMARQUE
Pour désactiver l'option de sélection avec la touche Maj, désactivez l'option
correspondante dans les préférences générales de Flash. Voir Définition des
préférences de Flash dans le guide Bien démarrer avec Flash.
Pour tout sélectionner sur chaque calque d'une séquence :
■
Sélectionnez Edition > Sélectionner tout ou appuyez sur Ctrl+A (Windows) ou
Commande+A (Macintosh).
L'option Sélectionner tout ne sélectionne pas les objets situés sur les calques verrouillés ou
masqués ou sur les calques absents du scénario courant.
Pour tout désélectionner sur chaque calque :
■
Choisissez Edition > Tout désélectionner ou appuyez sur Ctrl+Maj+A (Windows) ou
Commande+Maj+A (Macintosh).
Sélection d'objets
241
Pour tout sélectionner sur un calque entre des images-clés :
■
Cliquez sur une image dans le scénario.
Pour plus d'informations, consultez la section Utilisation du scénario du guide Bien
démarrer avec Flash.
Pour verrouiller un groupe ou un symbole :
■
Sélectionnez le groupe ou le symbole et choisissez Modification > Réorganisation >
Verrouiller.
Sélectionnez Modification > Réorganisation > Déverrouiller tout pour déverrouiller tous
les groupes et symboles verrouillés.
Sélection d'objets avec l'outil Lasso
Pour sélectionner des objets en traçant une zone de sélection à main levée ou une zone de
sélection polygonale, utilisez l'outil Lasso et son modificateur de mode Polygone. Lors de
l'utilisation de l'outil Lasso, vous pouvez basculer entre les modes de sélection libre ou
polygonale.
Pour sélectionner des objets en traçant une zone de sélection à main levée :
1.
Sélectionnez l'outil Lasso et faites-le glisser autour de la zone.
2.
Terminez la boucle approximativement à l'endroit où vous l'avez commencée ou laissez
Flash fermer automatiquement la boucle par une ligne droite.
Pour sélectionner des objets en traçant une zone de sélection polygonale :
1.
Sélectionnez l'outil Lasso et le modificateur de mode Polygone dans la section Options du
panneau Outils.
2.
Cliquez pour définir le point de départ.
3.
Placez le pointeur à l'endroit où vous voulez arrêter la première ligne et cliquez. Continuez
à définir les points de fin pour les segments de ligne supplémentaires.
4.
Pour fermer la zone de sélection, double-cliquez.
Pour sélectionner des objets en traçant une zone de sélection à la fois à main
levée et polygonale :
1.
Sélectionnez l'outil Lasso et désélectionnez le modificateur de mode Polygone.
2.
Pour tracer un segment à main levée, faites glisser la souris sur la scène.
3.
Pour tracer un segment droit, appuyez sur Alt (Windows) ou sur Option (Macintosh) et
cliquez pour définir les points de départ et de fin.
Vous pouvez continuer à passer du tracé de segments à main levée au tracé polygonal.
242
Utilisation d'objets graphiques
4.
Pour fermer la zone de sélection, effectuez l'une des opérations suivantes :
■
Si vous tracez un segment à main levée, relâchez le bouton de la souris.
■
Si vous tracez un segment droit, double-cliquez.
Masquage de la mise en valeur de sélection
Vous pouvez également masquer la mise en valeur d'une sélection afin de modifier des objets
sans afficher la mise en valeur. Le masquage de la mise en valeur permet d'afficher un aperçu
de l'illustration dans son état final pendant que vous sélectionnez et modifiez les objets.
Pour masquer la mise en valeur de sélection :
■
Sélectionnez Affichage > Masquer les contours.
Sélectionnez de nouveau la commande pour afficher la mise en valeur d'une sélection.
Groupement d'objets
Pour manipuler des éléments en tant qu'objet unique, vous devrez les grouper. Par exemple,
après avoir créé un dessin tel qu'un arbre ou une fleur, vous pouvez grouper les éléments du
dessin pour pouvoir sélectionner et déplacer facilement le dessin dans son ensemble.
Lorsque vous sélectionnez un groupe, l'inspecteur des propriétés affiche ses coordonnées x et y,
ainsi que ses dimensions en pixels.
Vous pouvez modifier des groupes sans les dissocier. Vous pouvez également sélectionner un
objet isolé d'un groupe en vue d'une modification, sans dissocier les objets.
Pour créer un groupe :
1.
Sélectionnez les objets de la scène que vous souhaitez grouper.
Vous pouvez sélectionner des formes, d'autres groupes, des symboles, du texte, etc.
2.
Sélectionnez Modification > Grouper ou appuyez sur Ctrl+G (Windows) ou
Commande+G (Macintosh).
Pour dissocier des objets :
■
Sélectionnez Modification > Dissocier ou appuyez sur Ctrl+Maj+G (Windows) ou
Commande+Maj+G (Macintosh).
Groupement d'objets
243
Pour modifier un groupe ou un objet à l'intérieur d'un groupe :
1.
Le groupe étant sélectionné, choisissez Edition > Modifier la sélection ou double-cliquez
sur le groupe avec l'outil Sélection.
Tous les éléments de la page qui ne font pas partie du groupe sont estompés, ce qui signifie
qu'ils sont inaccessibles.
2.
Modifiez les éléments souhaités du groupe.
3.
Sélectionnez Edition > Tout modifier ou double-cliquez sur un espace vierge de la scène
avec l'outil Sélection.
Flash rend au groupe son état d'entité unique et vous pouvez travailler avec d'autres
éléments de la scène.
Déplacement, copie et suppression
d'objets
Vous pouvez déplacer des objets en les faisant glisser sur la scène, en les coupant et en les
collant, à l'aide des touches de direction ou en utilisant l'inspecteur des propriétés pour
spécifier un emplacement précis. Vous pouvez également déplacer des objets entre Flash et
d'autres applications à l'aide du presse-papiers. Lorsque vous déplacez un objet, l'inspecteur
des propriétés indique sa nouvelle position.
Lors du déplacement d'un objet avec l'outil Sélection, vous pouvez utiliser le modificateur
Ajuster pour aligner rapidement l'objet avec les points d'un autre objet.
Vous pouvez copier un objet en le faisant glisser ou en le collant. Vous pouvez également
copier un objet pendant sa transformation à l'aide du panneau Transformer.
Déplacement d'objets
Pour déplacer un objet, vous pouvez le faire glisser, utiliser les flèches de direction ou utiliser
l'inspecteur des propriétés.
Pour déplacer un objet par glissement :
1.
Sélectionnez un ou plusieurs objets.
2.
Sélectionnez l'outil Sélection, placez le pointeur au-dessus de l'objet et effectuez l'une des
opérations suivantes :
■
Pour déplacer l'objet, il vous suffit de le faire glisser vers le nouvel emplacement.
■
Pour copier l'objet et déplacer la copie, appuyez sur Alt (Windows) ou Option
(Macintosh) pendant que vous faites glisser le curseur.
244
Utilisation d'objets graphiques
■
Pour contraindre le mouvement des objets aux multiples de 45°, appuyez sur Maj
pendant que vous faites glisser le curseur.
Pour déplacer des objets avec les touches de direction :
1.
Sélectionnez un ou plusieurs objets.
2.
Effectuez l'une des opérations suivantes :
■
Appuyez sur la touche de direction correspondant à la direction dans laquelle vous
souhaitez déplacer l'objet de 1 pixel à la fois.
■
Appuyez sur Maj+touche de direction pour déplacer la sélection de 10 pixels à la fois.
REMARQUE
Lorsque l'option d'accrochage aux pixels est sélectionnée, les touches fléchées
permettent de déplacer les objets par incréments sur la grille de pixels de
l'animation, mais pas sur ceux de l'écran. Pour plus d'informations, consultez la
section Accrochage aux pixels, page 176.
Pour déplacer des objets avec l'inspecteur des propriétés :
1.
Sélectionnez un ou plusieurs objets.
2.
Si l'inspecteur des propriétés n'est pas visible, sélectionnez Fenêtre > Propriétés.
3.
Entrez les valeurs x et y pour l'emplacement de l'angle supérieur gauche de la sélection.
Les unités sont calculées par rapport à l'angle supérieur gauche de la scène.
REMARQUE
L'inspecteur des propriétés utilise les unités spécifiées pour l'option Unités de la
règle dans la boîte de dialogue Propriétés du document. Pour changer les unités,
consultez la section Création et ouverture d'un document et définition de ses
propriétés, page 24.
Pour déplacer des objets à l'aide du panneau Info :
1.
Sélectionnez un ou plusieurs objets.
2.
Si le panneau Info n'est pas visible, sélectionnez Fenêtre > Info.
3.
Entrez les valeurs x et y pour l'emplacement de l'angle supérieur gauche de la sélection.
Les unités sont calculées par rapport à l'angle supérieur gauche de la scène.
Déplacement, copie et suppression d'objets
245
Déplacement et copie d'objets par collage
Si vous souhaitez déplacer ou copier des objets entre calques, séquences ou d'autres fichiers
Flash, utilisez la technique de collage. Vous pouvez coller un objet dans une position définie
par rapport à sa position d'origine.
Pour déplacer ou copier des objets par collage :
1.
Sélectionnez un ou plusieurs objets.
2.
Sélectionnez Edition > Couper ou Edition > Coller.
3.
Sélectionnez un autre calque, une autre séquence ou un autre fichier, puis sélectionnez
Edition > Coller en place pour coller la sélection à la même position par rapport à la scène.
A propos de la copie d'illustrations à l'aide du pressepapiers
Les éléments copiés dans le presse-papiers sont anti-aliasés de façon à ce qu'ils conservent une
aussi bonne apparence dans d'autres applications que dans Flash. Cela est particulièrement
utile pour des images qui comprennent un bitmap, des dégradés, des transparences ou un
calque de masque.
Les graphiques collés depuis d'autres documents Flash ou programmes sont placés dans
l'image en cours du calque courant. La manière dont un élément graphique est collé dans une
séquence Flash dépend du type de l'élément, de son origine et des préférences que vous avez
définies :
■
Le texte créé dans un éditeur de texte devient un objet texte simple.
■
Les graphiques vectoriels provenant d'un programme de dessin deviennent un groupe que
vous pouvez dissocier et modifier comme tout autre élément Flash.
■
Les bitmaps deviennent un seul objet groupé tout comme les bitmaps importés. Vous
pouvez séparer des bitmaps collés ou les convertir en graphiques vectoriels.
Pour plus d'informations sur la conversion de bitmaps en graphiques vectoriels, consultez
la section Conversion de bitmaps en graphiques vectoriels, page 238.
REMARQUE
246
Avant de coller des graphiques de FreeHand dans Flash, définissez vos préférences
d'exportation dans FreeHand afin de convertir les couleurs en CMJN et RVB pour
les formats de presse-papiers.
Utilisation d'objets graphiques
Copie d'objets transformés
Pour créer une copie avec redimensionnement, rotation ou inclinaison d'un objet, utilisez le
panneau Transformer.
Pour créer une copie transformée d'un objet :
1.
Sélectionnez un objet.
2.
Sélectionnez Fenêtre > Transformer.
3.
Entrez les valeurs d'échelle, de rotation ou d'inclinaison.
Voir Redimensionnement des objets, page 253, Rotation des objets, page 254 et Inclinaison des
objets, page 254.
4.
Cliquez sur le bouton Copier et appliquer la transformation dans le panneau Transformer
(le bouton de gauche, dans le coin inférieur droit du panneau).
Suppression d'objets
La suppression d'un objet entraîne sa suppression du fichier. La suppression d'une occurrence
de la scène ne supprime pas le symbole de la bibliothèque.
Pour supprimer des objets :
1.
Sélectionnez un ou plusieurs objets.
2.
Effectuez l'une des opérations suivantes :
■
Appuyez sur Suppr. ou Ret.Arr.
■
Sélectionnez Edition > Effacer.
■
Sélectionnez Edition > Couper.
■
Cliquez avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur l'objet et choisissez Couper dans le menu contextuel.
Empilement d'objets
Dans un calque, Flash présente les objets en fonction de l'ordre de leur création, en plaçant les
plus récemment créés en haut de la pile. L'ordre d'empilement des objets détermine celui de
leur apparition lorsqu'ils se chevauchent. Vous pouvez changer l'ordre d'empilement des
objets à tout moment.
Les lignes et les formes dessinées apparaissent toujours au-dessous des groupes et des
symboles. Pour les déplacer à une position supérieure, vous devrez les grouper ou les
transformer en symboles.
Empilement d'objets
247
Les calques affectent également l'ordre d'empilement. Tous les éléments du calque 2
apparaissent au-dessus des éléments du calque 1, et ainsi de suite. Pour changer l'ordre
d'empilement des calques, faites glisser leur nom dans le scénario jusqu'au nouvel
emplacement. Voir Utilisation des calques dans le guide Bien démarrer avec Flash.
Pour changer l'ordre d'empilement d'un objet :
1.
Sélectionnez l'objet.
2.
Utilisez l'une des commandes suivantes :
■
Sélectionnez Modification > Réorganisation > Mettre au premier plan ou Mettre à
l'arrière-plan pour déplacer l'objet ou le groupe au début ou à la fin dans l'ordre
d'empilement.
■
Choisissez Modification > Réorganisation > Vers l'avant ou Vers l'arrière pour déplacer
l'objet ou le groupe d'une position vers le haut ou le bas dans l'ordre d'empilement.
Si plusieurs groupes sont sélectionnés, ils passent devant ou derrière tous les groupes non
sélectionnés, tout en conservant leur position les uns par rapport aux autres.
Transformation des objets
Vous pouvez transformer les objets graphiques, les groupes, les blocs de texte et les occurrences
avec l'outil Transformation libre ou des options du menu Modification > Transformer. Selon
le type d'élément sélectionné, vous pouvez le transformer, le faire pivoter, l'incliner, le
redimensionner ou le déformer. Les sélections peuvent être modifiées ou complétées au cours
des procédures de transformation.
Lorsque vous transformez un objet, un groupe, un bloc de texte ou une occurrence,
l'inspecteur des propriétés correspondant à l'élément en question affiche toutes les
modifications apportées à ses dimensions ou à sa position.
Un cadre de sélection apparaît lorsque la procédure de transformation implique un
déplacement. Ce cadre est rectangulaire (à moins qu'il n'ait été modifié à l'aide de la
commande Déformer ou du modificateur Enveloppe. Consultez les sections Distorsion des
objets, page 252 et Modification des formes avec le modificateur Enveloppe, page 252) et ses
bords sont initialement alignés sur ceux de la scène. Des poignées de transformations sont
situées à chaque coin et au milieu de chaque côté. Le cadre de sélection affiche un aperçu des
transformations pendant que vous déplacez la souris.
248
Utilisation d'objets graphiques
Utilisation du point central au cours des
transformations
Un point de transformation apparaît au centre de l'élément sélectionné au cours d'une
transformation. Ce point de transformation est initialement aligné sur le point central de
l'objet. Vous pouvez déplacer le point de transformation, puis le ramener à son emplacement
par défaut.
Dans le cas du redimensionnement, de l'inclinaison ou de la rotation d'objets graphiques, de
groupes ou de blocs de texte, le point opposé à celui que vous faites glisser est le point
d'origine par défaut. Pour les occurrences, le point de transformation est le point d'origine par
défaut. Vous pouvez déplacer le point d'origine par défaut pour une transformation.
Vous pouvez observer l'emplacement du point de transformation dans le panneau Info et dans
l'inspecteur des propriétés de l'objet graphique.
Pour déplacer le point de transformation au cours d'une opération de
transformation :
■
Faites glisser le point de transformation.
Pour réaligner le point de transformation sur le point central de l'élément :
■
Double-cliquez sur le point de transformation.
Pour permuter le point d'origine pour une transformation par
redimensionnement ou inclinaison :
■
Faites glisser la souris en maintenant la touche Alt (Windows) ou Option (Macintosh)
enfoncée au cours de la transformation.
Pour observer l'emplacement du point de transformation dans le panneau Info
et dans l'inspecteur des propriétés :
■
Dans le panneau Info, sélectionnez le carré central de la grille des coordonnées en cliquant
dessus.
Le carré sélectionné devient noir.
Transformation des objets
249
Lorsque le carré central est sélectionné, les valeurs X et Y situées à droite de la grille des
coordonnées du panneau Info indiquent les coordonnées x et y du point de transformation.
Ces coordonnées s'affichent également dans l'inspecteur des propriétés du symbole.
Grille des
coordonnées
Panneau Info, carré central de la grille des coordonnées sélectionnée ; affichage des coordonnées x et
y du point central de la sélection
Par défaut, le carré sélectionné est le carré supérieur gauche de la grille des coordonnées du
panneau Info; les valeurs X et Y indiquent alors l'emplacement du coin supérieur gauche de la
sélection par rapport au coin supérieur gauche de la scène.
REMARQUE
Lorsqu'il s'agit d'une occurrence de symbole, la grille des coordonnées et les valeurs X et
Y indiquent l'emplacement du point d'alignement du symbole ou du coin supérieur
gauche de l'occurrence de ce symbole. Voir Manipulation des symboles, page 105.
Transformation libre des objets
Vous pouvez utiliser l'outil Transformation libre pour transformer librement des objets,
groupes, occurrences ou blocs de texte. Vous pouvez effectuer des transformations
individuelles ou combiner plusieurs d'entre elles (telles que le déplacement, la rotation, le
redimensionnement, l'inclinaison et la distorsion).
Pour effectuer une transformation libre :
1.
Sélectionnez un graphique, une occurrence, un groupe ou un bloc de texte sur la scène.
2.
Cliquez sur l'outil Transformation libre.
Le déplacement du pointeur au-dessus et autour de la sélection entraîne le changement du
pointeur pour indiquer la fonction de transformation disponible.
250
Utilisation d'objets graphiques
3.
Faites glisser les poignées pour transformer la sélection, comme suit :
■
Pour déplacer la sélection, placez le pointeur au-dessus de l'objet dans le cadre de
sélection et faites-le glisser jusqu'au nouvel emplacement. Ne faites pas glisser le point
de transformation.
■
Pour définir le centre de pivotement ou de redimensionnement, faites glisser le point
de transformation vers un nouvel emplacement.
■
Pour faire pivoter la sélection, positionnez le pointeur juste à côté d'une poignée de
coin, puis faites-la glisser. La sélection pivote autour du point de transformation.
Faites glisser la souris tout en maintenant la touche Maj enfoncée pour faire pivoter
l'élément par incréments de 45°.
Faites glisser la souris en maintenant la touche Alt (Windows) ou Option (Macintosh)
enfoncée pour effectuer la rotation autour de l'angle opposé.
■
Pour redimensionner la sélection sur ses deux dimensions, faites glisser une poignée de
coin en diagonale.
Pour la redimensionner à l'horizontale ou à la verticale, faites glisser une poignée de
coin dans l'une ou l'autre direction.
Faites glisser la souris tout en maintenant la touche Maj enfoncée pour obtenir un
redimensionnement proportionnel.
■
Pour incliner la sélection, positionnez le pointeur sur une ligne de contour reliant deux
poignées de transformation et faites-la glisser.
■
Pour déformer des formes, appuyez sur Contrôle (Windows) ou Commande
(Macintosh), puis faites glisser une poignée de coin ou une poignée latérale.
■
Faites glisser une poignée de coin tout en maintenant les touches Maj et Ctrl
(Windows) ou Maj et Commande (Macintosh) enfoncées pour biseauter l'objet, c'està-dire pour déplacer le coin sélectionné et son coin adjacent d'une distance égale de
leur origine.
Pour plus d'informations sur la distorsion, consultez la section Distorsion des objets,
page 252.
R E MA R Q U E
4.
L'outil Transformation libre ne permet pas de transformer les symboles, bitmaps,
objets vidéo, sons, dégradés ou le texte. Si une sélection multiple contient
certains de ces éléments, seuls les objets formes seront déformés. Pour
transformer un bloc de texte, convertissez d'abord les caractères en objets
formes.
Pour terminer la transformation, cliquez à l'extérieur de l'objet, du groupe, de l'occurrence
ou du bloc de texte sélectionné(e).
Transformation des objets
251
Distorsion des objets
Lorsque vous appliquez une transformation de déformation à un objet sélectionné, le fait de
faire glisser une poignée de coin ou une poignée latérale du cadre de sélection permet de
déplacer le coin ou le bord et de réaligner les bords adjacents. Faites glisser un point de coin
tout en maintenant la touche Maj enfoncée pour biseauter l'objet, c'est-à-dire déplacer ce coin
et son coin adjacent d'une distance égale de leur origine et en direction opposée l'un de
l'autre. Le coin adjacent est le coin de l'axe de la direction dans laquelle vous faites glisser.
Faites glisser le point situé au milieu d'un bord tout en maintenant la touche Contrôle
(Windows) ou Commande (Macintosh) enfoncée pour déplacer librement tout ce bord.
Vous pouvez déformer les objets graphiques à l'aide de la commande Déformer. Vous pouvez
également déformer des objets lors de leur transformation libre. Voir Transformation libre des
objets, page 250.
Pour déformer des objets graphiques :
1.
Sélectionnez un ou plusieurs objets graphiques sur la scène.
REMARQUE
La commande Déformer ne permet pas de transformer les symboles, bitmaps,
objets vidéo, sons, dégradés, groupes d'objets ou le texte. Si une sélection multiple
contient certains de ces éléments, seuls les objets formes seront déformés. Pour
modifier le texte, convertissez d'abord les caractères en objets formes.
2.
Sélectionnez Modification > Transformer > Déformer.
3.
Placez le pointeur sur l'une des poignées de transformation et faites-la glisser.
4.
Pour terminer la transformation, cliquez à l'extérieur de l'objet ou des objets sélectionné(s).
Modification des formes avec le modificateur
Enveloppe
Le modificateur Enveloppe permet de déformer les objets. Les enveloppes sont des cadres de
sélection contenant au moins un objet. Les modifications apportées à la forme d'une
enveloppe affectent la forme des objets qu'elle contient. Vous modifiez la forme d'une
enveloppe en ajustant ses poignées de tangente et ses points. Voir Ajustement des segments,
page 167.
252
Utilisation d'objets graphiques
Pour modifier une forme avec le modificateur Enveloppe :
1.
Sélectionnez une forme sur la scène.
R E M A R QU E
Le modificateur Enveloppe ne permet pas de transformer les symboles, bitmaps,
objets vidéo, sons, dégradés, groupes d'objets ou le texte. Si une sélection multiple
contient certains de ces éléments, seuls les objets formes seront déformés. Pour
modifier le texte, convertissez d'abord les caractères en objets formes.
2.
Sélectionnez Modification > Transformer > Enveloppe.
3.
Faites glisser les points et les poignées de tangente pour modifier l'enveloppe.
Redimensionnement des objets
Le redimensionnement d'un objet agrandit ou réduit l'objet horizontalement ou
verticalement, ou les deux à la fois. Vous pouvez redimensionner un objet en faisant glisser le
curseur ou en tapant des valeurs dans le panneau Transformer.
Pour redimensionner un objet par glissement :
1.
Sélectionnez un ou plusieurs objets graphiques sur la scène.
2.
Sélectionnez Modification > Transformer > Redimensionner.
3.
Effectuez l'une des opérations suivantes :
■
Pour redimensionner l'objet à la fois horizontalement et verticalement, faites glisser
l'une des poignées d'angle. Les proportions sont conservées pendant le
redimensionnement. Faites glisser la souris tout en maintenant la touche Maj enfoncée
pour obtenir un redimensionnement non-uniforme.
■
Pour redimensionner l'objet horizontalement ou verticalement, faites glisser une
poignée centrale.
Transformation des objets
253
4.
Pour terminer la transformation, cliquez à l'extérieur de l'objet ou des objets sélectionné(s).
REMARQUE
Lorsque vous augmentez la dimension de plusieurs éléments, ceux qui se trouvent
près des bords du cadre de délimitation peuvent se trouver en dehors de la scène. Si
cela se produit, choisissez Affichage > Zone de travail pour voir les éléments situés
au-delà des bords de la scène.
Rotation des objets
La rotation d'un objet le fait tourner autour de son point de transformation. Le point de
transformation est aligné sur le point d'alignement, qui est situé par défaut au centre de
l'objet, mais que vous pouvez déplacer en le faisant glisser.
Vous pouvez faire pivoter un objet à l'aide des commandes de rotation, en le faisant glisser
avec l'outil Transformation libre ou en spécifiant un angle dans le panneau Transformer.
Lorsque vous faites pivoter un objet en le faisant glisser, vous pouvez également l'incliner et le
redimensionner simultanément. Lorsque vous faites pivoter un objet à l'aide du panneau
Transformer, vous pouvez le redimensionner simultanément.
Pour faire pivoter et incliner des objets par glissement :
1.
Sélectionnez un ou plusieurs objets sur la scène.
2.
Sélectionnez Modification > Transformer > Pivoter et incliner.
3.
Effectuez l'une des opérations suivantes :
4.
■
Faites glisser une poignée d'angle pour faire pivoter l'objet.
■
Faites glisser une poignée centrale pour incliner l'objet.
Pour terminer la transformation, cliquez à l'extérieur de l'objet ou des objets sélectionné(s).
Pour faire pivoter des objets de 90°:
1.
Sélectionnez un ou plusieurs objets.
2.
Choisissez Modification > Transformer > Faire pivoter à 90 ° à droite pour faire pivoter
l'objet à droite, ou Faire pivoter à 90 ° à gauche pour faire pivoter l'objet à gauche.
Inclinaison des objets
L'inclinaison d'un objet consiste à le transformer en le penchant suivant un ou deux axes.
Vous pouvez incliner un objet en faisant glisser le curseur ou en tapant une valeur dans le
panneau Transformer. Pour incliner un objet en le faisant glisser, consultez la procédure
permettant de faire pivoter et d'incliner un objet en le faisant glisser, dans la section Rotation
des objets, page 254.
254
Utilisation d'objets graphiques
Pour incliner un objet avec le panneau Transformer :
1.
Sélectionnez un ou plusieurs objets.
2.
Sélectionnez Fenêtre > Transformer.
3.
Cliquez sur Incliner.
4.
Indiquez la valeur des angles horizontal et vertical.
Renversement des objets
Vous pouvez renverser des objets sur leur axe vertical ou horizontal sans déplacer leur position
relative sur la scène.
Pour renverser un objet :
1.
Sélectionnez l'objet.
2.
Sélectionnez Modification > Transformer > Renverser verticalement ou Renverser
horizontalement.
Rétablissement d'objets transformés
Lorsque vous utilisez le panneau Transformer pour redimensionner, faire pivoter et incliner
des occurrences et des groupes, Flash enregistre les valeurs originales de dimension et de
rotation avec l'objet. Ceci vous permet de supprimer la dernière transformation appliquée et
de restaurer les valeurs d'origine.
Vous ne pouvez annuler que la dernière transformation effectuée dans le panneau Transformer
en sélectionnant Edition > Annuler. Vous pouvez réinitialiser toutes les transformations
effectuées dans le panneau Transformer en cliquant sur le bouton Réinitialiser du même
panneau avant de désélectionner l'objet.
Pour rétablir un objet transformé à son état d'origine :
1.
Sélectionnez l'objet transformé.
2.
Sélectionnez Modification > Transformer > Supprimer la transformation.
Pour annuler une transformation effectuée dans le panneau Transformer :
■
L'objet transformé étant encore sélectionné, cliquez sur le bouton Réinitialiser du panneau
Transformer.
Rétablissement d'objets transformés
255
Alignement des objets
Le panneau Aligner vous permet d'aligner les objets sélectionnés sur l'axe horizontal ou
vertical. Vous pouvez aligner des objets verticalement sur les bords droit ou gauche, ou sur le
centre, ou horizontalement, sur les bords supérieur ou inférieur, ou sur le centre. Les bords
sont déterminés par les cadres de sélection qui entourent chaque objet sélectionné.
Vous pouvez utiliser le panneau Aligner pour répartir les objets sélectionnés de manière à en
espacer les centres ou les bords de façon régulière. Vous pouvez également redimensionner les
objets sélectionnés de sorte que les dimensions horizontales or verticales de tous les objets
correspondent à celles du plus grand objet sélectionné. Vous avez également la possibilité
d'aligner les objets sélectionnés sur la scène. Vous pouvez appliquer une ou plusieurs options
d'alignement aux objets sélectionnés.
Pour aligner des objets :
1.
Sélectionnez les objets à aligner.
2.
Sélectionnez Fenêtre > Aligner.
3.
Dans le panneau Aligner, sélectionnez Vers la scène pour appliquer les modifications
d'alignement par rapport aux dimensions de la scène.
4.
Cliquez sur les boutons d'alignement pour modifier les objets sélectionnés :
■
Pour l'option Aligner, sélectionnez Aligner à gauche, Aligner les centres
horizontalement, Aligner à droite, Aligner les bords supérieurs, Aligner les centres
verticalement ou Aligner les bords inférieurs.
■
Pour l'option Répartir, sélectionnez Par rapport aux bords supérieurs, Verticalement
par rapport au centre, Par rapport aux bords inférieurs, Par rapport aux bords gauche,
Horizontalement par rapport au centre ou Par rapport aux bords droit.
■
Pour Ajuster la taille, sélectionnez Même largeur, Même hauteur ou Même largeur et
hauteur.
■
Pour Espace, sélectionnez Espacer horizontalement de manière régulière ou Espacer
verticalement de manière régulière.
256
Utilisation d'objets graphiques
Séparation de groupes et d'objets
La commande Séparer permet de séparer des groupes, des occurrences et des bitmaps en
éléments modifiables. La séparation réduit de manière significative la taille de fichier des
graphiques importés.
Bien que vous puissiez choisir Edition > Annuler immédiatement après avoir séparé un groupe
ou un objet, cette action n'est pas entièrement réversible. Elle affecte les objets de la façon
suivante :
■
Elle coupe le lien de l'occurrence d'un symbole avec son symbole maître.
■
Elle élimine tout, sauf l'image en cours, dans un symbole animé.
■
Elle convertit un bitmap en remplissage.
■
Elle place chaque caractère dans un bloc de texte séparé lorsqu'elle est appliquée à des
blocs de texte.
■
Elle convertit les caractères en contours lorsqu'elle est appliquée à un seul caractère. Voir
Séparation du texte, page 205.
Veillez à ne pas confondre la commande Séparer avec la commande Dissocier. La commande
Dissocier sépare les objets groupés, en restaurant les éléments groupés à leur état d'origine,
avant le groupement. Elle ne sépare pas les bitmaps, les occurrences ou les caractères, ni ne
convertit les caractères en contours.
Pour séparer des groupes ou des objets :
1.
Sélectionnez le groupe, bitmap ou symbole que vous souhaitez séparer.
2.
Sélectionnez Modification > Séparer.
REMARQUE
La séparation de symboles animés ou de groupes d'une animation interpolée n'est
pas recommandée et pourrait avoir des résultats imprévisibles. La séparation de
symboles complexes et de blocs de texte de grande taille peut prendre un certain
temps. Vous devrez augmenter l'allocation mémoire de l'application pour séparer
convenablement des objets complexes.
Séparation de groupes et d'objets
257
258
Utilisation d'objets graphiques
CHAPITRE 9
9
Utilisation de filtres et de mélanges
(Flash Professionnel uniquement)
Les filtres de Macromedia Flash Professionnel 8 sont des effets graphiques que vous pouvez
appliquer aux texte, boutons et clips vidéo. Les filtres disponibles sont les suivants : Biseau,
Ombre portée, Néon, Flou, Rayonnement dégradé, Flou dégradé et Réglage de la couleur.
Vous pouvez appliquer ces filtres aux objets sélectionnés directement depuis l'Inspecteur des
propriétés.
Ce chapitre contient les sections suivantes :
A propos des filtres (Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . 259
A propos de l'importation de filtres et de mélanges à partir des fichiers PNG
Fireworks (Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . 260
A propos des filtres d'animation (Flash Professionnel uniquement) . . . . . . . . . . . .262
A propos de filtres et des performances de Flash Player (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .263
Application de filtres (Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . .264
A propos des modes de fondu (Flash Professionnel uniquement) . . . . . . . . . . . . . 276
Application d'un mode de fondu (Flash Professionnel uniquement) . . . . . . . . . . .279
A propos des filtres (Flash Professionnel
uniquement)
Les filtres vous permettent d'ajouter des effets visuels intéressants aux texte, boutons et clips et
ils sont le plus souvent associés à l'application d'ombres, de flous, de rayonnements et d'effets
biseau aux éléments graphiques. Une fonction unique dans Flash est l'animation des filtres
appliqués à l'aide de l'interpolation de mouvement. Par exemple, si vous créez une balle (ou
une sphère) à l'aide d'une ombre portée, vous pouvez simuler l'apparence de la source
lumineuse se déplaçant d'un côté à l'autre de l'objet en modifiant la position de l'ombre
portée depuis ses images de début et de fin dans le scénario.
259
Une fois que vous avez appliqué un filtre, vous pouvez modifier ses options à tout moment ou
réorganiser l'ordre des filtres à essayer avec un effet combiné. Vous pouvez activer/désactiver
les filtres et les supprimer dans l'inspecteur des propriétés. Lorsque vous supprimez un filtre,
l'objet reprend son apparence antérieure. Vous pouvez afficher les filtres appliqués à un objet
en le sélectionnant ; ceci met automatiquement à jour la liste des filtres dans l'inspecteur des
propriétés pour l'objet sélectionné.
Dans Flash, les modes de fondu vous permettent de créer des images composites. La création
d’une image composite est une technique consistant à faire varier la transparence ou
l’interaction des couleurs de plusieurs objets superposés. Les modes de fondu permettent
également de contrôler l'opacité des objets et des images. Les modes de mélange de Flash
permettent de créer des hautes lumières ou des ombres qui laissent visibles les détails d'une
image sous-jacente, ou encore de colorier une image désaturée.
A propos de l'importation de filtres et de
mélanges à partir des fichiers PNG
Fireworks (Flash Professionnel
uniquement)
Flash Professionnel 1 prend en charge les filtres Fireworks et les modes de fondu. Lorsque vous
importez des fichiers PNG Fireworks, vous pouvez conserver un grand nombre de fichiers et
de modes de fondu appliqués aux objets dans Fireworks et continuer à modifier ces filtres et
mélanges à l'aide de Flash Professionnel 1.
Flash ne prend en charge que les filtres et mélanges modifiables pour les objets importés sous
forme de texte et de clips. Si un effet ou un mode de mélange n'est pas pris en charge, Flash le
transforme en bitmap ou l'ignore lors de l'importation. Pour importer un fichier PNG
Fireworks contenant des filtres ou des mélanges que Flash ne prend pas en charge, vous devez
transformer ce fichier en bitmap lors de l'importation. Après cette opération, il ne sera pas
possible de modifier ce fichier.
260
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
Effets Fireworks pris en charge dans Flash
Les effets Fireworks suivants sont importés sous forme de filtres modifiables par Flash :
Effet Fireworks
Filtre Flash
Ombre portée
Ombre portée
Ombre pleine
Ombre portée
Ombre interne
Ombre portée (avec Ombre interne automatiquement sélectionné)
Flou
Flou (où blurX = blurY=1)
Accentuer le flou
Flou (où blurX = blurY=1)
Flou gaussien
Flou
Régler la couleur /
Luminosité
Régler la couleur
Régler la couleur /
Contraste
Régler la couleur
Modes de fondu Fireworks pris en charge dans Flash
Flash importe les modes de fondu Fireworks suivants sous forme de mélanges modifiables :
Mode de fondu
Fireworks
Mode de fondu Flash
Normal
Normal
Obscurcir
Obscurcir
Multiplication
Multiplication
Eclaircir
Eclaircir
Screen
Screen
Incrustation
Incrustation
Lumière crue
Lumière crue
Additive
Ajouter
Différence
Différence
Inverser
Inverser
Alpha
Alpha
Effacer
Effacer
A propos de l'importation de filtres et de mélanges à partir des fichiers PNG Fireworks (Flash Professionnel
Flash ignore tous les autres modes de mélange importés à partir de Fireworks. Les modes de
fondu qui ne sont pas pris en charge par Flash sont Différentiel par moyenne, Négation
(Negation), Exclusion (Exclusion), Lumière douce (Soft light), Retrait, Lumière floue (Fuzzy
Light), Révélateur de couleur (Color Dodge) et Brûlure de couleur (Color Burn).
A propos des filtres d'animation (Flash
Professionnel uniquement)
Vous pouvez animer les filtres dans le scénario. Les objets des images-clés séparées joints par
une interpolation ont les paramètres des filtres correspondants interpolés sur les images
intermédiaires. Si un filtre n'a pas de filtre correspondant (un filtre du même type) à
l'extrémité opposée de l'interpolation, un filtre correspondant est automatiquement ajouté
pour garantir que l'effect est à l'extrémité de la séquence d'animation.
Flash effectue ce qui suit pour empêcher un dysfonctionnement des interpolations de
mouvement en cas de filtre manquant à une extrémité de l'interpolation ou de filtres
appliqués dans un ordre différent à chaque extrémité :
■
Si vous appliquez une interpolation de mouvement à un clip sur lequel sont appliqués des
filtres, lorsque vous insérez une image-clé à l'extrémité opposée de l'interpolation, le clip
comporte automatiquement les mêmes filtres, avec le même ordre d'empilement, sur la
dernière image de l'interpolation, qu'au début de l'interpolation.
■
Si vous placez des clips sur deux images différentes sur lesquelles sont appliqués des filtres
différents et si vous appliquez une interpolation de mouvement entre les images, Flash
traite d'abord le clip avec les filtres les plus courants. Flash compare ensuite les filtres
appliqués au premier clip à ceux du second.
Si aucun filtre n'est détecté dans le second clip, Flash crée un « faux » filtre sans paramètres
et avec la couleur des filtres existants.
■
S'il existe une interpolation de mouvement entre des images-clés :
■
Si vous ajoutez un filtre à l'objet dans une image-clé, Flash ajoute automatiquement
un faux filtre au clip lorsqu'il atteint l'image-clé à l'autre extrémité de l'interpolation.
■
Si vous supprimez un filtre d'un objet dans une image-clé, Flash supprime
automatiquement le filtre correspondant du clip lorsqu'il atteint l'image-clé à l'autre
extrémité de l'interpolation.
262
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
■
Si vous définissez des paramètres de filtre de façon incohérente entre le début et la fin de
l'interpolation, Flash applique les paramètres de filtre de l'image du début aux images
interpolées. Des paramètres des filtres ne sont pas définis de façon cohérente lorsque les
paramètres suivants sont réglés différemment entre le début et la fin de l'interpolation :
masquage, ombre interne, rayonnement interne, type de rayonnement dégradé et type de
biseau dégradé.
Par exemple, si vous créez une interpolation de mouvement avec le filtre Ombre portée, et
si vous appliquez une ombre portée avec un masquage à la première image de
l'interpolation et une ombre interne à la dernière image de l'interpolation, Flash corrige
l'usage incorrect du filtre dans l'interpolation. Dans ce cas précis, Flash applique les
paramètres de filtre définis dans la première image, une ombre portée avec un masquage.
A propos de filtres et des performances
de Flash Player (Flash Professionnel
uniquement)
Le type, le nombre et la qualité des filtres appliqués aux objets peuvent affecter les
performances des fichiers SWF lors de leur lecture. Plus le nombre de filtres appliqués à un
objet est élevé, plus Macromedia Flash Player devra effectuer de calculs pour afficher
correctement les effets visuels. C'est pour cette raison que Macromedia vous recommande
d'appliquer uniquement un nombre limité de filtres à un objet donné.
Chaque filtre comporte des contrôles qui permettent d'en régler l'intensité et la qualité.
L'utilisation de paramètres inférieurs améliore les performances des ordinateurs plus lents. Si
vous créez un contenu de lecture sur une large gamme d'ordinateurs ou si vous n'êtes pas sûr
de la puissance de calcul de votre public, définissez le niveau de qualité sur faible pour
optimiser les performances en lecture.
A propos de filtres et des performances de Flash Player (Flash Professionnel uniquement)
263
Application de filtres (Flash Professionnel
uniquement)
Vous pouvez appliquer un ou plusieurs filtres aux objets sélectionnés à l'aide de l'inspecteur
des propriétés. Chaque fois que vous ajoutez un filtre à un objet, il est ajouté à la liste des
filtres appliqués à cet objet dans l'Inspecteur des propriétés. Vous pouvez appliquer plusieurs
filtres à un objet et supprimer des filtres précédemment appliqués.
Le menu Ajouter un filtre dans l'Inspecteur des propriétés
Pour appliquer un filtre :
1.
Sélectionnez un objet clip, bouton ou texte sur la scène sur laquelle vous souhaitez
appliquer un filtre.
Vous pouvez appliquer des filtres uniquement aux objets texte, bouton et clip.
2.
Cliquez sur l'onglet Filtre de l'inspecteur des propriétés.
3.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez un filtre dans le menu local de ce nom.
Le filtre sélectionné est appliqué à l'objet et les contrôles des paramètres du filtre
s'affichent dans l'inspecteur des propriétés. Essayez les différents paramètres à votre
disposition pour obtenir l'aspect voulu. Pour connaître les détails des paramètres
disponibles pour chaque filtre, consultez les sections suivantes :
■
Ajout d'une ombre portée, page 267
■
Application d'un flou, page 269
■
Application d'un rayonnement, page 270
■
Application d'un biseau, page 271
■
Application d'un rayonnement dégradé, page 272
■
Application d'un biseau dégradé, page 274
■
Application du filtre Régler la couleur, page 275
264
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
Pour supprimer un filtre :
1.
Sélectionnez l'objet clip, bouton ou texte duquel vous souhaitez retirer un filtre.
2.
Cliquez sur l'onglet Filtre de l'inspecteur des propriétés.
3.
Sélectionnez le filtre que vous souhaitez supprimer dans la liste des filtres appliqués.
4.
Cliquez sur le bouton Supprimer un filtre (-).
Vous pouvez créer une bibliothèque de paramètres de filtre qui vous permettra d'appliquer
facilement le même filtre ou les mêmes ensembles de filtres à un objet. Flash conserve ces jeux
de filtres paramétrés créés dans l'inspecteur de propriétés dans l'onglet Filtres du menu Filtres
> Présélections.
Vous pouvez effacer ou renommer ces présélections.
Pour plus d'informations, consultez la section Création de bibliothèques de filtres paramétrés,
page 266.
Pour appliquer une présélection de filtre(s) à un objet :
1.
Sélectionnez l'objet clip, bouton ou texte sur lequel vous souhaitez appliquer une
présélection de filtre.
2.
Cliquez sur l'onglet Filtre de l'inspecteur des propriétés.
3.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez Présélections dans le menu local
Filtres.
4.
Sélectionnez la présélection de filtre que vous souhaitez appliquer dans la liste des
présélections disponibles au bas du menu de présélection.
REMARQUE
Lorsque vous appliquez un filtre paramétré à un objet, Flash remplace tous les filtres
courants appliqués à l'objet/aux objets sélectionné(s) par le(s) filtre(s) utilisés dans la
présélection.
Pour activer ou désactiver un filtre appliqué à un objet :
■
Cliquez sur l'icône d'activation ou de désactivation, à côté du nom du filtre dans la liste
des filtres de l'inspecteur des propriétés.
R E M AR QU E
Cliquez tout en appuyant sur la touche Alt (Windows) ou Option (Macintosh) sur
l'icône d'activation dans la liste des filtres pour basculer l'état d'activation des autres
filtres de la liste. Si vous cliquez tout en appuyant sur la touche Alt sur l'icône de
désactivation, le filtre sélectionné est activé et tous les autres filtres de la liste sont
désactivés.
Application de filtres (Flash Professionnel uniquement)
265
Pour activer ou désactiver tous les filtres appliqués à un objet :
■
Cliquez sur le bouton Ajouter un filtre (+) de l'inspecteur des propriétés, puis sélectionnez
Activer tout ou Désactiver tout dans le menu contextuel.
R E M A R QU E
Vous pouvez cliquer tout en appuyant sur la touche Control sur l'icône d'activation ou
de désactivation de la liste des filtres pour activer ou désactiver tous les filtres de la
liste.
Pour plus d'informations sur la suppression permanente d'un filtre d'un objet, consultez la
section Pour supprimer un filtre :, page 265.
Création de bibliothèques de filtres paramétrés
Vous pouvez enregistrer des paramétrages de filtres sous la forme de bibliothèques de
présélections, puis appliquer rapidement ces présélections aux objets clip et texte. Il est
également possible de partager des présélections de filtres avec d'autres développeurs, en leur
transmettant le fichier de configuration des filtres. Ce fichier de configuration des filtres, au
format XML, est enregistré dans le dossier Configuration de Flash. En principe, il se trouve
dans le chemin d'accès suivant :
■
Windows : C:\Documents and Settings\nom d'utilisateur\Local Settings\Application
Data\Macromedia\Flash 8Ball\langue\Configuration\Filters\filtername.xml.
■
Macintosh : Disque dur Macintosh/Utilisateurs/nom d'utilisateur/Library/Application
Support/Macromedia/Flash 8/langue/Configuration/Filters/filtername.xml
Pour créer une bibliothèque de filtres paramétrés :
1.
Appliquez à l'objet le ou les filtres à utiliser.
2.
Lorsque vous souhaitez enregistrer le paramétrage du ou des filtres afin de le réutiliser
ultérieurement, cliquez sur le bouton Ajouter un filtre (+) et choisissez Présélections >
Enregistrer sous dans le menu local Filtres.
3.
Tapez le nom de cette présélection dans la boîte de dialogue Enregistrer la présélection sous,
puis cliquez sur OK.
266
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
La présélection de paramètres de filtres apparaît dans le menu Présélections.
Pour renommer une présélection de filtres :
1.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez Présélections > Renommer dans le
menu local Filtres.
La boîte de dialogue Renommer la présélection s'ouvre.
2.
Double-cliquez sur le nom de la présélection à modifier.
3.
Tapez un nouveau nom et cliquez sur Renommer.
Pour supprimer une présélection de filtres :
1.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez Présélections > Supprimer dans le
menu local Filtres.
La boîte de dialogue Supprimer la présélection s'ouvre.
2.
Sélectionnez la présélection voulue et cliquez sur Supprimer.
Ajout d'une ombre portée
Le filtre Ombre portée simule l'aspect d'un objet projetant une ombre sur une surface, ou la
découpe d'une ouverture dans l'arrière-plan de la forme d'un objet.
Texte avec le filtre Ombre portée.
Application de filtres (Flash Professionnel uniquement)
267
Pour appliquer une ombre portée à un objet :
1.
Sélectionnez l'objet clip ou texte auquel le filtre Ombre portée doit être appliqué.
2.
Cliquez sur l'onglet Filtres de l'inspecteur des propriétés.
3.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez Ombre portée dans le menu
contextuel Filtres.
4.
Editez les paramètres de filtres sur l'onglet Filtre de l'inspecteur des propriétés :
■
Faites glisser les curseurs Flou X et Flou Y pour définir la largeur et la hauteur de
l'ombre portée.
■
Faites glisser le curseur Distance pour définir la distance entre l'ombre et l'objet.
■
Cliquez sur le sélecteur de couleurs pour ouvrir la fenêtre contextuelle des couleurs et
définir une couleur d'ombre.
■
Faites glisser le curseur Intensité pour définir le facteur d'intensité de l'ombre. Plus la
valeur est élevée, plus l'ombre est sombre.
■
Tapez la valeur de l'angle de l'ombre, ou cliquez sur le sélecteur d'angle et agissez sur la
molette pour obtenir l'angle voulu.
■
Activez la case à cocher Masquage pour masquer (ou cacher visuellement) l'objet
source et n'afficher que l'ombre portée sur l'image masquée.
■
Activez la case à cocher Ombre interne pour appliquer l'ombre à l'intérieur de l'objet.
■
Activez la case à cocher Masquer l'objet pour masquer l'objet et n'afficher que son
ombre. L'option Masquer l'objet vous permet de créer facilement une ombre réaliste.
Pour plus d'informations, consultez la section Création d'une ombre portée inclinée,
page 269.
■
Sélectionnez le niveau de qualité de l'ombre portée. Un niveau de qualité Elevé est
proche de l'effet d'un flou gaussien. Il est recommandé d'utiliser un niveau de qualité
Faible afin d'optimiser les performances en lecture.
268
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
Création d'une ombre portée inclinée
Utilisez l'option Masquer l'objet du filtre Ombre portée pour donner une apparence plus
réaliste en inclinant l'ombre d'un objet. Pour obtenir cet effet, vous devez créer un objet clip,
bouton ou texte en double, appliquer une ombre portée au double et utiliser l'outil
Transformation libre pour incliner l'ombre du double de l'objet.
Inclinaison d'une ombre portée pour créer une ombre plus réaliste.
Pour créer une ombre portée inclinée :
1.
Sélectionnez l'objet clip ou texte dont vous souhaitez incliner l'ombre portée.
2.
Dupliquez (sélectionner Editer > Dupliquer) l'objet clip ou texte source.
3.
Sélectionnez ensuite l'objet dupliqué, et appliquez-lui une distorsion à l'aide de l'outil
Transformer librement (Modification > Transformation > Pivoter et incliner).
4.
Appliquez le filtre Ombre portée à l'objet clip ou texte dupliqué et activez la case à cocher
Masquer l'objet. L'objet dupliqué est masqué et ne laisse apparaître que l'ombre inclinée.
5.
Ajustez les paramètres de filtre Ombre portée et l'angle de l'ombre portée inclinée jusqu'à
obtenir l'apparence souhaitée.
Application d'un flou
Le filtre Flou adoucit les contours et les détails des objets. L'application d'un flou à un objet
peut le faire apparaître comme s'il se trouvait derrière d'autres objets ou comme s'il était en
mouvement.
Texte avec le filtre Flou.
Pour appliquer un flou à un objet :
1.
Sélectionnez l'objet clip ou texte auquel le filtre flou doit être appliqué.
2.
Cliquez sur l'onglet Filtres de l'inspecteur des propriétés.
3.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez Flou dans le menu contextuel.
Application de filtres (Flash Professionnel uniquement)
269
4.
Editez les paramètres de filtres sur l'onglet Filtre de l'inspecteur des propriétés :
■
Faites glisser les curseurs Flou X et Flou Y pour définir la largeur et la hauteur de l'effet
de flou.
■
Sélectionnez le niveau de qualité du flou. Un niveau de qualité Elevé est proche de
l'effet d'un flou gaussien. Il est recommandé d'utiliser un niveau de qualité Faible afin
d'optimiser les performances en lecture.
Application d'un rayonnement
Le filtre Rayonnement permet d'appliquer une couleur sur tout le pourtour d'un objet.
Pour appliquer un rayonnement à un objet :
1.
Sélectionnez l'objet clip ou texte auquel le rayonnement doit être appliqué.
2.
Cliquez sur l'onglet Filtres de l'inspecteur des propriétés.
3.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez Rayonnement dans le menu
contextuel.
4.
Editez les paramètres de filtres sur l'onglet Filtre de l'inspecteur des propriétés :
270
■
Faites glisser les curseurs Flou Y et Flou Y pour définir la largeur et la hauteur de l'effet
de flou.
■
Cliquez sur le sélecteur de couleurs pour ouvrir la fenêtre contextuelle des couleurs et
définir une couleur de néon.
■
Faites glisser le curseur Intensité pour définir le facteur de dureté du rayonnement.
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
■
Activez la case à cocher Masquage pour masquer (ou cacher visuellement) l'objet
source et n'afficher que le rayonnement sur l'image masquée.
Utilisation du filtre Rayonnement avec l'option Masquage
■
Activez la case à cocher Rayonnement interne pour appliquer le rayonnement à
l'intérieur de l'objet.
■
Choisissez le niveau de qualité du rayonnement. Un niveau de qualité élevé est proche
de l'effet d'un flou gaussien. Il est recommandé d'utiliser un niveau de qualité faible
afin d'optimiser les performances en lecture.
Application d'un biseau
L'application d'un biseau à un objet consiste à lui appliquer un effet de lumière sur le contour
pour le faire apparaître en relief au-dessus de la surface de son arrière-plan. Vous pouvez créer
un biseau intérieur, un biseau extérieur ou un biseau complet.
Pour appliquer un biseau à un objet :
1.
Sélectionnez l'objet clip ou texte auquel le biseau doit être appliqué.
2.
Cliquez sur l'onglet Filtres de l'inspecteur des propriétés.
3.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez Biseau dans le menu contextuel.
Application de filtres (Flash Professionnel uniquement)
271
4.
Editez les paramètres de filtres sur l'onglet Filtre de l'inspecteur des propriétés :
■
Sélectionnez le type de biseau à appliquer à l'objet dans le menu contextuel Type. Vous
pouvez choisir un biseau intérieur, extérieur ou complet.
■
Faites glisser les curseurs Flou Y et Flou Y pour définir la largeur et la hauteur de l'effet
de biseau.
■
Dans le nuancier, choisissez la couleur du côté éclairé et celle du côté ombré.
■
Faites glisser le curseur Intensité pour définir l'opacité du biseau sans modifier sa
largeur.
■
Tapez la valeur de l'angle de l'ombre, ou agissez sur la molette pour obtenir l'angle
voulu pour l'ombre portée du côté biseauté.
■
Dans le champ Distance, indiquez une valeur pour définir la largeur du biseau.
■
Activez la case à cocher Masquage pour masquer (ou cacher visuellement) l'objet
source et n'afficher que le biseau sur l'image masquée.
Application d'un rayonnement dégradé
L'application d'un rayonnement dégradé permet d'obtenir un rayonnement dont la surface
varie en couleur comme un prisme. Vous devez choisir, pour le rayonnement dégradé, une
couleur au début du dégradé avec une valeur Alpha de 0. Vous ne pouvez pas déplacer la
position de cette couleur, mais vous pouvez modifier la couleur.
Pour appliquer un rayonnement dégradé à un objet:
1.
Sélectionnez un objet clip, bouton ou texte sur lequel vous souhaitez appliquer un
rayonnement dégradé.
2.
Cliquez sur l'onglet Filtres de l'inspecteur des propriétés.
3.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez Rayonnement dégradé dans le menu
contextuel.
272
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
4.
Editez les paramètres de filtres sur l'onglet Filtre de l'inspecteur des propriétés :
■
Dans le menu contextuel Type, sélectionnez le type de rayonnement à appliquer à
l'objet. Vous pouvez créer un rayonnement intérieur, extérieur ou complet.
■
Faites glisser les curseurs Flou Y et Flou Y pour définir la largeur et la hauteur de l'effet
de flou.
■
Faites glisser le curseur Intensité pour définir l'opacité du rayonnement sans modifier
sa largeur.
■
Tapez la valeur de l'angle de l'ombre, ou agissez sur la molette pour obtenir l'angle
voulu pour l'ombre portée par le rayonnement.
■
Faites glisser le curseur Distance pour définir la distance entre l'ombre et l'objet.
■
Activez la case à cocher Masquage pour masquer (ou cacher visuellement) l'objet
source et n'afficher que le rayonnement dégradé sur l'image masquée.
■
Indiquez la couleur de dégradé du rayonnement. Un dégradé est composé de plusieurs
couleurs dont la transition est progressive. La couleur choisie pour le début du dégradé
est appelée couleur alpha.
Pour changer la couleur du dégradé sélectionné, sélectionnez l'un des pointeurs de
couleur se trouvant sous la barre de définition du dégradé et cliquez sur le rectangle de
couleur qui apparaît directement sous cette barre pour afficher le Sélecteur de couleur.
Faites glisser ces pointeurs pour ajuster le niveau et la position de cette couleur dans le
dégradé.
Pour ajouter un pointeur au dégradé, cliquez sur ou sous la barre de définition du
dégradé. Vous pouvez ajouter jusqu'à 15 pointeurs de couleur, ce qui vous permet de
créer un dégradé de 15 transitions de couleurs. Pour repositionner un pointeur sur le
dégradé, faites-le glisser le long de la barre de définition du dégradé. Faites glisser un
pointeur vers le bas, puis éloignez-le de la barre pour le supprimer.
■
Choisissez le niveau de qualité du rayonnement dégradé. Un niveau de qualité élevé est
proche de l'effet d'un flou gaussien. Il est recommandé d'utiliser un niveau de qualité
faible afin d'optimiser les performances en lecture.
Application de filtres (Flash Professionnel uniquement)
273
Application d'un biseau dégradé
L'application d'un biseau dégradé produit un effet de relief qui fait apparaître l'objet surélevé
par rapport à son arrière-plan, avec une couleur dégradée sur la surface du biseau. Vous devez
choisir, pour le biseau dégradé, une couleur au milieu du dégradé avec une valeur Alpha de 0.
Vous ne pouvez pas déplacer la position de cette couleur, mais vous pouvez modifier la
couleur.
Pour appliquer un biseau dégradé à un objet :
1.
Sélectionnez un objet clip ou texte sur lequel vous souhaitez appliquer un biseau dégradé.
2.
Cliquez sur l'onglet Filtres de l'inspecteur des propriétés.
3.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez Biseau dégradé dans le menu
contextuel.
4.
Editez les paramètres de filtres sur l'onglet Filtre de l'inspecteur des propriétés :
■
Sélectionnez le type de biseau à appliquer à l'objet dans le menu contextuel Type. Vous
pouvez choisir un biseau intérieur, extérieur ou complet.
■
Faites glisser les curseurs Flou Y et Flou Y pour définir la largeur et la hauteur de l'effet
de biseau.
■
Dans le champ Intensité, indiquez une valeur pour définir la dureté du biseau sans
modifier sa largeur.
■
Dans le champ Angle, tapez une valeur ou agissez sur la molette pour obtenir l'angle
voulu pour l'angle de la source lumineuse.
■
Activez la case à cocher Masquage pour masquer (ou cacher visuellement) l'objet
source et n'afficher que le biseau dégradé sur l'image masquée.
■
Indiquez la couleur de dégradé du biseau. Un dégradé est composé de plusieurs
couleurs dont la transition est progressive. Le pointeur central contrôle la couleur
alpha du dégradé. Il est possible de changer la couleur du pointeur alpha, mais pas de
déplacer cette couleur dans le dégradé.
Pour changer la couleur du dégradé sélectionné, sélectionnez l'un des pointeurs de
couleur se trouvant sous la barre de définition du dégradé et cliquez sur le rectangle de
couleur qui apparaît directement sous cette barre pour afficher le Sélecteur de couleur.
Faites glisser ces pointeurs pour ajuster le niveau et la position de cette couleur dans le
dégradé.
274
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
Pour ajouter un pointeur au dégradé, cliquez sur ou sous la barre de définition du
dégradé. Vous pouvez ajouter jusqu'à 15 pointeurs de couleur, ce qui vous permet de
créer un dégradé de 15 transitions de couleurs. Pour repositionner un pointeur sur le
dégradé, faites-le glisser le long de la barre de définition du dégradé. Faites glisser un
pointeur vers le bas, puis éloignez-le de la barre pour le supprimer.
Application du filtre Régler la couleur
Le filtre Régler la couleur vous permet de régler la luminosité, le contraste, la teinte et la
saturation de l'objet clip, bouton ou texte sélectionné.
REMARQUE
Si vous souhaitez appliquer le contrôle de la Luminosité à un objet, utilisez les contrôles
de couleur situés sur l'onglet Propriétés de l'Inspecteur de propriétés. L'utilisation de
l'option Luminosité de l'onglet Propriétés offre des performances améliorées sur
l'application d'un filtre. Pour plus d'informations, consultez la section Pour changer la
couleur et la transparence d'une occurrence :, page 108.
Pour appliquer le filtre Régler la couleur :
1.
Sélectionnez un objet clip, bouton, ou texte dont vous souhaitez modifier la couleur.
2.
Cliquez sur l'onglet Filtres de l'inspecteur des propriétés.
3.
Cliquez sur le bouton Ajouter un filtre (+) et choisissez Régler la couleur dans le menu
contextuel.
4.
Faites glisser le curseur des attributs de couleur à régler ou saisissez une valeur numérique
dans la zone de texte correspondante. Les attributs et leurs valeurs correspondantes sont les
suivants :
règle les surbrillances, ombres et demi-tons d'une image. Les valeurs sont
comprises entre -100 et 100.
Contraste
Luminosité
Saturation
Teinte
règle la luminosité d'une image. Les valeurs sont comprises entre -100 et 100.
règle l'intensité d'une couleur. Les valeurs sont comprises entre -100 et 100.
règle la nuance d'une couleur. Les valeurs vont de -180 à 180.
Application de filtres (Flash Professionnel uniquement)
275
5.
Pour réinitialiser tous les réglages de couleur à 0 afin de ramener l'objet à son état d'origine,
cliquez sur le bouton Réinitialiser.
A propos des modes de fondu (Flash
Professionnel uniquement)
Les modes de fondu vous permettent de créer des images composites. La Composition d'images
est le processus de variation de la transparence ou de l'interaction des couleurs de deux ou
trois objets se chevauchant. Le mélange vous permet de créer des effets uniques en mélangeant
les couleurs dans les clips se chevauchant.
Un mode de fondu contient les éléments suivants :
Couleur de fondu
couleur appliquée au mode de fondu.
degré de transparence appliqué au mode de fondu.
Opacité
Couleur de base couleur
Couleur obtenue
des pixels sous la couleur de fondu.
résultat de l'effet du mélange sur la couleur de base.
Modes de fondu dans Flash
Etant donné que les modes de fondu dépendent à la fois de la couleur de l'objet sur lequel
vous appliquez le mélange et de la couleur sous-jacente, vous devez essayer différentes couleurs
pour voir le résultat. Macromedia vous recommande d'essayer les différents modes de fondu
pour obtenir l'effet souhaité.
Flash offre les modes de fondu suivants :
Normal
applique normalement une couleur, sans interaction avec les couleurs de base.
Calque
vous permet d'empiler les clips l'un sur l'autre sans affecter leur couleur.
Obscurcir remplace uniquement les zones plus claires que la couleur de fondu. Les zones plus
foncées que la couleur de fondu ne changent pas.
Produit
multiplie la couleur de base par la couleur de fondu et crée des couleurs plus foncées.
remplace uniquement les pixels plus foncés que la couleur de fondu. Les zones plus
claires que la couleur de fondu ne changent pas.
Eclaircir
276
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
multiplie l'inverse de la couleur de fondu par la couleur de base, ce qui crée un effet de
blanchiment.
Ecran
Superposition
multiplie ou trame les couleurs, en fonction des couleurs de base.
multiplie ou trame les couleurs, en fonction de la couleur du mode de fondu.
L'effet est similaire à l'éclairage de l'objet par un projecteur.
Lumière crue
soustrait la couleur de fondu à la couleur de base ou la couleur de base à la
couleur de fondu, en fonction de la valeur de luminositié la plus grande. L'effet est similaire à
une couleur négative.
Différence
Inverser
Alpha
inverse la couleur de base.
applique un masque alpha.
REMARQUE
Le mode de fondu Alpha nécessite qu'un mode de fondu Calque soit appliqué au clip
parent. Vous ne pouvez pas remplacer le clip d'arrière-plan par Alpha et l'appliquer étant
donné que l'objet serait invisible.
Effacer
supprime tous les pixels de la couleur de base, y compris ceux de l'image d'arrière-
plan.
REMARQUE
Le mode de fondu Effacer nécessite qu'un mode de fondu Calque soit appliqué au clip
parent. Vous ne pouvez pas remplacer le clip d'arrière-plan par Effacer et l'appliquer
étant donné que l'objet serait invisible.
Pour voir les exemples de modes de fondu, consultez la section Exemples de mode de fondu,
page 278.
A propos des modes de fondu (Flash Professionnel uniquement)
277
Exemples de mode de fondu
Les exemples suivants illustrent l'effet de différents modes de fondu sur une image. Soyez
conscient que l'effet obtenu d'un mode de fondu peut être très différent, en fonction de la
couleur de l'image sous-jacente et du type de mode de fondu appliqué.
Image originale
Calque
Obscurcir
Produit
Eclaircir
Ecran
Superposition
Lumière crue
Ajouter
Soustraire
Différence
Inverser
278
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
Application d'un mode de fondu (Flash
Professionnel uniquement)
Vous utilisez l'inspecteur des propriétés pour appliquer des mélanges aux clips sélectionnés.
REMARQUE
Les symboles graphiques sont fusionnés en une seule forme lorsque vous publiez le
SWF. il est impossible d'appliquer des modes de fondu différents à différents symboles
graphiques.
Pour appliquer un mode de fondu à un clip :
1.
Sélectionnez l'occurrence de clip (sur la scène) à laquelle vous souhaitez appliquer un mode
de fondu.
2.
Ajustez la couleur et la transparence de cette occurrence de clip à l'aide du menu local
Couleur de l'inspecteur de propriétés. Pour plus d'informations, consultez la section
Modification de la couleur et de la transparence d'une occurrence, page 108.
3.
Sélectionnez un mode de fondu dans le menu contextuel Mélange de l'inspecteur des
propriétés pour les clips.
Le mode de fondu est appliqué à l'occurrence de clip sélectionnée.
4.
Positionnez le clip auquel le mode de fondu a été appliqué sur le symbole graphique dont
vous souhaitez modifier l'apparence.
5.
Vérifiez que le mode de fondu sélectionné est approprié à l'effet recherché.
Vous devrez peut-être essayer avec les paramètres de couleur et de transparence du clip et
les différents modes de fondu pour obtenir l'effet souhaité. Pour plus d'informations sur le
réglage de la couleur d'un clip, consultez la section Modification de la couleur et de la
transparence d'une occurrence, page 108.
Application d'un mode de fondu (Flash Professionnel uniquement)
279
280
Utilisation de filtres et de mélanges (Flash Professionnel uniquement)
CHAPITRE 10
10
Création de mouvement
Macromedia Flash Basic 8 et Flash Professionnel 8 offrent plusieurs façons d'inclure des
vidéos et des effets spéciaux dans les documents Flash. Les effets de scénario, comme le flou,
l'extension et les explosions, permettent d'animer un objet en toute simplicité : il suffit de
sélectionner l'objet, puis de sélectionner un effet et d'indiquer les paramètres de cet effet.
Grâce aux effets de scénario, il est possible d'effectuer en seulement quelques étapes une
opération qui auparavant nécessitait d'une part beaucoup de temps et d'autre part une plus
grande expérience du domaine de l'animation graphique.
Pour créer une animation interpolée, vous devez créer les images de début et de fin ; dès lors,
l'animation des images intermédiaires est automatiquement générée par Flash. Flash change la
taille, la rotation, la couleur ou d'autres attributs de l'objet entre la première et la dernière
image pour créer une impression de mouvement. Pour plus d'informations, consultez la
section A propos de l'animation interpolée, page 287.
Vous pouvez également créer une animation en modifiant le contenu des images se succédant
dans le scénario. Vous pouvez déplacer un objet sur la scène, augmenter ou diminuer sa taille,
le faire pivoter, modifier sa couleur, effectuer des fondus en entrée ou en sortie, ou modifier sa
forme. Les modifications peuvent se faire indépendamment ou avec d'autres modifications.
Par exemple, vous pouvez faire pivoter un objet et effectuer un fondu en entrée lorsqu'il se
déplace sur la scène. Dans l'animation image par image, c'est à vous de créer le contenu de
chaque image. Pour plus d'informations, consultez la section A propos d'une animation image
par image, page 288.
Ce chapitre contient les sections suivantes :
Utilisation des effets de scénario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .282
A propos de l'animation interpolée . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287
A propos d'une animation image par image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .288
A propos des calques dans une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .288
A propos de la création d'images-clés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .289
A propos des représentations d'effets animés dans le Scénario . . . . . . . . . . . . . . .289
A propos des cadences. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290
281
Extension des images fixes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291
Répartition d'objets vers des calques pour l'animation interpolée. . . . . . . . . . . . . . 291
Interpolation d'occurrences, de groupes et de texte. . . . . . . . . . . . . . . . . . . . . . . . . .293
Interpolation de mouvement le long d'une trajectoire . . . . . . . . . . . . . . . . . . . . . . . .297
Application de l'Accélération/la Décélération personnalisée aux
interpolations de mouvement (Flash Professionnel uniquement) . . . . . . . . 299
Interpolation de formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303
Utilisation des repères de formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304
Création d'animation image par image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306
Manipulation de l'animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .307
Utilisation de calques de masque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310
Utilisation des effets de scénario
Flash contient des effets de scénario prédéfinis permettant de créer des animations complexes
en seulement quelques étapes. Vous pouvez appliquer ces effets aux objets suivants :
■
Texte
■
Graphiques (formes, groupes et symboles graphiques)
■
Images bitmap
■
Symboles de bouton
REMARQUE
Lorsque vous appliquez un effet de scénario à un clip, Flash intègre l'effet au clip.
Ajout d'un effet de scénario
Lorsque vous ajoutez un effet à un objet, ce dernier est transféré dans un calque
automatiquement généré par Flash. L'objet est placé dans le graphique d'effet comportant
toutes les interpolations et toutes les transformations nécessaires à l'application de l'effet dans
le nouveau calque.
Le nouveau calque prend automatiquement le nom de l'effet, auquel s'ajoute un chiffre
correspondant à l'ordre d'application de l'effet parmi tous les effets du document.
Lorsque vous ajoutez un effet de scénario, un répertoire portant le nom de l'effet et contenant
les éléments utilisés dans sa création est ajouté à la bibliothèque.
282
Création de mouvement
Pour ajouter un effet à un objet :
1.
Pour ajouter un effet de scénario, effectuez l'une des procédures suivantes :
■
Sélectionnez l'objet auquel vous souhaitez ajouter l'effet de scénario. Choisissez
Insertion > Effets de scénario. Choisissez ensuite Assistants, Effets ou Transition/
Transformation dans le sous-menu, puis sélectionnez un effet dans la liste.
■
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche
Contrôle (Macintosh) sur l'objet auquel vous souhaitez ajouter l'effet de scénario.
Choisissez Effets de scénario dans le menu contextuel. Choisissez ensuite Assistants,
Effets ou Transition/Transformation dans le sous-menu, puis sélectionnez un effet
dans la liste.
Les effets applicables au type d'objet sélectionné s'affichent sous la forme de choix actifs
dans le menu.
2.
Dans la boîte de dialogue qui s'affiche, visualisez un aperçu de l'effet en fonction des
paramètres par défaut. Modifiez les paramètres par défaut, puis cliquez sur Mettre à jour
l'aperçu pour visualiser l'effet avec les nouveaux paramètres. Pour plus d'informations,
consultez la section suivante.
3.
Lorsque l'effet de scénario visualisé dans la fenêtre d'aperçu vous satisfait, cliquez sur OK.
Paramètres d'effet de scénario
Chaque effet de scénario manipule un objet graphique ou un symbole d'une manière
particulière et vous permet de modifier des paramètres de façon individuelle pour obtenir
l'effet souhaité. Dans la fenêtre d'aperçu, vous pouvez rapidement visualiser les modifications
apportées aux paramètres.
Nom et description d'effet de
mouvement
Paramètres
Copier dans la grille
Duplique un objet sélectionné par le nombre
de colonnes, puis multiplie les colonnes par
le nombre de lignes pour créer une grille des
éléments.
•
•
•
•
Nombre de lignes
Nombre de colonnes
Distance entre les lignes, en pixels
Distance entre les colonnes, en pixels
Utilisation des effets de scénario
283
Nom et description d'effet de
mouvement
Paramètres
Copie distribuée
Duplique un objet sélectionné le nombre de
fois spécifié dans les paramètres. Le
premier élément est une copie de l'objet
d'origine. Les objets sont modifiés par
incréments jusqu'à ce que l'objet final reflète
les paramètres entrés.
•
•
•
•
•
•
•
•
•
•
•
Nombre de copies
Distance de décalage, position x, en pixels
Distance de décalage, position y, en pixels
Rotation du décalage, en degrés
Décalage de l'image de démarrage, en
images à travers le scénario
Redimensionnement exponentiel par échelle
x, y, en pourcentage delta
Redimensionnement linéaire par échelle x, y,
en pourcentage delta
Alpha final, en pourcentage
Modifier la couleur, sélectionner/
désélectionner
Couleur finale, en valeur hexadécimale RVB
(couleur de la copie finale ; les copies
intermédiaires évoluent progressivement vers
elle)
Délai de duplication, en images (crée une
pause entre les copies)
Flou
Crée un effet de flou de mouvement en
modifiant la valeur alpha, la position ou
l'échelle d'un objet dans le temps.
•
•
•
•
•
•
Durée de l'effet, en images
Autoriser le flou horizontal
Autoriser le flou vertical
Direction du flou
Nombre d'étapes
Echelle de début
Ombre portée
Crée une ombre sous l'élément sélectionné. • Couleur, en valeur hexadécimale RVB
• Transparence alpha, en pourcentage
• Décalage de l'ombre, décalage x, y en pixels
284
Création de mouvement
Nom et description d'effet de
mouvement
Paramètres
Etendre
Agrandit, réduit ou agrandit et réduit des
objets au fil du temps. Cet effet procure un
résultat optimal avec deux objets ou plus
groupés ou combinés en un clip ou un
symbole graphique. Les objets contenant
du texte ou des lettres sont appropriés pour
cet effet.
• Augmenter la durée, en images
• Etendre, compresser ou les deux
• Augmenter la direction, vers la gauche, du
centre, vers la droite
• Décalage du fragment, en pixels
• Décaler le centre du groupe de, décalage x, y
en pixels
• Modifier la taille du fragment de, hauteur,
largeur, en pixels
Eclater
Donne l'illusion d'un objet qui explose. Les • Durée de l'effet, en images
• Direction de l'éclatement, vers le haut à
éléments de texte ou un groupe complexe
gauche, le centre, la droite, vers le bas à
d'objets (symboles, formes et clips vidéo) se
gauche, au centre ou à droite
séparent, tournent et s'arquent vers
• Taille de l'arc, décalage x, y en pixels
l'extérieur.
• Faire pivoter les fragments de, en degrés
• Modifier la taille du fragment de, en degrés
• Alpha final, en pourcentage
Transformer
Règle la position, l'échelle, la rotation,
l'alpha et la teinte des éléments
sélectionnés. Utilisez cet outil pour
appliquer un effet unique ou une
combinaison d'effets afin de créer des effets
de fondu en entrée/en sortie, de vol vers
l'avant/vol vers l'arrière, d'extension/de
contraction et de rotation vers la gauche/la
droite.
• Durée de l'effet, en images
• Déplacer vers la position, décalage x, y, en
pixels
• Modifier la position de, décalage x, y, en
pixels
• Redimensionner, verrouiller pour appliquer la
modification de manière égale, en
pourcentage, déverrouiller pour appliquer les
changement apportés aux axes x et/ou y, en
pourcentage
• Faire pivoter, en degrés
• Rotation, nombre de fois
• Fois, vers la gauche, vers la droite
• Modifier la couleur, sélectionner/
désélectionner
• Couleur finale, en valeur hexadécimale RVB
• Alpha final, en pourcentage
• Accélération du mouvement
Utilisation des effets de scénario
285
Nom et description d'effet de
mouvement
Paramètres
Transition
Efface les objets sélectionnés par la
réalisation d'un fondu, d'un effacement ou
d'une combinaison des deux méthodes.
• Durée de l'effet, en images
• Direction, basculer entre En entrée et En
sortie, sélectionner haut, bas, gauche ou
droite
• Fondu, sélectionner/désélectionner
• Effacer, sélectionner/désélectionner
• Accélération du mouvement
Modification d'un effet de scénario
Vous pouvez modifier les effets de scénario par l'intermédiaire de la boîte de dialogue
Paramètres d'effet.
Pour modifier un effet de scénario :
1.
Sélectionnez l'objet associé à l'effet sur la scène.
2.
Pour ouvrir la boîte de dialogue Paramètres d'effet, effectuez l'une des opérations
suivantes :
3.
■
Dans l'inspecteur des propriétés, cliquez sur Modifier.
■
Cliquez avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur l'objet et choisissez Effets de scénario > Modifier l'effet dans le menu
contextuel.
Dans la boîte de dialogue Paramètres d'effet, éditez les paramètres souhaités et cliquez sur
OK pour appliquer vos nouveaux paramètres.
Suppression d'un effet de scénario
La suppression d'un effet de scénario s'effectue par l'intermédiaire du menu contextuel.
Pour supprimer un effet de scénario :
■
Sur la scène, cliquez avec le bouton droit (Windows) ou en appuyant sur la touche
Contrôle (Macintosh) sur l'objet associé à l'effet de scénario que vous souhaitez supprimer,
puis sélectionnez Effets de scénario > Supprimer l'effet dans le menu contextuel.
286
Création de mouvement
A propos de l'animation interpolée
Flash peut créer deux types d'animation interpolée : interpolation de mouvement et
interpolation de forme.
■
Avec l'interpolation de mouvement, vous définissez des propriétés telles que la position, la
taille et la rotation d'une occurrence, d'un groupe ou d'un bloc de texte à un point dans
le temps, puis modifiez ces propriétés à un autre point dans le temps. Vous pouvez
également appliquer une interpolation de mouvement le long d'un trajet. Voir
Interpolation d'occurrences, de groupes et de texte, page 293, et Interpolation de mouvement le
long d'une trajectoire, page 297.
■
Avec l'interpolation de forme, vous dessinez une forme à un point dans le temps, puis
modifiez cette forme ou dessinez une autre forme à un autre point dans le temps. Flash
interpole les valeurs ou formes pour les images intermédiaires, créant ainsi l'animation.
Pour plus d'informations, consultez la section Interpolation de formes, page 303.
REMARQUE
Pour appliquer une interpolation de forme à des groupes, des occurrences ou des
bitmaps, vous devez tout d'abord séparer ces éléments. Voir Séparation de groupes et
d'objets, page 257. Pour appliquer l'interpolation de forme à du texte, vous devez le
séparer deux fois afin de le convertir en objets. Voir Séparation du texte, page 205.
L'animation interpolée est un moyen efficace de créer du mouvement et des modifications de
façon progressive tout en réduisant la taille du fichier. Dans une animation interpolée, Flash
stocke uniquement les valeurs des modifications entre les images.
Pour préparer rapidement des éléments d'un document en vue de créer une animation
interpolée, répartissez les objets sur des calques. Pour plus d'informations, consultez la section
Répartition d'objets vers des calques, page 292.
Vous pouvez appliquer une animation interpolée à un objet d'un calque de masque pour créer
un calque dynamique. Pour plus d'informations sur les calques de masque, consultez la
section Utilisation de calques de masque, page 310.
A propos de l'animation interpolée
287
A propos d'une animation image par
image
L'animation image par image change le contenu de la scène dans chaque image et est plus
adaptée aux animations complexes dans lesquelles le contenu change d'une image à l'autre au
lieu d'être simplement déplacé sur la scène. L'animation image par image accroît la taille du
fichier plus rapidement qu'une animation interpolée. Dans l'animation image par image,
Flash stocke les valeurs de chaque image complète. Pour plus d'informations sur l'animation
image par image, consultez la section Création d'animation image par image, page 306.
A propos des calques dans une animation
Chaque séquence d'un document Flash peut être composée de n'importe quel nombre de
calques. Lorsque vous créez votre animation, vous utilisez des calques et des dossiers de
calques afin d'organiser les composants d'une séquence d'animation et de séparer les objets
animés de sorte qu'ils ne s'effacent pas, ne se connectent pas ou ne se segmentent pas
mutuellement. Si vous voulez que Flash interpole le mouvement de plus d'un groupe ou
symbole à la fois, chacun d'eux doit se trouver sur un calque différent. En règle générale, le
calque d'arrière-plan contient un contenu statique, alors que les autres calques contiennent un
objet animé distinct.
Lorsqu'un document comporte plusieurs calques, il peut être difficile d'assurer le suivi et de
modifier les objets sur un ou deux de ces calques. Cette tâche est plus facile si vous travaillez
avec le contenu d'un seul calque à la fois. Les dossiers de calques permettent d'organiser les
calques en groupes faciles à gérer, que vous pouvez développer ou réduire afin de n'afficher
que les calques concernant la tâche en cours. Voir Utilisation des calques dans le guide Bien
démarrer avec Flash.
288
Création de mouvement
A propos de la création d'images-clés
Une image-clé est une image dans laquelle vous définissez les changements d'un effet
d'animation. Lorsque vous créez une animation image par image, chaque image est une
image-clé. Dans une animation par interpolation, vous définissez les images-clés à certains
points importants de l'animation et laissez Flash créer le contenu des images intermédiaires.
Flash affiche les images interpolées d'une animation interpolée en bleu ou vert clair avec une
flèche tracée entre les images-clés. Les documents Flash conservant les formes de chaque
image-clé, vous devriez créer des images-clés uniquement au niveau des points de l'illustration
dans lesquels se produisent des changements.
Les images-clés sont indiquées dans le scénario par un cercle plein représentant une image-clé
avec du contenu ou un cercle vide précédant l'image représentant une image-clé vide. Le
contenu des images supplémentaires que vous ajoutez à un même calque sera le même que
celui de l'image-clé.
Pour créer une image-clé, effectuez l'une des opérations suivantes :
■
Sélectionnez une image dans le scénario, puis sélectionnez Insertion > Scénario > Imageclé.
■
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche
Contrôle (Macintosh) sur une image du scénario, puis sélectionnez Insérer une image-clé.
A propos des représentations d'effets
animés dans le Scénario
Flash différencie une animation interpolée d'une animation image par image dans le scénario
de la façon suivante :
■
L'interpolation de mouvement est indiquée par un point noir au niveau de la première
image-clé, alors que les images interpolées intermédiaires comportent une flèche noire sur
fond bleu clair.
■
L'interpolation de forme est indiquée par un point noir au niveau de la première imageclé, les images intermédiaires comportant une flèche noire sur fond vert clair.
■
Une ligne pointillée indique que l'interpolation est rompue ou incomplète, par exemple
parce que l'image-clé finale est absente.
A propos des représentations d'effets animés dans le Scénario
289
■
Une image-clé unique est indiquée par un point noir. Les images gris clair après une
image-clé unique ont le même contenu sans modifications et comportent une ligne noire
avec un rectangle vide au niveau de la dernière image de la plage.
■
Un petit a indique qu'une action d'image a été affectée à l'image avec le panneau Actions.
■
Un drapeau rouge indique que l'image contient une étiquette ou un commentaire.
■
Une ancre dorée indique que l'image est une ancre nommée.
A propos des cadences
La cadence, la vitesse à laquelle l'animation est lue, est exprimée en nombre d'images par
seconde. Une cadence trop faible donne l'impression d'une animation qui s'arrête et
redémarre, alors qu'une cadence trop rapide risque d'entraîner un affichage flou des détails
de l'animation. Une cadence de 12 images par seconde donne en général les meilleurs résultats
sur le Web. Les animations QuickTime et AVI ont généralement une cadence de 12 images/
seconde, tandis que la cadence MPEG standard est de 24 images/seconde.
La complexité de l'animation et la puissance de l'ordinateur sur lequel est exécutée l'animation
affectent la qualité de la lecture. Testez vos animations sur différents ordinateurs afin de
déterminer les cadences optimales.
Etant donné que vous indiquez une cadence pour la totalité du document Flash, il est
conseillé de la définir avant de commencer la création de l'animation. Pour plus
d'informations, consultez la section Création et ouverture d'un document et définition de ses
propriétés, page 24.
290
Création de mouvement
Extension des images fixes
Lorsque vous créez l'arrière-plan d'une animation, il est souvent nécessaire de recouvrir
plusieurs images par une image fixe. L'ajout d'une plage de nouvelles images (pas d'imagesclés) à un calque permet d'étendre le contenu de la dernière image-clé dans toutes les images.
Pour étendre une image fixe sur plusieurs images :
1.
Créez une image dans la première image-clé de la séquence.
2.
Sélectionnez une image à droite, à la fin de la plage d'images que vous voulez ajouter.
3.
Sélectionnez Insertion > Scénario > Image.
Pour utiliser un raccourci afin d'étendre des images fixes :
1.
Créez une image dans la première image-clé.
2.
Faites glisser l'image-clé vers la droite en maintenant la touche Alt (Windows) ou Option
(Macintosh) enfoncée. Une plage de nouvelles images est créée, mais sans image-clé au
point final.
Répartition d'objets vers des calques
pour l'animation interpolée
Vous pouvez rapidement répartir des objets sélectionnés dans une image vers des calques
distincts afin d'appliquer une animation interpolée à ces objets. Les objets peuvent, dans un
premier temps, se trouver sur un ou plusieurs calques. Flash répartit chaque objet sur un
nouveau calque distinct. Les objets que vous ne sélectionnez pas (y compris ceux d'autres
images) conservent leur position d'origine.
Vous pouvez appliquer la commande Répartir vers les calques à tout type d'élément de la
scène, tels que les objets graphiques, les occurrences, les bitmaps, les clips vidéo et les blocs de
texte séparés.
L'application de cette commande à du texte séparé facilite la création de texte animé. Les
caractères du texte sont placés dans des blocs de texte distincts pendant la séparation et chaque
bloc de texte est placé sur un calque différent au cours de la répartition vers les calques. Pour
plus d'informations sur la séparation du texte, consultez la section Séparation du texte,
page 205.
Répartition d'objets vers des calques pour l'animation interpolée
291
Nouveaux calques
Les nouveaux calques créés pendant la répartition vers des calques sont baptisés selon le nom
de l'élément que chacun contient :
■
Un nouveau calque contenant un élément de bibliothèque (tel que symbole, bitmap ou
clip vidéo) prend le nom de cet élément.
■
Un nouveau calque contenant une occurrence nommée prend le nom de cette occurrence.
■
Un nouveau calque contenant un caractère d'un bloc de texte séparé est nommé selon ce
caractère.
■
Un nouveau calque contenant un objet graphique (sans nom) est nommé Calque 1 (ou
Calque 2 et ainsi de suite), les objets graphiques ne possédant pas de nom.
Flash insère les nouveaux calques sous les calques éventuellement sélectionnés dans le scénario.
Les nouveaux calques sont organisés de haut en bas, selon l'ordre de création initial des
éléments sélectionnés. Dans le cas de texte séparé, les calques sont organisés dans l'ordre des
caractères, qu'il soit écrit de gauche à droite, de droite à gauche ou de haut en bas. Par
exemple, si vous séparez le texte FLASH et que vous le répartissez sur des calques, les nouveaux
calques F, L, A, S et H sont classés de haut en bas, juste sous le calque qui contenait
initialement le texte.
Répartition d'objets vers des calques
Pour répartir des objets vers des calques, sélectionnez ces objets sur un ou plusieurs calques,
puis sélectionnez la commande Répartir vers les calques du menu Modification ou du menu
contextuel.
Pour interpoler des objets répartis, suivez la procédure indiquée dans Interpolation
d'occurrences, de groupes et de texte, page 293 ou Interpolation de formes, page 303.
Pour répartir des objets vers des calques :
1.
Sélectionnez les objets que vous souhaitez répartir vers des calques. Ces objets peuvent se
trouver sur un même calque ou sur plusieurs, même non contigus.
2.
Effectuez l'une des opérations suivantes :
■
Sélectionnez Modification > Scénario > Répartir vers les calques.
■
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche
Contrôle (Macintosh) sur un des objets sélectionnés, puis sélectionnez Répartir vers les
calques dans le menu contextuel.
292
Création de mouvement
Interpolation d'occurrences, de groupes
et de texte
Pour interpoler les changements de propriétés des occurrences, groupes et caractères, utilisez
l'interpolation de mouvement. Flash peut interpoler la position, la taille, la rotation et
l'inclinaison des occurrences, groupes et caractères. En outre, Flash peut interpoler la couleur
d'occurrences ou de caractères, en créant des décalages de couleur graduels ou en effectuant un
fondu en entrée ou en sortie d'une occurrence. Pour interpoler la couleur de groupes ou de
caractères, vous devrez les convertir en symboles. Pour plus d'informations, consultez la
section Création de symboles, page 97. Pour animer séparément des caractères distincts d'un
bloc de texte, placez chaque caractère dans un bloc de texte distinct. Consultez la section
Séparation du texte, page 205.
Si vous appliquez une interpolation de mouvement, puis changez le nombre d'images entre
deux images-clés ou déplacez le groupe ou symbole dans n'importe quelle image-clé, Flash
interpole à nouveau automatiquement les images.
Vous pouvez créer une interpolation de mouvement à l'aide de l'une de deux méthodes :
■
Créez les images-clés de début et de fin de l'animation et utilisez l'option Interpolation de
mouvement dans l'inspecteur des propriétés.
■
Créez la première image-clé de l'animation, insérez le nombre d'images souhaitées dans le
scénario, puis sélectionnez Insertion > Scénario > Créer une interpolation de mouvement,
puis déplacez l'objet vers son nouvel emplacement sur la scène. Flash crée
automatiquement l'image-clé de fin.
Lorsque vous interpolez la position, vous pouvez faire déplacer l'objet selon une trajectoire
non linéaire. Pour plus d'informations, consultez la section Interpolation de mouvement le long
d'une trajectoire, page 297.
Pour créer une interpolation de mouvement à l'aide de l'option Interpolation de
mouvement :
1.
Cliquez sur le nom d'un calque pour en faire le calque courant, puis sélectionnez une
image-clé vide dans le calque dans lequel vous voulez démarrer l'animation.
2.
Pour créer la première image de l'interpolation de mouvement, effectuez l'une des
opérations suivantes :
■
Créez un objet graphique avec l'outil Plume, Ovale, Rectangle, Crayon ou Pinceau,
puis convertissez-le en symbole. Pour plus d'informations sur la conversion d'objets en
symboles, consultez la sectionCréation de symboles, page 97.
■
Créez une occurrence, un groupe ou un bloc de texte sur la scène.
■
Faites glisser une occurrence de symbole depuis le panneau Bibliothèque.
Interpolation d'occurrences, de groupes et de texte
293
3.
Créez une seconde image-clé là où vous voulez que l'animation se termine, puis laissez cette
nouvelle image-clé sélectionnée.
4.
Effectuez une des opérations suivantes pour modifier l'occurrence, le groupe ou le bloc de
texte de l'image de fin :
■
Déplacez l'élément vers un nouvel emplacement.
■
Modifiez la taille, la rotation ou l'inclinaison de l'élément.
■
Modifiez la couleur de l'élément (occurrence ou bloc de texte uniquement).
Pour interpoler la couleur d'éléments autres que des occurrences ou blocs de texte, vous
utiliserez l'interpolation de forme. Voir Interpolation de formes, page 303.
5.
Cliquez sur l'une des images de la plage de l'animation, puis sélectionnez Mouvement dans
le menu déroulant Interpolation de l'inspecteur des propriétés (Fenêtre > Propriétés).
6.
Si vous avez modifié la taille de l'élément à l'étape 4, sélectionnez Redimensionner pour
interpoler la taille de l'élément sélectionné.
7.
Pour obtenir un effet de mouvement plus réaliste, vous pouvez appliquer un effet
d'accélération à l'interpolation de mouvement. Flash propose deux méthodes qui vous
permettent d'appliquer une accélération à une interpolation de mouvement :
Vous pouvez spécifier une valeur d'accélération pour chaque interpolation de mouvement
que vous créez à l'aide du curseur Accélération ou vous pouvez utiliser la boîte de dialogue
Accélération/Décélération personnalisée (Flash Professionnel uniquement) pour contrôler
plus précisément la vitesse de l'interpolation de mouvement.
Faites glisser la flèche en regard de l'option Accélération ou entrez une valeur pour ajuster
le taux de modification entre les images interpolées :
■
Pour commencer l'interpolation de mouvement lentement et l'accélérer vers la fin de
l'animation, déplacez le curseur vers le haut ou entrez une valeur comprise entre -1 et 100.
■
Pour commencer l'interpolation de mouvement rapidement et ralentir vers la fin de
l'animation, déplacez le curseur vers le bas ou entrez une valeur comprise entre 1
et 100.
Par défaut, le taux de modification entre les images interpolées est constant. L'option
Accélération permet de donner un aspect naturel d'accélération ou de décélération en
ajustant progressivement le taux de modification.
R E MA R Q U E
294
Si vous souhaitez utiliser la boîte de dialogue Accélération/Décélération
personnalisée pour apporter une modification plus importante de la vitesse dans la
plage de l'animation, consultez la section Application de l'Accélération/la Décélération
personnalisée aux interpolations de mouvement (Flash Professionnel uniquement),
page 299.
Création de mouvement
8.
Pour faire pivoter l'élément sélectionné au cours de l'interpolation, sélectionnez une option
dans le menu Rotation :
■
Sélectionnez Aucune (valeur par défaut) pour empêcher la rotation.
■
Sélectionnez Auto pour faire pivoter l'objet une fois dans la direction nécessitant le
moindre mouvement.
■
Sélectionnez Vers la droite ou Vers la gauche pour faire pivoter l'objet comme indiqué,
puis entrez le nombre de rotations.
REMARQUE
9.
La rotation de l'étape 8 est une rotation supplémentaire à toute rotation
appliquée à l'image de fin à l'étape 4.
Si vous utilisez une trajectoire de mouvement, activez l'option Orienter vers la trajectoire
pour orienter la ligne de base de l'élément interpolé vers la trajectoire. Consultez
Interpolation de mouvement le long d'une trajectoire, page 297.
10. Activez l'option Sync dans l'inspecteur des propriétés afin de synchroniser l'animation des
occurrences de symboles graphiques avec le scénario principal.
REMARQUE
11.
La commande Modification > Scénario > Synchroniser les symboles et l'option Sync
servent toutes deux à recalculer le nombre d'images d'une interpolation, afin de
l'adapter au nombre d'images qui lui sont affectées dans le scénario.
Si vous utilisez une trajectoire de mouvement, sélectionnez Accrocher pour associer
l'élément interpolé à la trajectoire par son point d'alignement.
Pour créer une interpolation de mouvement avec la commande Créer une
interpolation de mouvement :
1.
Sélectionnez une image-clé vide et dessinez un objet sur la scène ou faites glisser une
occurrence d'un symbole depuis le panneau Bibliothèque.
R E M AR QU E
2.
Pour créer une interpolation, il ne doit y avoir qu'un élément dans le calque.
Sélectionnez Insertion > Scénario > Créer une interpolation de mouvement.
Si vous avez dessiné un objet à l'étape 1, Flash le convertit automatiquement en symbole
et lui affecte le nom Interpolation 1.
Interpolation d'occurrences, de groupes et de texte
295
3.
Cliquez à l'intérieur de l'image dans laquelle vous voulez que l'animation se termine, puis
sélectionnez Insertion > Scénario > Image.
4.
Déplacez l'objet, l'occurrence ou le bloc de caractères sur la scène vers l'emplacement
souhaité. Ajustez la taille de l'élément si vous voulez interpoler son échelle. Ajustez la
rotation de l'élément si vous voulez interpoler sa rotation. Désélectionnez l'objet lorsque
vous avez terminé les ajustements.
Une image-clé est automatiquement ajoutée à la fin de la plage d'images.
5.
Faites glisser la flèche en regard de l'option Accélération ou entrez une valeur pour ajuster
le taux de modification entre les images interpolées :
■
Pour commencer l'interpolation de mouvement lentement et l'accélérer vers la fin de
l'animation, déplacez le curseur vers le haut ou entrez une valeur comprise entre -1 et 100.
■
Pour commencer l'interpolation de mouvement rapidement et ralentir vers la fin de
l'animation, déplacez le curseur vers le bas ou entrez une valeur comprise entre 1
et 100.
Par défaut, le taux de modification entre les images interpolées est constant. L'option
Accélération permet de donner un aspect naturel d'accélération ou de décélération en
ajustant progressivement le taux de modification.
REMARQUE
6.
Si vous souhaitez utiliser la boîte de dialogue Accélération/Décélération
personnalisée pour apporter une modification plus importante de la vitesse dans la
plage de l'animation, consultez la section Application de l'Accélération/la Décélération
personnalisée aux interpolations de mouvement (Flash Professionnel uniquement),
page 299.
Pour faire pivoter l'élément sélectionné au cours de l'interpolation, sélectionnez une option
dans le menu Rotation :
■
Sélectionnez Auto pour faire pivoter l'objet une fois dans la direction nécessitant le
moindre mouvement.
■
Sélectionnez Vers la droite ou Vers la gauche pour faire pivoter l'objet comme indiqué,
puis entrez le nombre de rotations.
REMARQUE
296
La rotation de l'étape 6 est une rotation supplémentaire à toute rotation
appliquée à l'image de fin à l'étape 4.
Création de mouvement
7.
Si vous utilisez une trajectoire de mouvement, activez l'option Orienter vers la trajectoire
pour orienter la ligne de base de l'élément interpolé vers la trajectoire. (Voir Interpolation
de mouvement le long d'une trajectoire, page 297.)
8.
Activez l'option Sync pour vous assurer que l'occurrence boucle correctement dans
l'animation principale.
Utilisez la commande Sync si le nombre d'images de la séquence d'animation dans le
symbole n'est pas un multiple pair du nombre d'images occupées par l'occurrence
graphique dans l'animation.
9.
Si vous utilisez une trajectoire de mouvement, sélectionnez Accrocher pour associer
l'élément interpolé à la trajectoire par son point d'alignement.
Interpolation de mouvement le long d'une
trajectoire
Les calques de guide de mouvement vous permettent de tracer des trajectoires le long
desquelles des occurrences, des groupes ou des blocs de texte interpolés peuvent être animés.
Vous pouvez lier plusieurs calques à un calque de guide de mouvement pour que plusieurs
objets suivent la même trajectoire. Un calque normal lié à un calque de guide de mouvement
devient un calque guidé.
Pour créer une trajectoire de mouvement pour une animation interpolée :
1.
Créez une séquence d'animation d'interpolation de mouvement, tel que décrit dans la
section Interpolation d'occurrences, de groupes et de texte, page 293.
Si vous activez l'option Orienter vers la trajectoire, la ligne de base de l'élément interpolé
s'oriente vers la trajectoire de mouvement. Si vous activez l'option Accrocher, le point
d'alignement de l'élément interpolé s'ajuste à la trajectoire de mouvement.
2.
Effectuez l'une des opérations suivantes :
■
Sélectionnez le calque contenant l'animation, puis sélectionnez Insertion > Scénario >
Guide de mouvement.
■
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche
Contrôle (Macintosh) sur le calque contenant l'animation, puis sélectionnez Ajouter
un guide de mouvement.
Flash crée un calque au-dessus du calque sélectionné avec une icône de guide de
mouvement à gauche du nom du calque.
Interpolation de mouvement le long d'une trajectoire
297
3.
Utilisez l'outil Plume, Crayon, Ligne, Cercle, Rectangle ou Pinceau pour tracer la
trajectoire souhaitée.
4.
Accrochez le centre au début de la ligne dans la première image et à la fin de la ligne dans
la dernière image.
REMARQUE
5.
Faites glisser le symbole par son point d'alignement pour obtenir les meilleurs
résultats à l'accrochage.
Pour masquer le calque de guide de mouvement et la ligne de sorte que seul le mouvement
de l'objet soit visible lorsque vous travaillez, cliquez sur la colonne d'affichage du calque de
guide de mouvement.
Le groupe ou symbole suit la trajectoire de mouvement lorsque vous exécutez l'animation.
Pour lier des calques à un calque de guide de mouvement, effectuez l'une des
opérations suivantes :
■
Faites glisser un calque existant sous le calque de guide de mouvement. Le calque est mis
en retrait sous le calque de guide de mouvement. Tous les objets se trouvant sur ce calque
sont automatiquement accrochés à la trajectoire de mouvement.
■
Créez un calque sous le calque de guide de mouvement. Les objets que vous interpolez sur
ce calque sont automatiquement interpolés le long de la trajectoire de mouvement.
■
Sélectionnez un calque sous un calque de guide de mouvement. Sélectionnez Modification
> Scénario > Propriétés du calque, puis sélectionnez Guidé dans la boîte de dialogue
Propriétés du calque.
Pour supprimer le lien entre les calques et un calque de guide de mouvement :
1.
Sélectionnez le calque dont vous voulez supprimer le lien.
2.
Effectuez l'une des opérations suivantes :
■
Faites glisser le calque au-dessus du calque de guide de mouvement.
■
Sélectionnez Modification > Scénario > Propriétés du calque, puis sélectionnez le type
de claque Normal dans la boîte de dialogue Propriétés du calque.
298
Création de mouvement
Application de l'Accélération/la
Décélération personnalisée aux
interpolations de mouvement (Flash
Professionnel uniquement)
La boîte de dialogue Accélération/Décélération personnalisée affiche un graphique
représentant le degré de déplacement au fil du temps. Les images sont représentées par l'axe
horizontal et le pourcentage de modification est représenté par l'axe vertical. La première
image-clé est représentée par la valeur 0 % et la dernière image-clé est représentée par la valeur
100 %.
La valeur du changement de vélocité de l'objet est représentée par la pente de la courbe.
Lorsque la courbe est horizontale (pas de pente), la vélocité est égale à zéro ; lorsque la courbe
est verticale, il y a un changement de vélocité instantané.
La boîte de dialogue offre les commandes supplémentaires suivantes :
La valeur par défaut pour cette
case est sélectionnée, ce qui signifie que la courbe affichée est utilisée pour toutes les
propriétés et le menu contextuel Propriétés est désactivé. Lorsque la case n'est pas
sélectionnée, le menu contextuel Propriétés est activé et chaque propriété comporte une
courbe séparée définissant la vélocité de cette propriété.
Case Utiliser un paramètre pour toutes les propriétés
Application de l'Accélération/la Décélération personnalisée aux interpolations de mouvement (Flash
Ce menu est activé uniquement lorsque la case Utiliser un
paramètre pour toutes les propriétés n'est pas sélectionnée. Lorsque ce menu est activé,
une courbe séparée est conservée pour chacune des cinq propriétés s'affichant dans le
menu. La sélection d'une propriété dans ce menu affiche la courbe de cette propriété. Les
propriétés sont les suivantes :
Menu contextuel Propriétés
Position Spécifie les paramètres d'accélération personnalisée pour la position d'un
objet animé sur la scène.
Spécifie les paramètres d'accélération personnalisée pour la rotation d'un
objet animé. Par exemple, vous pouvez régler la vitesse de rotation d'un personnage
animé jusqu'à faire face à l'utilisateur sur la scène.
Rotation
Echelle Spécifie les paramètres d'accélération personnalisée pour le
redimensionnement d'un objet animé. Par exemple, vous pouvez plus facilement
personnaliser le redimensionnement d'un objet de sorte qu'il semble s'éloigner de
l'utilisateur, puis se rapprocher, puis s'éloigner de nouveau.
Couleur Spécifie les paramètres d'accélération personnalisée pour les transitions de
couleur appliquées à un objet animé.
Filtres Spécifie les paramètres d'accélération personnalisée pour les filtres appliqués à
un objet animé. Par exemple, vous pouvez contrôler le paramètre d'accélération d'une
ombre portée qui simule une modification de la direction d'une source lumineuse.
Boutons Lire et Arrêter Ces boutons vous permettent d'afficher une animation sur la
scène à l'aide des courbes de vélocité courantes définies dans la boîte de dialogue
Accélération/Décélération personnalisée.
Bouton Réinitialiser
Ce bouton vous permet de réinitialiser la courbe de vélocité à l'état
linéaire, par défaut.
Position du point de contrôle sélectionné Dans le coin supérieur droit de la boîte de
dialogue, une valeur numérique affiche l'image-clé et la position du point de contrôle
sélectionné. Si aucun point de contrôle n'est sélectionné, aucune valeur ne s'affiche.
Pour ajouter un point de contrôle à la ligne, cliquez une première fois sur la ligne en
diagonale. Un nouveau point de contrôle est ajouté à la ligne. En faisant glisser les positions
des points de contrôle, vous pouvez obtenir un degré précis de contrôle sur le mouvement
d'un objet.
300
Création de mouvement
Les indicateurs des images (poignées carrées) permettent de cliquer pour indiquer un point de
ralentissement ou d'accélération. En cliquant sur la poignée d'un point de contrôle (les
poignées carrées), vous sélectionnez ce point de contrôle et affichez les points tangentiels sur
l'un de ses côtés. Les points tangentiels sont représentés par des cercles. Vous pouvez faire
glisser le point de contrôle ou ses points tangentiels à l'aide de la souris ou vous pouvez les
positionner à l'aide des flèches directionnelles du clavier.
C O N S E IL
Par défaut, les points de contrôle s'accrochent à une grille. Vous pouvez désactiver
l'accrochage en appuyant sur la touche X tout en faisant glisser le point de contrôle.
En cliquant sur une zone de la courbe éloignée de tous les points de contrôle, vous ajoutez un
nouveau point de contrôle à la courbe au niveau de ce point, sans modifier la forme de la
courbe. Pour désélectionner le point de contrôle sélectionné, cliquez à l'extérieur de la courbe
et des points de contrôle.
Compatibilité avec les paramètres Accélération/
Décélération courante
Si vous appliquez une accélération personnalisée à une image à l'aide de la boîte de dialogue
Accélération/Décélération personnalisée, le champ Editer qui affiche la valeur d'accélération
affiche '--'. Si vous appliquez une valeur d'accélération à une image à l'aide du champ Editer
ou du curseur du menu contextuel, le graphique Accélération personnalisée est paramétré sur
la courbe équivalente et la case Utiliser un paramètre pour toutes les propriétés est
sélectionnée.
Courbes d'accélération non prises en charge
Certains types de courbes d'accélératon ne sont pas pris en charge :
■
Aucune partie du graphique ne peut représenter une courbe non linéaire (telle qu'un
cercle)
La boîte de dialogue Accélération personnalisée empêche automatiquement le
déplacement d'un point de contrôle ou d'une poignée de tangente vers une position qui
rendrait une courbe non valide.
■
Tous les points doivent exister sur le graphique. Les points de contrôle ne peuvent pas être
déplacés sous les limites du graphique.
■
Tous les segments de la courbe doivent exister dans le graphique. La forme de la courbe
sera aplatie pour l'empêcher de s'étendre sous les limites du graphique.
Application de l'Accélération/la Décélération personnalisée aux interpolations de mouvement (Flash
Pour utiliser la boîte de dialogue Accélération/Décélération personnalisée :
1.
Sélectionnez un calque dans le scénario auquel est appliquée une interpolation de
mouvement.
2.
Cliquez sur le bouton Editer à côté du curseur Accélération de l'inspecteur des propriétés
de l'image. La boîte de dialogue Accélération/Décélération personnalisée s'ouvre.
3.
(Facultatif) Désactivez l'option Utiliser un paramètre pour toutes les propriétés et
sélectionnez une propriété dans le menu pour afficher la courbe de cette propriété. Pour
plus d'informations sur les propriétés que vous pouvez spécifier, consultez la section
Application de l'Accélération/la Décélération personnalisée aux interpolations de mouvement
(Flash Professionnel uniquement), page 299.
4.
Dans la boîte de dialogue Accélération/Décélératoin personnalisée, cliquez tout en
appuyant sur la touche Ctrl (Windows) ou Command (Macintosh) sur la ligne en
diagonale pour ajouter un point de contrôle.
5.
Faites glisser le point de contrôle vers le haut pour augmenter la vitesse de l'objet, ou faitesle glisser vers le bas pour ralentir la vitesse de l'objet.
6.
Faites glisser les poignées des sommets pour ajuster la courbe d'accélération et régler
davantage la valeur d'accélération de l'interpolation.
7.
Affichez l'animation sur la scène en cliquant sur le bouton Lire dans le coin inférieur gauche
de la boîte de dialogue Accélération/Décélération personnalisée.
8.
Ajustez les réglages afin d'obtenir l'effet souhaité.
Pour copier et coller une courbe d'accélération :
■
Copiez la courbe d'accélération courante en appuyant sur les touches Control+C
(Windows) ou Command+C (Macintosh).
■
Collez la courbe copiée dans une autre courbe d'accélération en appuyant sur les touches
Control+V (Windows) ou Command+V (Macintosh).
Vous pouvez copier et coller la courbe d'accélération. La courbe copiée reste disponible
jusqu'à votre sortie de l'application Flash.
302
Création de mouvement
Interpolation de formes
L'interpolation de formes permet de créer un effet similaire au morphing, une forme semblant
se transformer progressivement en une autre forme. Flash peut également interpoler
l'emplacement, la taille, la couleur et l'opacité des formes.
L'interpolation d'une forme à la fois donne en général les meilleurs résultats. Si vous
interpolez plusieurs formes à la fois, toutes les formes doivent se trouver sur le même calque.
Pour appliquer une interpolation de forme à des groupes, des occurrences ou des bitmaps,
vous devez tout d'abord séparer ces éléments. Voir Séparation de groupes et d'objets, page 257.
Pour appliquer l'interpolation de forme à du texte, vous devez le séparer deux fois afin de le
convertir en objets. Voir Séparation du texte, page 205.
Pour contrôler des modifications de forme plus complexes ou improbables, utilisez les repères
de formes, qui contrôlent le mouvement des parties de la forme d'origine dans la nouvelle
forme. Voir Utilisation des repères de formes, page 304.
Pour interpoler une forme :
1.
Cliquez sur le nom d'un calque pour en faire le calque courant, puis créez ou sélectionnez
une image-clé dans laquelle vous voulez démarrer l'animation.
2.
Créez ou placez le contenu de la première image de la séquence. Pour obtenir un résultat
optimal, l'image ne doit contenir qu'un élément (un objet graphique ou un groupe,
bitmap, occurrence ou bloc de texte séparé).
3.
Sélectionnez l'image-clé dans le scénario.
4.
Sélectionnez Fenêtre > Propriétés.
5.
Dans l'inspecteur des propriétés, sélectionnez Forme dans le menu déroulant Interpolation.
6.
Faites glisser la flèche en regard de l'option Accélération ou entrez une valeur pour ajuster
le taux de modification entre les images interpolées :
■
Pour commencer l'interpolation de forme lentement et l'accélérer vers la fin de
l'animation, déplacez le curseur vers le bas ou entrez une valeur comprise entre -1 et 100.
■
Pour commencer l'interpolation de forme rapidement et ralentir vers la fin de
l'animation, déplacez le curseur vers le haut ou entrez une valeur comprise entre 1 et
100.
Par défaut, le taux de modification entre les images interpolées est constant. L'option
Accélération permet de donner un aspect plus naturel à la transformation en ajustant
progressivement la cadence de modification.
Interpolation de formes
303
7.
Sélectionnez une option de mélange :
L'option Distributif permet de créer une animation dans laquelle les formes intermédiaires
sont plus lisses et plus irrégulières.
L'option Angulaire permet de créer une animation qui préserve les angles apparents et les
lignes droites dans les formes intermédiaires.
REMARQUE
L'option Angulaire est utile uniquement pour les formes mélangées contenant des
angles aigus et des lignes droites. Si les formes sélectionnées n'ont pas d'angles,
Flash revient à l'option d'interpolation de forme distributive.
8.
Créez une deuxième image-clé après le nombre souhaité d'images après la première imageclé.
9.
Après avoir sélectionné la seconde image-clé, sélectionnez le contenu placé dans la première
image-clé, puis effectuez l'une des opérations suivantes :
■
Changez la forme, la couleur, l'opacité ou la position du contenu.
■
Supprimez le contenu et placez un nouveau contenu dans la seconde image-clé.
Utilisation des repères de formes
Vous pouvez utiliser des repères de formes pour contrôler des modifications de forme plus
complexes ou improbables. Les repères de formes identifient les points qui doivent
correspondre dans les formes de début et de fin. Par exemple, si vous interpolez le dessin d'un
visage à mesure que l'expression change, vous pouvez utiliser un repère de forme pour
marquer chaque œil. Puis, au lieu que le visage devienne un enchevêtrement amorphe au fur
et à mesure de la modification de la forme, chaque œil reste reconnaissable et est modifié
séparément.
Les repères de formes contiennent des lettres (de a à z) permettant d'identifier les points qui
correspondent dans les formes de début et de fin. Vous pouvez utiliser jusqu'à 26 repères de
formes.
Les repères de formes sont jaunes dans une image-clé de début, verts dans une image-clé de fin
et rouges lorsqu'ils ne se trouvent pas sur une courbe.
304
Création de mouvement
Pour obtenir de meilleurs résultats lors de l'interpolation de forme, suivez ces conseils :
■
Dans l'interpolation de formes complexes, créez des formes intermédiaires et interpolez-les
au lieu de simplement définir une forme de début et de fin.
■
Assurez-vous que les repères de formes sont logiques. Par exemple, si vous utilisez trois
repères de formes pour un triangle, ils doivent être dans le même ordre sur le triangle
d'origine que sur le triangle à interpoler. L'ordre ne peut pas être abc dans la première
image-clé et acb dans la seconde.
■
Les repères de formes fonctionnent mieux si vous les placez de droite à gauche en
commençant au coin supérieur gauche de la forme.
Pour utiliser les repères de formes :
1.
Sélectionnez la première image-clé de la séquence d'interpolation de forme.
2.
Sélectionnez Modification > Forme > Ajouter les repères de formes.
Le repère de forme de début apparaît comme un cercle rouge avec la lettre a quelque part
sur la forme.
3.
Déplacez le repère de forme vers un point que vous voulez marquer.
4.
Sélectionnez la dernière image-clé de la séquence d'interpolation.
Le repère de forme de fin apparaît quelque part sur la forme comme un cercle vert avec la
lettre a.
5.
Déplacez le repère de forme vers le point de la forme de fin qui doit correspondre au
premier point que vous avez marqué.
6.
Lancez de nouveau l'animation pour voir comment les repères de formes modifient
l'interpolation de forme. Déplacez les repères de formes pour ajuster l'interpolation.
7.
Répétez ce processus pour ajouter des repères de formes supplémentaires. De nouveaux
repères apparaissent avec les lettres suivantes b, c, etc.).
Vous pouvez visualiser tous les repères de formes et vous pouvez les supprimer.
Pour afficher tous les repères de formes :
■
Sélectionnez Affichage > Afficher les repères de formes. Le calque et l'image-clé contenant
les repères de formes doivent être le calque et l'image-clé courants pour que l'option
Afficher les repères de formes soit disponible.
Pour supprimer un repère de forme :
■
Faites-le glisser hors de la scène.
Pour supprimer tous les repères de formes :
■
Sélectionnez Modification > Forme > Supprimer tous les repères.
Utilisation des repères de formes
305
Création d'animation image par image
Pour créer une animation image par image, vous devez définir chaque image comme une
image-clé, puis créer une image différente pour chacune d'entre elles. Dans un premier temps,
chaque nouvelle image-clé possède le même contenu que l'image-clé qui la précède et vous
pouvez donc modifier les images de l'animation par incréments.
Pour créer une animation image par image :
1.
Cliquez sur le nom d'un calque pour en faire le calque courant, puis sélectionnez une image
dans le calque dans lequel vous voulez démarrer l'animation.
2.
Si l'image n'est pas encore une image-clé, sélectionnez Insertion > Scénario > Image-clé
pour qu'elle le devienne.
3.
Créez le contenu de la première image de la séquence.
Vous pouvez utiliser les outils de dessin, coller des graphiques depuis le presse-papiers ou
importer un fichier.
4.
Cliquez sur l'image suivante à droite sur la même ligne, puis sélectionnez Insertion >
Scénario > Image-clé, ou cliquez avec le bouton droit de la souris (Windows) ou en
appuyant sur la touche Contrôle (Macintosh) et choisissez Insérer une image-clé dans le
menu contextuel.
Une nouvelle image-clé est ajoutée, avec un contenu identique à celui de la
première image-clé.
5.
Modifiez le contenu de cette image sur la scène pour développer la prochaine
incrémentation de l'animation.
6.
Pour terminer la séquence d'animation image par image, répétez les étapes 4 et 5 jusqu'à ce
le mouvement souhaité soit créé.
7.
Pour tester la séquence d'animation, sélectionnez Contrôle > Lire ou cliquez sur le bouton
Lire du contrôleur.
306
Création de mouvement
Manipulation de l'animation
Après l'avoir créée, vous pouvez déplacer une image ou une image-clé dans le calque courant
ou vers un autre calque, la supprimer ou effectuer d'autres modifications. Seules les imagesclés peuvent être modifiées. Vous pouvez afficher des images interpolées, mais vous ne pouvez
pas les modifier directement. Pour modifier des images interpolées, vous modifiez l'une des
images-clés de définition ou insérez une nouvelle image-clé entre celles de début et de fin.
Vous pouvez faire glisser des éléments du panneau Bibliothèque sur la scène pour ajouter des
éléments à l'image-clé en cours.
Pour afficher et modifier plusieurs images à la fois, vous utiliserez la technique de papier
pelure. Voir Utilisation de papier pelure, page 308.
Pour insérer des images dans le scénario, effectuez l'une des opérations
suivantes :
■
Pour insérer une nouvelle image, sélectionnez Insertion > Scénario > Image.
■
Pour créer une image-clé, choisissez Insertion > Scénario > Image-clé. Vous pouvez
également cliquer avec le bouton droit de la souris (Windows) ou en appuyant sur la
touche Ctrl (Macintosh) sur l'image dans laquelle placer l'image-clé, puis choisir Insérer
une image-clé dans le menu contextuel.
■
Pour créer une image-clé vide, choisissez Insertion > Scénario > Image-clé vide ou cliquez
avec le bouton droit (Windows) ou en appuyant sur la touche Contrôle (Macintosh) sur
l'image dans laquelle placer l'image-clé, puis choisissez Insérer une image-clé vide dans le
menu contextuel.
Pour supprimer ou modifier une image ou une image-clé, effectuez l'une des
opérations suivantes :
■
Pour supprimer une image, une image-clé ou une séquence d'images, sélectionnez-la, puis
cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche
Contrôle (Macintosh) sur l'image, l'image-clé ou la séquence, puis sélectionnez Supprimer
les images dans le menu contextuel. Les images environnantes demeurent inchangées.
■
Pour déplacer une image-clé ou une séquence d'images et leur contenu, sélectionnez-la,
puis faites-la glisser vers l'emplacement souhaité.
■
Pour étendre la durée d'une image-clé, faites glisser l'image-clé tout en appuyant sur Alt
(Windows) ou sur Option (Macintosh) jusqu'à la dernière image de la nouvelle séquence.
■
Pour copier une image-clé ou une séquence d'images en la faisant glisser, sélectionnez-la,
puis faites-la glisser vers le nouvel emplacement tout en appuyant sur Alt (Windows) ou
sur Option (Macintosh).
Manipulation de l'animation
307
■
Pour copier et coller une image ou une séquence d'image, sélectionnez-la et choisissez
Edition > Scénario > Copier les images. Sélectionnez une image ou séquence à remplacer
et choisissez Edition > Scénario > Coller les images.
■
Pour convertir une image-clé en image, sélectionnez-la et choisissez Modification >
Scénario > Supprimer l'image-clé ou cliquez avec le bouton droit (Windows) ou tout en
appuyant sur la touche Contrôle (Macintosh) sur l'image et choisissez Supprimer l'imageclé dans le menu contextuel. L'image-clé effacée et toutes les images jusqu'à l'image-clé
suivante sont remplacées par le contenu de l'image précédant l'image-clé effacée.
■
Pour changer la longueur d'une séquence interpolée, faites glisser l'image-clé de début ou
de fin vers la gauche ou la droite. Pour changer la longueur d'une séquence image par
image, consultez la section Création d'animation image par image, page 306.
■
Pour ajouter un élément de la bibliothèque à l'image-clé en cours, faites glisser l'élément
du panneau Bibliothèque vers la scène.
■
Pour inverser une séquence d'animation, sélectionnez les images appropriées dans un
ou plusieurs calques et choisissez Modification > Scénario > Inverser les images. Des
images-clés doivent se trouver au début et à la fin de la séquence.
Utilisation de papier pelure
En général, Flash affiche une image de la séquence d'animation à la fois sur la scène.
Cependant, vous pouvez afficher deux ou plusieurs images à la fois sur la scène pour vous
aider à positionner et modifier une animation image par image. L'image qui se trouve sous la
tête de lecture apparaît en couleur alors que les images environnantes sont estompées, ce qui
donne l'impression que chaque image a été dessinée sur une feuille de papier pelure
transparent et que ces feuilles ont été empilées les unes sur les autres. Les images estompées ne
peuvent pas être modifiées.
Pour afficher simultanément plusieurs images d'une animation sur la scène :
■
Cliquez sur le bouton Pelure d'oignon. Toutes les images comprises entre les repères
Début Pelure d'oignon et Fin Pelure d'oignon (dans l'en-tête du scénario) sont
superposées sous forme d'une image dans la fenêtre Document.
Pour contrôler l'affichage sous forme de papier pelure, effectuez l'une des
opérations suivantes :
■
Pour afficher les images de papier pelure sous forme de contours, cliquez sur Contours de
pelures d'oignon.
■
Pour changer la position d'un repère de papier pelure, faites glisser son pointeur vers un
nouvel emplacement. Généralement, le repère de papier pelure se déplace avec le pointeur
de la forme en cours.
308
Création de mouvement
■
Pour activer la modification de toutes les images entre les repères de papier pelure, cliquez
sur le bouton Modifier plusieurs images. En général, l'option de papier pelure vous permet
de modifier uniquement l'image en cours. Cependant, vous pouvez afficher normalement
le contenu de chaque image se trouvant entre les repères de papier pelure et les rendre
modifiables, quelle que soit l'image en cours.
REMARQUE
Les calques verrouillés (identifiés par l'icône de verrou) ne sont pas affichés lorsque
l'option Papier pelure est activée. Pour éviter l'affichage d'une multitude d'images
rendant la visualisation difficile, vous pouvez verrouiller ou masquer les calques qui
ne doivent pas apparaître dans l'effet de papier pelure.
Pour changer l'affichage des repères de papier pelure :
■
Cliquez sur le bouton Modifier les repères de pelures d'oignon, puis sélectionnez un
élément dans le menu :
Toujours afficher les repères permet d'afficher les repères de papier pelure dans l'en-tête
du scénario, que l'option de papier pelure soit activée ou non.
Ancrer la pelure d'oignon permet de verrouiller les repères de papier pelure à leur
position courante dans l'en-tête du scénario. Généralement, la plage de pelures dépend du
pointeur de l'image en cours et des repères de papier pelure. L'ancrage des repères de
papier pelure vous permet de les empêcher de se déplacer avec le pointeur de l'image en
cours.
Oignon 2 permet d'afficher
deux images de chaque côté de l'image en cours.
Oignon 5 permet d'afficher
cinq images de chaque côté de l'image en cours.
Oignon sur tout permet d'afficher
toutes les images de chaque côté de l'image en cours.
Déplacement d'une animation tout entière
Si vous devez déplacer toute une animation sur la scène, vous devez déplacer les graphiques de
toutes les images et calques en une opération pour éviter de tout réaligner.
Pour déplacer la totalité de l'animation vers un autre emplacement sur la
scène :
1.
Déverrouillez tous les calques.
Pour tout déplacer sur un ou plusieurs calques, verrouillez ou masquez tous les calques sur
lesquels vous ne voulez rien déplacer.
2.
Cliquez sur le bouton Modifier plusieurs images dans le scénario.
Manipulation de l'animation
309
3.
Faites glisser les repères de pelure d'oignon pour qu'ils entourent toutes les images que vous
voulez sélectionner, ou cliquez sur Modifier les repères de pelures d'oignon, puis
sélectionnez Oignon sur tout.
4.
Sélectionnez Edition > Sélectionner tout.
5.
Faites glisser la totalité de l'animation vers le nouvel emplacement sur la scène.
Utilisation de calques de masque
Pour les effets de projecteur et de transition, vous pouvez utiliser un calque de masque pour
créer un trou qui laisse apparaître le contenu d'un ou de plusieurs calques situés en dessous.
Un élément de masque peut être une forme remplie, un texte, une occurrence de symbole
graphique ou un clip. Vous pouvez grouper plusieurs calques sous un calque de masque
unique pour créer des effets élaborés.
Vous pouvez animer un calque de masque pour créer des effets dynamiques. Dans le cas d'une
forme remplie utilisée comme calque, vous utiliserez une interpolation de forme. Pour un
texte, une occurrence de graphique ou un clip, il s'agira d'une interpolation de mouvement. Si
vous utilisez une instance de clip comme calque, vous pouvez animer le calque sur une
trajectoire.
Pour créer un calque de masque, vous placez un élément de masque sur le calque que vous
souhaitez utiliser comme masque. Au lieu de contenir un remplissage ou un trait, l'élément de
masque fait office de fenêtre qui révèle la zone des calques liés qui se trouvent en dessous. Le
reste du calque de masque cache tous les autres éléments, à l'exception de ceux qui sont
visibles à travers le masque. Un calque de masque ne peut contenir qu'un élément de masque.
Il est impossible de placer un calque de masque dans un bouton ou d'appliquer un masque à
un autre masque.
Vous pouvez également utiliser ActionScript pour créer un calque de masque à partir d'un
clip. Un calque de masque créé avec ActionScript ne peut être appliqué qu'à un autre clip.
Voir la section Utilisation des clips en tant que masques du guide Formation à ActionScript 2.0
dans Flash.
Pour créer un calque de masque :
1.
Sélectionnez ou créez un calque contenant les objets qui figureront dans le masque.
2.
Sélectionnez un calque, puis sélectionnez Insertion > Scénario > Calque pour créer un
nouveau calque au-dessus.
Un calque de masque cache toujours le calque qui se trouve immédiatement en dessous de
lui ; par conséquent, veillez à créer le calque au bon endroit.
310
Création de mouvement
3.
Placez une forme remplie, du texte ou une occurrence de symbole sur le calque de masque.
Flash ignore les bitmaps, les dégradés, la transparence, les couleurs et les styles de trait dans
un calque de masque. Toute zone remplie devient complètement transparente dans le
masque, les zones non remplies étant opaques.
4.
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche Contrôle
(Macintosh) sur le nom du calque de masque dans le scénario, puis sélectionnez Masque
dans le menu contextuel.
Le calque est converti en calque de masque, signalé par une icône de calque de masque. Le
calque situé immédiatement au-dessous est lié au calque de masque et son contenu affiché
à travers la zone remplie sur le masque. Le nom du calque masqué apparaît en retrait et
son icône est remplacée par une icône de calque masqué.
5.
Pour afficher l'effet de masque dans Flash, verrouillez le calque de masque et le calque
masqué.
Pour masquer d'autres calques après avoir créé un calque de masque,
effectuez l'une des opérations suivantes :
■
Faites glisser un calque existant directement en dessous du calque de masque.
■
Créez un calque n'importe où en dessous du calque de masque.
■
Sélectionnez Modification > Scénario > Propriétés du calque, puis sélectionnez Masqué
dans la boîte de dialogue Propriétés du calque.
Pour dissocier des calques d'un calque de masque :
1.
Sélectionnez le calque dont vous voulez supprimer le lien.
2.
Effectuez l'une des opérations suivantes :
■
Faites glisser le calque au-dessus du calque de masque.
■
Sélectionnez Modification > Scénario > Propriétés du calque et Normal.
Pour animer une forme remplie, du texte ou une occurrence de symbole
graphique sur un calque de masque :
1.
Sélectionnez le calque de masque dans le scénario.
2.
Cliquez dans la colonne de verrouillage pour déverrouiller le calque de masque.
3.
Effectuez l'une des opérations suivantes :
■
Si l'objet de masque est une forme remplie, appliquez une interpolation de forme à
l'objet, tel que présenté dans Interpolation de formes, page 303.
■
Si l'objet de masque est du texte ou une occurrence de symbole graphique, appliquez
une interpolation de mouvement, tel que présenté dans Interpolation d'occurrences, de
groupes et de texte, page 293.
Utilisation de calques de masque
311
4.
Lorsque vous avez terminé l'animation, cliquez dans la colonne de verrouillage du calque
de masque, de manière à le verrouiller de nouveau.
Pour animer un clip sur un calque de masque :
1.
Sélectionnez le calque de masque dans le scénario.
2.
Double-cliquez sur le clip sur la scène afin de le manipuler à son emplacement et d'afficher
le scénario du clip.
3.
Appliquez une interpolation de mouvement au clip, tel que présenté dans Interpolation
d'occurrences, de groupes et de texte, page 293. Pour animer le clip sur une trajectoire,
consultez la section Interpolation de mouvement le long d'une trajectoire, page 297.
4.
Lorsque vous avez terminé la procédure d'animation, cliquez sur le bouton de retour de la
fenêtre Modifier en place afin de revenir au mode d'édition d'animation.
5.
Cliquez dans la colonne de verrouillage du calque de masque afin de le verrouiller à
nouveau.
312
Création de mouvement
CHAPITRE 11
11
Utilisation de la vidéo
Macromedia Flash Basic 8 et Flash Professionnel 8 offrent des outils puissants d'intégration de
séquence vidéo dans des présentations sur le Web. Grâce à ses avantages en matière de
technologie et de créativité, Flash Video permet aux concepteurs de créer des produits
immersifs dans lesquels la vidéo se fond avec les données, les graphismes, le son et
l’interactivité. Flash Video permet d’insérer facilement de la vidéo sur une page Web, dans un
format lisible par pratiquement tous les internautes. Ce chapitre présente Flash Video et
explique comment créer et publier des fichiers Flash Video.
Ce chapitre inclut les rubriques suivantes :
A propos des fonctionnalités vidéo dans Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 314
A propos de l'utilisation de vidéos dans Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316
La vidéo et l'inspecteur des propriétés . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320
A propos de la vidéo numérique et de Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 320
Importation de vidéo à l'aide de l'assistant d'importation vidéo . . . . . . . . . . . . . . . .328
Codage de vidéo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .338
Importation de fichiers vidéo Flash dans la bibliothèque . . . . . . . . . . . . . . . . . . . . . .345
A propos de la lecture dynamique des fichiers FLV externes. . . . . . . . . . . . . . . . . .346
Modification des propriétés d'un clip vidéo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 347
Contrôle de la lecture de la vidéo à l'aide des comportements . . . . . . . . . . . . . . . .348
Utilisation du composant FLVPlayback (Flash Professionnel uniquement) . . . . 350
A propos du contrôle de la lecture de la vidéo à l'aide du scénario . . . . . . . . . . . . .354
Composants média (Flash Player 6 et 7) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .355
313
A propos des fonctionnalités vidéo dans
Flash
Macromedia Flash Basic 8 et Macromedia Flash Professionnel 8 offrent plusieurs façons
d'inclure de la vidéo dans vos documents Flash. Votre méthode de déploiement de la vidéo
déterminera votre méthode de création de contenu vidéo, ainsi que votre méthode
d'intégration de ce contenu pour l'utiliser dans Flash. Cette section décrit les différentes
fonctionnalités vidéo dans Flash et la façon dont vous pouvez les intégrer au contenu vidéo.
Flash propose plusieurs méthodes d'intégration et création de contenu vidéo. Les méthodes
d'intégration de vidéo dans Flash sont les suivantes :
Diffusion de flux vidéo Flash
vous permet d'héberger des fichiers vidéo à l'aide de son
application Flash Communication Server, une solution de serveur optimisée pour la création
de supports de diffusion en temps réel. Vous pouvez importer des clips vidéo enregistrés
localement dans vos documents Flash, puis les transférer sur le serveur. Ceci vous permet
d'assembler et développer plus facilement du contenu Flash. Vous pouvez également utiliser le
nouveau composant FLVPlayback ou le code ActionScript pour contrôler la lecture vidéo et
offrir aux utilisateurs des commandes intuitives pour interagir avec la vidéo.
Vous pouvez héberger votre propre Flash Communication Server ou utiliser un FVSS (Flash
Video Streaming Service). Macromedia s'est associé avec plusieurs fournisseurs de réseaux de
diffusion de contenu (CDN) pour proposer des services hébergés de diffusion sur demande de
Flash Video sur des réseaux fiables et de haute performance. Développé avec Flash
Communication Server et directement intégré à la structure de diffusion, suivi et rapports du
réseau CDN, le FVSS offre la meilleure façon de diffuser des Flash Video au plus grand
nombre de personnes possible sans avoir à mettre en place et gérer vos propres réseau et
serveur de diffusion.
Pour obtenir des informations sur la transmission de vidéo en continu à partir du Flash
Communication Server ou d'un FVSS hébergé, consultez la section La vidéo en flux continu
avec Flash Communication Server, page 317.
314
Utilisation de la vidéo
Téléchargement progressif d'une vidéo à partir d'un serveur Web Si vous n'avez pas
d'accès au Flash Communication Server ou au FVSS, vous pouvez malgré tout apprécier le
téléchargement de vidéo depuis une source externe lorsque vous utilisez le téléchargement
progressif. Le téléchargement progressif d'un clip vidéo à partir d'un serveur Web n'offre pas
les mêmes performances en temps réel que le Flash Communication Server ; cependant, vous
pouvez utiliser des clips vidéo relativement volumineux et limiter la taille des fichiers SWF
publiés. Vous pouvez également utiliser le nouveau composant FLVPlayback ou le code
ActionScript pour contrôler la lecture vidéo et offrir aux utilisateurs des commandes intuitives
pour interagir avec la vidéo. Pour plus d'informations sur la transmission de vidéo en continu
à partir de Flash Communication Server, consultez la section A propos du téléchargement
progressif de vidéo, page 316.
Vous pouvez importer des clips vidéo dans Flash en tant que
fichiers intégrés. Le fichier vidéo intégré devient partie intégrante du document Flash, tout
comme un bitmap importé ou une illustration vectorielle ; par conséquent, vous ne pouvez
importer que des clips vidéo très courts. Pour plus d'informations sur les formats de fichier
supportés pour l'importation des vidéos intégrées, consultez A propos de l'intégration d'une
vidéo dans un fichier SWF, page 318
Importation de vidéo intégrée
Importation de vidéo au format QuickTime Vous pouvez importer des clips vidéo au format
QuickTime en tant que fichiers liés. Les documents Flash contenant une vidéo QuickTime
liée doivent être publiés au format QuickTime. Un fichier vidéo lié ne devient pas partie
intégrante du fichier Flash. Le document Flash conserve un pointeur vers le fichier lié. Pour
plus d'informations, consultez la section Importation des fichiers vidéo QuickTime liés,
page 334.
Vous pouvez importer des clips vidéo au
format Macromedia Flash Video (FLV) directement dans Flash. Lors de l'importation, vous
utilisez les options de codage déjà appliquées aux fichiers. Il n'est pas nécessaire de
sélectionner les options de codage pendant l'importation. Pour plus d'informations, consultez
la section Importation de fichiers vidéo Flash dans la bibliothèque, page 345.
Importation de fichiers FLV dans la bibliothèque
Il existe plusieurs options de contrôle de la lecture des fichiers vidéo :
Utilisation du composant FLVPlayback Nouveau dans Flash Professionnel 8, le composant
FLVPlayback vous permet d'ajouter rapidement une commande de lecture complète des
fichiers FLV ou MP3 de votre animation Flash. FLVPlayback permet de prendre en charge le
téléchargement progressif et la lecture en continu des fichiers FLV. FLVPlayback vous permet
de créer facilement des commandes vidéo intuitives pour aider les utilisateurs à contrôler la
lecture vidéo, appliquer des enveloppes prédéfinies, ou appliquer vos propres enveloppes
personnalisées à l'interface vidéo. Utilisation du composant FLVPlayback (Flash Professionnel
uniquement), page 350.
A propos des fonctionnalités vidéo dans Flash
315
Contrôle de la lecture vidéo externe à l'aide de ActionScript Vous pouvez lire les fichiers
FLV externes dans un document Flash au moment de l'exécution à l'aide des objets
NetConnection et NetStream ActionScript. Pour plus d'informations, consultez la section A
propos de la lecture dynamique des fichiers FLV externes, page 346.
Vous pouvez utiliser des comportements vidéo (scripts ActionScript prêts à l'emploi) pour
contrôler la lecture vidéo. Pour plus d'informations, consultez la section Contrôle de la lecture
de la vidéo à l'aide des comportements, page 348.
Si vous maîtrisez ActionScript, vous pouvez
écrire un ActionScript personnalisé pour contrôler la lecture vidéo. Vous pouvez lire ou arrêter
une vidéo, passer à une image et employer d'autres moyens pour contrôler la vidéo. Vous
pouvez également afficher un flux vidéo en direct provenant d'une caméra. Pour plus
d'informations, consultez la section A propos du contrôle de la lecture de la vidéo à l'aide du
scénario, page 354.
Contrôle de la lecture vidéo dans le scénario
A propos de l'utilisation de vidéos dans
Flash
Macromedia Flash vous permet d'intégrer de plusieurs façons de la vidéo dans votre
animation Flash, en fonction du type de contenu vidéo que vous diffusez et de l'application de
destination. Les sections suivantes présentent différentes méthodes d'incorporation d'un
contenu vidéo dans Flash:
■
A propos du téléchargement progressif de vidéo, page 316
■
La vidéo en flux continu avec Flash Communication Server, page 317
■
A propos de l'intégration d'une vidéo dans un fichier SWF, page 318
■
A propos des fichiers vidéo QuickTime liés, page 319
A propos du téléchargement progressif de vidéo
Le téléchargement progressif vous permet d'utiliser ActionScript pour charger des fichiers FLV
externes dans un fichier SWF et de les lire à l'exécution. Plus explicitement, vous pouvez
utiliser les objets netConnection et netStream pour lancer la lecture du fichier FLV, et
contrôler les comportements Lire, Pause et Rechercher, ainsi que la durée du tampon et la
taille d'un fichier vidéo donné.
Etant donné que le contenu vidéo est maintenu à l'extérieur de l'autre contenu Flash et des
commandes de lecture vidéo, il est relativement facile de mettre à jour le contenu vidéo sans
devoir publier à nouveau le fichier SWF.
316
Utilisation de la vidéo
Le téléchargement progressif procure les avantages suivants par rapport à la vidéo intégrée :
■
Durant la création, il suffit de publier l’interface de l’animation pour visionner ou tester
l’ensemble ou une partie de cette animation. Les délais d’affichage et, dans le cas de tests à
répétition, les délais de production en sont donc réduits d’autant.
■
Lors de la diffusion, la lecture de la vidéo débute dès que le premier segment a été chargé
et mis en cache sur le disque dur local.
■
Lors de l’exécution, les fichiers vidéo sont ensuite chargés dans le fichier SWF depuis le
disque dur, sans limite de taille ou de durée. Cette méthode évite les problèmes de
synchronisation audio et les restrictions liées à la mémoire vive disponible.
■
La cadence d’images du fichier vidéo peut différer de celle du fichier SWF, ce qui offre
plus de souplesse dans la création d'une animation.
La vidéo en flux continu avec Flash Communication
Server
L'affichage de vidéo en flux continu à partir de votre propre serveur exécutant Flash
Communication Server ou à partir d'un FVSS hôte offre l'option de diffusion la plus
complète, cohérente et robuste pour les fichiers audio et vidéo. Avec cette technique, chaque
client Flash ouvre une connexion persistante avec le serveur Flash Communication Server, et il
existe une relation étroite entre la vidéo diffusée et l’interaction sur le client. Flash
Communication Server permet d'utiliser la détection de la bande passante, ce qui permet de
transmettre des fichiers vidéo ou audio de taille adaptée à la connexion de l'utilisateur. Vous
pouvez ainsi prévoir des contenus différents, en fonction de la capacité d'accès et de
téléchargement des utilisateurs. Par exemple, si vous détectez qu'un internaute connecté par
modem accède à votre vidéo, vous pouvez lui transmettre un fichier encodé de façon
appropriée, ne nécessitant pas une bande passante élevée.
Flash Communication Server comporte également des métriques de qualité du service, des
rapports de suivi avec statistiques détaillées et de nombreuses fonctionnalités interactives
consacrées à la vidéo. Comme pour le téléchargement progressif, le contenu vidéo (fichier
FLV) est maintenu à l'extérieur de l'autre contenu Flash et des commandes de lecture vidéo. Il
est donc relativement facile d’ajouter ou de modifier du contenu sans pour autant devoir
publier à nouveau le fichier SWF.
La vidéo en flux continu avec Flash Communication Server ou FVSS procure les avantages
suivants par rapport à la vidéo intégrée progressivement :
■
L’affichage de la vidéo débute plus rapidement qu’avec les autres méthodes.
■
Le flux continu utilise moins de mémoire et d'espace disque client, étant donné que les
clients n'ont pas besoin de télécharger la totalité du fichier.
A propos de l'utilisation de vidéos dans Flash
317
■
Les ressources du réseau sont utilisées de manière plus efficace, étant donné que seules les
parties de la vidéo qui sont diffusées sont envoyées au client.
■
La diffusion des supports est plus sécurisée, étant donné que les supports ne sont pas
enregistrés dans la mémoire cache du client lorsqu'ils sont diffusés en continu.
■
La diffusion vidéo en flux continu offre davantages de possibilités de suivi, rapports et
journalisation.
■
Le flux continu vous permet de diffuser des présentations audio et vidéo en direct, ou de
capturer la vidéo à partir d'une Webcam ou d'une caméra vidéo numérique.
■
Flash Communication Server permet d’établir des flux multidirectionnels et multiutilisateurs pour créer des applications de conversation vidéo, de vidéomessagerie et de
vidéoconférence.
■
En contrôlant de manière programmée les flux vidéo et audio (à l'aide d'exécution de
scripts côté serveur), vous pouvez créer des listes de lecture côté serveur, des flux
synchronisés et des options de diffusion plus intelligentes basées sur la vitesse de
connexion du client.
Pour en savoir plus sur Flash Communication Server, voir : http://www.macromedia.com/fr/
software/flashcom/.
Pour en savoir plus sur le service FVSS, voir : http://www.macromedia.com/fr/software/
flashcom/fvss/
A propos de l'intégration d'une vidéo dans un fichier
SWF
La vidéo intégrée permet d'incorporer un fichier vidéo dans un fichier SWF. Lorsque vous
importez de la vidéo de cette façon, la vidéo est placée dans le scénario dans lequel vous
pouvez voir séparément les images vidéo représentées dans les images du scénario. Le clip
vidéo intégré devient partie intégrante du document Flash, tout comme un bitmap importé
ou une illustration vectorielle.
Lorsque vous créez un fichier SWF avec de la vidéo intégrée, la cadence d'images du clip vidéo
et du fichier SWF doit être la même. Si vous utilisez différentes cadences d'images pour le
SWF et le clip vidéo intégré, la lecture sera incohérente. Si vous devez utiliser des cadences
différentes, importez la vidéo par un téléchargement progressif ou Flash Communication
Server comme options de diffusion. Lorsque vous importez des animations par l'une de ces
méthodes, les fichiers FLV sont autonomes et exécutés à une cadence d'images différente de
toutes les autres cadences du scénario incluses dans l'animation Flash.
Pour plus d'informations, consultez A propos du téléchargement progressif de vidéo, page 316 et
La vidéo en flux continu avec Flash Communication Server, page 317.
318
Utilisation de la vidéo
Vous pouvez importer des clips vidéo dans Flash en tant que fichiers intégrés au format vidéo
MOV (QuickTime), AVI (Audio Video Interleaved), MPEG (Motion Picture Experts
Group), ou d'autres formats, suivant votre système. Pour plus d'informations sur les formats
de fichier supportés pour l'importation des vidéos intégrées, consultez Les formats de fichier
vidéo, page 321
Il est conseillé de réserver la vidéo intégrée à des clips de petite taille, avec un temps de lecture
inférieur à 10 secondes. Si vous utilisez des clips d'un temps de lecture supérieur, il est
préférable de recourir à la vidéo en téléchargement progressif ou à la diffusion en flux continu
avec Flash Communication Server.
Les limites de la vidéo intégrée sont les suivantes :
■
Au cours de l'intégration de fichiers vidéo, vous risquez de subir des problèmes si les
fichiers SWF obtenus sont trop volumineux. Flash Player consacre une grande partie de la
mémoire au téléchargement et aux essais de lecture des fichiers SWF voluminueux avec
vidéo intégrée, et ceci peut entraîner le dysfonctionnement de Flash Player.
■
Des fichiers vidéo plus longs (plus de 10 secondes) entraînent souvent des problèmes de
sychronisation entre les parties vidéo et audio d'un clip vidéo. Au fil du temps, la lecture
de la piste audio commence en dehors de la séquence vidéo, ce qui entraîne un affichage
non souhaité.
■
Pour lire une vidéo intégrée à un fichier SWF, l'animation entière doit être téléchargée
avant le début de la lecture de la vidéo. Si vous intégrez un clip vidéo trop volumineux, le
téléchargement total du fichier SWF et le début de la lecture peuvent prendre du temps.
A propos des fichiers vidéo QuickTime liés
Flash vous permet de créer des animations QuickTime (fichiers MOV) qui peuvent être lues
par les utilisateurs dont l'ordinateur est équipé du module externe QuickTime. Ceci est
souvent le cas lorsque Flash est utilisé pour créer des séquences de titre ou des animations
utilisées en tant que contenu vidéo. Le fichier QuickTime publié peut être distribué comme
DVD ou intégré dans d'autres applications telles que Macromedia Director or Adobe
Premiere.
Lorsque vous utilisez Flash pour créer un clip vidéo QuickTime, vous pouvez le lier à une
séquence QuickTime à partir du fichier Flash plutôt que d'intégrer la séquence au fichier
Flash. Une séquence QuickTime importée liée dans Flash ne devient pas partie du fichier
Flash. Flash conserve plutôt un pointeur vers le fichier source.
A propos de l'utilisation de vidéos dans Flash
319
Si vous créez une séquence QuickTime en utilisant Flash, votre paramètre de publication doit
être Flash 3, 4, or 5. Vous ne pouvez pas afficher une séquence QuickTime liée au format
SWF. Le fichier QuickTime contient une piste Flash, mais le clip vidéo lié reste au format
QuickTime.
REMARQUE
L'importation d'un clip vidéo en tant que séquence QuickTime liée implique la
publication du contenu obtenu en tant que fichier MOV QuickTime uniquement. Vous ne
pouvez pas publier de contenu en utilisant une séquence QuickTime liée en tant que
fichier SWF.
Pour plus d'informations, consultez la section Importation des fichiers vidéo QuickTime liés,
page 334.
La vidéo et l'inspecteur des propriétés
Vous pouvez utiliser l'inspecteur des propriétés et la boîte de dialogue Propriétés de vidéo
intégrée pour modifier les clips vidéo liés et intégrés. L'inspecteur de propriétés permet de
donner un nom d'occurrence au clip, de modifier la largeur, la hauteur et le point
d'alignement, et de permuter deux clips vidéo. La boîte de dialogue Propriétés de vidéo
intégrée permet de renommer un clip vidéo, de mettre à jour une vidéo importée modifiée
dans une application externe et d'importer une autre vidéo pour remplacer le clip sélectionné.
Pour plus d'informations, consultez la section Modification des propriétés d'un clip vidéo,
page 347.
Pour accéder aux leçons sur l'utilisation de la vidéo, consultez le Centre de support
Macromedia Flash à l'adresse suivante http://www.macromedia.com/fr/devnet/mx/flash/
video.html.
A propos de la vidéo numérique et de
Flash
Flash permet de prendre en charge différents codecs vidéo et fournit des outils de codage de
vidéo au format FLV (Flash Video). En général, les profils de codage vidéo prédéfinis inclus
dans l'assistant d'importation vidéo de Flash et la fonction de codage vidéo de Flash 8 (Flash
Professionnel uniquement) vous permettent d'obtenir une qualité de lecture optimale en
fonction de la bande passante du public visé. Si vous utilisez Flash Professionnel 8, vous
pouvez également personnaliser vos paramètres de codage à l'aide des options avancées des
paramètres de codage disponibles dans l'assistant d'importation vidéo de Flash et la fonction
de codage vidéo de Flash.
320
Utilisation de la vidéo
Cette section contient les rubriques suivantes :
Les formats de fichier vidéo, page 321
Les codecs vidéo On2 VP6 et Sorenson Spark, page 323
Comparaison des codecs vidéo On2 VP6 et Sorenson Spark, page 324
A propos du codage vidéo, page 324
Conseils pour la création de vidéo dans Flash, page 325
Les formats de fichier vidéo
Si votre système est équipé de QuickTime 7 pour Apple Macintosh, QuickTime 6.5 pour
Windows, ou DirectX 9 ou une version supérieure (Windows uniquement), vous pouvez
importer des clips vidéo dans plusieurs formats de fichiers, incluant MOV, AVI et MPG/
MPEG. Vous pouvez importer des clips vidéo liés au format MOV.
Les documents Flash contenant de la vidéo intégrée peuvent être publiés au format SWF. Les
documents Flash contenant de la vidéo liée doivent être publiés au format QuickTime. Pour
plus d'informations, consultez la section A propos des fichiers vidéo QuickTime liés, page 319.
Les formats de fichier suivants sont pris en charge pour l'importation de vidéo intégrée si
QuickTime 7 est installé :
Type de fichier
Extension
Audio Video Interleaved
.avi
Vidéo numérique
.dv
Motion Picture Experts Group
.mpg, .mpeg
Vidéo QuickTime
.mov
Les formats de fichier suivants sont pris en charge pour l'importation de vidéo intégrée si
DirectX 9 ou une version plus récente est installée (Windows uniquement) :
Type de fichier
Extension
Audio Video Interleaved
.avi
Motion Picture Experts Group
.mpg, .mpeg
Fichier Windows Media
.wmv, .asf
A propos de la vidéo numérique et de Flash
321
Par défaut, Flash importe et exporte les vidéos avec le codec On2 VP 6. Les codecs sont des
algorithmes de compression/décompression qui contrôlent la manière dont les fichiers
multimédias sont compressés lors du codage et décompressés lors de la lecture. Pour plus
d'informations sur le codec vidéo On2 VP 6, consultez la section Les codecs vidéo On2 VP6 et
Sorenson Spark, page 323.
Si vous essayez d'importer un format de fichier non pris en charge sur votre ordinateur, Flash
affiche un message d'avertissement indiquant que l’opération ne peut pas être réalisée. Dans
certains cas, Flash peut importer la partie vidéo d'un fichier, mais pas sa partie audio. La partie
audio, par exemple, n'est pas prise en charge dans les fichiers MPG/MPEG importés avec
QuickTime 7 sur Macintosh. Dans certains cas, Flash affiche un message d'avertissement
indiquant que la partie audio du fichier ne peut être importée. Vous pourrez cependant
importer la vidéo sans le son. Pour plus d'informations sur la prise en charge de la partie audio
dans une vidéo MPEG, consultez la section A propos de la prise en charge de la partie audio dans
la vidéo MPEG, page 322.
A propos de la prise en charge de la partie audio dans la vidéo
MPEG
Etant donné que le format MPEG code à la fois les parties audio et vidéo d'un fichier dans
une seule piste, le codage des fichiers MPEG au format FLV peut entraîner la suppression (ou
« l'omission ») de la partie audio. Ceic se produit essentiellement lors du codage de fichiers
vidéo au format FLV sur une plate-forme Macintosh. Sur une plate-forme Macintosh, la vidéo
MPEG est importée à l'aide de QuickTime. QuickTime ne prend pas en charge l'extraction
du contenu audio des fichiers MPEG (même si QuickTime lira correctement un fichier
MPEG avec programmation audio).
Si vous codez une vidéo MPEG avec de l'audio sur une plate-forme Macintosh, il est
recommandé de convertir au préalable le clip vidéo MPEG en un autre format qui code
l'audio et la vidéo sous forme de pistes séparées dans le fichier. Vous pouvez alors coder l'autre
format en un fichier FLV et protéger le contenu audio.
Une autre méthode consiste à utiliser un ordinateur équipé du système d'exploitation
Windows. Windows importe la vidéo MPEG à l'aide de DirectShow, qui prend en charge
l'extraction des pistes vidéo et audio d'un fichier MPEG. Ceci vous permet de convertir la
vidéo MPEG au format FLV sans supprimer la partie audio du clip vidéo.
R E M AR QU E
322
La partie audio importée est publiée ou exportée sous forme d'audio en flux continu, en
utilisant les paramètres de flux continu globaux sélectionnés dans la boîte de dialogue
Paramètres de publication. Pour plus d'informations, consultez la section Définition
d'options de publication pour le format de fichier Flash SWF, page 527.
Utilisation de la vidéo
Les codecs vidéo On2 VP6 et Sorenson Spark
Par défaut, la fonction de codage vidéo de Flash exporte la vidéo codée à l'aide du codec vidéo
On2 VP6 pour l'utiliser avec Flash Player 8, et du codec Sorenson Spark pour l'utiliser avec
Flash Player 7. Les codecs sont des algorithmes de compression/decompression qui contrôlent
la manière dont les fichiers vidéo sont compressés lors du codage et décompressés lors de la
lecture. Il est préférable d'utiliser le codec vidéo On2 pour créer du contenu Flash avec de la
vidéo. Le codec On2 VP6 offre une qualité vidéo supérieure tout en conservant une taille la
plus réduite possible.
Si votre contenu Flash charge de façon dynamique des fichiers vidéo Flash (en téléchargement
progressif ou en utilisantFlash Communication Server), vous pouvez utiliser les vidéos On2
VP6 sans avoir à publier de nouveau votre fichier SWF pour Flash Player 8, tant que les
utilisateurs exécutent Flash Player 8 pour afficher votre contenu. En diffusant en flux continu
ou en téléchargeant la vidéo On2 VP6 en Flash SWF version 6 ou 7 et en lisant le contenu
dans Flash Player 8, vous n'avez pas à recréer vos fichers SWF pour les utiliser dans Flash
Player 8.
A T TE N T I ON
Seul Flash Player 8 prend en charge la publication et la lecture des vidéos On2 VP6.
Codec
Version contenu (SWF)
(version publiée)
Version Flash Player
(version requise pour la
lecture)
Sorenson Spark
6
6, 7, 8
7
7, 8
6
8
7
8
8
8
On2 VP6
A propos de la vidéo numérique et de Flash
323
Comparaison des codecs vidéo On2 VP6 et
Sorenson Spark
Le codec On2 VP6 est le codec vidéo par défaut à utiliser lors du codage du contenu FLV à
utiliser avec Flash Player 8. Le codec On2 VP6 offre :
■
Une vidéo de qualité supérieure par rapport au codec Sorenson Spark codé au même débit
de données
■
Une prise en charge de l'utilisation d'un canal alpha sur la vidéo composite
Afin de prendre en charge une vidéo de meilleure qualité au même débit de données, le codec
On2 VP6 exige un codage plus lent et un processeur plus puissant sur l'ordinateur client pour
le décodage et la lecture. Par conséquent, vous devez réellement prendre en compte le plus
petit dénominateur commun de l'ordinateur que le public que vous ciblez utilisera lorsqu'il
accèdera à votre contenu vidéo Flash.
Si vous estimez qu'une grande partie de ce public utilisera des ordinateurs plus anciens, il est
recommandé de coder vos fichiers FVL à l'aide du codec Sorenson Spark.
A propos du codage vidéo
Flash offre plusieurs solutions de codage vidéo qui vous permettent de coder vos clips vidéo au
format FLV.
L'assistant d'importation vidéo Flash vous permet de
coder des clips vidéo au format FLV (Flash Video) lorsque vous les importez. Cependant,
l'assistant d'importation vidéo est limité dans le fait que vous pouvez coder un seul clip vidéo
à la fois et le processus de codage peut nécessiter beaucoup de temps et de calcul.
Assistant d'importation vidéo Flash
Il est recommandé aux utilisateurs qui travaillent beaucoup avec du contenu vidéo d'utiliser
Flash Professionnel 8 qui inclut la fonction de codage vidéo de Flash 8 et la fonction
d'exportation de QuickTime.
R E M A R QU E
324
Flash Basic 8 ne permet que le codage vidéo à utiliser avec de la vidéo intégrée.
Utilisation de la vidéo
Flash Video Encoder 8 Cette fonction vous permet de traiter par lots des clips vidéo, en vous
permettant de coder plusieurs clips en même temps sans avoir à interrompre le processus. La
fonction de codage vidéo de Flash 8 permet non seulement de sélectionner les options de
codage du contenu vidéo et audio, mais aussi de placer des points de repère dans les clips
vidéo que vous codez et de modifier la vidéo à l'aide de commandes de recadrage et de
réduction.
Pour plus d'informations, consultez l'aide en ligne de l'application Flash 8 Video Encoder.
Si Macromedia Flash Professionnel 8 et QuickTime
6.1.1 sont installés sur votre ordinateur, vous pouvez utiliser le module d'exportation
QuickTime FLV pour exporter des fichiers FLV à partir d'applications d'édition vidéo prises
en charge. Vous pouvez ensuite importer ces fichiers FLV directement dans Flash pour les
utiliser dans vos documents Flash.
Module d'exportation QuickTime FLV
Les applications d'édition vidéo suivantes sont prises en charge par le module d'exportation
FLV :
■
Adobe After Effects (Windows et Macintosh)
■
Apple FinalCut Pro (Macintosh)
■
Apple QuickTime Pro (Windows et Macintosh)
■
Avid Xpress DV (Windows et Macintosh)
L'utilisation du module d'exportation QuickTime FLV pour exporter les fichiers FLV à partir
de la fonction de codage vidéo Flash 8 ou d'applications d'édition vidéo rationnalise de
manière significative le processus de travail pour l'utilisation des fichiers FLV dans vos
documents Flash. Avec le module d'exportation FLV, vous pouvez choisir les options de
codage pour le contenu vidéo et audio au moment de l'exportation, y compris la cadence
d'images, la vitesse de transfert, la qualité et d'autres options. Vous pouvez importer les
fichiers FLV directement dans Flash sans avoir à recoder la vidéo après l'avoir importée.
Conseils pour la création de vidéo dans Flash
La manière dont vous compressez votre vidéo est principalement déterminée par le contenu de
celle-ci. La compression d'un clip vidéo représentant le visage d'une personne qui parle avec
peu de mouvements, mis à part quelques déplacements modérés, est un processus différent de
celle d'un clip représentant un match de football. Suivez ces conseils pour diffuser la meilleure
vidéo Flash possible :
A propos de la vidéo numérique et de Flash
325
Dans la mesure du possible, codez toujours un fichier à partir de sa forme décompressée
Si vous convertissez un format vidéo numérique précompressé au format FLV, la version
précédente de la fonction de codage peut introduire du bruit video. En effet, si le signal vidéo
d’origine a déjà été traité par un algorithme d’encodage, il a subi à cette occasion une perte de
qualité, de taille d’image et de débit. Cette phase peut aussi avoir ajouté du bruit et des
artefacts numériques, qui affectent alors le processus d’encodage en FLV et peuvent nécessiter
un débit plus élevé pour produire un fichier de bonne qualité.
Votre objectif : la simplicité Evitez les transitions trop compliquées, qui ne peuvent pas être
correctement compressées, ni correctement affichées dans votre animation. Les coupures
nettes (par opposition aux fondus enchaînés) sont souvent préférables. Les séquences vidéo
avec un zoom arrière depuis la première piste, qui contiennent un effet de page qui tourne ou
de balle qui s'envole hors de l'écran, sont peut-être du plus bel effet mais elles ne sont pas aussi
bien compressées et doivent être utilisées avec modération.
Lorsque vous publiez des vidéos
sur Internet, il est judicieux de créer des fichiers répondant aux débits les plus bas. Les
utilisateurs équipés de connexions Internet rapides peuvent voir les fichiers instantanément ou
après très peu d'attente, alors que ceux équipés d'un accès par ligne commutée doivent
attendre la fin du téléchargement des fichiers. Il est préférable de créer des clips courts pour
maintenir les durées de téléchargement dans les limites acceptables pour les utilisateurs avec
accès par ligne commutée.
Soyez conscient du débit disponible pour votre public
La cadence d'images est le nombre
d'images lues par seconde (ips). Si vous avez un clip à débit de données élevée, la réduction de
la cadence d'images peut permettre d'améliorer la lecture sur les ordinateurs peu puissants. Par
exemple, si vous compressez un clip vidéo représentant le visage d'une personne qui parle avec
peu de mouvements, la division de la cadence d'images par deux permettra probablement de
réduire de 20 % le débit de données. Cependant, si vous compressez une vidéo contenant de
nombreux mouvements, la réduction de la cadence d'images a beaucoup plus d'impact sur le
débit de données.
Sélectionnez la cadence d'images appropriée
La qualité des images vidéo étant nettement meilleure à leur fréquence d'images d'origine,
Macromedia conseille de la préserver si les canaux de transmission et les plates-formes de
lecture le permettent. Cependant, si vous devez réduire la cadence d'images, vous obtiendrez
de meilleurs résultats en la divisant par des nombres entiers.
REMARQUE
326
Si vous prévoyez d'intégrer des clips vidéo à un fichier SWF, la cadence d'images du clip
vidéo doit être identique à celle utilisée par le fichier SWF. En utilisant les paramètres de
codage vidéo avancés de l'assistant d'importation vidéo, vous pouvez coder de la vidéo
en utilisant la même cadence d'images que le fichier FLA. Pour plus d'informations,
consultez la section A propos de l'intégration d'une vidéo dans un fichier SWF, page 318.
Utilisation de la vidéo
Sélectionnez une taille d'image appropriée au débit Tout comme pour la cadence
d'images, le choix de la taille des images de votre animation est important pour obtenir une
vidéo de grande qualité. Pour tout débit de données (vitesse de connexion), l'augmentation de
la taille des images fait diminuer la qualité vidéo. Lorsque vous sélectionnez la taille des images
de votre vidéo, vous devez également considérer la cadence d'images, le matériau source et vos
préférences personnelles. La liste suivante des tailles d'image courantes (en pixels) pourra vous
servir de guide. Faites des essais afin d'identifier les meilleurs paramètres pour votre projet.
■
Modem : 160 x 120
■
RNIS double : 192 x 144
■
T1/DSL/câble : 320 x 240
Soyez conscient de la durée de téléchargement Vous devriez savoir combien de temps est
nécessaire au téléchargement de votre vidéo. Pendant ce chargement, vous pouvez faire
apparaître un autre contenu afin de « masquer » sa durée. Utilisez la formule suivante pour les
clips de courte durée : Pause = durée de téléchargement – durée de lecture + 10 % de la durée
de lecture. Par exemple, si votre clip dure 30 secondes et que son téléchargement dure une
minute, utilisez un tampon de 33 secondes (60 secondes – 30 secondes + 3 secondes = 33
secondes).
Utilisez une vidéo de qualité La qualité de l'animation finale est proportionnelle à la
qualité de la vidéo d'origine. Bien que la cadence et la taille des images de vidéo sur Internet
soient en général inférieures à celles utilisées pour la télévision, les écrans d'ordinateur ont des
caractéristiques de fidélité des couleurs, de saturation, de définition et de résolution nettement
supérieures à celles des écrans de télévision conventionnels. Même avec une petite fenêtre, la
qualité des images est en général plus importante pour les vidéos numériques que pour la
télévision analogique standard. Les anomalies et le bruit, qui passent presque inaperçus sur
l'écran d'un téléviseur, peuvent devenir terriblement évidents sur celui d'un ordinateur.
Vous devrez peut-être supprimer le bruit et
l'entrelacement après la capture du contenu vidéo.
Supprimez le bruit et l'entrelacement
Les mêmes considérations sont à respecter pour la
production audio et la production vidéo. Pour pouvoir obtenir une bonne compression audio,
vous devez utiliser un support audio de qualité. Si vous codez le contenu d'un CD, essayez
d'enregistrer le fichier par un transfert numérique direct en évitant de passer par une entrée
analogique de votre carte son. La carte son introduit une conversion numérique à analogique
et analogique à numérique superflue qui risque d'ajouter des bruits à vos matériaux source
audio. Des outils de transfert numérique direct sont disponibles pour les plates-formes
Windows et Macintosh. Si vous devez effectuer l'enregistrement à partir d'une source
analogique, veillez à utiliser une carte son de la plus grande qualité possible.
Suivez les mêmes conseils pour l'audio
A propos de la vidéo numérique et de Flash
327
Importation de vidéo à l'aide de l'assistant
d'importation vidéo
L'assistant d'importation vidéo fournit une interface rationalisée pour l'importation de vidéo
dans un document Flash. Il vous permet d'importer un clip vidéo en tant que fichier intégré
ou lié, en flux continu ou téléchargement progressif. De plus, selon l'emplacement de votre
fichier, l'assistant d'importation vidéo comporte diverses options pour différents
déploiements.
Si le clip à importer se trouve sur l'ordinateur local, ouvrez son dossier et importez la vidéo.
Vous pouvez aussi importer une vidéo située sur un serveur Web ou un serveur Flash
Communication Server, en indiquant l'adresse URL du fichier.
REMARQUE
Si un clip vidéo doit être importé à partir d'un Flash Communication Server ou d'un
serveur Web, vous ne pouvez l'utiliser qu'en tant que fichier en flux continu ou
téléchargemenr progressif. Vous ne pouvez pas importer de fichier distant pour l'utiliser
en tant que clip vidéo intégré.
Cette section contient les rubriques suivantes :
Importation de vidéo pour téléchargement progressif (Flash Professionnel uniquement), page 329
Importation de vidéo pour une diffusion en flux continu à l'aide de Flash Communication Server
ou FVSS (Flash Professionnel uniquement), page 330
Intégration d'une vidéo dans un fichier SWF, page 332
Importation des fichiers vidéo QuickTime liés, page 334
Modification du chemin d'une vidéo QuickTime liée, page 336
Modification de clips vidéo dans l'assistant d'importation vidéo, page 336
328
Utilisation de la vidéo
Importation de vidéo pour téléchargement progressif
(Flash Professionnel uniquement)
Il est possible d'importer de la vidéo déjà déployée sur un serveur Web, ou de sélectionner un
fichier vidéo enregistré localement sur votre ordinateur et de le transférer sur le serveur après
l'avoir importé dans le fichier FLA.
Pour importer de la vidéo pour une diffusion en téléchargement progressif :
1.
Pour importer le clip vidéo dans le document Flash actuel, choisissez Fichier > Importer >
Importer de la vidéo.
L'assistant d'importation vidéo s'affiche.
2.
Sélectionnez le clip vidéo à importer. Vous pouvez choisir un clip enregistré sur l'ordinateur
local ou indiquer l'adresse URL d'une vidéo déjà déployée sur un serveur Web.
3.
Sélectionner Téléchargement progressif à partir d’un serveur Web standard.
4.
(Facultatif) Si la vidéo déployée n'est pas au format FLV, l'assistant d'importation vidéo
affiche le panneau Codage. Pour plus d'informations sur le codage de votre vidéo à l'aide
de l'assistant d'importation vidéo, consultez la section Sélection d'un profil de codage vidéo,
page 338.
5.
Sélectionnez une enveloppe pour votre clip vidéo. Vous avez le choix entre les options
suivantes :
■
Ne pas utiliser d'enveloppe pour la vidéo.
■
Sélectionner l'une des enveloppes prédéfinies. Pour plus d'informations, consultez la
section Sélection d’une enveloppe prédéfinie du Chapitre 22, Composant FLVPlayback
(Flash Professionnel uniquement), dans Référence du langage des composants.
■
Sélectionner votre propre enveloppe personnalisée en saisissant l'URL de l'enveloppe
sur le serveur. Pour plus d'informations, consultez la section Création d’une enveloppe
du Chapitre 22, Composant FLVPlayback (Flash Professionnel uniquement), dans
Référence du langage des composants.
L'assistant d'importation vidéo code votre clip vidéo source au format FLV (s'il n'est pas
déjà dans ce format) et crée un composant vidéo sur la scène que vous pouvez utiliser pour
tester localement la lecture de la vidéo.
Importation de vidéo à l'aide de l'assistant d'importation vidéo
329
6.
Transférez les actifs suivants sur le serveur Web hébergeant votre vidéo :
■
Le clip vidéo codé FLV (situé dans le même dossier que le clip vidéo source sélectionné
avec une extension .flv).
R E M A R QU E
■
Si le clip vidéo est au format FLV, Flash utilise une chemin relatif pour pointer
vers le fichier FLV (par rapport au SWF), en vous permettant d'utiliser
localement la même structure de répertoires que sur le serveur.
L'enveloppe vidéo (si vous choisissez d'utiliser une enveloppe).
Si vous choisissez d'utiliser une enveloppe prédéfinie, Flash copie l'enveloppe dans le
même dossier que le fichier FLA.
■
Le composant vidéo.
Vous devez remplacer le champ Adresse du composant par celui du serveur Web vers
lequel vous transférez la vidéo à l'aide de l'inspecteur de composants. Pour plus
d'informations, consultez la section Définition du paramètre contentPath, page 353.
Importation de vidéo pour une diffusion en flux
continu à l'aide de Flash Communication Server ou
FVSS (Flash Professionnel uniquement)
Vous pouvez importer un fichier vidéo déjà déployé sur un Flash Communication Server ou
FVSS, ou vous pouvez sélectionner un fichier vidéo enregistré localement sur votre ordinateur
et transférer le fichier vidéo vers le serveur après son importation dans votre fichier FLA.
Pour importer de la vidéo pour une diffusion en flux continu :
1.
Pour importer le clip vidéo dans le document Flash actuel, choisissez Fichier > Importer >
Importer de la vidéo.
L'assistant d'importation vidéo s'affiche.
2.
Sélectionnez le clip vidéo à importer. Vous pouvez sélectionner un clip vidéo enregistré sur
votre ordinateur local ou entrer l'URL d'une vidéo déjà téléchargée sur votre propre Flash
Communication Server or un Flash Video Streaming Service (FVSS).
3.
Sélectionnez Diffusion en continu avec le service FVSS de Flash ou Diffusion en continu
à partir du serveur de communication Flash (FCS).
330
Utilisation de la vidéo
4.
(Facultatif) Si la vidéo déployée n'est pas au format FLV, vous pouvez utiliser le panneau
Codage pour sélectionner un profil de codage, et recadrer, réduire et diviser le clip vidéo.
R E M A R QU E
Cette étape s'applique uniquement si vous téléchargez de la vidéo à partir de votre
ordinateur local. Les clips vidéo déjà déployés sur un serveur doivent avoir été au
préalable encodés au format FLV.
Si la vidéo déployée n'est pas au format FLV, l'assistant d'importation vidéo affiche le
panneau Codage. Pour plus d'informations sur le codage de votre vidéo à l'aide de
l'assistant d'importation vidéo, consultez la section Sélection d'un profil de codage vidéo,
page 338.
5.
Sélectionnez une enveloppe pour le clip. Vous avez le choix entre les options suivantes :
■
Ne pas utiliser d'enveloppe pour la vidéo.
■
Sélectionner l'une des enveloppes prédéfinies. Pour plus d'informations, consultez la
section Sélection d’une enveloppe prédéfinie du Chapitre 22, Composant FLVPlayback
(Flash Professionnel uniquement), dans Référence du langage des composants.
■
Sélectionner votre propre enveloppe personnalisée en saisissant l'URL de l'enveloppe
sur le serveur. Pour plus d'informations, consultez la section Création d’une enveloppe
du Chapitre 22, Composant FLVPlayback (Flash Professionnel uniquement), dans
Référence du langage des composants.
L'assistant d'importation vidéo code votre clip vidéo source au format FLV (s'il n'est pas
déjà dans ce format) et crée un composant vidéo sur la scène que vous pouvez utiliser pour
tester localement la lecture de la vidéo.
6.
Transférez les actifs suivants sur le FCS or FVSS hébergeant votre vidéo :
■
Le clip vidéo codé FLV (situé dans le même dossier que le clip vidéo source sélectionné
avec une extension .flv)
R EM A R Q U E
■
Si la vidéo que vous utilisez a déjà été déployée sur votre FCS ou FVSS
hébergeant votre vidéo, vous pouvez ignorer cette étape.
L'enveloppe vidéo (si vous choisissez d'utiliser une enveloppe)
Si vous choisissez d'utiliser une enveloppe prédéfinie, Flash copie l'enveloppe dans le
même dossier que le fichier FLA. Pour plus d'informations sur les enveloppes de vidéo,
consultez la section Personnalisation du composant FLVPlayback dans Référence du
langage des composants.
Importation de vidéo à l'aide de l'assistant d'importation vidéo
331
■
Le composant vidéo
Vous devez modifier le champ Adresse du composant FLVPlayback pour indiquer le
serveur Web vers lequel vous transférez la vidéo. Pour plus d'informations, consultez la
section Utilisation du composant FLVPlayback (Flash Professionnel uniquement),
page 350.
Intégration d'une vidéo dans un fichier SWF
Lorsque vous importez un clip vidéo en tant que fichier intégré, vous choisissez les options
d'incorporation, de codage et de montage de la vidéo dans l'assistant d'importation. Cliquez
sur le bouton Suivant pour progresser à travers les panneaux de l'assistant et sur le bouton
Retour pour retourner aux panneaux précédents.
Vous pouvez importer des clips vidéo en tant que fichiers intégrés dans plusieurs formats,
selon votre système. Pour plus d'informations sur les formats de fichier pris en charge,
consultez la section Les formats de fichier vidéo, page 321. Vous pouvez afficher un aperçu des
images d'une vidéo importée en faisant glisser la tête de lecture le long du scénario.
Cependant, aucun son n'est lu. Pour afficher un aperçu de la vidéo avec le son, utilisez la
commande Tester l'animation. Pour plus d'informations, consultez la section Test des
performances de téléchargement des documents, page 76.
Lorsque vous importez une vidéo en tant que fichier intégré, vous avez la possibilité de la
modifier avant de l'importer. Vous pouvez également modifier les paramètres de compression
(bande passante ou qualité vidéo). Choisissez les options de modification et de codage dans
l'assistant d'importation vidéo.
REMARQUE
Une fois un clip vidéo importé, il ne peut plus être modifié.
Pour intégrer de la vidéo dans le fichier SWF :
1.
Pour importer le clip vidéo dans le document Flash actuel, choisissez Fichier > Importer >
Importer de la vidéo.
L'assistant d'importation vidéo s'affiche.
2.
Sélectionnez sur votre ordinateur local le clip vidéo à importer.
3.
Sélectionnez Incorporer la vidéo dans SWF et la diffuser dans le scénario.
332
Utilisation de la vidéo
4.
Choisissez le type de symbole avec lequel la vidéo sera intégrée dans le SWF.
Vous pouvez choisir une intégration sous forme de vidéo intégrée, de clip ou de symbole
graphique. La méthode sélectionnée dépend de la méthode d'intégration prévue de la
vidéo dans le SWF et de son interaction :
L'option la plus courante est d'intégrer le clip vidéo en tant
quevidéo intégrée dans le scénario. Si vous utilisez le clip vidéo pour une lecture linéaire
dans le scénario, l'importation de la vidéo dans le scénario est la méthode la plus
appropriée.
Incorporer dans le scénario
Incorporer en tant que clip Lorsque vous travaillez avec de la vidéo intégrée, la meilleure
méthode est de placer la vidéo dans une occurence de clip pour un contrôle maximal du
contenu. Le scénario vidéo est indépendant du scénario principal. Il n'est pas nécessaire
d'étendre le scénario principal avec de nombreuses images pour recevoir les données vidéo,
car ceci risquerait de rendre l'utilisation du fichier FLA difficile.
Pour plus d'informations, consultez la section Types de symboles, page 93.
L'intégration d'un clip vidéo en tant que
symbole graphique signifie que vous ne pouvez pas interagir avec la vidéo en utilisant
ActionScript (vous utilisez, généralement, des symboles graphiques pour les images
statiques et pour créer des éléments d'animation réutilisables liées au scénario principal).
Par conséquent, vous aurez rarement besoin d'incorporer une vidéo en tant que symbole
graphique. Pour plus d'informations, consultez la section Types de symboles, page 93.
Incorporer en tant que symbole graphique
5.
Importez directement le clip vidéo sur la scène (et le scénario) ou en tant qu'élément de la
bibliothèque.
Par défaut, Flash place la vidéo que vous importez sur la scène. Si vous préférez importer la
vidéo uniquement dans la bibliothèque, désactivez l'option Placer l’occurrence sur la
scène.
Si vous créez une simple présentation vidéo avec narration linéraire et peu voire pas
d'interaction, acceptez le paramètre par défaut et importez la vidéo sur la scène.
Cependant, si vous souhaitez créer une présentation plus dynamique, travaillez avec
plusieurs clips vidéo ou envisagez d'ajouter des transitions dynamiques ou d'autres
éléments en utilisant ActionScript, importez la vidéo dans la bibliothèque. Une fois que le
clip vidéo est dans la bibliothèque, vous pouvez le personnaliser en le convertissant en un
objet MovieClip qui peut être plus facilement contrôlé en utilisant ActionScript.
Par défaut, Flash agrandit le scénario pour l'adapter à la durée de lecture du clip vidéo que
vous incorporez.
Importation de vidéo à l'aide de l'assistant d'importation vidéo
333
6.
(Facultatif) Si vous souhaitez modifier le clip vidéo en utilisant l'assistant d'importation
vidéo, sélectionnez l'option Modifier la vidéo en premier.
L'assistant d'importation vidéo inclut les options de modification vidéo de base qui vous
permettent de recadrer et réduire les clips vidéo. Si vous souhaitez modifier le clip vidéo
avant de l'incorporer au scénario, sélectionnez cette option.
7.
(Facultatif) Si le clip vidéo n'est pas déjà codé au format FLV, sélectionnez un profil de
codage pour les vidéos Flash.
Pour plus d'informations sur les profils de codage adaptés à l'application prévue, consultez
la section Sélection d'un profil de codage vidéo, page 338.
8.
Cliquez sur Terminé pour fermer l'assistant d'importation vidéo et terminer la procédure
d'importation.
L'assistant d'importation vidéo encode votre vidéo au format FLV, puis l'intègre dans le
fichier SWF. La vidéo s'affiche sur la scène ou dans la bibliothèque en fonction des options
d'intégration que vous sélectionnez.
9.
Dans l'inspecteur des propriétés (Window > Propriétés), donnez un nom d'occurrence au
clip vidéo et apportez les modifications nécessaires aux propriétés du clip vidéo.
Pour plus d'informations, consultez la section Modification des propriétés d'un clip vidéo,
page 347.
Pour mettre à jour un clip vidéo incorporé après l'avoir modifié dans un éditeur
externe :
1.
Sélectionnez le clip vidéo dans le panneau Bibliothèque.
2.
Choisissez Propriétés dans le menu d'options du coin supérieur droit du panneau
Bibliothèque.
3.
Dans la boîte de dialogue Propriétés de vidéo intégrée, cliquez sur Mettre à jour.
Le clip vidéo intégré est mis à jour avec le fichier modifié. Les paramètres de compression
choisis lors de la première importation de la vidéo sont de nouveau appliqués au clip mis à
jour.
Importation des fichiers vidéo QuickTime liés
Si vous importez un clip vidéo QuickTime, vous pouvez le lier à une vidéo du fichier Flash au
lieu d'incorporer la vidéo. Une séquence QuickTime importée liée dans Flash ne devient pas
partie du fichier Flash. Flash conserve plutôt un pointeur vers le fichier source.
Si vous liez une vidéo QuickTime, vous devez publier le fichier SWF en tant que vidéo
QuickTime. Vous ne pouvez pas afficher un clip QuickTime lié au format SWF. Le fichier
QuickTime contient une piste Flash, mais le clip vidéo lié reste au format QuickTime.
334
Utilisation de la vidéo
Pour plus d'informations sur la publication de votre fichier Flash au format QuickTime,
consultez la section Définition des paramètres de publication pour les animations QuickTime,
page 547.
Vous pouvez redimensionner, faire pivoter et animer une séquence QuickTime liée dans Flash.
Cependant, vous ne pouvez pas interpoler le contenu d'une séquence QuickTime liée dans
Flash.
REMARQUE
Le lecteur QuickTime Player ne prend pas en charge les fichiers Flash Player des
versions supérieures à la version 5. Pour plus d'informations, consultez la section
Définition des paramètres de publication pour les animations QuickTime, page 547.
Pour importer une séquence QuickTime comme fichier lié :
1.
Effectuez l'une des opérations suivantes :
■
Pour lier le clip vidéo directement au document Flash actuel, choisissez Fichier >
Importer > Importer dans la scène.
■
Pour lier le clip vidéo à la bibliothèque du document Flash actuel, choisissez Fichier >
Importer > Importer dans la bibliothèque.
2.
Dans l'assistant d'importation vidéo, choisissez Lier au fichier vidéo externe, puis cliquez
sur Suivant.
3.
Si vous avez importé le clip vidéo directement sur la scène à l'étape 1, un avertissement vous
indique que le clip importé contient un nombre d'images supérieur à la plage où vous le
placez dans le document Flash actuel. Effectuez l'une des opérations suivantes :
■
Cliquez sur Oui pour agrandir la plage au nombre d'images nécessaire.
■
Cliquez sur Non pour conserver la taille actuelle de la plage. Les images du clip
importé qui dépassent le nombre d'images contenues dans la plage ne seront pas
affichées à moins que vous n'ajoutiez ultérieurement des images à la plage.
Vous pouvez afficher l'aperçu d'une vidéo QuickTime liée avant de publier le fichier SWF.
Lorsque vous importez une séquence QuickTime liée, Flash ajoute le nombre requis d'images
pour afficher un aperçu de la vidéo QuickTime, comme pour une vidéo intégrée.
REMARQUE
Vous ne pouvez pas afficher un aperçu d'une vidéo QuickTime liée en utilisant la
commande Tester l'animation.
Pour afficher l'aperçu d'une vidéo QuickTime liée :
■
Choisissez Contrôle > Lire.
Importation de vidéo à l'aide de l'assistant d'importation vidéo
335
Modification du chemin d'une vidéo QuickTime liée
Vous pouvez définir le chemin d'un clip vidéo QuickTime lié dans la bibliothèque du
document Flash actuel.
Pour définir le chemin d'un clip vidéo QuickTime lié :
1.
Sélectionnez Window > Bibliothèque, et sélectionnez la vidéo QuickTime liée souhaitée.
2.
Choisissez Propriétés dans le menu d'options du coin supérieur droit du panneau
Bibliothèque.
3.
Cliquez sur définir le chemin dans la boîte de dialogue Propriétés de la vidéo liée.
4.
Dans la boîte de dialogue Ouvrir, naviguez jusqu'au fichier du clip vidéo lié, sélectionnezle, puis cliquez sur Ouvrir.
5.
Dans la boîte de dialogue Propriétés de la vidéo liée, cliquez sur OK.
Modification de clips vidéo dans l'assistant
d'importation vidéo
L'assistant d'importation vidéo offre des options qui permettent de modifier les vidéos
intégrées lorsque vous les importez. Vous pouvez choisir des points d'entrée et de sortie pour
un clip, créer plusieurs clips à partir d'un clip importé et sélectionner d'autres options de
modification. Une modification au moment de l'importation des clips vidéo est tout
particulièrement utile avec les séquences non montées.
Pour modifier un clip vidéo :
1.
Importez le clip vidéo.
2.
Choisissez Modifier la vidéo d'abord et cliquez sur Suivant pour ouvrir le panneau Edition
de l'assistant d'importation vidéo.
3.
Pour parcourir les images de la vidéo, effectuez l'une des opérations suivantes :
■
Faites glisser la tête de lecture sur la barre de modulation.
■
Cliquez sur le bouton Lire pour avancer et sur le bouton Pause pour vous arrêter à
l'image désirée.
■
Cliquez sur les boutons Vers l'arrière et Vers l'avant dans le Contrôleur pour avancer
ou reculer d'une image à la fois.
336
Utilisation de la vidéo
4.
5.
Pour placer les points d'entrée et de sortie (images de début et de fin), effectuez l'une des
opérations suivantes :
■
Faites glisser les points d'entrée et de sortie (les triangles situés sous la barre de
modulation).
■
Cliquez sur le bouton Entrée ou Sortie parmi les boutons situés sous la barre de
modulation pour placer l'image de début ou de fin à l'endroit où se trouve la tête de
lecture.
Pour lire la vidéo, effectuez l'une des opérations suivantes :
■
Cliquez sur le bouton Lire pour lire la vidéo à partir de l'endroit où se trouve la tête de
lecture.
■
Cliquez sur Aperçu pour lire la vidéo avec les points d'entrée et de sortie actuels.
REMARQUE
6.
Cliquez sur le bouton Arrêter pour arrêter la lecture de la vidéo.
Pour créer un clip avec les points d'entrée et de sortie actuels, cliquez sur Créer un clip.
Le clip apparaît dans le panneau défilant, à gauche du panneau Edition.
Pour créer d'autres clips à partir du même fichier, choisissez leurs points d'entrée et de
sortie en suivant les instructions de l'étape 4 et cliquez de nouveau sur Créer un clip.
7.
Pour renommer un clip, sélectionnez-le dans le panneau défilant et saisissez le nouveau
nom.
8.
Pour modifier à nouveau un clip, sélectionnez-le dans le panneau défilant. Sélectionnez de
nouveaux points d'entrée et de sortie en suivant les instructions de l'étape 4 et cliquez sur
Mettre à jour le clip.
9.
Pour supprimer un clip du panneau défilant, sélectionnez-le et cliquez sur le bouton
Supprimer (-).
10. Une
fois que vous avez terminé le processus de modification, cliquez sur Suivant pour
passer au panneau suivant dans l'assistant d'importation vidéo.
Importation de vidéo à l'aide de l'assistant d'importation vidéo
337
Codage de vidéo
Les paramètres de codage vidéo de Flash et les commandes de recadrage et réduction sont
accessibles si vous codez de la vidéo à l'aide de la fonction de codage vidéo de Flash dans
l'assistant d'importation vidéo, l'application de codage vidéo de Flash 8 autonome ou le
module d'exportation QuickTime FLV. Si vous utilisez Flash Professionnel 8, les différentes
solutions de codage vidéo de Flash vous permettent également de placer des points de repère
dans votre fichier FLV.
Les sections suivantes présentent les paramètres de codage, commandes de recadrage et
réduction, et pour les utilisateurs de la fonction de codage vidéo de Flash 8 ou le module
d'exportation QuickTime FLV, les commandes d'intégration de points de repère.
Cette section contient les rubriques suivantes :
Sélection d'un profil de codage vidéo, page 338
Spécifications des paramètres de codage avancés (Flash Professionnel uniquement), page 339
Spécification des paramètres de codage audio avancés, page 341
Intégration de points de repère (Flash Professionnel uniquement), page 342
Sélection d'un profil de codage vidéo
Flash propose plusieurs profils de codage préconfigurés que vous pouvez utiliser pour coder
votre vidéo. Dans le panneau Codage, vous pouvez sélectionner un profil de codage pour
déterminer le niveau de compression à appliquer au clip vidéo.
Les profils de codage se basent sur la version de Flash Player dont vous voulez publier le
contenu et le débit de données auquel vous voulez coder votre contenu vidéo. Si vous
choisissez un profil de codage utilisant Flash Player 8, le codec vidéo On2 VP6 est utilisé pour
coder la vidéo. Si vous choisissez un profil de codage utilisant Flash Player 7, le codec vidéo
Sorenson Spark est utilisé pour coder la vidéo. Pour plus d'informations sur les codecs vidéo
pris en charge et la compatibilité Flash Player, consultez la section Les codecs vidéo On2 VP6 et
Sorenson Spark, page 323.
Pour sélectionner un profil de codage vidéo :
1.
Dans le panneau Codage, sélectionnez un profil de codage à partir du menu contextuel du
profil de codage vidéo de Flash.
2.
Vérifiez que le profil de codage sélectionné est adapté à l'application prévue.
La zone de texte sous le menu contextuel du profil de codage vidéo Flash affiche la version
du Flash Player, le codec vidéo, le débit binaire vidéo et les informations de codage vidéo
du profil de codage sélectionné.
338
Utilisation de la vidéo
3.
Effectuez l'une des opérations suivantes :
■
Cliquez sur Afficher les paramètres avancés pour ajuster davantage les paramètres de
codage ou modifier la taille du clip vidéo ou la durée de lecture à l'aide des
commandes de recadrage et réduction.
■
Cliquez sur Continuer pour coder la vidéo.
Spécifications des paramètres de codage avancés
(Flash Professionnel uniquement)
L'assistant d'importation vidéo et le module d'exportation QuickTime FLV vous permettent
de créer vos propres paramètres de codage vidéo pour régler la qualité et la taille de
téléchargement des clips vidéo.
Pour plus d'informations sur l'importation vidéo à l'aide de l'assistant d'importation vidéo,
consultez la section Importation de vidéo à l'aide de l'assistant d'importation vidéo, page 328.
Pour plus d'informations sur le module d'exportation QuickTime FLV, consultez la section A
propos du codage vidéo, page 324.
Pour spécifier des paramètres de codage vidéo avancés :
1.
L'option Coder les données vidéo doit être sélectionnée par défaut. Si ce n'est pas le cas,
cliquez sur cette case pour activer les options d'encodage avancées.
2.
Dans le menu local Codec vidéo, choisissez le codec vidéo avec lequel votre contenu sera
encodé.
Si vous créez pour Flash Player 6 ou 7, choisissez le codec Sorenson Spark. Si vous créez
pour Flash Player 8, choisissez le codec On2 VP6.
3.
Sélectionnez une cadence.
Par défaut, la fonction de codage vidéo de Flash utilise le même débit de données que la vidéo
source. Si vous n'êtes pas expérimenté en codage vidéo et devez modifier la cadence d'images
d'une vidéo source d'une application spécifique, Macromedia recommande d'utiliser la
cadence d'images par défaut. Si vous devez modifier la cadence d'images, assurez-vous de
comprendre ce qu'implique la modification de la cadence d'images sur la qualité de la vidéo.
REMARQUE
Si vous prévoyez d'intégrer des clips vidéo à un fichier SWF, la cadence d'images du
clip vidéo doit être identique à celle utilisée par le fichier SWF. En utilisant les
paramètres de codage vidéo avancés de l'assistant d'importation vidéo, vous pouvez
coder de la vidéo en utilisant la même cadence d'images que le fichier FLA. Pour
plus d'informations, consultez la section A propos de l'intégration d'une vidéo dans un
fichier SWF, page 318.
Pour plus d'informations, consultez la section A propos du codage vidéo, page 324.
Codage de vidéo
339
4.
Sélectionnez l'emplacement des images-clés dans la vidéo.
Les images-clés sont des images vidéo qui contienennt l'ensemble des données. Par
exemple, pour un intervalle entre images-clés de 30, Flash Video Encoder enregistre une
image complète toutes les 30 images du clip. Pour les images situées entre ces intervalles,
Flash enregistre uniquement les modifications par rapport à l'image précédente.
Par défaut, la fonction de codage vidéo de Flash place une image-clé toutes les deux secondes
du temps de lecture. Par exemple, si la vidéo que vous codez a une cadence d'images de 30
ips, une image-clé sera insérée toutes les 60 images. En général, la valeur d'image-clé par
défaut offre un niveau raisonnable de commande lors de la recherche dans un clip vidéo. Si
vous devez choisir une valeur particulière pour l'emplacement de l'image-clé, n'oubliez pas
que plus l'intervalle entre deux images-clés est faible, plus la taille du fichier sera importante.
5.
Sélectionnez un niveau de qualité dans le menu Qualité.
La qualité détermine le débit (ou taux de transfert) de la vidéo encodée. Plus le débit est
élevé, plus la qualité est importante. Pour spécifier un paramètre de qualité, effectuez l'une
des opérations suivantes :
■
Sélectionnez un paramètre de qualité prédéfini (Faible, Moyenne ou Haute) pour
choisir automatiquement une valeur. Lorsque vous sélectionnez Faible, Moyenne et
Haute dans ce menu, la zone de texte Débit maximum est mise à jour pour refléter la
valeur sélectionnée.
■
Sélectionnez Personnalisé et entrez une valeur, en Kilobit/Sec, dans la zone de texte
Débit maximum.
REMARQUE
6.
Si les valeurs de qualité présélectionnées ne vous conviennent pas pour une
séquence particulière, essayez d'indiquer un débit maximum personnalisé. Pour
plus d'informations sur le débit et ses conséquences sur la qualité de la vidéo,
consultez la section A propos du codage vidéo, page 324.
Pour redimensionner le clip vidéo, effectuez les opérations suivantes :
a.
Sélectionnez l'option Redimensionner la vidéo.
b.
(Facultatif ) Sélectionnez l'option Conserver le rapport de taille pour conserver le
rapport de taille du clip vidéo d'origine.
REMARQUE
c.
340
Si vous redimensionnez la taille d'un clip vidéo et ne sélectionnez pas l'option
Conserver le rapport de taille, la vidéo risque de s'afficher déformée.
Indiquez les valeurs désirées pour Largeur et Hauteur. Vous pouvez spécifier une taille
d'image en pixels ou un pourcentage de la taille d'origine des images.
Utilisation de la vidéo
7.
Si vous avez fini d'indiquer des paramètres d'encodage avancés, cliquez sur Suivant pour
ouvrir le panneau suivant de l'assistant d'importation vidéo. Sinon, cliquez sur l'onglet
Point de repère ou Recadrer.
Pour plus d'informations sur les points de repère, consultez la section Intégration de points
de repère (Flash Professionnel uniquement), page 342.
Spécification des paramètres de codage audio
avancés
La zone des paramètres de codage audio de la boîte de dialogue est automatiquement
sélectionnée lorsqu'un fichier audio est ajouté à la liste de codage (cette partie de la boîte de
dialogue est désactivée lors du codage de contenu vidéo sans piste audio combinée).
REMARQUE
Vous pouvez choisir un profil d'encodage dans le menu local des profils d'encodage de
Flash Video, qui permet de choisir un profil correspondant pour le format d'encodage
audio uniquement.
Pour spécifier des paramètres d'encodage audio personnalisés :
1.
Si l'option Coder les données audio n'est pas sélectionnée, sélectionnez-la pour activer les
options avancées de codage audio.
L'option Coder les données audio doit être sélectionnée par défaut. Le codec audio par
défaut est MP3.
REMARQUE
2.
Si le fichier vidéo source n'a pas de piste audio ou si vous codez des fichiers MPEG1 sur une plate-forme Macintosh, la zone de paramètres de codage audio de la boîte
de dialogue est désactivée.
Sélectionnez un débit dans le menu contextuel Débit de données.
Le débit de données est le débit binaire du flux continu MP3. Des pistes audio de bonne
qualité, par exemple de la musique ou du son avec un bruit de fond important, nécessitent
un débit plus élevé. Par contre de simples dialogues, ou le gros plan d'un présentateur,
peuvent être compressés à un niveau beaucoup plus important. Des paramètres de débit
supérieur (codés à 80 Kbps ou plus) sont codés en stéréo, alors que des paramètres de débit
inférieurs (codés à 64 Kbps ou moins) sont codés en mono.
3.
Cliquez sur Suivant pour ouvrir le panneau suivant de l'assistant d'importation vidéo, ou
sur l'un des autres onglets de paramétrage avancé pour continuer à modifer le clip.
Codage de vidéo
341
Intégration de points de repère (Flash Professionnel
uniquement)
Les points de repère permettent de déclencher des actions dans la présentation, en fonction de
leur place dans la vidéo. Par exemple, vous pouvez créer une présentation Flash comportant
une lecture de vidéo dans une zone de l'écran et l'affichage de texte et d'objets graphiques dans
une autre zone. Un point de repère placé dans la vidéo déclenche une mise à jour du texte et
des objets graphiques, pour qu'ils restent pertinents par rapport au contenu de la vidéo.
Chaque point de repère est constitué d'un nom et de l'heure à laquelle il se produit. Vous
spécifiez des points de repère au format heure:minute:seconde;milliseconde ; la cadence
d'images est de 30 images par seconde (ips). Vous pouvez placer des point de repère avec
n'importe quelle cadence d'images, et les exprimer en millisecondes plutôt qu'en nombre
d'images.
Pour définir et insérer des points de repère, vous devez utiliser la fonction de codage vidéo
Flash ou importer un clip vidéo à l'aide de l'assistant d'importation vidéo. Pour plus
d'informations sur l'importation vidéo à l'aide de l'assistant d'importation vidéo, consultez la
section Importation de vidéo à l'aide de l'assistant d'importation vidéo, page 328.
Pour définir et insérer des point de repère dans un clip vidéo :
1.
Dans le panneau Codage de l'assistant d'importation vidéo, cliquez sur Afficher les
paramètres avancés.
2.
Sélectionnez un profil de codage prédéfini dans le menu contextuel du profil de codage
vidéo de Flash ou créez votre propre profil de codage personnalisé à l'aide des options de
codage dans l'onglet Codage.
Pour plus d'informations sur la spécification des paramètres de codage vidéo personnalisés,
consultez la section Codage de vidéo, page 338.
3.
Cliquez sur l’onglet Points de repère.
Les paramètres des Points de repère sont affichés.
4.
Utilisez la tête de lecture pour rechercher une image spécifique (point dans la vidéo) dans
laquelle vous voulez insérer un point de repère. Pour une plus grande précision,
sélectionnez la tête de lecture et utilisez les flèches gauche et droite pour rechercher des
points spécifiques dans la vidéo.
342
Utilisation de la vidéo
Pour rechercher une image spécifique, utilisez le pointeur pour déplacer la tête de lecture
jusqu'au point de la vidéo au niveau duquel vous voulez insérer un point de repère. La
fenêtre d'aperçu vidéo vous permet d'identifier visuellement les points de la vidéo au
niveau desquels vous voulez insérer un point de repère. Vous pouvez aussi utiliser le
compteur de temps (sous la fenêtre d'aperçu vidéo) pour identifier des points temporels
spécifiques au niveau desquels vous voulez insérer des points de repère.
5.
Lorsque la tête de lecture est positionnée sur une image dans laquelle vous voulez insérer
un point de repère, cliquez sur le bouton Ajouter un point de repère.
La fonction de codage vidéo de Flash insère un point de repère sur cette image de la vidéo
et remplit la liste des points de repère d'un espace réservé pour le nom du nouveau point
de repère, du temps écoulé et de l'image vidéo au niveau de laquelle est placé le point de
repère (il s'agit du temps de lecture après lequel l'événement est déclenché). La fonction de
codage vidéo affiche également un menu contextuel qui vous permet de sélectionner le
type de point de repère à insérer.
Un repère de point de repère s'affiche sur la barre de défilement au niveau du point
d'insertion du point de repère. Vous pouvez utiliser le repère du point de repère pour
ajuster l'emplacement du point de repère.
6.
7.
Spécifiez le type de point de repère à insérer, un point de repère d'événement ou un point
de repère de navigation :
■
Les points de repère d'événement permettent de déclencher des méthodes
ActionScript lorsque la tête de lecture atteint ce point, et permettent donc de
synchroniser la lecture vidéo avec d'autres événements dans la présentation Flash.
■
Les points de repère de navigation sont utilisés pour la navigation et la recherche, et
pour déclencher les méthodes ActionScript lorsque le point de repère est atteint.
L'intégration d'un point de repère de navigation insère une image-clé au niveau de ce
point du clip vidéo.
Saisissez les paramètres du point de repère choisi.
Les paramètres sont un ensemble de paires clé/valeur que vous pouvez ajouter au point de
repère. Ces paramètres sont passés au gestionnaire d'événement des points de repère en
tant que membres du paramètre unique de l'objet.
Codage de vidéo
343
Recadrage et réduction de la vidéo
La fonction de codage vidéo de Flash offre les options d'édition suivantes qui vous permettent
de recadrer et réduire les clips vidéo avant de les coder :
Le recadrage vous permet de modifier les dimensions d'un clip vidéo. Vos pouvez supprimer
des zones de la vidéo pour souligner un point focal particulier dans l'image, un personnage par
exemple, en effaçant les images en trop ou en effaçant les images de fond non souhaitées.
vous permet de modifier le début et la fin (les points d'entrée et de sortie ) d'une
vidéo. Par exemple, vous pouvez ajuster la réduction d'un clip vidéo en commençant la lecture
30 secondes après le début du clip entier, en supprimant les images non souhaitées.
La réduction
1.
Dans le panneau Codage de l'assistant d'importation vidéo, cliquez sur Afficher les
paramètres avancés.
Les options avancées de codage vidéo de Flash s'affichent.
2.
Si vous n'avez pas déjà spécifié un paramètre de codage du clip vidéo, faites-le maintenant.
Pour en savoir plus, consultez la section Codage de vidéo, page 338.
3.
Cliquez sur l'onglet Recadrer et réduire.
L'onglet Recadrer et réduire s'affiche.
4.
Entrez les valeurs des bords droit, gauche, supérieur et inférieur pour recadrer la vidéo ou
utilisez les barres de défilement pour ajuster visuellement les dimensions de la vidéo.
Les guides de la fenêtre d'aperçu indiquent la zone recadrée.
5.
Pour définir les points d'entrée et de sortie, faites glisser les repères des points d'entrée et de
sortie sous la barre de modulation jusqu'à la fin du réglage de la taille du clip vidéo. Pour
une plus grande précision, sélectionnez les repères des points d'entrée et de sortie et utilisez
les flèches gauche et droite pour rechercher des points spécifiques dans la vidéo.
La fenêtre d'aperçu vidéo vous permet d'identifier visuellement les images de début et de
fin au niveau desquelles vous pouvez réduire le clip vidéo. Vous pouvez également utiliser
le compteur de temps écoulé (situé dans la section Réduction de la boîte de dialogue) pour
rechercher les points temporels spécifiques au niveau desquels vous pouvez réduire le clip
vidéo.
6.
Prévisualisez la vidéo en faisant glisser la tête de lecture sur la barre de modulation pour
vérifier que la vidéo est lue de manière appropriée.
7.
Une fois que vous avez terminé le recadrage et la réduction de la vidéo, sélectionnez le point
de repère ou l'onglet Codage pour modifier les paramètres de codage vidéo ou cliquez sur
OK pour revenir à la boîte de dialogue principale de codage vidéo de Flash 8.
344
Utilisation de la vidéo
A cette étape, vous savez coder vos clips vidéo ou vous souhaitez ajouter des clips vidéo
source supplémentaires à coder. Pour plus d'informations, consultez la section Codage de
vidéo, page 338.
Pour en savoir plus sur les autres options disponibles dans la boîte de dialogue des
paramètres de codage vidéo de Flash, consultez les sections suivantes :
■
Spécifications des paramètres de codage avancés (Flash Professionnel uniquement),
page 339
■
Intégration de points de repère (Flash Professionnel uniquement), page 342
REMARQUE
Lorsque vous codez de la vidéo, le clip vidéo source d'origine n'est pas modifié.
Vous pouvez toujours coder de nouveau un clip vidéo et spécifier les nouveaux
paramètres si votre tentative initiale ne permet pas d'obtenir les résultats
attendus.
Importation de fichiers vidéo Flash dans
la bibliothèque
Vous pouvez importer des fichiers FLV en utilisant les commandes Importer ou Importer dans
la bibliothèque ou le bouton Importer de la boîte de dialogue Propriétés de vidéo intégrée.
Si vous souhaitez créer votre propre lecteur vidéo, qui chargera dynamiquement les fichiers
FLV à partir d'une source externe, vous devez placer votre vidéo à l'intérieur d'un symbole de
clip vidéo. Ainsi, lorsque vous chargez dynamiquement les fichiers FLV, vous pouvez ajuster
les dimensions du clip vidéo pour l'adapter aux dimensions réelles du fichier FLV. Vous
pouvez également redimensionner la vidéo en redimensionnant le clip.
REMARQUE
Lorsque vous travaillez sur des données vidéo intégrées, la meilleure pratique consiste à
placer ces données dans une occurrence de clip, dans la mesure où vous bénéficiez
ainsi d'un meilleur contrôle sur le contenu. Le scénario vidéo est indépendant du
scénario principal. Il n'est pas nécessaire d'étendre le scénario principal avec de
nombreuses images pour recevoir les données vidéo, car ceci risquerait de rendre
l'utilisation du fichier FLA difficile.
Pour importer un fichier FLV dans la bibliothèque, effectuez l'une des
opérations suivantes :
■
Choisissez Fichier > Importer > Importer dans la bibliothèque.
■
Choisissez un clip vidéo existant dans le panneau Bibliothèque et sélectionnez Propriétés
dans le menu d'options de la bibliothèque. Dans la boîte de dialogue Propriétés de vidéo
intégrée, cliquez sur Importer. Recherchez le fichier à importer et cliquez sur Ouvrir dans
la boîte de dialogue Ouvrir.
Importation de fichiers vidéo Flash dans la bibliothèque
345
A propos de la lecture dynamique des
fichiers FLV externes
Plutôt que d’importer des données vidéo dans l’environnement auteur de Flash, vous pouvez
utiliser le composant FLVPlayback ou le code ActionScript pour lire dynamiquement les
fichiers FLV externes dans Flash Player. Vous pouvez lire les fichiers FLV envoyés en tant que
téléchargements HTTP ou fichiers de support locaux.
Vous pouvez créer les fichiers FLV en important la vidéo dans l'outil de création Flash et en
l'exportant en tant que fichier FLV. Pour plus d'informations sur l'exportation d'une vidéo en
tant que fichier FLV, consultez la section Vidéo Macromedia Flash (FLV), page 578. Si vous
disposez de Macromedia Flash Professionnel 8, vous pouvez utiliser le module d'exportation
FLV pour exporter des fichiers FLV à partir des applications d'édition vidéo prises en charge.
Pour plus d'informations, consultez la section A propos du codage vidéo, page 324.
Pour lire un fichier FLV externe, vous devez l'envoyer à une adresse URL (un site HTTP ou
un dossier local) et ajouter le composant FLVPlayback ou le code ActionScript au document
Flash pour accéder au fichier et contrôler la lecture pendant l'exécution.
L'utilisation des fichiers FLV externes offre certaines possibilités qui ne sont pas disponibles
lorsque vous utilisez la vidéo importée :
■
Vous pouvez utiliser des clips vidéo plus longs dans vos documents Flash sans que cela
ralentisse la lecture. Les fichiers FLV externes sont lus à l'aide de la mémoire cache, ce qui
signifie que les fichiers volumineux sont enregistrés en petites parties et sont accessibles
dynamiquement et qu'ils ne nécessitent pas autant de mémoire que les fichiers vidéo
intégrés.
■
Un fichier FLV externe peut avoir une cadence différente du document Flash dans lequel
il est lu. Par exemple, vous pouvez définir la cadence du document Flash à 30 ips et celle
de l'image vidéo à 21 ips, ce qui assure un meilleur contrôle et garantit la fluidité du flux
vidéo.
■
Avec les fichiers FLV externes, la lecture du document Flash n'a pas besoin d'être
interrompue pendant le chargement du fichier vidéo. Les fichiers vidéo importés peuvent
parfois interrompre la lecture des documents pour exécuter certaines fonctions, par
exemple pour accéder à un lecteur de CD-ROM. Les fichiers FLV peuvent effectuer des
fonctions indépendantes du document Flash et n'interrompent donc pas la lecture.
■
Le sous-titrage du contenu vidéo est plus facile avec des fichiers FLV externes, car vous
pouvez utiliser les fonctions de callback pour accéder aux métadonnées de la vidéo.
Pour plus d'informations sur la lecture des fichiers FLV, consultez la section Lecture dynamique
des fichiers FLV externes du guide Formation à ActionScript 2.0 dans Flash.
346
Utilisation de la vidéo
Modification des propriétés d'un clip vidéo
Vous pouvez utiliser l'inspecteur des propriétés pour modifier les propriétés de l'occurrence
d'un clip vidéo intégré ou lié sur la scène. Dans l'inspecteur des propriétés, vous pouvez
affecter un nom à l'occurrence et modifier sa largeur, sa hauteur et sa position sur la scène.
Vous pouvez également permuter l'occurrence d'un clip vidéo, c'est-à-dire affecter un symbole
différent à l'occurrence d'un clip vidéo. L'affectation d'un symbole différent à une occurrence
permet d'afficher une occurrence différente sur la scène tout en conservant toutes les autres
propriétés de l'occurrence (telles que les dimensions et le point d'alignement).
La boîte de dialogue Propriétés de vidéo intégrée permet d'afficher les informations sur un clip
vidéo importé : son nom, son chemin, sa date de création, ses dimensions en pixels, sa durée et sa
taille de fichier. Vous pouvez modifier le nom du clip vidéo, le mettre à jour si vous le modifiez
dans un éditeur externe et importer une vidéo FLV pour remplacer le clip sélectionné.
REMARQUE
Vous pouvez également exporter un clip vidéo en tant que fichier FLV en utilisant la
boîte de dialogue Propriétés de vidéo intégrée. Pour plus d'informations, consultez la
section Vidéo Macromedia Flash (FLV), page 578.
Pour modifier les propriétés d'une occurrence de vidéo dans l'inspecteur des
propriétés :
1.
Sélectionnez une occurrence de clip vidéo incorporé ou lié sur la scène.
2.
Choisissez Fenêtre > Propriétés > Propriétés.
3.
Dans l'inspecteur des propriétés, effectuez l'une des opérations suivantes :
■
Saisissez un nom d'occurrence dans le champ Nom, sur le côté gauche de l'inspecteur
des propriétés.
■
Saisissez les valeurs de L et H afin de modifier les dimensions de l'occurrence de la
vidéo.
■
Saisissez les valeurs de X et Y afin de modifier la position du coin supérieur gauche de
l'occurrence sur la scène.
■
Cliquez sur Permuter. Dans la boîte de dialogue Permuter la vidéo intégrée,
sélectionnez le clip vidéo qui remplacera celui actuellement affecté à l'occurrence.
R E M AR QU E
Vous ne pouvez permuter un clip vidéo incorporé qu'avec un autre clip vidéo
incorporé et un clip vidéo lié qu'avec un autre clip vidéo lié.
Modification des propriétés d'un clip vidéo
347
Pour afficher les propriétés d'un clip vidéo dans la boîte de dialogue Propriétés
de vidéo intégrée :
1.
Sélectionnez un clip vidéo dans le panneau Bibliothèque.
2.
Sélectionnez Propriétés dans le menu d'options de la bibliothèque.
Pour affecter un nouveau nom à un clip vidéo :
1.
Sélectionnez le clip vidéo dans le panneau Bibliothèque.
2.
Sélectionnez Propriétés dans le menu d'options de la bibliothèque.
3.
Dans la boîte de dialogue Propriétés de vidéo intégrée, saisissez un nouveau nom dans le
champ Nom.
Pour mettre un clip vidéo à jour :
1.
Sélectionnez le clip vidéo dans le panneau Bibliothèque.
2.
Sélectionnez Propriétés dans le menu d'options de la bibliothèque.
3.
Dans la boîte de dialogue Propriétés de vidéo intégrée, cliquez sur Mettre à jour.
4.
Recherchez le fichier vidéo mis à jour et cliquez sur Ouvrir.
Le fichier est réimporté dans le document Flash.
Pour remplacer un clip vidéo par un clip FLV :
1.
Sélectionnez le clip vidéo dans le panneau Bibliothèque.
2.
Sélectionnez Propriétés dans le menu d'options de la bibliothèque.
3.
Dans la boîte de dialogue Propriétés de vidéo intégrée, cliquez sur Importer.
4.
Recherchez le fichier FLV qui doit remplacer le clip actuel et cliquez sur Ouvrir.
Contrôle de la lecture de la vidéo à l'aide
des comportements
Les comportements vidéo offrent un moyen de contrôler la lecture vidéo. Les comportements
sont des scripts ActionScript prêts à l'emploi qui peuvent être ajoutés à un objet pour
contrôler ce dernier. Les comportements permettent d'ajouter la puissance, le contrôle et la
flexibilité du codage ActionScript à votre document sans avoir à créer le code ActionScript
vous-même. Les comportements vidéo vous permettent de lire, d'arrêter, de mettre en pause,
de rembobiner, d'avancer, d'afficher et de masquer un clip vidéo.
348
Utilisation de la vidéo
Pour contrôler un clip vidéo avec un comportement, utilisez le panneau Comportements afin
d'appliquer le comportement à un objet déclencheur, par exemple un clip. Définissez
l'événement déclencheur du comportement (par exemple le fait de relâcher le clip),
sélectionnez un objet cible (la vidéo qui sera affectée par le comportement) et, si nécessaire,
sélectionnez les paramètres du comportement, tels que le nombre d'images à rembobiner.
REMARQUE
L'objet déclencheur doit être un clip. Il n'est pas possible d'affecter des comportements
de lecture vidéo à des symboles de bouton ou à des composants Button.
Les comportements suivants sont inclus dans Flash Basic 8 et Flash Professionnel 8 et sont
utilisés pour contrôler la vidéo intégrée :
Comportement
Objectif
Paramètres
Lire une vidéo
Lit une vidéo dans le document
actuel.
Nom de l'occurrence de la vidéo
cible
Arrêter la vidéo
Arrête la vidéo.
Nom de l'occurrence de la vidéo
cible
Mettre une vidéo en Met la vidéo en pause.
pause
Nom de l'occurrence de la vidéo
cible
Rembobiner une
vidéo
Rembobine la vidéo du nombre
d'images indiqué.
Nom de l'occurrence de la vidéo
cible
Nombre d'images
Vidéo avance
rapide
Avance la vidéo du nombre d'images Nom de l'occurrence de la vidéo
indiqué.
cible
Nombre d'images
Masquer une vidéo Masque la vidéo.
Nom de l'occurrence de la vidéo
cible
Afficher une vidéo
Nom de l'occurrence de la vidéo
cible
Affiche la vidéo.
Pour accéder aux leçons sur l'utilisation de la vidéo, consultez la section Didacticiel : Création
d’un lecteur vidéo (Flash Professionnel uniquement) du guide Bien démarrer avec Flash.
Pour ajouter et configurer un comportement :
1.
Sélectionnez l'occurrence du clip qui doit déclencher le comportement.
2.
Dans le panneau Comportements (Fenêtre > Comportements), cliquez sur le bouton
Ajouter (+) et choisissez le comportement désiré dans le sous-menu Vidéo intégrée.
Contrôle de la lecture de la vidéo à l'aide des comportements
349
3.
Dans la boîte de dialogue qui apparaît, choisissez la vidéo à contrôler avec le
comportement.
4.
Choisissez un chemin relatif ou absolu. Pour plus d'informations, consultez la section
Utilisation de chemins cibles absolus et relatifs, page 44.
5.
Le cas échéant, choisissez les paramètres du comportement et cliquez sur OK.
L'événement et les actions par défaut correspondant au comportement apparaissent dans
le panneau Comportements.
6.
Dans la section Evénement du panneau Comportements, cliquez sur On Release
(événement par défaut) et sélectionnez un événement de souris dans le menu. Si vous
voulez utiliser l'événement On Release, ne changez pas l'option.
Utilisation du composant FLVPlayback
(Flash Professionnel uniquement)
Avec les composants média de Flash Professionnel 8, vous pouvez ajouter rapidement et
facilement des commandes de vidéo et de lecture Flash à vos documents. Ensuite, à l'aide des
points de repère, vous pouvez synchroniser votre vidéo avec une animation, du texte et des
objets graphiques. Par exemple, vous pouvez créer une présentation Flash comportant une
lecture de vidéo dans une zone de l'écran et l'affichage de texte et d'objets graphiques dans une
autre zone. Un point de repère placé dans la vidéo déclenche une mise à jour du texte et des
objets graphiques, pour qu'ils restent pertinents par rapport au contenu de la vidéo.
Le nouveau composant FLVPlayback de Flash Professionnel 8 est conçu pour vous permettre
de mettre en œuvre rapidement et facilement de la vidéo, tout fournissant un ensemble de
fonctions plus riches que les composants disponibles dans les versions précédentes de Flash.
Vous pouvez lire, à l'aide du composant FLVPlayback, de la vidéo diffusée en flux continu
progressif sur HTTP à partir du service FVSS (Flash Video Streaming Service) ou du FCS
(Flash Communication Server).
Le composant FLVPlayback effectue les opérations suivantes :
■
Fournit un ensemble d'enveloppes prédéfinies permettant de personnaliser les commandes
de lecture et l'aspect de l'interface utilisateur
■
Aide les utilisateurs avancés à créer leurs propres enveloppes personnalisées
■
Fournit des points de repère que vous pouvez utiliser pour synchroniser votre vidéo avec
l'animation, le texte et les graphiques de votre application Flash
■
fournit un aperçu en direct des personnalisations ;
■
Conserve un fichier SWS de taille raisonnable pour un téléchargement facile
350
Utilisation de la vidéo
Le composant FLVPlayback est la zone d'affichage de la vidéo. Le composant FLVPlayback
inclut les commandes personnalisées de l'interface utilisateur FLV, un ensemble de boutons de
contrôle qui vous permettent de lire une vidéo, l'arrêter, la mettre en pause et contrôler sa
lecture. Ces commandes comprennent les commandes BackButton, ForwardButton,
PauseButton, PlayButton, PlayPauseButton, SeekBar et StopButton que vous pouvez faire
glisser sur la scène et personnaliser de façon individuelle.
Les sections suivantes fournissent des instructions de base sur la configuration du composant
FLVPlayback une fois que vous avez importé une vidéo dans Flash à l'aide de l'assistant
d'importation vidéo. Pour en savoir plus sur les procédure avancées d'utilisation du
composant FLVPlayback, consultez le Chapitre 22, Composant FLVPlayback (Flash
Professionnel uniquement), du guide Référence du langage des composants.
Pour configurer le composant FLVPlayback :
1.
Le composant étant sélectionné, ouvrez l'inspecteur des propriétés (Fenêtre > Propriétés) et
entrez un nom d'occurrence.
2.
Sélectionnez l'onglet Paramètres dans l'inspecteur des propriétés ou ouvrez l'inspecteur de
composants (Windows > Composants).
3.
Entrez les valeurs des paramètres ou utilisez les paramètres par défaut.
Vous pouvez définir les paramètres suivants pour chaque occurrence du composant
FLVPlayback dans l'inspecteur des propriétés ou des composants :
REMARQUE
Dans la plupart des occurrences, il n'est pas nécessaire de modifier les paramètres
du composant FLVPlayback si vous ne souhaitez pas modifier l'apparence d'une
enveloppe vidéo. L'assistant d'importation vidéo configure un nombre suffisant de
paramètres pour la plupart des déploiements.
valeur booléenne qui détermine comment lire le FLV. Si elle est définie sur
true, le FLV est lu immédiatement après son chargement. Si elle est définie sur false, la
première image est chargée puis une pause a lieu. La valeur par défaut est true.
autoPlay
valeur booléenne qui détermine si le FLV est rembobiné automatiquement.
Si elle est définie sur true, le composant Video rembobine automatiquement le FLV au
début lorsque la tête de lecture atteint la fin ou lorsque l'utilisateur clique sur le bouton
d'arrêt. Si elle est définie sur false, le composant Video ne rembobine pas
automatiquement le FLV. La valeur par défaut est true.
autoRewind
Utilisation du composant FLVPlayback (Flash Professionnel uniquement)
351
autoSize valeur booléenne qui, si elle est définie sur true, redimensionne le composant à
l'exécution pour utiliser les dimensions FLV source. La valeur par défaut est false.
REMARQUE
La taille d'image codée du FLV est différente des dimensions par défaut du
composant FLVPlayback.
bufferTime nombre de secondes à placer en mémoire tampon avant le début de la lecture.
La valeur par défaut est 0.
contentPath chaîne spécifiant l'URL vers un FLV ou vers un fichier XML qui décrit
comment lire le FLV. Double-cliquez sur la cellule Valeur pour ce paramètre afin d'activer
la boîte de dialogue Content Path (Chemin du contenu). La valeur par défaut est une
chaîne vide. Si vous ne spécifiez pas de valeur pour le paramètre contentPath, rien ne se
passe lorsque Flash exécute l'occurrence de composant FLVPlayback. Pour plus
d'informations, consultez la section Définition du paramètre contentPath, page 353.
isLive valeur booléenne qui, si elle est définie sur true, spécifie la diffusion en continu en
direct depuis FCS. La valeur par défaut est false.
chaîne qui spécifie les points de repère pour le FLV. Les points de repère vous
permettent de synchroniser des points spécifiques dans le FLV avec une animation Flash,
des graphiques ou du texte. La valeur par défaut est une chaîne vide.
cuePoints
maintainAspectRatio valeur booléenne qui, si elle est définie sur true, redimensionne le
lecteur vidéo dans le composant FLVPlayback pour conserver les proportions du FLV ; le
FLV source est quand même dimensionné et le composant FLVPlayback ne sera pas
redimensionné. Le paramètre autoSize a la priorité sur ce paramètre. La valeur par défaut
est true.
skin paramètre qui ouvre la boîte de dialogue Sélectionner une enveloppe et vous permet
de choisir une enveloppe pour le composant. La valeur par défaut est None. Si vous
choisissez None, l'occurrence de composant FLVPlayback ne comporte pas d'éléments de
commande autorisant l'utilisateur à lire, arrêter ou rembobiner le FLV, ni à effectuer
d'autres actions rendues possibles grâce aux commandes. Si le paramètre autoPlay est
défini sur true, le FLV est lu automatiquement. Pour plus d'informations, consultez la
section Sélection d’une enveloppe prédéfinie du Chapitre 22, Composant FLVPlayback (Flash
Professionnel uniquement), dans Référence du langage des composants.
352
Utilisation de la vidéo
totalTime nombre total de secondes dans le FLV source. La valeur par défaut est 0. Si vous
utilisez le téléchargement progressif, Flash utilise ce chiffre s'il est défini sur une valeur
supérieure à zéro. Autrement, Flash essaie de récupérer le temps des métadonnées.
R E M A R QU E
Si vous utilisez FCS ou FVSS, cette valeur est ignorée ; le temps total du FLV est
extrait du serveur.
volume valeur comprise entre 0 et 100 qui représente le pourcentage de volume
maximum auquel vous devez régler le volume.
Définition du paramètre contentPath
Si vous avez importé un clip vidéo local dans Flash pour l'utiliser en téléchargement progressif
ou comme contenu vidéo diffusé en flux continu, vous devez mettre à jour le paramètre
contentPath du composant FLVPlayback avant de transférer votre contenu sur un serveur
Web. Le paramètre contentPath vous permet de spécifier le nom et l'emplacement du FLV
sur le serveur, et de mettre en œuvre la méthode de lecture (par exemple, en téléchargeant
progressivement à l'aide du protocole HTTP ou en diffusant en flux continu à partir du Flash
Communication Server à l'aide du protocole RTMP).
Pour spécifier le nom et l'emplacementdu FLV :
1.
Le composant étant sélectionné, ouvrez l'inspecteur des propriétés (Window > Propriétés)
et sélectionnez l'onglet Paramètres dans l'inspecteur des propriétés ou ouvrez l'inspecteurs
des composants (Window > Inspecteur de composants).
2.
Entrez les valeurs des paramètres ou, au besoin, utilisez les paramètres par défaut. Pour le
paramètre contentPath effectuez les opérations suivantes :
a.
Double-cliquez sur la cellule Valeur pour le paramètre contentPath afin d'activer la
boîte de dialogue Chemin du contenu.
b.
Entrez l'URL ou le chemin local vers le fichier FLV ou un fichier XML (pour Flash
Communication Server ou FVSS) qui décrit comment lire le FLV.
Si vous ignorez l'emplacement précis du FLV ou du fichier XML, cliquez sur l'icône
du dossier afin d'activer une boîte de dialogue Navigateur vous permettant d'accéder à
l'emplacement correct. Lorsque vous recherchez un fichier FLV, s'il se trouve à
l'emplacement du fichier SWF cible (ou au-dessous), Flash utilise automatiquement le
chemin relatif à cet emplacement de façon à être prêt à servir depuis un serveur Web.
Autrement, il s'agit d'un chemin de fichier absolu, Windows ou Macintosh.
Utilisation du composant FLVPlayback (Flash Professionnel uniquement)
353
Si vous spécifiez une URL HTTP, le FLV est un FLV de téléchargement progressif. Si
vous spécifiez une URL RMTP (Real-Time Messaging Protocol), le FLV diffuse
depuis un Flash Communication Server (FCS). Une URL vers un fichier XML peut
également être un FLV en flux continu depuis FCS ou depuis un FVSS (Flash Video
Streaming Service).
REMARQUE
Lorsque vous cliquez sur OK dans la boîte de dialogue Chemin du contenu, Flash
met à jour la valeur du paramètre cuePoints également car si vous avez modifié
le paramètre contentPath, le paramètre cuePoints ne s'applique plus au
chemin de contenu actuel. Par conséquent, vous perdrez les points de repère
désactivés, même s'il ne s'agit pas de points de repère ActionScript. Pour cette
raison, vous pouvez désactiver les points de repère non ActionScript via
ActionScript plutôt qu'au moyen de la boîte de dialogue Points de repère.
Vous pouvez également spécifier l'emplacement d'un fichier XML qui décrit comment
lire plusieurs flux continus FLV pour plusieurs bandes passantes. Le fichier XML
utilise le langage SMIL (Synchronized Multimedia Integration Language) pour décrire
les FLV. Pour obtenir une description du fichier SMIL XML, consultez la section
Utilisation d’un fichier SMIL du guide Référence du langage des composants.
A propos du contrôle de la lecture de la
vidéo à l'aide du scénario
Vous pouvez contrôler la lecture d'un fichier vidéo intégré ou lié en contrôlant le scénario
contenant la vidéo. Par exemple, pour mettre la lecture d'une vidéo en pause sur le scénario
principal, vous pouvez appeler une action stop() ciblant ce scénario. De la même manière,
vous pouvez contrôler un objet vidéo dans un symbole de clip en contrôlant la lecture du
scénario de ce symbole.
Vous pouvez appliquer les actions suivantes aux objets vidéo importés dans les clips : goTo,
play, stop, toggleHighQuality, stopAllSounds, getURL, FScommand, loadMovie,
unloadMovie, ifFrameLoaded et onMouseEvent. Pour pouvoir appliquer des actions à un
objet vidéo, vous devez d'abord le convertir en clip. Pour plus d'informations, consultez
%{Video}% dans le manuel Guide de référence du langage ActionScript 2.0.
Vous pouvez également utiliser ActionScript pour afficher un flux vidéo en direct provenant
d'une caméra. Sélectionnez d'abord Nouvelle vidéo dans le panneau Bibliothèque pour placer
un objet vidéo sur la scène. Choisissez ensuite Video.attachVideo pour joindre le flux vidéo
à l'objet vidéo. Pour plus d'informations, consultez la section %{attachVideo (méthode
Video.attachVideo)}% du Guide de référence du langage ActionScript 2.0.
354
Utilisation de la vidéo
Composants média (Flash Player 6 et 7)
REMARQUE
Les composants média ont été introduits dans Flash MX Professionnel 2004. Si vous
développez un contenu à utiliser avec Flash Player 8, vous devrez plutôt utiliser le
composant FLVPlayback introduit dans Flash 8 Professionnel. Le composant
FLVPlayback offre des fonctionnalités améliorées, en vous offrant un meilleur contrôle
de la lecture vidéo et audio dans l'environnement Flash. Pour plus d'informations sur le
composant FLVPlayback , consultez la section Utilisation du composant FLVPlayback
(Flash Professionnel uniquement), page 350.
La suite de composants média est constituée de trois éléments : MediaDisplay,
MediaController et MediaPlayback. Avec le composant MediaDisplay, l'ajout de média à vos
documents Flash s'effectue simplement en glissant le composant vers la Scène et en le
configurant dans l'inspecteur de composants. Outre la configuration des paramètres dans
l'inspecteur de composants, vous pouvez ajouter des points de repère pour déclencher d'autres
actions. Le composant MediaDisplay ne comporte aucune représentation visuelle pendant la
lecture, seul le clip est visible.
Le composant MediaController fournit des contrôles de l'interface utilisateur qui permettent
à l'utilisateur d'interagir avec le support en flux continu. Le Contrôleur comporte des boutons
Lire, Pause et Rembobiner début, ainsi qu'une commande de volume. Il comporte également
des barres de lecture qui indiquent la progression de chargement et de lecture du support. Un
curseur de tête de lecture peut être déplacé vers l'avant et l'arrière sur la barre de lecture pour
se rendre rapidement vers les différentes parties de la vidéo. Les comportements ou
ActionScript peuvent vous permettre de lier facilement ce composant au composant
MediaDisplay pour afficher la vidéo en flux continu et fournir le contrôle à l'utilisateur.
Le composant MediaPlayback fournit le moyen le plus aisé et le plus rapide d'ajouter une
vidéo et un contrôleur à vos documents Flash. Le composant MediaPlayback combine les
composants MediaDisplay et MediaController dans un unique composant intégré. Les
instances de composant MediaDisplay et MediaController sont automatiquement liées les
unes aux autres pour le contrôle de lecture.
Le panneau Inspecteur de composants ou l'onglet Paramètres de l'inspecteur des propriétés
permet de configurer les paramètres de lecture, taille et disposition pour les trois composants.
Tous les composants média fonctionnent aussi bien avec le contenu audio MP3.
Pour plus d'informations sur les composants media, consultez le Chapitre 29, Composants
médias (Flash Professional uniquement), dans Référence du langage des composants.
Composants média (Flash Player 6 et 7)
355
356
Utilisation de la vidéo
CHAPITRE 12
12
Utilisation du son
Macromedia Flash Basic 8 et Flash Professionnel 8 offrent diverses façons d'utiliser le son.
Vous pouvez créer des sons lus en flux continu, des sons indépendants du scénario ou
synchroniser une animation et une piste audio. Vous pouvez associer des sons à des boutons
pour les rendre plus interactifs et faire apparaître et disparaître des sons en fondu pour obtenir
une piste audio impeccable.
Il existe deux types de sons dans Flash : les sons d'événement et les sons en flux continu. Un
son d'événement doit être téléchargé intégralement avant de pouvoir être lu et se poursuit tant
qu'il n'a pas été arrêté explicitement. La lecture d'un son en flux continu commence dès
qu'une quantité suffisante de données correspondant aux toutes premières images a été
téléchargée ; le son est synchronisé avec le scénario pour être lu sur un site Web.
Si vous créez du contenu Flash pour des périphériques portables, Flash Professionnel 8 vous
permet également d'inclure des sons du périphérique dans votre fichier SWF publié. Les sons
du périphérique mobile sont codés dans le format audio natif de ce périphérique, par exemple
MIDI, MFi, or SMAF. Pour plus d'informations, consultez la section A propos de l'utilisation
de sons dans Flash Lite, page 376.
Vous sélectionnez les options de compression contrôlant la qualité et la taille des sons dans les
animations exportées (fichiers SWF). Vous pouvez sélectionner les options de compression
pour chaque son dans la boîte de dialogue Propriétés audio ou définir les paramètres
applicables à l'ensemble des sons de l'animation dans la boîte de dialogue Paramètres de
publication.
Vous pouvez utiliser les sons des bibliothèques partagées pour associer un son d'une
bibliothèque à plusieurs animations. Pour plus d'informations, consultez la section Utilisation
des ressources d'une bibliothèque partagée, page 123. Vous pouvez également utiliser
l'événement ActionScript onSoundComplete pour lier le déclenchement d'un événement à
l'achèvement d'un son. Pour plus d'informations, consultez la section A propos de l'événement
onSoundComplete, page 369.
357
Vous pouvez utiliser les comportements, c'est-à-dire des scripts ActionScript préécrits, pour
charger et contrôler la lecture des sons. A l'instar des comportements, les composants de
support contiennent des scripts ActionScript préécrits pour charger et contrôler les sons (sons
MP3 uniquement) et fournissent un contrôleur pour l'arrêt, la pause, le rembobinage, etc.
Pour plus d'informations sur l'utilisation des composants de support, consultez la section
Utilisation du composant FLVPlayback (Flash Professionnel uniquement), page 350.
REMARQUE
Vous pouvez également utiliser des actions pour charger des sons de manière
dynamique. Pour plus d'informations, consultez %{attachSound (méthode
Sound.attachSound)}% et %{loadSound (méthode Sound.loadSound)}% dans Guide de
référence du langage Flash ActionScript.
Ce chapitre contient les sections suivantes :
Importation de sons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 359
Ajout de sons à une animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 360
Ajout de sons aux boutons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .363
Utilisation de sons avec les objets Sound . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .364
A propos de l'accès aux propriétés ID3 dans les fichiers MP3 avec
Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .364
Utilisation de commandes audio . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .365
Contrôle de la lecture audio à l'aide des comportements . . . . . . . . . . . . . . . . . . . . .366
Démarrage et arrêt de sons dans des images-clés. . . . . . . . . . . . . . . . . . . . . . . . . . .368
A propos de l'événement onSoundComplete . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .369
Compression des sons pour l'exportation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .369
A propos de l'utilisation de sons dans Flash Lite. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376
358
Utilisation du son
Importation de sons
Vous pouvez placer des fichiers son dans Flash en les important dans la bibliothèque utilisée
pour le document actuel.
REMARQUE
Lorsque vous placez un son dans le scénario, vous le placez sur un calque séparé. Pour
plus d'informations, consultez la section Ajout de sons à une animation, page 360.
Vous pouvez importer des sons aux formats suivants dans Flash :
■
WAV (Windows uniquement)
■
AIFF (Macintosh uniquement)
■
MP3 (Windows ou Macintosh)
Si vous avez installé QuickTime 4 ou une version ultérieure sur votre système, vous pouvez
importer les formats de fichier audio suivants :
■
AIFF (Windows ou Macintosh)
■
Sound Designer II (Macintosh uniquement)
■
Séquences QuickTime avec son uniquement (Windows ou Macintosh)
■
Sun AU (Windows ou Macintosh)
■
Sons Système 7 (Macintosh uniquement)
■
WAV (Windows ou Macintosh)
Flash enregistre les sons dans la bibliothèque avec les bitmaps et les symboles. Tout comme
pour les symboles graphiques, vous n'avez besoin que d'un seul exemplaire d'un fichier audio
pour l'utiliser de diverses façons dans votre animation.
Si vous souhaitez partager des sons entre les animations Flash, vous pouvez les inclure dans des
bibliothèques partagées. Pour plus d'informations, consultez la section Utilisation des
bibliothèques communes, page 40. Pour utiliser un son dans une bibliothèque partagée, vous
affecterez une chaîne d'identifiant au fichier audio dans la boîte de dialogue Propriétés de
liaison. Vous pouvez également utiliser l'identifiant pour accéder au son en tant qu'objet dans
ActionScript. Pour plus d'informations sur les objets ActionScript, consultez la section
Utilisation de sons avec les objets Sound, page 364.
Importation de sons
359
Les sons nécessitent généralement une grande quantité d'espace disque et de mémoire vive.
Cependant, les données audio MP3 sont compressées et leur taille est inférieure à celles des
données audio WAV ou AIFF. En général, lorsque vous utilisez des fichiers WAV ou AIFF, il
est préférable d'utiliser des sons mono 16bits à 22kHz (un son stéréo nécessite deux fois plus
d'informations qu'un son mono), mais Flash accepte l'importation de sons 8bits ou 16bits,
avec une fréquence d'échantillonnage de 11, 22 ou 44 kHz. A l'exportation, Flash peut
convertir un son à une fréquence d'échantillonnage inférieure. Pour plus d'informations,
consultez la section Compression des sons pour l'exportation, page 369.
REMARQUE
Les sons enregistrés dans des formats qui ne sont pas des multiples de 11 kHz (tel que 8,
32 ou 96 kHz) sont rééchantillonnés lors de leur importation dans Flash.
Si vous souhaitez ajouter des effets sonores dans Flash, il est préférable d'importer des sons
16 bits. Si vous disposez d'une mémoire vive limitée, utilisez des clips audio brefs et préférez
des sons 8 bits aux sons 16 bits.
Pour importer un son :
1.
Choisissez Fichier > Importer > Importer dans la bibliothèque.
2.
Dans la boîte de dialogue Importer dans la bibliothèque, sélectionnez et ouvrez le fichier
audio de votre choix.
REMARQUE
Vous pouvez également déplacer un son depuis une bibliothèque commune jusqu'à
la bibliothèque du document courant. Pour plus d'informations, consultez la section
Utilisation des bibliothèques communes, page 40.
Ajout de sons à une animation
Pour ajouter un son à une animation à partir de la bibliothèque, vous devez l'affecter à un
calque et définir ses options dans les commandes de son de l'inspecteur des propriétés. Il est
conseillé de placer chaque son dans un calque différent.
Vous pouvez charger un son dans une animation à l'exécution avec la méthode loadSound de
l'objet Sound. Pour plus d'informations, consultez %{loadSound (méthode Sound.loadSound)}%
dans Guide de référence du langage Flash ActionScript.
360
Utilisation du son
Vous pouvez utiliser les méthodes permettant d'afficher un aperçu des images ou de tester les
fichiers SWF pour tester les sons que vous avez ajoutés à une animation : faites glisser la tête
de lecture sur les images contenant le son ou utilisez les commandes du contrôleur ou du
menu Contrôle.
Pour ajouter un son à une animation :
1.
Importez le son dans la bibliothèque, s'il n'a pas encore été importé. Pour plus
d'informations, consultez la section Importation de sons, page 359.
2.
Choisissez Insertion > Scénario > Calque pour créer un calque pour le son.
3.
Avec le nouveau calque audio sélectionné, faites glisser le son depuis le panneau
Bibliothèque jusqu'à la scène. Le son est ajouté au calque courant.
Vous pouvez placer plusieurs sons dans un même calque ou dans des calques contenant
d'autres objets. Cependant, il est conseillé de placer chaque son dans un calque distinct.
Chaque calque se comporte comme une piste audio distincte. Les sons de l'ensemble des
calques sont combinés à la lecture du fichier SWF.
4.
Sélectionnez, dans le scénario, la première image contenant le fichier son.
5.
Choisissez Fenêtre > Propriétés et cliquez sur la flèche dans le coin inférieur droit pour
développer l'inspecteur des propriétés.
6.
Dans l'inspecteur des propriétés, choisissez un fichier audio dans le menu déroulant Son.
7.
Choisissez un effet dans le menu déroulant Effets :
L'option Aucun signifie qu'aucun effet n'est appliqué au fichier audio. Sélectionnez cette
option pour supprimer des effets audio préalablement définis.
Les options Canal gauche/Canal droit signifient que le son ne sera diffusé que dans le
canal gauche ou droit.
Les options Fondu de gauche à droite/Fondu de droite à gauche permettent de
basculer le son d'un canal à l' autre.
L'option Fondu en entrée augmente progressivement le volume du son.
L'option Fondu en sortie diminue progressivement le volume du son.
L'option Personnalisé permet de créer vos propres points d'entrée et de sortie du son
dans la boîte de dialogue Modifier l'enveloppe. Pour plus d’informations, consultez la
section Utilisation de commandes audio, page 365.
Ajout de sons à une animation
361
8.
Choisissez une option de synchronisation dans le menu déroulant Sync :
REMARQUE
Si vous placez le son sur une image autre que l'image 1 du scénario principal,
sélectionnez l'option Arrêt.
L'option Evénement synchronise le son et l'occurrence d'un événement. Un son
d'événement est lu l'image-clé qui lui est associée s'affiche et sa lecture se poursuit
intégralement et indépendamment du scénario, même si la lecture du fichier SWF
s'interrompt. Les sons d'événement sont mélangés lorsque vous lancez la lecture de votre
fichier SWF publié.
Un son qui est lu lorsqu'un utilisateur clique sur un bouton est un exemple de son
d'événement. Si un son d'événement est lu et que ce même son est à nouveau instancié
(par exemple par l'utilisateur cliquant à nouveau sur le bouton), la première occurrence du
son se poursuit et l'autre commence simultanément.
L'option Démarrage est identique à l'option Evénement, si ce n'est que, lorsque le son est
en cours de lecture, aucune nouvelle occurrence du son est lue.
L'option Arrêter entraîne l'interruption du son spécifié.
L'option En continu synchronise le son en vue d'une lecture sur un site Web. Flash force
l'animation à suivre le rythme des sons en flux continu. Si Flash ne peut afficher les images
de l'animation suffisamment vite, il les ignore. Contrairement aux sons d'événement, les
sons en flux continu s'arrêtent si la lecture du fichier SWF s'interrompt. De même, un son
en flux continu ne peut jamais excéder la longueur des images auxquelles il correspond.
Les sons en flux continu sont mixés à la publication du fichier SWF.
La voix d'un personnage dans une animation qui se déroule sur plusieurs images est un
exemple de son en flux continu.
R EM A R Q U E
9.
Si le son en flux continu que vous utilisez est un son MP3, vous devrez le
recompresser en vue de l'exportation. Vous pouvez choisir d'exporter le son au
format MP3, avec les mêmes paramètres de compression que ceux de l'importation.
Pour plus d'informations, consultez la section Compression des sons pour
l'exportation, page 369.
Saisissez une valeur dans le champ Répéter afin de définir le nombre de répétitions dans la
lecture en boucle du son ou choisissez Boucle pour répéter le son en continu.
362
Utilisation du son
Pour une lecture continue, entrez un nombre suffisamment élevé pour que la lecture du
son dure longtemps. Par exemple, pour lire un son de 15 secondes en boucle pendant
15 minutes, entrez 60. La lecture en boucle de sons en flux continu est déconseillée. Si
vous lisez un son en flux continu en boucle, des images sont ajoutées à l'animation et la
taille du fichier est multipliée par le nombre de fois que le son est lu en boucle.
Ajout de sons aux boutons
Vous pouvez associer des sons aux différents états d'un symbole de bouton. Les sons étant
enregistrés avec le symbole, ils fonctionnent pour toutes les occurrences du symbole.
Pour ajouter un son à un bouton :
1.
Sélectionnez le bouton dans le panneau Bibliothèque.
2.
Choisissez Modification dans le menu d'options (coin supérieur droit du panneau).
3.
Ajoutez un calque audio dans le scénario du bouton.
4.
Dans le calque audio, créez une image-clé normale ou vide correspondant à l'état du
bouton pour lequel vous souhaitez définir un son.
Par exemple, pour ajouter un son lu à chaque fois que l'utilisateur clique sur le bouton,
créez une image-clé dans l'image de l'état Abaissé.
5.
Cliquez sur l'image-clé que vous venez de créer.
6.
Sélectionnez Fenêtre > Propriétés.
7.
Dans l'inspecteur des propriétés, choisissez un fichier audio dans le menu déroulant Son.
8.
Choisissez Evénement dans le menu déroulant Synchronisation.
Pour associer un son différent à chacune des images-clés du bouton, créez une image-clé
vide et ajoutez un fichier audio différent pour chaque image-clé. Vous pouvez aussi utiliser
le même fichier audio et appliquer un effet audio distinct pour chaque image-clé du
bouton. Pour plus d'informations, consultez la section Utilisation de commandes audio,
page 365.
Ajout de sons aux boutons
363
Utilisation de sons avec les objets Sound
Vous pouvez utiliser l'objet Sound en ActionScript pour ajouter des sons à une animation et
les contrôler. Le contrôle des sons inclut le réglage du volume ou de la balance gauche et
droite pendant la lecture d'un son. Pour plus d'informations, consultez le Création de
commandes audio dans le guide Formation à ActionScript 2.0 dans Flash.
Pour utiliser un son dans une action Sound, vous affectez une chaîne d'identifiant au son dans
la boîte de dialogue Propriétés de liaison.
Pour affecter une chaîne d'identifiant à un son :
1.
Sélectionnez le son dans le panneau Bibliothèque.
2.
Effectuez l'une des opérations suivantes :
■
Choisissez Liaison dans le menu d'options (coin supérieur droit du panneau).
■
Cliquez avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur le nom du son dans le panneau Bibliothèque et choisissez Liaison
dans le menu contextuel.
3.
Sous Liaison, dans la boîte de dialogue Propriétés de liaison, activez l'option Exporter pour
ActionScript.
4.
Entrez une chaîne d'identifiant dans le champ, puis cliquez sur OK.
A propos de l'accès aux propriétés ID3
dans les fichiers MP3 avec Flash Player
Macromedia Flash Player 7 et les versions ultérieures prennent en charge les balises ID3
et v2.4. Avec cette version, lorsqu'un son MP3 est chargé à l'aide de la méthode
attachSound() ou loadSound(), les propriétés de balise ID3 sont disponibles au début du
flux de données audio. L'événement onID3 s'exécute lorsque les données ID3 sont initialisées.
Macromedia Flash Player 6 (6.0.40.0) et les versions ultérieures prenennt en charge les
fichiers MP3 comportant des balises ID3 v1.0 et v1.1. Avec les balises ID3 v1.0 et v1.1, les
propriétés sont disponibles à la fin du flux de données. Si un son ne contient pas de balise
ID3v1, les propriétés d'ID3 ne sont pas définies. Les utilisateurs doivent disposer de
FlashPlayer 6 (6.0.40.0) ou d'une version ultérieure pour que les propriétés ID3 fonctionnent.
Pour plus d'informations sur l'utilisation des propriétés ID3, consultez %{id3 (propriété
Sound.id3)}% dans Guide de référence du langage Flash ActionScript.
364
Utilisation du son
Utilisation de commandes audio
Pour définir le point de départ d'un son ou contrôler le volume du son pendant sa lecture,
vous utiliserez les commandes audio de l'inspecteur des propriétés.
Flash peut changer le point de départ et le point d'arrêt d'un son. Cette option est très
pratique pour réduire la taille d'un fichier audio en supprimant les sections non utilisées.
Pour modifier un fichier audio :
1.
Ajoutez un son à une image (pour plus d'informations, consultez la section Ajout de sons à
une animation, page 360) ou sélectionnez une image qui contient déjà un son.
2.
Sélectionnez Fenêtre > Propriétés.
3.
Cliquez sur le bouton Modifier affiché du côté droit de l'inspecteur des propriétés.
4.
Effectuez l'une des opérations suivantes :
5.
■
Pour modifier le point de départ et le point d'arrêt d'un son, faites glisser les contrôles
Départ et Fin de Modifier l'enveloppe.
■
Pour changer l'enveloppe du son, faites glisser les poignées d'enveloppe pour changer
de niveau à différents points du son. Les lignes d'enveloppe indiquent le volume
sonore en cours de lecture. Pour créer d'autres poignées d'enveloppe (huit maximum),
cliquez sur les lignes. Pour supprimer une poignée d'enveloppe, faites-la glisser hors de
la fenêtre.
■
Pour visualiser une part plus ou moins grande de la courbe sonore dans la fenêtre,
cliquez sur les boutons Zoom avant et Zoom arrière.
■
Pour basculer entre les unités de temps Secondes et Images, cliquez sur les boutons
Secondes et Images.
Pour écouter le son modifié, cliquez sur le bouton Lire.
Utilisation de commandes audio
365
Contrôle de la lecture audio à l'aide des
comportements
Vous pouvez contrôler la lecture audio en utilisant les comportements audio. Les
comportements sont des scripts ActionScript prêts à l'emploi que vous appliquez à un objet,
par exemple un bouton, pour contrôler un objet cible, par exemple un son. Les
comportements vous permettent d'ajouter la puissance, le contrôle et la flexibilité du codage
ActionScript à votre document sans avoir à créer le code ActionScript vous-même.
REMARQUE
Flash Lite 1.0 et Flash Lite 1.1 ne prennent pas en charge les comportements.
Vous pouvez utiliser les comportements Charger un son de la bibliothèque ou Télécharger et
lire un fichier MP3 pour ajouter un son à votre document. L'ajout d'un son à l'aide de ces
comportements crée une occurrence du son. Le nom de l'occurrence permet ensuite de
contrôler le son.
Les comportements Lire le son, Arrêter le son et Arrêter tous les sons permettent de contrôler
la lecture. Pour les utiliser, vous devez tout d'abord charger un son à l'aide des comportements
Charger. Pour lire ou arrêter un son à l'aide d'un comportement, vous devez utiliser le
panneau Comportements afin d'appliquer le comportement à un objet déclencheur, un
bouton par exemple. Définissez l'événement qui déclenche le comportement (tel que le fait de
cliquer sur le bouton, par exemple), sélectionnez un objet cible (le son qui sera affecté par le
comportement), puis sélectionnez les paramètres du comportement pour définir sa méthode
d'exécution.
Pour charger un son dans une animation à l'aide d'un comportement :
1.
Choisissez l'objet, par exemple un bouton, à utiliser pour déclencher le comportement.
2.
Dans le panneau Comportements (Fenêtre > Comportements), cliquez sur le bouton
Ajouter (+) et sélectionnez Son > Charger un son de la bibliothèque ou Son > Télécharger
et lire un fichier MP3.
3.
Dans la boîte de dialogue qui apparaît alors, indiquez l'identifiant de liaison d'un son dans
la bibliothèque (ou l'emplacement du son pour un fichier MP3 en flux continu). Entrez
ensuite un nom pour cette occurrence du son et cliquez sur OK.
Pour plus d'informations sur les identifiants de liaison, consultez la section Utilisation de
sons avec les objets Sound, page 364.
366
Utilisation du son
4.
Dans la section Evénement du panneau Comportements, cliquez sur On Release
(événement par défaut) et choisissez un événement de souris dans le menu. Si vous voulez
utiliser l'événement OnRelease, ne touchez pas à l'option.
Pour lire un son à l'aide d'un comportement :
1.
Sélectionnez l'objet, par exemple un bouton, à utiliser pour déclencher le comportement
Lire un son.
2.
Dans le panneau Comportements (Fenêtre > Comportements), cliquez sur le bouton
Ajouter (+).
3.
Choisissez Son > Lire un son.
4.
Dans la boîte de dialogue Lire un son, entrez le nom de l'occurrence du son à lire, puis
cliquez sur OK.
5.
Dans la section Evénement du panneau Comportements, cliquez sur On Release
(événement par défaut) et sélectionnez un événement de souris dans le menu. Si vous
voulez utiliser l'événement OnRelease, ne touchez pas à l'option.
Pour arrêter un son à l'aide d'un comportement :
1.
Sélectionnez l'objet, par exemple un bouton, à utiliser pour déclencher le comportement
Lire un son.
2.
Dans le panneau Comportements (Fenêtre > Comportements), cliquez sur le bouton
Ajouter (+).
3.
Choisissez Son > Arrêter le son.
4.
Dans la boîte de dialogue Arrêter le son, entrez l'identifiant de liaison et le nom de
l'occurrence du son à arrêter, puis cliquez sur OK.
5.
Dans la section Evénement du panneau Comportements, cliquez sur On Release
(événement par défaut) et sélectionnez un événement de souris dans le menu. Si vous
voulez utiliser l'événement OnRelease, ne touchez pas à l'option.
Pour arrêter tous les sons à l'aide d'un comportement :
1.
Choisissez l'objet, par exemple un bouton, à utiliser pour déclencher le comportement
d'arrêt de tous les sons.
2.
Dans le panneau Comportements (Fenêtre > Comportements), cliquez sur le bouton
Ajouter (+).
3.
Choisissez Son > Arrêter tous les sons.
4.
Dans la boîte de dialogue Arrêter tous les sons, cliquez sur OK pour confirmer l'arrêt de
tous les sons.
Contrôle de la lecture audio à l'aide des comportements
367
5.
Dans la section Evénement du panneau Comportements, cliquez sur On Release
(événement par défaut) et sélectionnez un événement de souris dans le menu. Si vous
voulez utiliser l'événement OnRelease, ne touchez pas à l'option.
Démarrage et arrêt de sons dans des
images-clés
Le démarrage et l'arrêt de sons dans une image-clé en synchronisation avec une animation est
la tâche audio la plus courante dans Flash.
Pour démarrer et arrêter un son dans une image-clé :
1.
Ajoutez un son à une animation. Pour plus d'informations, consultez la section Ajout de
sons à une animation, page 360.
Pour synchroniser ce son et un événement de la séquence, choisissez une image-clé de
départ qui corresponde à l'image-clé de l'événement de la séquence. Vous pouvez
sélectionner n'importe laquelle des options de synchronisation.
2.
Créez une image-clé dans le scénario du calque audio sur l'image où vous souhaitez que le
son s'arrête.
Une représentation du fichier audio apparaît dans le scénario.
3.
Choisissez Fenêtre > Propriétés et cliquez sur la flèche dans le coin inférieur droit pour
développer l'inspecteur de propriétés.
4.
Dans l'inspecteur des propriétés, choisissez le même son dans le menu déroulant Son.
5.
Sélectionnez Arrêter dans le menu déroulant Synchronisation.
Lors de la lecture du fichier SWF, le son s'interrompt lorsqu'il atteint l'image-clé de fin.
6.
Pour lire le son, il suffit de déplacer la tête de lecture.
368
Utilisation du son
A propos de l'événement
onSoundComplete
L'événement onSoundComplete de l'objet Sound ActionScript permet de lier le
déclenchement d'un événement dans une application Flash à l'achèvement d'un fichier son
associé. L'objet Sound est un objet intégré permettant de contrôler les sons d'une application
Flash. Pour plus d'informations, consultez %{Sound}% dans Guide de référence du langage
Flash ActionScript. L'événement onSoundComplete d'un objet Sound est automatiquement
invoqué à la fin de la lecture du fichier son associé. Si le son est lu en boucle un nombre de fois
déterminé, l'événement est déclenché à la fin de la boucle.
L'objet Sound possède deux propriétés que vous pouvez utiliser en conjonction avec
l'événement onSoundComplete. La propriété duration est une propriété en lecture seule
représentant la durée, en millisecondes, de l'échantillon sonore associé à l'objet audio. La
propriété position est une propriété en lecture seule représentant le nombre de millisecondes
pendant lesquelles le son a été lu dans chaque boucle.
L'événement onSoundComplete permet de manipuler les sons de nombreuses façons, telles
que :
■
La création d'un séquenceur ou d'une liste de lecture dynamique.
■
La création d'une présentation multimédia qui vérifie que la narration est achevée avant de
passer à l'image ou à la séquence suivante.
■
La construction d'un jeu synchronisant les sons à des événements ou séquences spécifiques
et ajoutant des transitions fluides entre les différents sons.
■
La synchronisation de la modification d'une image en fonction d'un son, par exemple
modifier une image lorsque la lecture d'un son est à moitié achevée.
Compression des sons pour l'exportation
Vous pouvez sélectionner les options de compression pour des sons d'événement et exporter
les sons avec ces paramètres. Vous pouvez également sélectionner les options de compression
pour des sons en flux continu. Tous les sons en flux continu d'une animation sont cependant
exportés dans un seul fichier dont les paramètres correspondent aux paramètres les plus élevés
appliqués aux différents sons en flux continu. Cela inclut les sons en flux continu des objets
vidéo.
Compression des sons pour l'exportation
369
Vous pouvez choisir les options de compression des sons dans la boîte de dialogue Propriétés
audio. Vous pouvez également choisir des paramètres de compression globaux pour les sons
d'événement ou les sons en flux continu dans la boîte de dialogue Paramètres de publication.
Ces paramètres globaux sont appliqués aux différents sons d'événement ou à tous les sons en
flux continu si vous ne sélectionnez pas de paramètres de compression relatifs aux sons dans la
boîte de dialogue Propriétés audio. Pour plus d'informations, consultez la section Publication
des documents Flash, page 525.
Vous pouvez ignorer les paramètres d'exportation spécifiés dans la boîte de dialogue
Paramètres audio en activant l'option Neutraliser les paramètres audio dans la boîte de
dialogue Paramètres de publication. Cette option est utile si vous souhaitez créer une
animation audio haute-fidélité pour une utilisation locale et une version de qualité moindre
pour le Web. Pour plus d'informations, consultez la section Définition d'options de publication
pour le format de fichier Flash SWF, page 527.
La fréquence d'échantillonnage et le degré de compression ont une incidence significative sur
la qualité et la taille des sons des fichiers SWF exportés. Plus un son est compressé et plus sa
fréquence d'échantillonnage est basse, plus la taille et la qualité du son sont faibles. Vous
devrez faire des essais pour trouver l'équilibre optimal entre la qualité du son et la taille du
fichier.
Lorsque vous travaillez avec des fichiers MP3 importés, vous pouvez choisir d'exporter les
fichiers au format MP3 en utilisant les mêmes paramètres que ceux utilisés à l'importation.
REMARQUE
Sous Windows, vous pouvez également exporter tous les sons d'une animation au
format WAV à l'aide de la commande Fichier > Exporter > Exporter l'animation. Pour plus
d'informations, consultez la section Exportation d'images et de contenu Flash, page 574.
Pour définir les propriétés d'exportation d'un son :
1.
370
Effectuez l'une des opérations suivantes :
■
Double-cliquez sur l'icône du son dans le panneau Bibliothèque.
■
Cliquez avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur un fichier audio du panneau Bibliothèque et sélectionnez Propriétés
dans le menu contextuel.
■
Sélectionnez un son dans le panneau Bibliothèque et choisissez Propriétés dans le
menu d'options (coin supérieur droit du panneau).
■
Sélectionnez un son dans le panneau Bibliothèque et cliquez sur l'icône Propriétés en
bas du panneau.
Utilisation du son
2.
Si le fichier audio a été modifié à l'extérieur de l'application, cliquez sur Mettre à jour.
3.
Dans la section Compression, choisissez Par défaut, ADPCM, MP3, Brut ou Discours.
Pour sélectionner des options pour un format de compression, consultez la section
correspondant au format sélectionné :
■
Utilisation de l'option de compression ADPCM, page 371
■
Utilisation de l'option de compression MP3, page 372
■
Utilisation de l'option de compression Brut, page 373
■
Utilisation de l'option de compression Discours, page 374
4.
Définissez les paramètres d'exportation.
5.
Cliquez sur Tester pour lire le son une fois. Cliquez sur Arrêter pour arrêter le test avant la
fin de la lecture du son.
6.
Si nécessaire, réglez les paramètres d'exportation jusqu'à l'obtention de la qualité de son
recherchée.
7.
Cliquez sur OK.
L'option de compression Par défaut utilise les paramètres de compression globaux définis dans
la boîte de dialogue Paramètres de publication lorsque vous exportez votre fichier SWF. Si
vous sélectionnez l'option Par défaut, aucun autre paramètre d'exportation n'est disponible.
Utilisation de l'option de compression ADPCM
L'option de compression ADPCM définit la compression pour les données audio 8 bits ou 16
bits. Utilisez le paramètre ADPCM pour exporter des sons d'événement brefs, tels que le clic
sur un bouton.
Pour utiliser la compression ADPCM :
1.
Dans la boîte de dialogue Propriétés audio, choisissez ADPCM dans le menu Compression.
2.
Dans la section Prétraitement, activez l'option Convertir de stéréo en mono si vous
souhaitez convertir des sons stéréo mixtes en sons mono. Cette option n'a aucune incidence
sur les sons mono.
Compression des sons pour l'exportation
371
3.
Dans la section Taux d'échantillonnage, sélectionnez une option permettant de contrôler
la fidélité du son et la taille du fichier. Plus la fréquence est basse et plus la taille du fichier
diminue, ce qui peut en revanche affecter la qualité du son. Les options de taux
d'échantillonnage sont décrites dans la liste suivante :
5 kHz
correspond à une qualité à peine acceptable pour un discours.
11 kHz correspond à la qualité minimale recommandée pour un segment de musique court
et correspond à un quart du taux standard utilisé pour les CD.
correspond au taux généralement utilisé pour la lecture Web et correspond à la
moitié du taux standard utilisé pour les CD.
22 kHz
44 kHz
est le taux audio standard utilisé pour les CD.
REMARQUE
Flash ne peut pas augmenter le taux en kHz d'un son importé au-dessus du taux
auquel il a été importé.
Utilisation de l'option de compression MP3
L'option de compression MP3 permet d'exporter des sons compressés au format MP3.
Utilisez l'option MP3 pour exporter des sons continus et longs, tels que les pistes audio
musicales.
Si vous exportez un fichier importé au format MP3, vous pouvez l'exporter en utilisant les
mêmes paramètres que lors de son importation.
Pour exporter un fichier MP3 en utilisant les paramètres qu'il avait lors de son
importation:
1.
Dans la boîte de dialogue Propriétés audio, choisissez MP3 dans le menu Compression.
2.
Activez l'option Utiliser la qualité MP3 importée (le paramètre par défaut). Désactivez
cette option si vous souhaitez choisir d'autres paramètres de compressionMP3, tels que
ceux décrits dans la procédure ci-dessous.
372
Utilisation du son
Pour utiliser la compression MP3 :
1.
Dans la boîte de dialogue Propriétés audio, choisissez MP3 dans le menu Compression.
2.
Désactivez l'option Utiliser la qualité MP3 importée (le paramètre par défaut).
3.
Dans la section Taux, sélectionnez une option pour définir les bits par seconde dans le
fichier exporté. Flash gère de 8 à 160 Kbit/s (taux constant). Lors de l'exportation de
morceaux musicaux, définissez le taux avec une valeur au moins égale à 16 Kbit/s pour
obtenir de meilleurs résultats.
4.
Dans la section Prétraitement, activez l'option Convertir de stéréo en mono si vous
souhaitez convertir des sons stéréo mixtes en sons mono. Cette option n'a aucune incidence
sur les sons mono.
REMARQUE
5.
L'option Prétraitement n'est disponible que si vous sélectionnez un taux égal ou
supérieur à 20 Kbit/s.
Pour Qualité, sélectionnez l'une des options suivantes pour déterminer la compression et
la qualité du son :
L'option Rapide accélère la compression mais diminue la qualité audio.
L'option Moyenne ralentit un peu la compression mais permet d'obtenir une meilleure
qualité audio.
L'option Optimale ralentit au maximum la compression mais permet d'obtenir la
meilleure qualité audio.
Utilisation de l'option de compression Brut
L'option de compression Brut permet d'exporter des sons sans les compresser.
Pour utiliser la compression Brut :
1.
Dans la boîte de dialogue Propriétés audio, choisissez Brut dans le menu Compression.
2.
Dans la section Prétraitement, activez l'option Convertir de stéréo en mono si vous
souhaitez convertir des sons stéréo mixtes en sons mono. Cette option n'a aucune incidence
sur les sons mono.
Compression des sons pour l'exportation
373
3.
Dans la section Taux d'échantillonnage, sélectionnez une option permettant de contrôler
la fidélité du son et la taille du fichier. Plus la fréquence est basse et plus la taille du fichier
diminue, ce qui peut en revanche affecter la qualité du son. Les options de taux
d'échantillonnage sont décrites dans la liste suivante :
5 kHz
correspond à une qualité à peine acceptable pour un discours.
11 kHz correspond à la qualité minimale recommandée pour un segment de musique court
et correspond à un quart du taux standard utilisé pour les CD.
correspond au taux généralement utilisé pour la lecture Web et correspond à la
moitié du taux standard utilisé pour les CD.
22 kHz
44 kHz
est le taux audio standard utilisé pour les CD.
REMARQUE
Flash ne peut pas augmenter le taux en kHz d'un son importé au-dessus du taux
auquel il a été importé.
Utilisation de l'option de compression Discours
L'option de compression Discours permet d'exporter les sons à l'aide d'une méthode de
compression adaptée aux discours.
REMARQUE
Flash Lite 1.0 et Flash Lite 1.1 ne prennent pas en charge l'option de compression
Discours. Pour du contenu destiné à ces versions du lecteur, utilisez la compression
MP3, ADPCM ou Raw.
Pour utiliser la compression Discours :
1.
Dans la boîte de dialogue Propriétés audio, choisissez Discours dans le menu Compression.
2.
Dans la section Taux d'échantillonnage, sélectionnez une option permettant de contrôler
la fidélité du son et la taille du fichier. Une fréquence basse réduit la taille du fichier, mais
peut également dégrader la qualité du son. Choisissez l'une des options suivantes :
5 kHz
est acceptable pour un discours.
11 kHz
est recommandé pour un discours.
22 kHz
est acceptable pour la plupart des types de musique sur le Web.
est le taux audio standard utilisé pour les CD. Cependant, du fait de la
compression, le son n'aura pas la qualité CD dans le fichier SWF.
44 kHz
374
Utilisation du son
Instructions relatives à l'exportation de sons dans les
documents Flash
Il existe, en plus de la fréquence d'échantillonnage et de la compression, différentes façons
d'utiliser efficacement des sons dans un document et de conserver une taille de fichier
acceptable:
■
Définissez les points d'entrée/sortie afin que les plages silencieuses ne soient pas
enregistrées dans le fichier Flash et de réduire ainsi la taille du son.
■
Utilisez au mieux les mêmes sons en appliquant différents effets audio (tels que les
enveloppes de volume, les boucles et les points d'entrée/sortie) à différentes images-clés.
Vous pouvez obtenir divers effets audio à l'aide d'un seul et même fichier.
■
Lisez les sons courts en boucle pour les musiques d'arrière-plan.
■
Ne créez pas de boucles avec des sons en flux continu.
■
Lors de l'exportation audio dans des clips incorporés, gardez à l'esprit que la partie audio
est exportée en utilisant les paramètres globaux de flux continu sélectionnés dans la boîte
de dialogue Paramètres de publication.
■
Utilisez la synchronisation de flux continu pour que l'animation et la piste audio
demeurent synchronisées lorsque vous visualisez l'animation dans l'éditeur. Si votre
ordinateur n'est pas assez rapide pour afficher les images de l'animation de telle sorte
qu'elles demeurent en phase avec la piste audio, Flash les ignore.
■
Lors de l'exportation d'animations QuickTime, utilisez autant de sons et de canaux que
vous le souhaitez, sans vous inquiéter de la taille. Les sons sont regroupés en une seule
piste lors de l'exportation en QuickTime. Le nombre de sons utilisés n'a aucune incidence
sur la taille finale du fichier.
Compression des sons pour l'exportation
375
A propos de l'utilisation de sons dans
Flash Lite
Il est possible de lire deux types de sons dans Flash Lite : les sons standard Flash, tels que ceux
qui sont utillisés dans les applications de Flash sur ordinateur de bureau, et les sons de
périphériques. Flash Lite 1.0 prend uniquement en charge les sons de périphériques, alors que
Flash Lite 1.1 gère à la fois les sons standard et les sons de périphériques.
Les sons de périphériques sont stockés dans le fichier SWF publié au format audio natif (tel
que MIDI ou MFi) ; lors de la lecture, Flash Lite transmet les données audio au périphérique
qui décode et lit le son. Etant donné que vous ne pouvez pas importer la plupart des formats
audio de périphériques dans Flash, vous devez importer un fichier audio de proxy dans un
format pris en charge (tel que MP3 ou AIFF), remplacé par un son de périphérique externe
que vous spécifiez.
Vous pouvez utiliser les sons de périphériques en tant que sons d'événement uniquement :
vous ne pouvez pas les synchroniser avec le scénario. Contrairement aux sons de
périphériques, vous pouvez synchroniser les sons standard avec le scénario.
Flash Lite 1.0 et Flash Lite 1.1 ne prennent pas en charge les fonctionnalités suivantes
disponibles dans la version pour ordinateurs de bureau de Flash Player :
■
L'objet Sound ActionScript
■
Le chargement des fichiers MP3 externes
■
L'option de compression audio Discours (consultez la section Compression des sons pour
l'exportation, page 369)
Pour plus d'informations sur l'utilisation de sons dans les applications Flash Lite, consultez le
Chapitre 3, Utilisation du son, du manuel Développement d'applications Flash Lite.
376
Utilisation du son
CHAPITRE 13
13
Ecriture de code ActionScript
avec l'Assistant de script
ActionScript, le langage de programmation de Macromedia Flash, permet d’ajouter de
l’interactivité à vos animations. ActionScript met à votre disposition des éléments (actions,
opérateurs, objets) que vous pouvez regrouper dans des scripts définissant le comportement de
l'animation, qui est alors paramétrée pour que certains événements (par exemple un clic ou un
appui de touche) déclenchent ces scripts. Par exemple, le code ActionScript permet de créer
des boutons de navigation pour votre clip.
Les utilisateurs qui ne connaissent pas encore ActionScript, ou pour ceux qui veulent mettre
en place une interactivité simple sans avoir à apprendre le langage ActionScript et sa syntaxe,
peuvent recourir à l'Assistant de script pour ajouter plus facilement du code ActionScript à vos
documents Flash.
REMARQUE
L'Assistant de script a été conçu pour vous aider à mettre en forme vos scripts de façon
à éviter les erreurs de syntaxe et de logique généralement commises par les néophytes.
Cependant, pour avant d'utiliser l'Assistant de script, vous devez vous familiariser avec le
code ActionScript et connaître les méthodes, fonctions et variables à utiliser. Pour plus
de détails sur ActionScript, et découvrir comment l'utiliser dans Flash, consultez
Formation à ActionScript 2.0 dans Flash.
Ce chapitre contient les sections suivantes :
L'Assistant de script. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378
Utilisation de l'Assistant de script pour rédiger du code ActionScript . . . . . . . . . . 378
Création d'un événement startDrag/stopDrag à l'aide de l'Assistant de script . .382
377
L'Assistant de script
L'Assistant de script permet de créer des scripts en choisissant des éléments dans la boîte à
outils Actions (la liste qui apparaît à gauche du panneau Actions). (Vous pouvez également
sélectionner des actions dans le menu déroulant Ajouter (+).) La boîte à outils Actions répartit
les éléments en catégories, telles que des actions, des propriétés et des objets, et offre
également un index qui présente tous les éléments par ordre alphabétique. Si vous cliquez sur
un élément, sa description apparaît dans le coin supérieur droit du panneau. Lorsque vous
double-cliquez sur un élément, ce dernier ajoute l'élément correspondant dans la liste
déroulante, à droite du panneau, dans le volet Script.
En mode Assistant de script, vous pouvez ajouter, supprimer ou modifier l'ordre des
instructions dans le volet Script ; vous pouvez également entrer des paramètres pour les
actions dans les zones de texte, au-dessus du volet Script. L'Assistant de script permet
également de rechercher et remplacer du texte, d'afficher les numéros de ligne des scripts et
d'épingler un script, ce qui revient à conserver ce script dans le volet Script lorsque vous
cliquez en dehors de l'objet ou du cadre.
Utilisation de l'Assistant de script pour
rédiger du code ActionScript
Pour ajouter une action à un document Flash, vous devez attribuer cette action à un bouton
ou à un clip, ou encore à une image dans le scénario. Le panneau Actions permet de
sélectionner, faire glisser et déposer, réorganiser et supprimer des actions.
Pour rédiger du code ActionScript avec l'Assistant de script
1.
Choisissez Fenêtre > Actions.
Le panneau Actions s'affiche.
2.
378
Cliquez sur le bouton Assistant de script.
Ecriture de code ActionScript avec l'Assistant de script
Le panneau Actions active le mode Assistant de script.
REMARQUE
Si le panneau Actions ne contient pas de code ActionScript lorsque vous cliquez sur
le bouton Assistant de script, Flash compile le code existant. Si ce code contient des
erreurs, vous devez d'abord corriger ces erreurs dans le code sélectionné avant de
pouvoir utiliser l'Assistant de script.
Lorsque l'Assistant de script est activé, l'interface utilisateur et les comportements du panneau
Actions changent de la façon suivante :
■
Le bouton Ajouter (+) fonctionne différemment en mode Assistant de script. Si la fenêtre
ActionScript a le focus, la sélection est ajoutée après le bloc de texte sélectionné. Le focus
passe au volet d'édition, la sélection est ajoutée à ce bloc de texte.
■
Le bouton Supprimer (-) permet de supprimer la sélection actuelle dans la zone de texte.
■
Les boutons fléchés, Haut et Bas, permettent de déplacer la sélection vers le haut ou le bas
du code.
■
Les boutons Vérifier la syntaxe, Format automatique, Afficher les conseils de code et
Options de débogage, ainsi que les options de menu normalement visibles dans le volet
Actions sont désactivés, car ils ne s'appliquent pas au mode Assistant de script.
■
Le bouton Insérer un chemin cible est réservé à l'édition de champs. Cliquez sur Insérer
un chemin cible pour placer le code correspondant dans le champ d'édition sélectionné.
Pour afficher la description d'une action, effectuez l'une des actions
suivantes :
■
Cliquez sur une catégorie dans la boîte à outils Actions pour afficher les actions de cette
catégorie, puis cliquez sur une action.
■
Sélectionnez une ligne de code dans le volet Script.
La description s'affiche dans le coin supérieur gauche du panneau Actions, en commençant
par le nom de la propriété ou de l'événement.
Utilisation de l'Assistant de script pour rédiger du code ActionScript
379
Pour ajouter une action au panneau Script, procédez de l'une des manières
suivantes :
■
Cliquez sur une catégorie dans la boîte à outils Actions pour afficher les actions de cette
catégorie, puis effectuez l'une des actions suivantes : double-cliquez sur une action, faitesla glisser vers le volet Script ou cliquez du bouton droit de la souris (Windows) ou
effectuez un Contrôle-clic (Macintosh), puis sélectionnez Ajouter au script.
■
Cliquez sur le bouton Ajouter (+) et sélectionnez une action dans le menu déroulant.
■
Appuyez sur la touche Echap et sur une combinaison de touches de raccourci.
Par exemple, Echappement+st ajoute une action stop. (Pour voir la liste des combinaisons
de touches de raccourci, choisissez Touches de raccourci Echap dans le menu local du
panneau Actions, et choisissez à nouveau cette option pour masquer la liste.)
Pour supprimer une action :
1.
Sélectionnez une instruction dans le volet Script.
2.
Cliquez sur le bouton Supprimer (-) ou appuyez sur la touche Suppr.
Pour monter ou descendre une instruction dans le panneau Script :
1.
Sélectionnez une instruction dans le volet Script.
2.
Cliquez sur le bouton fléché Haut ou Bas.
Pour utiliser des paramètres :
1.
Ajoutez une action ou sélectionnez une instruction dans le panneau Script.
Selon l'action sélectionnée, des zones de texte ou des cases à cocher de paramètre
s'affichent au-dessus du volet Script. (Seuls les paramètres correspondant à l'action
sélectionnée s'affichent.)
2.
Entrez des valeurs dans les zones de texte des paramètres, au-dessus du volet Script.
Pour rechercher du texte dans un script, effectuez l'une des actions suivantes :
■
Pour atteindre une ligne spécifique au sein du script, sélectionnez Atteindre la ligne dans le
menu déroulant du panneau Actions ou appuyez sur Ctrl+G (Windows) ou
Commande+G (Macintosh) ; puis tapez le numéro de ligne.
■
Pour rechercher du texte, cliquez sur le bouton Recherche au-dessus du volet Script,
sélectionnez Rechercher dans le menu déroulant du panneau Actions, ou appuyez sur
Ctrl+F (Windows) ou Commande+F (Macintosh). Saisissez le texte recherché dans la
boîte de dialogue qui apparaît alors.
■
Pour rechercher à nouveau du texte, appuyez sur F3 ou sélectionnez Rechercher à nouveau
dans le menu déroulant du panneau Actions.
380
Ecriture de code ActionScript avec l'Assistant de script
■
Pour remplacer du texte, cliquez sur le bouton Rechercher au-dessus du volet Script, ou
appuyez sur Ctrl+H (Windows) ou Commande+H (Macintosh). Saisissez le texte
recherché et le texte de remplacement dans la boite de dialogue qui apparaît alors.
En mode expert, cette fonction recherche et remplace dans tout le texte d'un script. En
mode normal, seul le texte contenu dans la zone de paramétrage de chaque action fait
l'objet de la recherche et du remplacement. Par exemple, en mode Assistant de script, il est
impossible de remplacer toutes les actions gotoAndPlay par des actions gotoAndStop.
REMARQUE
La fonctionnalité de recherche et de remplacement de l'Assistant de script porte sur
le contenu du panneau Script. Pour faire porter la recherche sur l'ensemble des
scripts du document Flash, utilisez l'Explorateur d'animations (consultez Utilisation
de l'explorateur d'animations, page 52).
Pour verrouiller l'affichage d'un script dans le panneau Actions :
■
Cliquez sur le bouton Verrouiller le script.
Le panneau Actions affiche le script dans le volet Script, même si vous cliquez en dehors
de l'objet ou du cadre.
Pour redimensionner la boîte à outils Actions ou le volet Script, procédez de
l'une des manières suivantes :
■
Faites glisser la barre de séparation verticale située entre la boîte à outils Actions et le volet
Script.
■
Double-cliquez sur la barre de séparation pour réduire la boîte à outils Actions ; doublecliquez de nouveau sur cette barre pour rétablir l'affichage de la boîte à outils.
■
Cliquez sur le bouton fléché de la barre de séparation pour développer ou réduire la boîte
à outils Actions.
Lorsque celle-ci est masquée, vous pouvez encore utiliser le bouton Ajouter (+) pour
accéder à ses éléments.
Pour afficher les numéros de ligne dans le panneau Script, procédez de l'une
des manières suivantes :
■
Choisissez Afficher les numéros de ligne dans le menu local Options d'affichage, en haut
du panneau Script.
■
Choisissez Afficher les numéros de ligne dans le menu local du panneau Actions.
■
Appuyez sur Ctrl+Maj+L (Windows) ou sur Commande+Maj+L (Macintosh).
Utilisation de l'Assistant de script pour rédiger du code ActionScript
381
Pour imprimer les actions :
1.
Dans le menu déroulant du panneau Actions, sélectionnez Imprimer.
La boîte de dialogue d'impression s'affiche.
2.
Sélectionnez des options et cliquez sur Imprimer.
Dans la mesure où le fichier imprimé n'inclut pas d'informations sur son fichier Flash
d'origine, Macromedia recommande d'inclure ces informations au sein d'une action
comment, dans le script.
Création d'un événement startDrag/
stopDrag à l'aide de l'Assistant de script
L'exemple suivant détaille le processus de création d'un événement startDrag/stopDrag simple
à l'aide de l'Assistant de script. A l'issue de cette procédure, vous obtenez un clip que vous
pouvez faire glisser à l'aide d'un cadre de sélection et de la souris sur un fichier SWF publié.
Pour plus de détails sur les méthodes et les fonctions utilisées pour créer cet exemple,
consultez Formation à ActionScript 2.0 dans Flash.
Pour créer un événement startDrag/stopDrag à l'aide de l'Assistant de script :
1.
Créez un document Flash, puis enregistrez-le sous le nom circle.fla.
2.
Tracez un cercle sur la scène.
3.
Sélectionnez le cercle que vous venez de tracer, puis convertissez-le en symbole de clip en
exécutant l'une des actions suivantes :
■
Choisissez Modification > Convertir en symbole.
■
Faites glisser la sélection vers le panneau Bibliothèque.
■
Cliquez du bouton droit (Windows) ou en appuyant sur la touche Contrôle
(Macintosh), puis sélectionnez Convertir en symbole dans le menu contextuel.
4.
Dans la boîte de dialogue Convertir en symbole, nommez le symbole circle_mc, puis
sélectionnez le comportement Clip. Pour plus d'informations, consultez Types de symboles,
page 93.
5.
Cliquez sur OK.
Flash place le symbole dans la bibliothèque et la sélection de la scène devient une
« occurrence » du symbole.
6.
Assurez-vous que le clip circle_mc est bien sélectionné, puis entrez le nom d'occurrence
myCircle dans la zone de texte Nom de l'occurrence de l'inspecteur Propriétés.
382
Ecriture de code ActionScript avec l'Assistant de script
7.
Insérez le clip circle_mc dans le scénario. Pour ce faire :
a.
Sélectionnez le clip circle_mc sur la scène.
b.
Sélectionnez Modification > Scénario > Répartir vers les calques. Cette commande
ajoute automatiquement un calque dans le scénario et y insère l'occurrence circle_mc.
Le nouveau calque reprend le nom du symbole et est placé sous le calque existant,
Calque 1.
8.
Renommez Calque 1 en double-cliquant sur son nom dans le scénario et en le remplaçant
par « Actions ».
9.
Sélectionnez la première image du calque Actions.
10. Sélectionnez Fenêtre > Actions pour afficher le panneau Actions, puis cliquez sur Assistant
de script. Le panneau Actions active le mode Assistant de script.
11.
Dans la boîte à outils du panneau Actions, sélectionnez Classes ActionScript 2.0 >
Animation > MovieClip > Gestionnaire d'événements > onPress, puis double-cliquez sur
onPress. La méthode onPress s'affiche dans le panneau Actions.
12. Cliquez
13.
dans la zone de texte Objet et cliquez sur le bouton Insérer un chemin cible.
Cliquez sur le bouton Insérer un chemin cible.
La boîte de dialogue Insérer un chemin cible s'affiche.
Création d'un événement startDrag/stopDrag à l'aide de l'Assistant de script
383
14. Dans cette boîte de dialogue, sélectionnez l'occurrence de clip MyCircle et assurez-vous que
l'option de chemin relatif est sélectionnée. Cliquez sur OK.
15.
Cliquez sur le bouton Ajouter (+) et sélectionnez Fonctions globales > Contrôle sur les clips
> startDrag.
16.
Tapez type dans la zone de texte Cible.
17.
Activez les cases Expression et Contraindre en rectangle.
18.
Saisissez les valeurs suivantes dans les zones de texte G, H, D et B : G:0, H:0, D:300,
B:300.
Ces valeurs contraignent le mouvement du clip.
19. Cliquez
384
sous la dernière ligne du code figurant dans le panneau Actions.
Ecriture de code ActionScript avec l'Assistant de script
20.Dans
la boîte à outils du panneau Actions, sélectionnez Classes ActionScript 2.0 >
Animation > MovieClip > Gestionnaire d'événements > onRelease, puis double-cliquez sur
onRelease. La méthode onRelease s'affiche dans le panneau Actions.
21. Cliquez
dans la zone de texte Objet et cliquez sur le bouton Insérer un chemin cible.
La boîte de dialogue Insérer un chemin cible s'affiche.
22.Dans cette boîte de dialogue, sélectionnez l'occurrence de clip MyCircle et assurez-vous que
le bouton radio de chemin, Relatif, est sélectionné. Cliquez sur OK.
23.Cliquez sur le bouton Ajouter (+) et sélectionnez Fonctions globales > Contrôle sur les clips
> stopDrag.
Le code final a l'aspect suivant :
this.my_mc.onPress = function() {
startDrag(this, false, 0, 0, 300, 300);
};
this.my_mc.onRelease = function() {
stopDrag();
};
24.Testez
le code que vous venez de créer en sélectionnant Contrôle > Tester l'animation.
Dans la fenêtre de test, placez le pointeur sur le cercle que vous avez créé et faites-le glisser.
Pour plus de détails sur la rédaction de code ActionScript, consultez Formation à ActionScript
2.0 dans Flash.
Création d'un événement startDrag/stopDrag à l'aide de l'Assistant de script
385
386
Ecriture de code ActionScript avec l'Assistant de script
CHAPITRE 14
14
Utilisation des écrans (Flash
Professionnel uniquement)
Dans Macromedia Flash Professionnel 8, les écrans offrent une interface utilisateur de
programmation avec des modules structurels qui vous permettent de créer des documents
Flash complexes, hiérarchiques, tels que des diaporamas ou des applications basées sur les
formulaires.
Les écrans proposent des conteneurs de haut niveau pour créer des applications. Ils vous
permettent de structurer des applications complexes dans Flash sans utiliser de multiples
images et calques sur le scénario. Vous pouvez même créer une application complexe sans
afficher le scénario.
Lorsque vous créez un document composé d'écrans, ces derniers sont organisés selon une
hiérarchie structurée ; pour ce faire, vous imbriquez les écrans dans une arborescence. Vous
pouvez facilement afficher l'aperçu et modifier la structure d'un document composé d'écrans.
387
Vous pouvez créer deux types de documents composés d'écrans : un diaporama Flash,
approprié pour du contenu séquentiel, un diaporama ou une présentation
multimédia par exemple ; une application de formulaires Flash, idéale pour les applications
non linéaires, basées sur les formulaires, telles que de riches applications Internet. Les
documents composés d'écrans peuvent être enregistrés au format Flash
Player 6 ou version ultérieure uniquement.
Détails de l'espace de travail par défaut d'un nouveau diaporama Flash. Des vignettes s'affichent
dans le panneau Contour de l'écran sur le côté gauche de l'espace de travail et le scénario est réduit.
Ce chapitre contient les sections suivantes :
Utilisation des documents composés d'écrans et de l'environnement auteur des
écrans (Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .389
Utilisation du panneau Contour de l'écran (Flash Professionnel uniquement) . . 395
Annulation et rétablissement des commandes avec les écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .396
Utilisation du menu contextuel des écrans (Flash Professionnel uniquement). . .396
Création d'un document composé d'écrans (Flash Professionnel uniquement) .397
Ajout d'écrans à un document (Flash Professionnel uniquement) . . . . . . . . . . . . .398
Appellation des écrans (Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . 399
Définition des propriétés et des paramètres d'un écran (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 400
A propos de l'ajout de contenu multimédia dans les écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405
Sélection et déplacement des écrans (Flash Professionnel uniquement) . . . . . . 405
Création de commandes et de transitions pour les écrans à l'aide des
comportements (Flash Professionnel uniquement). . . . . . . . . . . . . . . . . . . . . 408
Utilisation de la fonction Rechercher et remplacer avec les écrans (Flash
Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .411
388
Utilisation des écrans (Flash Professionnel uniquement)
Utilisation de l'explorateur d'animations avec les écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .411
Utilisation des scénarios avec les écrans (Flash Professionnel uniquement) . . . . 412
A propos de l'utilisation d'ActionScript avec les écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 412
A propos de l'utilisation des composants avec les écrans (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 415
Accessibilité dans l'environnement auteur des écrans de Flash (Flash Professionnel
uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 416
Utilisation des documents composés
d'écrans et de l'environnement auteur des
écrans (Flash Professionnel uniquement)
L'environnement auteur pour les documents composés d'écrans vous permet d'utiliser ces
documents de nombreuses façons. Pour plus d'informations sur les types de documents que
vous pouvez créer avec des écrans, les façons dont vous pouvez organiser et parcourir les écrans
et les différentes façons d'utiliser ActionScript ou les fonctions d'accessibilité Flash avec les
écrans, consultez les sections suivantes:
Flux de travail lors de la création de documents
composés d'écrans (Flash Professionnel
uniquement)
Pour créer un document composé d'écrans, créez d'abord un nouveau diaporama ou
document d'application de formulaires. Ajoutez ensuite des écrans, configurez-les et ajoutez
du contenu, puis ajoutez des comportements pour créer des contrôles et des transition pour
les écrans.
Pour plus d'informations, consultez les procédures décrites dans les sections suivantes :
■
Création d'un document composé d'écrans (Flash Professionnel uniquement), page 397
■
Ajout d'écrans à un document (Flash Professionnel uniquement), page 398
■
Appellation des écrans (Flash Professionnel uniquement), page 399
■
Définition des propriétés et des paramètres d'un écran (Flash Professionnel uniquement),
page 400
■
A propos de l'ajout de contenu multimédia dans les écrans (Flash Professionnel uniquement),
page 405
Utilisation des documents composés d'écrans et de l'environnement auteur des écrans (Flash Professionnel uniquement)
389
■
Sélection et déplacement des écrans (Flash Professionnel uniquement), page 405
■
Création de commandes et de transitions pour les écrans à l'aide des comportements (Flash
Professionnel uniquement), page 408
Diaporamas et applications de formulaires (Flash
Professionnel uniquement)
Vous pouvez créer deux types de documents composés d'écrans : Le type de document que
vous choisissez détermine le type d'écran par défaut dans le document.
■
Un diaporama Flash utilise des diapositives comme type d'écran par défaut. Les
diapositives possèdent toutes les fonctionnalités nécessaires pour une présentation
séquentielle.
■
Une application de formulaires Flash utilise des formulaires comme type d'écran par
défaut. Les écrans de formulaires possèdent toutes les fonctionnalités nécessaires pour une
présentation non linéaire, à base de formulaires.
Bien que chaque document possède un type d'écran par défaut, vous pouvez inclure les
diapositives et les formulaires dans un document composé d'écrans. Pour des informations sur
les diapositives et les formulaires, consultez Diapositives et formulaires (Flash Professionnel
uniquement), page 392.
Structure et hiérarchie des documents (Flash
Professionnel uniquement)
Chaque document comprend un écran maître au niveau supérieur. Dans un diaporama Flash,
l'écran de niveau supérieur est appelé Diaporama par défaut. Dans une application de
formulaires Flash, l'écran de niveau supérieur est appelé Application par défaut.
L'écran de niveau supérieur est le conteneur pour tous les éléments que vous ajoutez au
document, y compris les autres écrans. Vous pouvez placer le contenu sur l'écran de niveau
supérieur. Vous ne pouvez pas supprimer ou déplacer l'écran de niveau supérieur.
A certains égards, les écrans sont similaires à des clips imbriqués : les écrans enfant héritent du
comportement de leurs parents et vous utilisez les chemins cible d'ActionScript pour
transmettre des messages d'un écran à un autre. Toutefois, les écrans n'apparaissent pas dans la
bibliothèque et vous ne pouvez pas créer plusieurs occurrences d'un écran. Pour plus
d'informations sur l'utilisation d'ActionScript avec les écrans, consultez A propos de
l'utilisation d'ActionScript avec les écrans (Flash Professionnel uniquement), page 412.
390
Utilisation des écrans (Flash Professionnel uniquement)
Vous pouvez ajouter de multiples écrans à un document et vous pouvez imbriquer les écrans
les uns dans les autres, avec autant de niveaux que vous le souhaitez. Un écran imbriqué dans
un autre écran est l'enfant de cet écran. Un écran qui contient un autre écran est le parent de
cet écran. Si un écran est imbriqué plusieurs niveaux en dessous, tous les écrans au-dessus de
lui sont ses ancêtres. Les écrans qui sont au même niveau sont les écrans frère. Tous les écrans
imbriqués dans un autre écran sont ses descendants. Un écran enfant contient tout le contenu
de ses écrans ancêtre.
La diapositive de niveau supérieur possède trois
enfants : Diapositive 1, Diapositive 2 et Diapositive 3.
Diapositive 1 possède un enfant et un petit-enfant.
Diapositive 4 est l'enfant de Diapositive 1.
Diapositive 5 est l'enfant de Diapositive 4.
Panneau Contour de l'écran d'un diaporama Flash contenant des écrans imbriqués sur trois
niveaux
A propos du préchargement avec les documents
composés d'écrans
Pour inclure un préchargement (preloader, fichier SWF séparé qui charge le fichier SWF
principal) avec un document à base d'écrans, une méthode consiste à créer le fichier de
préchargement sous forme de fichier SWF séparé (sans écrans), et de charger le fichier SWF
du document contenant les écrans à partir du premier.
Il est impossible de créer un fichier de préchargement depuis un document à base d'écrans, car
tous les écrans d'un document se trouvent dans la première image du scénario, ce qui interdit
d'appeler ou de charger les autres images.
Utilisation des documents composés d'écrans et de l'environnement auteur des écrans (Flash Professionnel uniquement)
391
Diapositives et formulaires (Flash Professionnel
uniquement)
Vous pouvez créer deux types d'écrans différents dans un document : des diapositives et des
formulaires. Un diaporama Flash utilise des diapositives comme type d'écran par défaut. Une
application de formulaires Flash utilise des formulaires comme type d'écran par défaut.
Toutefois, vous pouvez mélanger des diapositives et des formulaires dans un document
composé d'écrans, afin de tirer profit de leurs fonctionnalités respectives et créer une structure
plus complexe dans une présentation ou application.
Vous pouvez définir les paramètres des diapositives et des formulaires dans l'inspecteur
Propriétés. Pour plus d'informations, consultez Définition des paramètres d'un écran (Flash
Professionnel uniquement), page 403. Vous pouvez également utiliser ActionScript pour
contrôler les écrans. Pour plus d'informations, consultez Classe Screen (Flash Professional
uniquement), Classe Form (Flash Professional uniquement) et Classe Slide (Flash Professional
uniquement), dans Référence du langage des composants.
Les diapositives vous permettent de créer des documents Flash avec un contenu séquentiel, tel
qu'un diaporama. Le comportement par défaut permet aux utilisateurs de naviguer entre les
diapositives à l'aide des touches fléchées droite et gauche. Les écrans séquentiels peuvent se
superposer de telle sorte que l'écran précédent reste visible lorsque la diapositive suivante est
affichée. Les écrans peuvent continuer à être animés une fois qu'ils sont masqués. Utilisez les
diapositives lorsque vous souhaitez que la visibilité de chaque écran soit gérée
automatiquement.
Les formulaires vous permettent de créer des applications structurées basées sur les formulaires,
tels que des formulaires d'enregistrement en ligne ou de commerce électronique. Les
formulaires sont de simples conteneurs que vous utilisez pour structurer une application basée
sur les formulaires. Par défaut, vous devez utiliser ActionScript pour créer la structure de
navigation avec les formulaires. Utilisez les formulaires lorsque vous souhaitez gérer vousmême la visibilité des écrans individuels.
A propos de l'organisation du code pour les écrans
Vous pouvez placer le code à trois endroits dans une application composée d'écrans :
■
Sur le scénario ;
■
Sur les écrans et les instances de symboles ;
■
Dans un fichier externe.
392
Utilisation des écrans (Flash Professionnel uniquement)
Dans la mesure où le code est placé à différents endroits, il peut devenir difficile de localiser ce
dernier. Par conséquent, vous devez déterminer le type d'application à écrire et ce qu'elle
nécessite en termes de code ActionScript. Comme pour les comportements, vous devez
utiliser le code ActionScript de façon cohérente dans les applications composées d'écrans.
La différence entre les écrans et les comportements réside dans le fait que le code ActionScript
ajouté par les comportements est beaucoup plus complexe que les comportements disponibles
pour un fichier FLA ordinaire. Les écrans reposent sur du code ActionScript complexe, ce qui
implique que le code de transition et de changement de diapositive risque de devenir difficile
à écrire.
Vous pouvez utiliser des comportements ou du code ActionScript qui est lié directement aux
écrans, en combinaison avec un scénario ou un fichier ActionScript externe. Même si vous
décentralisez votre code de cette façon, en plaçant du code sur des écrans et un fichier
ActionScript externe, vous devez toujours éviter de lier du code directement à des instances de
clip ou de bouton qui figurent sur des écrans spécifiques. Ce code ActionScript est difficile à
rechercher dans un fichier FLA, à déboguer et modifier.
Même si vous liez du code directement à un écran, il est plus acceptable et facile à utiliser que
dans des fichiers FLA ordinaires pour les raisons suivantes :
■
Le code qui est lié aux écrans lorsque vous utilisez des comportement interagit rarement
avec les autres codes ActionScript. Vous pouvez placer des comportements à cet endroit
sans avoir à vous soucier des modifications ultérieures, ce qui est idéal.
■
Le code placé directement sur les écrans est facile à trouver et sa hiérarchie apparaît
clairement, grâce au volet Contour de l'écran. Par conséquent, il est facile de rechercher et
sélectionner l'ensemble des objets qui peuvent être associés au code ActionScript.
Si vous utilisez des comportements placés sur des écrans (ou d'autres instances), n'oubliez pas
de documenter leur emplacement sur l'image 1 du scénario principal. Ceci devient
particulièrement important si vous placez du code ActionScript sur le scénario. Vous trouverez
ci-dessous un exemple de commentaire pouvant être ajouté au fichier FLA :
/*
Sur l'image 1 du scénario principal.
Le code ActionScript est placé sur des écrans distincts et directement
sur les instances en supplément du code sur le scénario (image 1 de
l'écran racine).
...
*/
Utilisation des documents composés d'écrans et de l'environnement auteur des écrans (Flash Professionnel uniquement)
393
Insertion de code dans le fichier FLA
Le fait d'utiliser des comportements sur les écrans tout en plaçant du code ActionScript su le
scénario principal permet de créer un fichier FLA composé d'écrans plus simple et facile à
utiliser qu'un document FLA ordinaire. Le code des comportements est parfois ajouté aux
instances. Cependant, sa complexité risque de prolonger considérablement le processus de
création. Les avantages d'utilisation des comportement peuvent compenser largement les
inconvénients lorsque les comportements que vous ajoutez à un document avec écrans
semblent trop complexes pour être écrits directement.
Les nouveaux utilisateurs de Flash ont généralement recours à l'approche visuelle pour placer
du code ActionScript sur un écran spécifique, directement sur un objet. Lorsque vous cliquez
sur l'écran ou un clip, le code correspondant à l'instance ou au nom de la fonction qui est
appelée pour cette instance. Ceci permet de naviguer visuellement au sein d'une application et
du code ActionScript correspondant. Il est également plus facile de comprendre la hiérarchie
de l'application dans l'environnement de programmation.
Si vous décidez d'associer du code ActionScript à des instances de symbole sur la scène et
directement sur les écrans, essayez de limiter le code ActionScript à ces deux emplacement
pour en réduire la complexité.
Si vous placez du code ActionScript sur des écrans et sur le scénario ou dans des fichiers
externes, essayez de regrouper le code ActionScript dans ces deux emplacements par souci de
clarté.
Code ActionScript externe
Vous pouvez organiser votre fichier FLA composé d'écrans en écrivant du code externe et en
n'incluant aucun code dans le document. Lorsque vous utilisez le code ActionScript, essayez
d'en conserver la majorité dans des fichiers AS externes pour des raisons de clarté. Il est
possible de placer du code ActionScript sur des écrans, mais vous devez éviter de placer du
code ActionScript sur des instances sur la scène.
Vous pouvez créer une classe qui développe la classe Form. Par exemple, vous pouvez écrire
une classe appelée MyForm. Dans l'inspecteur Propriétés, renommez la classe
mx.screens.Form MyForm. La classe MyForm ressemble normalement au code suivant :
class MyForm extends mx.screens.Form {
function MyForm() {
trace("constructor: "+this);
}
}
394
Utilisation des écrans (Flash Professionnel uniquement)
Utilisation d'autres éléments structurels
Lorsque vous publiez un document composé d'écrans, il s'agit en fait d'un clip placé sur la
première image d'un scénario. Ce clip contient des classes qui sont compilées dans le fichier
SWF. Ces classes alourdissent le fichier SWF publié, par opposition à un fichier SWF sans
écran. Le contenu se charge dans la première image par défaut, ce qui risque d'entraîner des
problèmes dans certaines applications.
Vous pouvez charger le contenu dans un document composé d'écrans en tant que fichiers
SWF, sur chaque écran, pour réduire le temps de chargement. Ne chargez le contenu que
lorsque c'est nécessaire et utilisez les bibliothèques partagées à l'exécution dans la mesure du
possible. Cette approche réduit les besoins de téléchargement à partir du serveur, ce qui réduit
le temps d'attente du contenu lorsque les utilisateurs ne consultent que certaines parties de
l'application.
Utilisation du panneau Contour de l'écran
(Flash Professionnel uniquement)
Lorsque vous travaillez avec un document composé d'écrans, le panneau Contour de l'écran à
gauche de la fenêtre Document affiche les vignettes de chaque écran du document actif sous la
forme d'une arborescence réductible. L'arborescence représente la structure hiérarchique du
document. Les écrans imbriqués sont mis en retrait sous l'écran qui les contient.
Lorsque vous ajoutez un écran à un document, celui-ci apparaît dans le panneau Contour de
l'écran. Pour plus d'informations, consultez Ajout d'écrans à un document (Flash Professionnel
uniquement), page 398.
Vous pouvez réduire et développer l'arborescence pour masquer ou afficher les écrans
imbriqués. Vous pouvez masquer, afficher et redimensionner le panneau Contour de l'écran.
En cliquant sur une vignette du panneau Contour de l'écran, vous pouvez afficher l'écran sur
la scène. Pour plus d'informations sur l'affichage des écrans dans un document, consultez
Sélection et déplacement des écrans (Flash Professionnel uniquement), page 405.
Pour masquer ou afficher le panneau Contour de l'écran :
■
Sélectionnez Fenêtre > Autres panneaux > Ecrans.
Pour détailler ou réduire l'arbre :
■
Dans Windows, cliquez sur le bouton Plus (+) ou Moins (-) à côté d'un écran pour
afficher ou masquer les écrans imbriqués qu'il contient.
■
Sous Macintosh, cliquez sur le triangle à côté d'un écran pour afficher ou masquer les
écrans imbriqués qu'il contient.
Utilisation du panneau Contour de l'écran (Flash Professionnel uniquement)
395
Pour redimensionner le panneau Contour de l'écran :
■
Faites glisser la ligne de séparation entre le panneau Contour de l'écran et la fenêtre
Document.
Annulation et rétablissement des
commandes avec les écrans (Flash
Professionnel uniquement)
Vous pouvez utiliser les commandes de menu Edition > Annuler et Edition > Répéter pour
annuler et rétablir les actions suivantes effectuées sur les écrans : ajout, suppression, copie,
collage, suppression et masquage d'un écran. Les actions suivantes effectuées sur les écrans
sont enregistrées dans le panneau Historique : ajout d'un écran, ajout d'un écran imbriqué,
sélection d'un écran, changement du nom d'un écran et suppression d'un écran. Pour plus
d'informations sur les commandes Annuler et Répéter et sur le panneau Historique, consultez
Utilisation des commandes Annuler et Répéter, page 62.
Utilisation du menu contextuel des écrans
(Flash Professionnel uniquement)
Le menu contextuel des écrans contient de nombreuses commandes permettant de travailler
avec les écrans. Vous pouvez insérer, couper, copier et coller des écrans et effectuer d'autres
opérations avec les commandes du menu contextuel.
REMARQUE
Les commandes spécifiques du menu contextuel sont expliquées dans les sections qui
décrivent ces tâches. Par exemple, pour plus d'informations sur la commande Insérer un
écran, consultez Ajout d'écrans à un document (Flash Professionnel uniquement),
page 398.
Pour afficher le menu contextuel d'un écran :
■
Cliquez avec le bouton droit de la souris (Windows) ou avec la touche Contrôle enfoncée
(Macintosh) sur une vignette du panneau Contour de l'écran.
396
Utilisation des écrans (Flash Professionnel uniquement)
Création d'un document composé d'écrans
(Flash Professionnel uniquement)
Vous pouvez créer un document composé d'écrans à l'aide de l'un des deux types d'écrans
suivants :
■
Un diaporama Flash utilise des diapositives comme type d'écran par défaut.
■
Une application de formulaires Flash utilise des formulaires comme type d'écran par défaut.
Pour plus d'informations, consultez Diapositives et formulaires (Flash Professionnel
uniquement), page 392.
Lorsque vous créez un document composé d'écrans, il contient un écran de conteneur de
niveau supérieur et un écran simple du type par défaut. N'oubliez pas qu'un document
composé d'écrans ne peut être publié qu'au format Flash Player 6 ou version ultérieure, avec
ActionScript 2.0. Il n'est pas possible d'enregistrer un document composé d'écrans dans un
format antérieur de Flash Player.
Vous pouvez créer un document composé d'écrans à partir de la page Démarrage ou à partir
de la boîte de dialogue Nouveau document. Pour plus d'informations sur la boîte de dialogue
Nouveau document, consultez Création et ouverture d'un document et définition de ses
propriétés, page 24.
Pour créer un document composé d'écrans à partir de la page Démarrage :
■
Sélectionnez un type d'écran pour votre document. Dans la section Débuter, sélectionnez
l'une des options suivantes dans le menu Ouvrir un fichier :
Diaporama Flash
crée un document constitué de diapositives comme type d'écran par
défaut.
Application du formulaire Flash crée un document constitué de formulaires comme type
d'écran par défaut.
Pour créer un document composé d'écrans depuis la boîte de dialogue
Nouveau document :
1.
Sélectionnez Fichier > Nouveau.
2.
Cliquez sur l'onglet Général et sélectionnez l'une des options suivantes dans la section
Type :
Diaporama Flash
crée un document constitué de diapositives comme type d'écran par
défaut.
Application du formulaire Flash crée un document constitué de formulaires comme type
d'écran par défaut.
Création d'un document composé d'écrans (Flash Professionnel uniquement)
397
Ajout d'écrans à un document (Flash
Professionnel uniquement)
Vous pouvez ajouter un nouvel écran au même niveau que l'écran actuellement sélectionné.
Le nouvel écran est un écran frère de l'écran sélectionné. Vous pouvez également ajouter un
écran imbriqué un niveau en dessous de l'écran actuellement sélectionné. Vous pouvez ajouter
un écran du type par défaut ou sélectionner un type d'écran lorsque vous en ajoutez un. Vous
pouvez enfin afficher tous les écrans d'un document dans le panneau Contour de l'écran. Pour
plus d'informations, consultez Utilisation du panneau Contour de l'écran (Flash Professionnel
uniquement), page 395.
Lorsque vous ajoutez des écrans à un document, Flash présente certains comportements par
défaut :
■
Par défaut, Flash utilise le type d'écran du document (diapositive pour un diaporama ou
formulaire pour une application de formulaires) pour le nouvel écran. Vous pouvez choisir
d'insérer un écran d'un autre type, à l'aide de la commande Insérer un type d'écran dans le
menu contextuel des écrans.
■
Flash insère le premier écran que vous ajoutez directement après l'écran de niveau
supérieur, un niveau en dessous.
■
Flash insère un nouvel écran au même niveau, après l'écran actuellement sélectionné. Si le
document contient des écrans imbriqués sous l'écran actuellement sélectionné, le nouvel
écran est ajouté après les écrans imbriqués, au même niveau que l'écran sélectionné.
■
Flash insère un nouvel écran imbriqué directement après l'écran actuellement sélectionné,
un niveau en dessous. Si le document contient déjà un ou des écrans imbriqués sous
l'écran actuellement sélectionné, le nouvel écran est inséré après tous les écrans imbriqués
déjà en place, un niveau sous l'écran sélectionné.
Vous pouvez également utiliser un modèle pour ajouter un nouvel écran ou une série d'écrans.
Flash Professionnel 8 offre des modèles d'écrans dans plusieurs domaines.
Pour ajouter un écran du type par défaut au niveau de l'écran actuel :
1.
Sélectionnez un écran dans le panneau Contour de l'écran.
2.
Effectuez l’une des opérations suivantes :
■
Appuyez sur Entrée ou Retour.
■
Cliquez sur le bouton Insérer un écran (+) en haut du Panneau Contour de l'écran.
■
Sélectionnez Insertion > Ecran.
■
Sélectionnez Insérer un écran dans le menu contextuel des écrans.
398
Utilisation des écrans (Flash Professionnel uniquement)
Pour ajouter un écran d'un type spécifique au niveau de l'écran actuel :
1.
Sélectionnez un écran dans le panneau Contour de l'écran.
2.
Sélectionnez Insérer un type d'écran dans le menu contextuel et sélectionnez un type
d'écran.
Pour ajouter un écran imbriqué du type par défaut :
1.
Sélectionnez un écran dans le panneau Contour de l'écran.
2.
Effectuez l’une des opérations suivantes :
■
Appuyez sur Entrée ou Retour.
■
Sélectionnez Insertion > Ecran imbriqué.
■
Sélectionnez Insérer un écran imbriqué dans le menu contextuel des écrans.
Pour ajouter un écran ou une série d'écrans basée sur un modèle :
1.
Sélectionnez un écran dans le panneau Contour de l'écran.
2.
Sélectionnez Insérer un type d'écran dans le menu contextuel et sélectionnez Modèles
enregistrés.
3.
Sélectionnez une catégorie de modèle dans la section Catégorie et un modèle dans la section
Modèles.
4.
Cliquez sur OK pour fermer la boîte de dialogue et utiliser les modèles sélectionnés dans
votre document.
Appellation des écrans (Flash
Professionnel uniquement)
Par défaut, les écrans sont nommés selon leur type par défaut, dans l'ordre de création :
diapo1, diapo2, formulaire1, formulaire2, etc. L'ordre de création ne reflète pas
nécessairement l'ordre des écrans du panneau Contour de l'écran. Par exemple, vous pouvez
créer trois écrans identiques, diapo1, diapo2 et diapo3. Si vous créez ensuite un écran
imbriqué directement sous diapo1, cet un écran imbriqué est diapo4.
Vous pouvez renommer les écrans, y compris l'écran de niveau supérieur. Les noms d'écran
doivent être uniques dans un document. Ainsi, un document ne peut contenir qu'un seul
écran nommé Quiz_Page.
Appellation des écrans (Flash Professionnel uniquement)
399
Le nom d'écran par défaut est utilisé comme nom d'occurrence, lequel sert à contrôler un
écran dans ActionScript. Pour plus d'informations, consultez A propos de l'utilisation
d'ActionScript avec les écrans (Flash Professionnel uniquement), page 412. Si vous modifiez le
nom d'écran par défaut, le nom d'occurrence est mis à jour avec le nouveau nom ; de même, si
vous modifiez le nom d'occurrence, le nom d'écran est mis à jour. L' identificateur de liaison
de l'écran, identique au nom de l'écran, est également mis à jour lorsque le nom de l'écran ou
de l'occurrence est mis à jour.
Les noms d'occurrence doivent respecter les conditions suivantes :
■
Le nom ne doit pas contenir d'espaces.
■
Le premier caractère doit être une lettre, un trait de soulignement (_) ou un dollar ($).
■
Chaque caractère qui suit doit être une lettre, un chiffre, un trait de soulignement ou un
dollar.
■
Ce nom doit être unique.
Vous pouvez également modifier le nom d'occurrence dans l'inspecteur Propriétés. Pour plus
d'informations, consultez Définition des propriétés et des paramètres d'un écran (Flash
Professionnel uniquement), page 400.
Pour renommer un écran :
■
Double-cliquez sur le nom de l'écran dans le panneau Contour de l'écran et entrez un
nouveau nom.
Définition des propriétés et des
paramètres d'un écran (Flash
Professionnel uniquement)
Utilisez l'inspecteur Propriétés pour définir les propriétés et les paramètres des écrans
individuels. A gauche de l'inspecteur Propriétés, vous pouvez afficher le nom de l'occurrence,
la largeur, la hauteur et les coordonnées x et y d'un écran :
■
Le nom de l'occurrence est un nom unique attribué à un écran, qui est utilisé lorsque vous
ciblez l'écran dans ActionScript. Un nom d'occurrence par défaut est affecté à chaque
écran, en fonction de son nom par défaut dans le panneau Contour de l'écran. Le nom
d'occurrence et le nom d'écran par défaut sont identiques à l'identificateur de liaison pour
l'écran. Si vous mettez à jour le nom d'occurrence, le nom d'écran par défaut et
l'identificateur de liaison sont également mis à jour.
400
Utilisation des écrans (Flash Professionnel uniquement)
■
La largeur et la hauteur sont spécifiées en pixels. Les valeurs dans les champs L et H sont
en lecture seule. La largeur et la hauteur sont déterminées par le contenu des écrans. Vous
pouvez accrocher automatiquement le point d'alignement pour vous assurer qu'il reste
dans la même position relative lorsque la largeur et la hauteur d'écran sont modifiées. Pour
plus d’informations, consultez Spécification de la classe ActionScript et du point d'alignement
d'un écran (Flash Professionnel uniquement), page 402.
■
Les coordonnées x et y de l'écran sont spécifiées en pixels. Vous pouvez déplacer un écran
enfant sur la scène en modifiant ses coordonnées x et y. Vous pouvez également modifier le
point d'alignement en utilisant sa grille. Pour plus d'informations, consultez Spécification
de la classe ActionScript et du point d'alignement d'un écran (Flash Professionnel uniquement),
page 402.
Vous pouvez définir les paramètres des diapositives et des formulaires afin de contrôler le
comportement de l'écran pendant la lecture. Pour plus d'informations, consultez Définition
des paramètres d'un écran (Flash Professionnel uniquement), page 403.
Pour modifier le nom de l'occurrence d'un écran :
1.
Sélectionnez un écran dans le panneau Contour de l'écran.
2.
Choisissez Fenêtre > Propriétés.
3.
A gauche de l'inspecteur Propriétés, entrez un nom dans le champ du nom de l'occurrence.
REMARQUE
Si vous mettez à jour le nom d'occurrence, le nom d'écran figurant dans le panneau
Contour de l'écran et l'identificateur de liaison pour l'écran sont également mis à jour.
Pour déplacer un écran enfant sur la scène :
1.
Si l'option de menu contextuel Masquer l'écran de l'écran enfant est activée (ce qui est le
paramètre par défaut pour les diapositives), désactivez-la.
2.
Sélectionnez le parent de l'écran dans le panneau Contour de l'écran et sélectionnez l'écran
enfant sur la scène.
3.
Choisissez Fenêtre > Propriétés.
4.
Dans l'inspecteur Propriétés, entrez de nouvelles valeurs pour les coordonnées x et y, faites
glisser l'écran enfant vers un autre emplacement de la scène ou utilisez le panneau Aligner.
Définition des propriétés et des paramètres d'un écran (Flash Professionnel uniquement)
401
Spécification de la classe ActionScript et du point
d'alignement d'un écran (Flash Professionnel
uniquement)
Dans l'onglet Propriétés de l'inspecteur Propriétés, vous pouvez spécifier la classe ActionScript
de l'écran et son point d'alignement:
■
La classe ActionScript précise à quelle classe l'écran appartient. La classe détermine les
méthodes et les propriétés disponibles pour l'écran. Par défaut, les diapositives sont
affectés à la classe mx.screens.Slide et les formulaires à la classe mx.screens.Form.
Vous pouvez affecter l'écran à une autre classe.
■
La grille du point d'alignement indique la position du point d'alignement de l'écran par
rapport à son contenu. Par défaut, le point d'alignement d'une diapositive est son centre,
et la fonction Accrochage automatique est activée. Le point d'alignement d'un écran de
formulaire est son angle supérieur gauche, et la fonction Accrochage automatique est
désactivée. Vous pouvez modifier le point d'alignement à l'aide de la grille. Vous pouvez
utiliser l'option Accrochage automatique pour garder le point d'alignement à la même
position par rapport au contenu d'écran, et ce même lorsque vous ajoutez, supprimez ou
repositionnez le contenu des écrans.
N'oubliez pas que la hauteur et la largeur d'un écran sont déterminées par son contenu. Le
centre d'un écran peut donc ne pas être le centre de la scène.
REMARQUE
Si vous avez changé le paramètre grille des coordonnées du panneau Info dans un autre
document Flash, la grille des coordonnées du point d'alignement de l'écran peut refléter
ce changement. Pour vérifier le paramètre de la grille des coordonnées du panneau Info,
ouvrez un document Flash (un document non composé d'écrans), ou sélectionnez sur la
scène un objet qui n'est pas un écran, et choisissez Fenêtre > Panneaux de conception
graphique > Info. Si vous travaillez dans un document composé d'écrans, désélectionnez
tous les écrans avant d'ouvrir le panneau Info et de modifier ses paramètres.
Pour plus d'informations sur le panneau Info, consultez Obtention d'informations sur les
occurrences sur la scène, page 120.
Pour modifier la classe ActionScript d'un écran :
1.
Sélectionnez un écran dans le panneau Contour de l'écran.
2.
Choisissez Fenêtre > Propriétés.
3.
Dans l'inspecteur Propriétés, cliquez sur l'onglet Propriétés.
4.
Entrez un nom de classe dans la zone de texte Nom de la classe. Pour plus d'informations
sur les classes ActionScript, consultez le Chapitre 6, Classes, dans Formation à ActionScript
2.0 dans Flash.
402
Utilisation des écrans (Flash Professionnel uniquement)
Pour modifier le point d'alignement d'un écran :
1.
Sélectionnez un écran dans le panneau Contour de l'écran.
2.
Choisissez Fenêtre > Propriétés.
3.
Cliquez sur l'onglet Propriétés et sélectionnez un point dans la grille d'alignement.
En cliquant sur un point d'alignement, l'option Accrochage automatique est sélectionnée
automatiquement dans l'onglet Propriétés. Lorsque cette option est sélectionnée, le point
d'alignement se déplace en fonction du contenu de l'écran, mais ce dernier ne bouge pas.
Définition des paramètres d'un écran (Flash
Professionnel uniquement)
Dans l'onglet Paramètres de l'inspecteur Propriétés, vous pouvez définir des paramètres pour
contrôler l'aspect et le comportement de l'écran pendant la lecture. Différents paramètres sont
disponibles pour les diapositives et les formulaires.
Les paramètres suivants sont uniquement disponibles pour les diapositives :
■
Le paramètre autoKeyNav détermine si la diapositive utilise la touche par défaut du clavier
pour contrôler la navigation vers la diapositive suivante ou précédente. Lorsque
autoKeyNav est défini sur true, une pression sur la touche fléchée orientée vers la droite
ou sur la barre d'espace permet d'accéder à la diapositive suivante et une pression sur la
touche fléchée orientée vers la gauche permet de revenir à la diapositive précédente.
Lorsque autoKeyNav est défini sur false, aucune touche par défaut du clavier n'est
définie. Lorsque autoKeyNav est défini sur inherit (le paramètre par défaut), la
diapositive hérite du paramètre autoKeyNav de son élément parent. Si le parent de la
diapositive est également défini sur inherit, les ancêtres du parent sont alors examinés
jusqu'à ce qu'un ancêtre soit trouvé avec le paramètre autoKeyNav défini sur true ou sur
false. Si une diapositive est une diapositive racine, paramétrer autoKeyNav sur inherit
produit le même résultat que le définir sur true.
REMARQUE
Cette propriété peut être définie indépendamment pour chaque diapositive et affecte
la manipulation du clavier lorsque la diapositive a le focus.
Définition des propriétés et des paramètres d'un écran (Flash Professionnel uniquement)
403
■
Le paramètre overlayChildren spécifie si les écrans enfant se superposent les uns sur les
autres sur l'écran parent pendant la lecture. Lorsque overlayChildren est défini sur
true, les écrans enfant se superposent. Par exemple, supposez que vous avez deux enfants,
Enfant1 et Enfant2, qui sont deux puces, dans l'écran parent. Si l'utilisateur clique sur le
bouton Suivant et affiche Enfant1, puis clique à nouveau sur Suivant et affiche Enfant2,
Enfant1 reste visible lorsque Enfant2 s'affiche. Lorsque overlayChildren est défini sur
false (le paramètre par défaut), Enfant 1 n'est plus affiché lorsque Enfant 2 apparaît. Ce
paramètre affecte uniquement les enfants directs d'une diapositive et non les descendants
imbriqués.
■
Le paramètre playHidden spécifie si la lecture d'une diapositive continue si elle est
masquée après son affichage. Lorsque playHidden est défini sur true (le paramètre par
défaut), la lecture de la diapositive continue si elle est masquée après son affichage.
Lorsque playHidden est défini sur false, la lecture de la diapositive s'arrête si elle est
masquée et reprend à Image 1 si elle est affichée à nouveau.
Un seul paramètre est disponible pour les formulaires : le paramètre visible indique si un
écran est visible ou masqué à l'exécution. Lorsque visible est défini sur true, l'écran est
visible à l'exécution. Lorsque visible est défini sur false, l'écran est masqué. Cette
propriété n'affecte pas la visibilité de l'écran dans l'environnement auteur.
Les paramètres suivants sont disponibles pour les diapositives et les formulaires :
■
Le paramètre autoload indique si le contenu doit être chargé automatiquement (true) ou
après l'appel de la méthode Loader.load() (false). La valeur par défaut est true. Ce
paramètre est hérité du composant Loader.
■
Le paramètre contentPath est une URL absolue ou relative indiquant le fichier à charger
lorsque la méthode Loader.load() est appelée. Un chemin relatif doit pointer vers le
fichier SWF chargeant le contenu. L'URL doit se trouver dans le même sous-domaine que
l'URL où se trouve le contenu Flash. Pour une utilisation dans Flash Player ou avec la
commande Tester l'animation, tous les fichiers SWF doivent être stockés dans le même
dossier et les noms de fichiers ne doivent pas inclure de spécifications de dossier ou d'unité
de disque. La valeur par défaut est undefined jusqu'à ce que le chargement commence. Ce
paramètre est hérité du composant Loader.
Pour spécifier les paramètres d'un écran :
1.
Sélectionnez un écran dans le panneau Contour de l'écran.
2.
Choisissez Fenêtre > Propriétés.
3.
Dans l'inspecteur Propriétés, cliquez sur l'onglet Paramètres.
4.
Cliquez sur le paramètre et définissez-le à l'aide du menu déroulant.
404
Utilisation des écrans (Flash Professionnel uniquement)
A propos de l'ajout de contenu
multimédia dans les écrans (Flash
Professionnel uniquement)
Pour ajouter un contenu multimédia à un écran, procédez comme pour un document Flash
ne contenant pas d'écran. Vous pouvez ajouter un contenu multimédia dans l'écran
actuellement sélectionné dans le panneau Contour de l'écran.
Pour plus d'informations sur l'ajout de contenu média dans un document Flash, consultez A
propos de l'ajout de contenu multimédia, page 32.
Sélection et déplacement des écrans
(Flash Professionnel uniquement)
Lorsque vous sélectionnez un écran dans le panneau Contour de l'écran, l'écran apparaît dans
la fenêtre Document. Vous pouvez sélectionner plusieurs écrans contigus ou non dans le
panneau Contour de l'écran, afin d'appliquer les modifications sur plusieurs écrans en même
temps. Lorsque vous sélectionnez plusieurs écrans, le contenu du premier écran sélectionné
s'affiche dans le panneau Contour de l'écran.
Par défaut, le contenu d'une diapositive n'est pas visible lorsque vous affichez le parent de
l'écran dans la fenêtre Document (l'option Masquer l'écran du menu contextuel est activée).
Vous pouvez choisir d'afficher le contenu d'une diapositive lorsque son parent s'affiche en
sélectionnant cette option. Lorsque l'option de menu contextuel Masquer l'écran est
désactivée, vous pouvez sélectionner la diapositive enfant sur la scène. Cette fonction affecte
l'affichage uniquement dans l'environnement auteur et non à la lecture à l'exécution.
(L'option de menu contextuel Masquer l'écran est désactivée par défaut pour les formulaires.
Vous pouvez activer l'option pour masquer les formulaires enfant à l'affichage dans
l'environnement auteur.)
Vous pouvez couper, copier, coller et faire glisser les écrans dans le panneau Contour de l'écran
pour modifier leur position dans le document et vous pouvez supprimer les écrans d'un
document.
R E M AR QU E
Les termes enfant, parent et ancêtre font référence à la relation hiérarchique des écrans
imbriqués. Pour plus d'informations, consultez Structure et hiérarchie des documents
(Flash Professionnel uniquement), page 390.
Sélection et déplacement des écrans (Flash Professionnel uniquement)
405
Pour afficher un écran dans la fenêtre Document, effectuez l'une des actions
suivantes :
■
Cliquez sur la vignette d'un écran dans le panneau Contour de l'écran pour afficher cet
écran.
■
Activez le panneau Contour de l'écran et servez-vous des touches du clavier pour atteindre
l'écran.
■
Sélectionnez Affichage > Atteindre et sélectionnez le nom d'écran dans le sous-menu ou
sélectionnez Première, Précédent, Suivante ou Dernière pour naviguer d'un écran à l'autre.
■
Cliquez sur le bouton Modifier l'écran à droite de la barre d'édition et sélectionnez le nom
de l'écran dans le menu déroulant.
Pour sélectionner plusieurs écrans dans le panneau Contour de l'écran :
■
Pour sélectionner plusieurs écrans contigus, cliquez sur le premier et le dernier écran que
vous souhaitez sélectionner tout en maintenant la touche Maj enfoncée.
■
Pour sélectionner plusieurs écrans non contigus, cliquez sur chaque écran tout en
maintenant la touche Ctrl (Windows) ou la touche Commande (Macintosh) enfoncée.
Pour modifier un élément sur un écran :
■
Sélectionnez l'élément dans la fenêtre Document.
Pour afficher le contenu d'un écran enfant lorsque l'écran parent est affiché :
■
Cliquez sur Masquer l'écran dans le menu contextuel de l'écran enfant pour désactiver la
fonction Masquer. (Masquer l'écran est activé par défaut pour les diapositives).
Pour sélectionner un écran enfant sur la scène :
1.
Assurez-vous que l'option du menu contextuel Masquer l'écran est désactivée. (consultez la
procédure précédente).
2.
Sélectionnez l'écran parent dans le panneau Contour de l'écran.
3.
Cliquez sur le contenu de l'écran enfant sur la scène.
Pour modifier un élément sur un écran ancêtre de l'écran actuel :
■
Double-cliquez sur l'élément dans la fenêtre Document.
La fonction Smart Clicking affiche l'écran ancêtre dans la fenêtre Document et sélectionne
l'élément à modifier.
R E M AR QU E
406
Par défaut, les éléments sur les écrans ancêtre de l'écran actuel apparaissent en
grisé dans la fenêtre Document.
Utilisation des écrans (Flash Professionnel uniquement)
Pour rendre entièrement tous les éléments sur les écrans ancêtre :
■
Choisissez Affichage > Mode Aperçu > Complet.
Pour plus d'informations sur les modes d'aperçu, consultez Accélération de l'affichage du
document, page 74.
Pour supprimer un écran, effectuez l'une des opérations suivantes :
■
Cliquez sur l'écran avec le bouton droit de la souris (Windows) ou en appuyant sur la
touche Contrôle (Macintosh) et sélectionnez Couper ou Copier dans le menu contextuel.
■
Choisissez Edition > Couper ou Edition > Copier.
Pour coller un écran, effectuez l'une des opérations suivantes :
■
Après avoir coupé ou copié l'écran, cliquez avec le bouton droit de la souris (Windows) ou
en appuyant sur la touche Contrôle (Macintosh) sur un autre écran et sélectionnez Coller
dans le menu contextuel. L'écran coupé ou copié est collé après l'écran sélectionné.
Pour imbriquer l'écran collé dans l'écran sélectionné, sélectionnez Coller l'écran imbriqué
dans le menu contextuel.
■
Après avoir copié ou coupé l'écran, choisissez Edition > Couper ou Edition > Copier.
Pour faire glisser un écran dans le panneau Contour de l'écran :
■
A l'aide de la souris, faites glisser l'écran à un autre endroit du panneau Contour de
l'écran. Relâcher le bouton de la souris lorsque l'écran est à l'endroit souhaité. Pour
imbriquer un écran dans un autre écran, faites-le glisser du côté droit du panneau Contour
de l'écran en dessous du parent désiré.
Pour supprimer un écran :
■
Effectuez l’une des opérations suivantes :
■
Cliquez avec le bouton droit de la souris (Windows) ou en appuyant sur la touche
Contrôle (Macintosh) sur l'écran et sélectionnez Couper ou Supprimer dans le menu
contextuel.
■
Sélectionnez l'écran et cliquez sur le bouton Supprimer l'écran (-) en haut du panneau
Contour de l'écran.
■
Appuyez sur Retour arrière (Windows) ou Supprimer (Macintosh).
Sélection et déplacement des écrans (Flash Professionnel uniquement)
407
Création de commandes et de transitions
pour les écrans à l'aide des
comportements (Flash Professionnel
uniquement)
Vous pouvez créer des commandes et des transitions pour les écrans à l'aide des
comportements. Les commandes permettent le déroulement des écrans, ainsi vous pouvez par
exemple passer à un autre écran, masquer un écran ou afficher un écran. Les transitions créent
des animations visuelles qui sont activées lorsque l'affichage du document Flash bascule d'un
écran à un autre.
Les comportements sont des scripts ActionScript intégrés que vous ajoutez à un objet, tel
qu'un écran, pour le contrôler. Les comportements permettent d'ajouter la puissance, le
contrôle et la flexibilité du codage ActionScript à votre document sans avoir à créer le code
ActionScript vous-même. Les comportements sont disponibles pour une gamme d'objets dans
Flash, tels que les clips, les champs de texte et les fichiers vidéo et audio.
Ajout de commandes sur les écrans à l'aide des
comportements (Flash Professionnel uniquement)
Pour ajouter des commandes à un écran à l'aide d'un comportement, associez le
comportement à un déclencheur (un bouton, un clip ou un écran) et ciblez l'écran auquel
vous souhaitez affecter le comportement. Vous pouvez sélectionner l'événement qui déclenche
le comportement.
Vous pouvez ajouter les comportements suivants pour contrôler les diapositives : Atteindre la
première diapositive, Atteindre la dernière diapositive, Atteindre la diapositive suivante,
Atteindre la diapositive précédente, Atteindre la diapositive (spécifiez le nom de la diapositive)
R E MA R Q U E
Atteindre la diapositive suivante et Atteindre la diapositive précédente permettent de
naviguer entre les écrans du même niveau, pas entre les écrans parent ou enfant. Pour
plus d'informations sur les parents et les enfants, consultez Structure et hiérarchie des
documents (Flash Professionnel uniquement), page 390.
Vous pouvez ajouter les comportements suivants pour contrôler les diapositives et les
formulaires : Afficher l'écran (si l'écran a été précédemment masqué), Masquer l'écran (si
l'écran a été précédemment affiché).
408
Utilisation des écrans (Flash Professionnel uniquement)
Pour ajouter un comportement de commande :
1.
Sélectionnez le bouton, le clip ou l'écran qui déclenchera le comportement.
2.
Dans le panneau Comportements, cliquez sur le bouton Ajouter (+).
3.
Sélectionnez Ecran, puis choisissez le comportement souhaité dans le sous-menu.
4.
Si le comportement nécessite la sélection d'un écran cible, la boîte de dialogue Sélectionner
l'écran apparaît. Sélectionnez l'écran cible dans l'arborescence. Cliquez sur Relatif pour
utiliser un chemin cible relatif ou sur Absolu pour utiliser un chemin cible absolu et cliquez
sur OK. Pour plus d'informations sur les chemins cible, consultez Utilisation de chemins
cibles absolus et relatifs, page 44.
REMARQUE
5.
Certains comportements sélectionnent un écran cible par défaut ; par exemple,
l'écran Atteindre la première diapositive cible automatiquement le premier écran.
Ces comportements n'affichent pas la boîte de dialogue Sélectionner l'écran.
Dans la colonne Evénement, cliquez sur la ligne du nouveau comportement et sélectionnez
un événement dans la liste. Cette opération définit l'événement qui déclenchera le
comportement, par exemple, un utilisateur cliquant sur un bouton, un clip qui se charge
ou un écran recevant le focus. La liste des événements disponibles dépend du type d'objet
que vous utilisez pour déclencher le comportement.
Ajout de transitions aux écrans à l'aide de
comportements (Flash Professionnel uniquement)
Les comportements de transition d'écran permettent d'ajouter des transitions animées entre
les écrans, de réaliser un fondu d'écran en entrée ou en sortie, de faire pivoter un écran dès
qu'il apparaît ou disparaît, de faire voler un écran depuis le bord d'un document, et de créer
d'autres effets. Pour ajouter une transition à l'aide d'un comportement, associez le
comportement directement à un écran.
Vous pouvez choisir la direction d'une transition : Zoom avant pour lire l'animation lorsque
l'écran apparaît dans le document, et Zoom arrière pour lire l'animation lorsque l'écran
disparaît du document. Vous pouvez également choisir la durée en secondes.
Des options d'accélération vous permettent de modifier la transition pour réussir différents
effets. Par exemple, l'option d'accélération Rebond fait rebondir l'écran lorsque la transition
s'achève.
Certaines transitions contiennent des paramètres supplémentaires que vous pouvez modifier.
Ces paramètres apparaissent dans la boîte de dialogue Transitions lorsque vous sélectionnez la
transition.
Création de commandes et de transitions pour les écrans à l'aide des comportements (Flash Professionnel uniquement)
409
Suivez ces conseils lorsque vous ajoutez des transitions :
■
Dans la plupart des situations, l'option Zoom avant est recommandée.
■
Utilise l'option Zoom avant lorsque vous appliquez une transition utilisant l'événement
on(reveal).
■
Utilise l'option Zoom arrière lorsque vous appliquez une transition utilisant l'événement
on(hide).
■
N'ajoutez pas de transition Zoom arrière tout de suite avant une transition Zoom avant
dans une présentation.
■
Pour associer la même transition à tous les enfants d'une diapositive donnée, associez une
transition unique à l'événement on(revealChild) ou on(hideChild) du parent, au lieu
de dupliquer la transition sur toutes les diapositives enfant.
Pour ajouter un comportement de transition :
1.
Sélectionnez l'écran auquel vous voulez appliquer le comportement.
2.
Dans le panneau Comportements, cliquez sur le bouton Ajouter (+).
3.
Sélectionnez Ecran > Transition dans le sous-menu.
4.
Dans la boîte de dialogue Transition, sélectionnez une transition dans la liste.
Un aperçu animé de la transition s'affiche dans la fenêtre d'aperçu et une brève description
de la transition apparaît dans le champ de description. L'animation change pour refléter
les options que vous choisissez pour la transition dans les étapes suivantes.
5.
Dans la section Direction, sélectionnez Zoom avant pour lancer la transition lorsque l'écran
apparaît dans le document et Zoom arrière pour lancer la transition lorsque l'écran
disparaît du document.
6.
Dans la section Durée, entrez un temps en secondes.
7.
Dans la section Accélération, sélectionnez une option pour définir le style de la transition.
8.
Si la transition contient des paramètres supplémentaires, sélectionnez les options ou entrez
les valeurs de ces paramètres dans les champs proposés.
9.
Cliquez sur OK.
10. Dans
le panneau Comportements, accédez à la colonne Evénement et cliquez sur la ligne
du nouveau comportement, puis sélectionnez un événement dans la liste. Cette opération
définit l'événement qui déclenchera le comportement, par exemple, le déplacement du
pointeur de la souris sur l'écran.
410
Utilisation des écrans (Flash Professionnel uniquement)
Utilisation de la fonction Rechercher et
remplacer avec les écrans (Flash
Professionnel uniquement)
Vous pouvez utiliser la fonction Rechercher et remplacer pour rechercher et remplacer un
élément spécifique dans un document Flash qui utilise les écrans. Vous pouvez rechercher une
chaîne de texte, une police, une couleur, un symbole, un fichier son, un fichier vidéo ou un
fichier bitmap importé.
Vous pouvez rechercher les éléments dans tout le document ou sur l'écran en cours.
Pour utiliser la fonction Rechercher et remplacer dans un document contenant
des écrans :
1.
Sélectionnez Edition > Rechercher et remplacer.
2.
Effectuez l’une des opérations suivantes :
■
Pour effectuer une recherche dans tout le document, sélectionnez Document actif dans le
menu déroulant Parcourir.
■
Pour effectuer une recherche dans un écran, cliquez dans le panneau Contour de l'écran et
sélectionnez Ecran actuel dans le menu déroulant Parcourir.
Pour plus d'informations sur la recherche de textes, de polices, de couleurs, etc., consultez
Utilisation de la fonction Rechercher et remplacer, page 55.
Utilisation de l'explorateur d'animations
avec les écrans (Flash Professionnel
uniquement)
Vous pouvez utiliser l'explorateur d'animations pour afficher et organiser le contenu d'un
document contenant des écrans. L'explorateur d'animations manipule les documents qui
contiennent des écrans comme il manipule ceux qui n'en contiennent pas, à quelques
exceptions près :
■
L'explorateur d'animations affiche uniquement le contenu de l'écran actuel (l'écran
sélectionné dans le panneau Contour de l'écran).
■
Vous ne pouvez pas afficher les séquences dans l'explorateur d'animations car un
document composé d'écrans ne peut pas contenir de séquences.
Pour plus d'informations, consultez Utilisation de l'explorateur d'animations, page 52.
Utilisation de l'explorateur d'animations avec les écrans (Flash Professionnel uniquement)
411
Utilisation des scénarios avec les écrans
(Flash Professionnel uniquement)
Chaque écran possède son propre scénario. Le scénario est réduit par défaut. Vous devez le
développer pour utiliser des images ou des calques.
Vous ne pouvez pas afficher ou modifier le scénario principal d'un document composé
d'écrans.
Sur le scénario d'un écran, il vous est possible d'ajouter des images, des images-clés ou des
calques et de manipuler leur contenu. Pour plus d'informations sur l'utilisation du scénario,
consultez Utilisation du scénario, page 61.
Dans le scénario, les écrans imbriqués fonctionnent comme des clips imbriqués, à quelques
exceptions près. Pour plus d'informations, consultez Interaction des écrans avec ActionScript
(Flash Professionnel uniquement), page 414.
A propos de l'utilisation d'ActionScript
avec les écrans (Flash Professionnel
uniquement)
Vous pouvez utiliser ActionScript pour contrôler les écrans d'un document. Vous pouvez
insérer, supprimer, renommer ou modifier l'ordre des écrans et exécuter d'autres opérations.
ActionScript utilise le nom de l'occurrence de l'écran, le nom de la classe et le point
d'alignement lors du contrôle des écrans. Pour plus d'informations, consultez Noms
d'occurrence, noms de classe et points d'alignement de l'écran (Flash Professionnel uniquement),
page 413. ActionScript utilise également les paramètres de l'écran. Pour plus d'informations,
consultez Définition des paramètres d'un écran (Flash Professionnel uniquement), page 403.
Les écrans et les clips interagissent avec ActionScript de manière similaire, avec toutefois
quelques différences notables. Pour plus d'informations, consultez Interaction des écrans avec
ActionScript (Flash Professionnel uniquement), page 414.
Pour plus d'informations, consultez Classe Screen (Flash Professional uniquement), Classe Form
(Flash Professional uniquement) et Classe Slide (Flash Professional uniquement), dans Référence
du langage des composants.
412
Utilisation des écrans (Flash Professionnel uniquement)
Noms d'occurrence, noms de classe et points
d'alignement de l'écran (Flash Professionnel
uniquement)
Le nom d'écran permet de générer automatiquement le nom de l'occurrence et le nom de la
classe de l'écran. Ces étiquettes d'identification sont nécessaires lorsque vous manipulez les
écrans de différentes manières avec ActionScript. Vous pouvez changer le point d'alignement
d'un écran pour en ajuster le comportement. Vous pouvez utiliser ces fonctions de différentes
manières :
■
Le nom de l'occurrence est un nom unique attribué à un écran, qui est utilisé lorsque vous
ciblez l'écran dans ActionScript. Vous pouvez modifier le nom de l'occurrence dans
l'inspecteur Propriétés. Le nom d'occurrence est identique au nom d'écran dans le
panneau Contour de l'écran et à son identificateur de liaison. Si vous mettez à jour le nom
d'occurrence, le nom d'écran et l'identificateur de liaison sont également mis à jour. Pour
plus d’informations, consultez Définition des propriétés et des paramètres d'un écran (Flash
Professionnel uniquement), page 400.
REMARQUE
Les occurrences de symbole, y compris les clips, les boutons et les graphiques,
possèdent également des noms d'occurrence. Pour plus d'informations sur les
occurrences de symbole, consultez le Chapitre 3, Utilisation de symboles,
d'occurrences et d'éléments de bibliothèque, page 91.
■
Le nom de la classe identifie la classe ActionScript à laquelle l'écran est affecté. Par défaut,
les diapositives sont affectés à la classe mx.screens.Slide et les formulaires à la classe
mx.screens.Form. Vous pouvez affecter l'écran à une classe différente pour modifier les
méthodes et les propriétés disponibles pour l'écran. Pour plus d'informations sur les
classes ActionScript, consultez Chapitre 6, Classes dans Formation à ActionScript 2.0 dans
Flash.
■
L'inspecteur Propriétés indique le point d'alignement dans les champs de coordonnées x et
y et dans la grille du point d'alignement. Pour plus d'informations, consultez Définition
des propriétés et des paramètres d'un écran (Flash Professionnel uniquement), page 400. Vous
pouvez déplacer le point d'alignement pour avoir un meilleur contrôle lors de la
manipulation du contenu de l'écran. Par exemple, si vous souhaitez créer une forme
rotative au centre d'un écran, vous pouvez repositionner le point d'alignement de l'écran
au centre de l'écran et faire pivoter ce dernier autour de son point d'alignement.
A propos de l'utilisation d'ActionScript avec les écrans (Flash Professionnel uniquement)
413
Interaction des écrans avec ActionScript (Flash
Professionnel uniquement)
Les écrans sont similaires à des clips imbriqués dans leur manière d'interagir avec
ActionScript. Pour plus d'informations, consultez A propos des clips imbriqués, page 42.
Néanmoins, il existe quelques différences.
N'oubliez pas ces conseils lorsque vous utilisez ActionScript avec les écrans :
■
Lorsque vous sélectionnez un écran dans le panneau Contour de l'écran et ajoutez du code
ActionScript, le script est ajouté directement à l'écran comme une action d'objet (bien
qu'ActionScript soit ajouté directement au clip). La meilleure solution consiste souvent à
utiliser une action d'objet pour un code simple (comme la création d'éléments de
navigation entre les écrans) et des fichiers ActionScript externes pour un code plus
complexe.
■
Pour obtenir de meilleurs résultats, organisez la structure du document et finalisez les
noms d'écran avant d'ajouter du code ActionScript. Si vous renommez un écran, le nom
d'occurrence est automatiquement modifié et vous devez mettre à jour les noms
d'occurrence dans tout le code ActionScript que vous avez déjà écrit.
■
Si vous souhaitez ajouter une action d'image au scénario d'un écran, vous devez
sélectionner l'écran, développer le scénario (réduit par défaut), puis sélectionner la
première image dans le scénario. Néanmoins, la meilleure solution consiste à utiliser un
fichier ActionScript externe, plutôt qu'une action d'image, pour un code complexe sur un
écran.
■
Vous ne pouvez pas afficher ou manipuler le scénario principal d'un document composé
d'écrans. Néanmoins, vous pouvez cibler le scénario principal en utilisant _root dans un
chemin cible.
■
Chaque écran est automatiquement associé à ActionScript, basé sur sa classe. Pour plus
d'informations, consultez Diapositives et formulaires (Flash Professionnel uniquement),
page 392. Vous pouvez modifier la classe à laquelle un écran est affecté, et vous pouvez
définir certains paramètres d'un écran dans l'inspecteur Propriétés. Pour plus
d'informations, consultez Définition des propriétés et des paramètres d'un écran (Flash
Professionnel uniquement), page 400.
■
Utilisez la classe de l'écran, de la diapositive et du formulaire pour contrôler les écrans avec
ActionScript.
■
Utilisez les composants dès que cela est possible pour créer l'interactivité. Ne placez pas
plus de 125 occurrences de composant au total dans un seul fichier FLA.
■
Pour créer des éléments de navigation entre les diapositives, utilisez rootSlide. Par
exemple, pour obtenir la diapositive actuelle, utilisez rootSlide.currentSlide.
414
Utilisation des écrans (Flash Professionnel uniquement)
■
N'essayez pas de réaliser une navigation de diapositives dans les gestionnaires on(reveal)
ou on(hide).
■
N'ajoutez pas d'événement on(keydown) ou on(keyup) au code ActionScript contrôlant
un écran.
Pour lus d'informations sur le contrôle des écrans avec ActionScript, consultez Classe Screen
(Flash Professional uniquement), Classe Form (Flash Professional uniquement) et Classe Slide
(Flash Professional uniquement) dans Référence du langage des composants.
Pour plus d'informations sur la classe Object et le gestionnaire d'événements onclipEvent(),
consultez %{Object}% et %{onClipEvent handler}% dans Guide de référence du langage Flash
ActionScript.
A propos de l'utilisation des composants
avec les écrans (Flash Professionnel
uniquement)
Vous pouvez utiliser les composants avec les écrans pour créer des applications complexes et
structurées dans Flash. Les composants sont particulièrement utiles avec les formulaires, pour
créer des applications structurées qui affichent les données et engendrent une interactivité non
linéaire de l'utilisateur. Par exemple, vous pouvez utiliser les formulaires pour remplir un
composant de conteneur.
Lorsque vous utilisez les composants avec les écrans, vous pouvez utiliser le gestionnaire de
focus pour créer une navigation personnalisée entre les composants. Le gestionnaire de focus
spécifie l'ordre dans lequel les composants reçoivent le focus lorsqu'un utilisateur appuie sur la
touche Tab pour naviguer dans une application. Par exemple, vous pouvez personnaliser une
application de formulaires pour qu'un utilisateur puisse appuyer sur Tab pour naviguer dans
les champs et appuyer sur les touches Retour (Macintosh) ou Entrée (Windows) pour
soumettre le formulaire.
Pour plus de détails sur le gestionnaire de focus, consultez Création de la navigation
personnalisée du focus et Classe FocusManager dans Référence du langage des composants.
Vous pouvez également créer un ordre de tabulation à l'aide du panneau Accessibilité. Pour
plus d'informations, consultez Affichage et création d'un ordre de tabulation et d'un ordre de
lecture, page 602.
A propos de l'utilisation des composants avec les écrans (Flash Professionnel uniquement)
415
Accessibilité dans l'environnement auteur
des écrans de Flash (Flash Professionnel
uniquement)
Le support d'accessibilité est disponible dans les documents composés d'écrans dans
l'environnement auteur de Flash. En utilisant les raccourcis clavier au lieu de la souris, les
utilisateurs peuvent naviguer dans un document et utiliser les éléments d'interface, tels que les
écrans, les panneaux, l'inspecteur Propriétés, les boîtes de dialogue, la scène et les objets sur
la scène.
Les fonctions d'accessibilité des documents composés d'écrans sont similaires à celles des
autres documents, à une exception : lorsque les raccourcis clavier sont utilisés pour naviguer
dans les panneaux (Ctrl+Alt+Tab dans Windows ou Commande+Option+Tab dans
Macintosh), le panneau Contour de l'écran reçoit le focus la première fois que le raccourci
clavier est utilisé. (pour les autres documents, le scénario reçoit d'abord le focus).
Pour faire défiler les écrans dans le panneau Contour de l'écran, utilisez les touches flèche.
Le panneau Contour de l'écran reçoit uniquement le focus la première fois que vous faites
défiler les panneaux. Si vous arrivez au dernier panneau et appuyez à nouveau sur le raccourci
clavier, le panneau Contour de l'écran est ignoré et le panneau suivant reçoit le focus.
Pour plus d'informations sur l'accessibilité dans l'environnement de programmation Flash,
consultez Chapitre 19, Création de contenu accessible, page 585.
416
Utilisation des écrans (Flash Professionnel uniquement)
CHAPITRE 15
15
Création de texte multilingue
Macromedia Flash Basic 8 et Macromedia Flash Professionnel 8 proposent plusieurs fonctions
permettant d'améliorer considérablement les tâches de programmation d'applications en
Unicode en plusieurs langues. Vous pouvez insérer du texte multilingue dans votre document
de diverses manières :
■
Le panneau Chaînes permet aux localiseurs de manipuler des chaînes de manière
centralisée dans Flash ou bien dans des fichiers XML externes à l'aide d'un logiciel ou
d'une mémoire de traduction propre. L'une des nouveautés de Flash 8 est la prise en
charge des chaînes multiligne dans le panneau Chaînes et dans les fichiers XML. Pour plus
d'informations, consultez Programmation de texte multilingue à l'aide du panneau Chaînes,
page 425.
■
Vous pouvez sélectionner les jeux de caractères que vous souhaitez intégrer dans vos
applications, limitant ainsi le nombre de glyphes de caractères dans votre fichier SWF
publié et réduisant ainsi sa taille. Pour plus d'informations, consultez Utilisation de polices
intégrées, page 421.
■
Vous pouvez utiliser un clavier de type occidental pour créer du texte sur la scène en
chinois, japonais et en coréen. Pour plus d'informations, consultez la section Utilisation
d'un clavier occidental pour saisir des caractères asiatiques sur la scène, page 437.
■
Si des polices Unicode sont installées sur votre système, vous pouvez saisir du texte
directement dans un champ texte. Les polices n'étant pas intégrées, les utilisateurs doivent
également disposer de polices Unicode. Pour plus d'informations, consultez Création de
documents avec du texte multilingue sans utiliser le panneau Chaînes, page 437.
Il existe d'autres méthodes moins répandues d'insertion de texte multilingue dans vos
documents Flash :
■
Vous pouvez insérer un fichier texte externe dans un champ texte dynamique ou de saisie à
l'aide de la commande #include. Pour plus d'informations, consultez la section Création
de documents avec du texte multilingue à l'aide de la commande #include, page 440.
417
■
Vous pouvez charger du texte externe ou des fichiers XML dans une application Flash au
moment de l'exécution, à l'aide de la commande loadVariables ou getURL et de l'objet
LoadVars ou XML. Pour plus d'informations, consultez Utilisation d'ActionScript pour
charger des fichiers externes, page 438.
■
Vous pouvez saisir des caractères d'échappement Unicode dans la valeur de la chaîne d'une
variable de champ texte dynamique ou de saisie. Pour plus d'informations, consultez la
section Création de documents avec du texte multilingue à l'aide de variables de texte,
page 441.
■
Vous pouvez créer une police intégrée sous forme de symbole dans votre bibliothèque.
Pour plus d'informations, consultez Création de symboles de police, page 200.
Comme pour tout type de texte, les utilisateurs doivent avoir accès aux polices contenant les
glyphes (caractères) utilisés dans ce texte pour que le texte codé en Unicode apparaisse
correctement. Pour plus d'informations, consultez Utilisation de fichiers texte ou XML externes
non codés en Unicode, page 441.
Ce chapitre contient les sections suivantes :
Sélection d'une langue d'encodage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 418
A propos des polices pour le texte codé en Unicode . . . . . . . . . . . . . . . . . . . . . . . . . 421
Utilisation de polices intégrées . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 421
Programmation de texte multilingue à l'aide du panneau Chaînes . . . . . . . . . . . . 425
Création de documents avec du texte multilingue sans utiliser le panneau Chaînes . .
437
Utilisation de fichiers texte ou XML externes non codés en Unicode. . . . . . . . . . . 441
Sélection d'une langue d'encodage
L'ensemble du texte contenu dans un ordinateur est codé en une série d'octets. Plusieurs
formes d'encodage différentes (donc différents octets) représentent du texte. Des types de
systèmes d'exploitation différents utilisent des types d'encodage de texte différents. Par
exemple, les systèmes d'exploitation Windows occidentaux utilisent généralement l'encodage
CP1252, les systèmes Macintosh occidentaux l'encodage MacRoman et les systèmes Windows
et Macintosh japonais l'encodage Unicode.
Unicode permet de coder la plupart des langues et caractères utilisés dans le monde entier. Les
autres formes d'encodage de texte utilisées par les ordinateurs constituent des sous-ensembles
du format Unicode, conçus pour des zones géographiques spécifiques du globe. Certaines de
ces formes sont compatibles dans certaines plages et incompatibles dans d'autres ; l'utilisation
de l'encodage approprié est donc essentielle.
418
Création de texte multilingue
Unicode se présente sous plusieurs formes. Les versions 6 et 7 de Flash Player prennent en
charge du texte ou des fichiers externes au format Unicode 8 bits UTF-8, ainsi qu'aux formats
Unicode 16 bits UTF-16 BE (gros-boutiste) et UTF-16 LE (petit-boutiste). Pour plus
d'informations, consultez la section Encodage de texte dans Flash Player, page 419.
Unicode et Macromedia Flash Player
Macromedia Flash Player 6 et versions ultérieures prennent en charge l'encodage de texte
Unicode. Tout utilisateur de Flash Player 6 ou version ultérieure peut afficher du texte
multilingue quelle que soit la langue utilisée par le système d'exploitation exécutant le lecteur,
à condition que les polices appropriées soient installées.
Par défaut, pour Flash Player 6 tous les fichiers texte externes associés à l'application Flash
Player sont codés en Unicode, sauf mention contraire de votre part. Si vous utilisez des fichiers
texte externes non codés en Unicode, vous pouvez définir la propriété system.useCodepage
sur true pour programmer Flash Player afin qu'il utilise la page de code classique du système
d'exploitation exécutant le lecteur. Pour plus d'informations, consultez la section Utilisation
de fichiers texte ou XML externes non codés en Unicode, page 441.
Pour les applications Flash de Macromedia Flash Player 5 ou versions antérieures
programmées en Flash MX ou antérieure, Flash Player 6 et versions antérieures affichent le
texte en utilisant la page de code classique du système d'exploitation exécutant le lecteur.
Pour obtenir des informations de base sur Unicode, consultez le site www.Unicode.org.
Encodage de texte dans Flash Player
Par défaut, à partir de Flash Player 7, le programme suppose que l'ensemble du texte rencontré
est codé en Unicode. Si votre document charge du texte ou des fichiers XML, le texte contenu
dans ces fichiers doit être codé en UTF-8. Vous pouvez créer ces fichiers à l'aide du panneau
Chaînes ou bien dans un éditeur de texte ou HTML, comme Macromedia Dreamweaver,
permettant d'enregistrer les fichiers au format Unicode.
Flash Player 7 et les versions ultérieures prennent en charge le format Unicode sur 8 bits UTF8, ainsi que les formats Unicode sur 16 bits UTF16 BE (gros-boutiste) et UTF-16 LE (petitboutiste). Pour plus d'informations, consultez la section Formats d'encodage Unicode pris en
charge par Flash Player, page 420.
Sélection d'une langue d'encodage
419
Formats d'encodage Unicode pris en charge par
Flash Player
A la lecture de données texte dans Flash, Flash Player consulte les deux premiers octets du
fichier afin de détecter une marque d'ordre d'octet (BOM, byte order mark), convention de
formatage standard utilisée pour identifier le format d'encodage Unicode. Si aucune marque
n'est détectée, l'encodage du texte est interprété comme étant UTF-8 (format d'encodage 8
bits). Il est conseillé d'utiliser l'encodage UTF-8 dans vos applications.
Si Flash Player détecte l'une ou l'autre des marques suivantes, le format d'encodage du texte
est interprété comme suit :
■
Si le premier octet du fichier est OxFE et le second OxFF, l'encodage est interprété comme
étant UTF-16 BE (gros-boutiste). Il est utilisé pour les systèmes d'exploitation Macintosh.
■
Si le premier octet du fichier est OxFF et le second OxFE, l'encodage est interprété
comme étant UTF-16 LE (petit-boutiste). Il est utilisé pour les systèmes d'exploitation
Windows.
La plupart des éditeurs de texte permettant d'enregistrer des fichiers au format UTF-16BE ou
LE ajoutent automatiquement les marques dans les fichiers.
REMARQUE
Si vous définissez la propriété system.useCodepage sur true, le texte est interprété en
utilisant la page de code classique du système d'exploitation exécutant le lecteur ; il n'est
pas interprété comme étant Unicode. Pour plus d'informations, consultez la section
Utilisation de fichiers texte ou XML externes non codés en Unicode, page 441.
A propos de l'encodage dans des fichiers XML
externes
Vous ne pouvez pas changer l'encodage d'un fichier XML en modifiant la balise d'encodage.
Flash Player identifie l'encodage d'un fichier XML externe à l'aide de règles identiques à
l'ensemble des fichiers externes : Si aucune BOM (marque d'ordre d'octet) n'est rencontrée au
début du fichier, celui-ci est supposé être au format d'encodage UTF-8. Si une marque
d'ordre d'octet est rencontrée, le fichier est interprété comme étant au format UTF-16BE ou
LE. Pour plus d'informations, consultez la section Formats d'encodage Unicode pris en charge
par Flash Player, page 420.
420
Création de texte multilingue
A propos des polices pour le texte codé
en Unicode
Lorsque vous utilisez des fichiers externes codés en Unicode, les utilisateurs doivent avoir accès
aux polices contenant tous les glyphes utilisés dans vos fichiers texte. Par défaut, Flash stocke
les noms des polices utilisées dans des fichiers texte dynamiques ou de saisie. Lors de la lecture
d'un fichier SWF, Flash Player 7 (et versions antérieures) recherche ces polices sur le système
d'exploitation exécutant le lecteur.
Si le texte du fichier SWF contient des glyphes non pris en charge par la police spécifiée, Flash
Player 7 et 8 tentent de localiser sur l'ordinateur une police prenant ces glyphes en charge. Le
lecteur n'est pas toujours en mesure de localiser la police appropriée. Le comportement de
cette fonction dépend des polices disponibles sur l'ordinateur de l'utilisateur, ainsi que sur le
système d'exploitation exécutant Flash Player.
Utilisation de polices intégrées
Vous pouvez intégrer des polices pour des champs de texte dynamiques ou de saisie.
Cependant, certaines polices, et plus particulièrement celles utilisées pour les langues
asiatiques, peuvent augmenter significativement la taille du fichier SWF lorsqu'elles sont
intégrées. Avec Flash Basic 8 et Flash Professionnel 8, vous pouvez sélectionner des plages de
polices à intégrer.
Vous pouvez également intégrer des polices en créant un symbole de police dans la
bibliothèque. Pour plus d'informations sur cette technique, consultez Création de symboles de
police, page 200.
Pour sélectionner et intégrer une plage de polices :
1.
Sur la scène, sélectionnez un champ texte, puis affichez l'inspecteur Propriétés (Fenêtre >
Propriétés).
2.
Cliquez sur le bouton Intégrer pour ouvrir la boîte de dialogue Intégration de caractères.
3.
Sélectionnez la plage de polices à intégrer en procédant de l'une des façons suivantes :
■
Cliquez sur un jeu de caractères dans le champ Jeu de caractères.
■
Sélectionnez plusieurs plages en cliquant avec le bouton Maj sur les première et
dernière polices d'une plage de polices contiguës ou bien cliquez sur le bouton Ctrl
(Windows) ou Commande (Macintosh) pour sélectionner des polices non contiguës.
■
Cliquez sur le bouton Remplissage automatique.
Utilisation de polices intégrées
421
La taille de chacun des groupes de polices apparaît entre parenthèses en regard du nom
de la police. A mesure que vous sélectionnez plusieurs jeux de polices, le panneau
affiche le nombre total de glyphes sélectionnés.
R E M A R QU E
4.
Par exemple, pour intégrer des caractères chinois et occidentaux, vous devez
sélectionner les jeux de polices chinois et occidentaux. Ne sélectionnez que les
jeux de polices que vous souhaitez intégrer ; vous ne devez cependant pas
dépasser le nombre maximum interne de glyphes de l'outil de programmation
(environ 65 500). Si vous dépassez le nombre maximum, une boîte de dialogue
d'avertissement apparaît.
Cliquez sur OK.
Si vous dépassez le nombre maximum interne de glyphes de l'outil de programmation,
une boîte de dialogue d'avertissement apparaît.
REMARQUE
Flash ne procède pas à un contrôle des erreurs pour confirmer que des glyphes
existent dans la police du jeu de caractères sélectionné. Au cours de la procédure de
publication ou d'exportation effective, seuls les glyphes présents dans la police sont
intégrés dans le fichier SWF.
Pour intégrer des jeux de polices à partir du texte sur la scène :
1.
Sélectionnez le texte sur la scène.
2.
Dans l'inspecteur de propriétés (Fenêtre > Propriétés), cliquez le sur bouton Caractère pour
ouvrir la boîte de dialogue Intégration de caractères.
3.
Sélectionnez les jeux de caractères à intégrer.
4.
Cliquez sur le bouton Remplissage automatique.
5.
Cliquez sur OK.
Les glyphes des polices sélectionnées sont intégrés.
Pour supprimer les jeux de polices intégrés :
1.
Sur la scène, sélectionnez un champ texte, puis affichez l'inspecteur Propriétés (Fenêtre >
Propriétés).
2.
Cliquez sur le bouton Intégrer pour ouvrir la boîte de dialogue Intégration de caractères.
3.
Cliquez sur le bouton Ne pas intégrer pour supprimer toutes les polices intégrées.
4.
Cliquez sur OK pour fermer la boîte de dialogue ou sélectionnez d'autres jeux de police à
intégrer dans le fichier SWF. Pour plus d'informations, consultez la section Pour
sélectionner et intégrer une plage de polices :, page 421.
422
Création de texte multilingue
Table d'intégration de police XML
La liste des polices sélectionnées est stockée et conservée dans un fichier XML externe et se
trouve dans le dossier de configuration utilisateur. Il se nomme Unicode_Table.xml et
contient la relation de type « un à plusieurs » entre une langue spécifique et toutes les plages
de glyphes Unicode nécessaires, tel qu'illustré dans les exemples suivants pour le coréen.
Les regroupements de jeux de polices dépendent des blocs Unicode tels que définis par le
consortium Unicode. Ils sont organisés dans Flash de telle sorte que la sélection soit rapide et
facile. Afin de proposer une tâche simplifiée, lorsque vous sélectionnez une langue spécifique,
toutes les plages de glyphes associées sont intégrées même si elles ont été divisées en
regroupements distincts.
Par exemple, si vous sélectionnez le coréen, les plages de caractères Unicode suivantes sont
intégrées.
Symboles Hangul 3131-318E
Caractères spéciaux Hangul 3200-321C
Caractères spéciaux Hangul 3260-327B
Symboles coréens 327F-327F
Symboles Hangul AC00-D7A3
Si vous sélectionnez le coréen + CJK, un jeu de polices plus important est intégré:
Symboles Hangul 3131-318E
Caractères spéciaux Hangul 3200-321C
Caractères spéciaux Hangul 3260-327B
Symboles coréens 327F-327F
Symboles CJK 4E00-9FA5
Symboles Hangul AC00-D7A3
Symboles CJK F900-FA2D
Sélections de jeu de polices
Le tableau suivant fournit des détails sur chaque sélection de jeu de polices.
Plage
Description
Majuscules [A–Z]
Glyphes majuscules Latin de base
Minuscules [a–z]
Glyphes minuscules Latin de base
Chiffres [0–9]
Glyphes numériques Latin de base
Utilisation de polices intégrées
423
Plage
Description
Ponctuation [!@#%...] Ponctuation Latin de base
Latin de base
Glyphes Latin de base dans la plage Unicode 0x0021 à 0x007E
Japonais Kana
Glyphes Hiragana et Katakana (formats demi-largeur inclus)
Japonais Kanji Niveau 1
Caractères japonais Kanji
Japonais (Tous)
Japonais Kana et Kanji (ponctuation et caractères spéciaux inclus)
Hangul de base
Caractères coréens, caractères romains, ponctuation et caractères/
symboles spéciaux les plus fréquemment utilisés
Hangul (Tous)
11 720 caractères coréens (triés par syllabes Hangul), caractères
romains, ponctuation et caractères/symboles spéciaux)
Chinois traditionnel Niveau1
Les 5 000 caractères de chinois traditionnel les plus fréquemment
utilisés à Taïwan
Chinois traditionnel
(Tous)
Tous les caractères et symboles de ponctuation utilisés à Taïwan et
Hong-Kong
Chinois simplifié Niveau1
Les 6000 caractères et symboles de ponctuation du chinois
simplifié les plus fréquemment utilisés sur le territoire chinois
Chinois (Tous)
Tous les caractères et symboles de ponctuation de chinois
traditionnel et simplifié
Thaï
Tous les glyphes Thaï
Devanagari
Tous les glyphes Devanagari
Latin I
Latin-1 Plage supplémentaire 0x00A1 à 0x00FF (ponctuation,
exposants et indices, symboles monétaires et symboles
typographiques inclus)
Latin étendu A
Latin étendu Plage A 0x0100 à 0x01FF (ponctuation, exposants et
indices, symboles monétaires et symboles typographiques inclus)
Latin étendu B
Latin étendu Plage B 0x0180 à 0x024F (ponctuation, exposants et
indices, symboles monétaires et symboles typographiques inclus)
Latin étendu Add'l
Latin étendu Plage supplémentaire 0x1E00 à 0x1EFF (ponctuation,
exposants et indices, symboles monétaires et symboles
typographiques inclus)
Grec
Grec et Copte, plus Grec étendu (ponctuation, exposants et indices,
symboles monétaires et symboles typographiques inclus)
Cyrillique
Cyrillique (ponctuation, exposants et indices, symboles monétaires
et symboles typographiques inclus)
Arménien
Arménien plus ligatures
424
Création de texte multilingue
Plage
Description
Arabe
Arabe plus formats de présentation A et B
Hébreu
Hébreu plus formats de présentation (ponctuation, exposants et
indices, symboles monétaires et symboles typographiques inclus)
Programmation de texte multilingue à
l'aide du panneau Chaînes
Le panneau Chaînes permet de créer et mettre à jour du contenu multilingue. Vous pouvez
spécifier du contenu pour les champs texte qui couvrent plusieurs langues et laisser Flash
déterminer automatiquement le contenu devant apparaître sous une certaine langue en
fonction de l'ordinateur exécutant Flash Player.
Les instructions suivantes décrivent le processus général de travail :
1.
Programmez un fichier FLA dans une langue. Tout texte que vous souhaitez saisir dans une
autre langue doit se trouver dans un champ texte dynamique ou de saisie.
2.
Dans la boîte de dialogue Paramètres du panneau Chaînes, sélectionnez les langues à
inclure, puis en sélectionnez une comme langue par défaut.
3.
Après sélection de cette dernière, une colonne de langue est ajoutée au panneau Chaînes.
Lors de l'enregistrement, du test ou de la publication de l'application, un dossier contenant
un fichier XML est créé pour chaque langue. Pour plus d'informations, consultez la section
Sélection de langues pour la traduction, page 426.
4.
Dans le panneau Chaînes, codez chaque chaîne de texte avec un ID. Consultez la section
Ajout de chaînes au panneau Chaînes, page 427.
5.
Publiez l'application.
6.
Un dossier est créé pour chaque langue sélectionnée et chaque dossier de langue contient
un fichier XML pour cette langue. Pour plus d'informations, consultez la section
Publication et déploiement de texte multilingue, page 430.
7.
Envoyez le fichier FLA publié et les dossiers XML ainsi que les fichiers à vos traducteurs.
Vous pouvez programmer dans votre langue natale et leur confier la traduction. Ils peuvent
utiliser un logiciel de traduction directement dans les fichiers XML ou dans le fichier FLA.
Traduction de texte dans le panneau Chaînes ou dans un fichier XML, page 434.
8.
Lorsque vous recevez les traductions en retour, importez les fichiers XML traduits dans le
fichier FLA. Pour plus d'informations, consultez la section Importation d'un fichier XML
dans le panneau Chaînes, page 435.
Programmation de texte multilingue à l'aide du panneau Chaînes
425
Sélection de langues pour la traduction
Vous pouvez sélectionner jusqu'à 100 langues différentes pouvant être affichées sur la scène et
dans le panneau Chaînes pour traduction. Chaque langue sélectionnée crée une colonne dans
le panneau Chaînes. Vous pouvez changer la langue de la scène pour afficher le texte de la
scène dans une des langues sélectionnées. La langue sélectionnée apparaît lorsque vous publiez
ou testez le fichier.
Lors de la sélection de langues, vous pouvez utiliser l'une des langues proposées dans le menu
déroulant, ainsi que toute autre langue prenant en charge le format Unicode.
Pour sélectionner une langue :
1.
Sélectionnez Fenêtre > Autres panneaux > Chaînes pour ouvrir le panneau Chaînes.
2.
Cliquez sur le bouton Paramètres pour ouvrir la boîte de dialogue Paramètres.
3.
Ajoutez une langue en effectuant l'une des opérations suivantes :
■
Dans la zone de texte Langues, sélectionnez la langue voulue, puis cliquez sur le
bouton Ajouter.
■
Si la langue ne s'affiche pas dans la zone de texte Langues, dans le champ vierge situé
en dessous de la zone Langues, tapez un code de langue au format xx (code de langue
ISO 639-1). Cliquez alors sur le bouton Ajouter.
Une fois que vous avez cliqué sur le bouton Ajouter, la langue apparaît dans le champ
Langues actives.
4.
Répétez l'étape 3 jusqu'à ce que vous ayez ajouté toutes les langues souhaitées.
5.
Sélectionnez une langue par défaut dans le menu déroulant Langue d'exécution par défaut.
Cette langue apparaît sur les systèmes ne disposant pas de l'une des langues actives
sélectionnées.
6.
Si vous souhaitez charger un fichier XML pour les langues à partir d'une URL différente
au moment de l'exécution, saisissez l'URL dans le champ texte URL.
7.
Cliquez sur OK.
Une colonne pour chaque langue sélectionnée apparaît dans le panneau Chaînes. Les
colonnes apparaissent par ordre alphabétique.
8.
Enregistrez le fichier FLA. Lorsque vous enregistrez le fichier FLA, un dossier est créé pour
chaque langue sélectionnée, dans le même dossier que celui indiqué dans le chemin de
publication SWF. Pour plus d'informations, consultez la section Publication des documents
Flash, page 525. Si vous n'avez sélectionné aucun chemin de publication SWF, le dossier
est créé dans le même dossier que le fichier FLA. Un fichier XML est créé dans chaque
dossier de langue pour permettre de charger le texte traduit.
426
Création de texte multilingue
Pour supprimer une langue :
1.
Sélectionnez Fenêtre > Autres panneaux > Chaînes pour ouvrir le panneau Chaînes.
2.
Cliquez sur le bouton Paramètres pour ouvrir la boîte de dialogue Paramètres.
3.
Dans le champ Langues actives, mettez en surbrillance une langue que vous souhaitez
supprimer, puis cliquez sur le bouton Supprimer.
Cette langue ne figure plus dans le champ Langues actives.
4.
Répétez l'étape 3 jusqu'à ce que vous ayez ajouté toutes les langues souhaitées.
5.
Une fois les suppressions souhaitées terminées, cliquez sur OK.
La colonne correspondante à chaque langue supprimée n'apparaît plus dans le panneau
Chaînes.
REMARQUE
Lorsque vous supprimez une langue du panneau Chaînes, le fichier XML
correspondant n'est pas supprimé du système de fichiers local. Ceci permet
d'ajouter de nouveau la langue dans le panneau Chaînes à l'aide du fichier XML
précédent et de prévenir les suppressions accidentelles. Pour supprimer
complètement la langue, vous devez supprimer ou remplacer le fichier XML de la
langue.
Ajout de chaînes au panneau Chaînes
Plusieurs méthodes permettent d'affecter des chaînes de texte au panneau Chaînes : vous
pouvez affecter un ID de chaîne à un champ texte dynamique ou de saisie, ajouter une chaîne
au panneau Chaînes sans l'affecter à un champ texte, ou bien affecter un ID de chaîne existant
à un champ texte dynamique ou de saisie existant. Pour plus d'informations sur la création de
zones de texte dynamiques et de saisie, consultez la section Création de texte, page 188.
Pour affecter un ID de chaîne à un champ texte :
1.
Sélectionnez Fenêtre > Autres panneaux > Chaînes pour ouvrir le panneau Chaînes.
2.
Choisissez l'outil Texte dans la barre d'outils. Sur la scène, créez un champ texte de saisie
ou dynamique.
3.
Le champ texte sélectionné, saisissez un ID unique dans le champ ID du panneau Chaînes.
REMARQUE
4.
Si un champ texte statique est sélectionné sur la scène, la section Sélection du texte
de la scène du panneau Chaînes affiche le message « Un champ texte statique ne
peut être associé à un ID ». Si un élément autre que du texte est sélectionné ou si
plusieurs éléments sont sélectionnés, le message suivant apparaît: « La sélection en
cours ne peut pas être associée à un ID ».
Dans le panneau Chaînes, saisissez la chaîne dans le champ texte Chaîne.
Programmation de texte multilingue à l'aide du panneau Chaînes
427
5.
Cliquez sur Appliquer pour ajouter la chaîne au panneau Chaînes.
REMARQUE
Vous pouvez également appuyer sur Maj+Entrée pour appliquer l'ID au champ texte.
Pour ajouter un ID de chaîne au panneau Chaînes sans l'affecter à un champ
texte :
1.
Sélectionnez Fenêtre > Autres panneaux > Chaînes pour ouvrir le panneau Chaînes.
2.
Saisissez un nouvel ID de chaîne et une nouvelle chaîne dans le panneau Chaînes, puis
cliquez sur le bouton Appliquer.
REMARQUE
3.
Vous pouvez également appuyer sur Maj+Entrée pour appliquer l'ID au champ texte.
Lorsque vous êtes prêt à affecter la nouvelle chaîne à un champ texte, suivez les étapes de la
procédure ci-dessous.
Pour affecter un ID existant à un champ texte :
1.
Choisissez l'outil Texte dans la barre d'outils. Sur la scène, créez un champ texte de saisie
ou dynamique.
2.
Saisissez le nom d'un ID existant dans la section ID du panneau Chaînes.
3.
Cliquez sur Appliquer.
Le champ texte Chaîne de la scène affiche la chaîne de texte affectée à l'ID.
REMARQUE
428
Vous pouvez également appuyer sur Maj+Entrée pour appliquer l'ID au champ texte,
ou simplement appuyer sur Entrée si le focus porte sur le champ ID.
Création de texte multilingue
Changement de la langue affichée sur la scène
Vous pouvez remplacer la langue qui s'affiche sur la scène par l'une des langues actives
sélectionnées au préalable. Pour plus d'informations, consultez la section Sélection de langues
pour la traduction, page 426.
Pour afficher le texte de la scène dans une autre langue :
1.
Sélectionnez Fenêtre > Autres panneaux > Chaînes pour ouvrir le panneau Chaînes.
2.
Dans le menu déroulant Langue de la scène, sélectionnez la langue que vous souhaitez
utiliser comme langue de la scène. Il doit s'agir d'une langue préalablement ajoutée en tant
que langue disponible.
Une fois la langue de la scène changée, tout nouveau texte saisi sur la scène apparaît dans
cette langue. Si vous avez préalablement saisi des chaînes de texte pour la langue dans le
panneau Chaînes, le texte sur la scène apparaît dans la langue sélectionnée. Dans le cas
contraire, les champs de texte déjà présents sur la scène sont vides.
A propos de la modification de chaînes à l'aide du panneau
Chaînes
Les chaînes de texte saisies dans le panneau Chaînes peuvent être modifiées de l'une des façons
suivantes :
■
Vous pouvez manipuler les chaînes directement dans les cellules du panneau Chaînes.
■
Vous pouvez modifier le texte sur la scène dans la langue sélectionnée, à l'aide d'une
fonctionnalité telle que rechercher et remplacer (voir Recherche et remplacement de texte,
page 56) et la vérification orthographique (voir Utilisation de la fonction Vérifier
l'orthographe, page 204). Le texte modifié à l'aide de ces fonctions est modifié sur la scène
et dans le panneau Chaînes.
■
Vous pouvez directement modifier le fichier XML. Pour plus d'informations, consultez la
section Traduction de texte dans le panneau Chaînes ou dans un fichier XML, page 434.
Programmation de texte multilingue à l'aide du panneau Chaînes
429
Publication et déploiement de texte multilingue
Lors de l'enregistrement, de la publication ou du test du fichier FLA, un dossier contenant un
fichier XML est créé pour chaque langue disponible sélectionnée dans le panneau Chaînes.
Par défaut, les dossiers et les fichiers XML sont enregistrés dans le même dossier que celui
indiqué par le chemin de publication SWF. Pour plus d'informations, consultez la section
Publication des documents Flash, page 525. Si aucun chemin de publication SWF n'est
sélectionné, le dossier et les fichiers XML sont enregistrés dans le dossier de la langue
correspondante, situé dans le dossier du fichier FLA. Par exemple, si vous disposez du fichier
Test dans le dossier mystuff, puis sélectionnez Anglais (en), Allemand (de) et Espagnol (es) en
tant que langues actives sans avoir sélectionné de chemin de publication SWF, la structure
suivante de dossiers est créée lorsque vous enregistrez le fichier FLA :
\mystuff\Test.fla
\mystuff\de\Test_de.xml
\mystuff\en\Test_en.xml
\mystuff\es\Test_es.xml
Lorsque vous déployez un fichier SWF, vous devez également déployer les fichiers XML
associés avec les traductions de chaînes sur le serveur Web. La première image contenant du
texte ne peut être affichée qu'une fois le fichier XML entièrement téléchargé.
Remplacement manuel des chaînes lors de la publication sur la
base de la langue de la scène
Vous pouvez remplacer manuellement les chaînes lorsque vous publiez le fichier SWF en vous
reposant sur la langue de la scène. Cette opération remplace toutes les instances de texte saisi
et dynamique par une ID de chaîne associée et reprenant la langue de la scène. Dans ce cas, les
chaînes de texte ne sont mises à jour que lorsque vous publiez le fichier SWF. La détection de
la langue n'est pas automatique et vous devez publier un fichier SWF pour chaque langue
prise en charge.
Pour remplacer manuellement des chaînes lors de la publication :
1.
Sélectionnez Fenêtre > Autres panneaux > Chaînes pour ouvrir le panneau Chaînes.
2.
Cliquez sur le bouton Paramètres pour ouvrir la boîte de dialogue Paramètres.
3.
Activez la case Remplacer les chaînes automatiquement lors de l'exécution.
4.
Cliquez sur OK.
Toutes les occurrences de texte saisi ou dynamique sont remplacées par les chaînes
traduites lorsque vous publiez le fichier SWF.
430
Création de texte multilingue
Application de la détection automatique de la langue à l'aide
de la langue par défaut
Vous pouvez remplacer la langue d'exécution par défaut par une quelconque langue
sélectionnée en tant que langue disponible. Lorsque la détection automatique de langue est
activée et que le fichier SWF est affiché sur la plate-forme de langue du système
d'exploitation, la langue par défaut est utilisée par tous les systèmes définis sur une langue par
défaut autre que les langues actives. Par exemple, si vous avez défini votre langue par défaut
sur l'anglais et que vous avez sélectionné ja, en et fr comme langues disponibles, les utilisateurs
dont la langue système est définie sur Japonais, Anglais ou Français visualisent
automatiquement les chaînes de texte dans leur langue. Cependant, les utilisateurs dont la
langue du système d'exploitation est définie sur Suédois (qui ne fait pas partie des langues
sélectionnées) visualisent automatiquement les chaînes de texte dans la langue par défaut
sélectionnée, ici l'anglais.
Pour sélectionner la langue par défaut et la détection automatique de la
langue :
1.
Sélectionnez Fenêtre > Autres panneaux > Chaînes pour ouvrir le panneau Chaînes.
2.
Cliquez sur le bouton Paramètres pour ouvrir la boîte de dialogue Paramètres.
3.
Sélectionnez la langue que vous souhaitez utiliser comme langue par défaut, dans le menu
déroulant associé. Il doit s'agir d'une langue disponible au préalable.
4.
Si vous souhaitez activer la détection automatique de la langue, assurez-vous que la case
Remplacer les chaînes automatiquement lors de l'exécution est sélectionnée.
5.
Cliquez sur OK.
Flash génère le code ActionScript suivant, qui stocke les chemins de langue XML. Vous
pouvez utiliser ceci comme point de départ pour votre propre script de détection de la
langue.
R EM A R Q U E
Le code ActionScript généré par le panneau Chaînes n'utilise pas la fonction
Locale.initialize. Vous devez décider du mode d'appel de cette fonction selon le
mode détection de la langue de votre projet.
import mx.lang.Locale;
Locale.setFlaName("<flaFileName>");
Locale.setDefaultLang("langcode");
Locale.addXMLPath("langcode", "url/langcode/flaname_langcode.xml");
Programmation de texte multilingue à l'aide du panneau Chaînes
431
Détection personnalisée de la langue
Si vous êtes un développeur avancé de Flash et maîtrisez le code ActionScript, vous pouvez
appeler la fonction de remplacement de texte quand vous le souhaitez, en créant un
composant personnalisé ou en écrivant un script ActionScript pour accéder aux fichiers XML
de langue. Par exemple, vous pouvez créer un menu déroulant qui permet aux utilisateurs de
sélectionner la langue voulue pour l'affichage du contenu.
Pour plus d'informations sur l'écriture de code ActionScript pour personnaliser la détection de
la langue, consultez la section Présentation du panneau Chaînes dans le Chapitre 12, Utilisation
du texte et des chaînes de Formation à ActionScript 2.0 dans Flash.
Pour sélectionner la détection de langue personnalisée :
1.
Sélectionnez Fenêtre > Autres panneaux > Chaînes pour ouvrir le panneau Chaînes.
2.
Cliquez sur le bouton Paramètres pour ouvrir la boîte de dialogue Paramètres.
3.
Sélectionnez la langue que vous souhaitez utiliser comme langue par défaut, dans le menu
déroulant correspondant. Il doit s'agir d'une langue disponible au préalable.
4.
Activez la case Remplacer les chaînes via ActionScript.
5.
Cliquez sur OK.
Flash génère le code ActionScript suivant, qui stocke les chemins de langue XML. Vous
pouvez utiliser ceci comme point de départ pour votre propre script de détection de la
langue.
REMARQUE
Le code ActionScript généré par le panneau Chaînes n'utilise pas la fonction
Locale.initialize. Vous devez décider du mode d'appel de cette fonction selon le
mode détection de la langue de votre projet.
import mx.lang.Locale;
Locale.setFlaName("<flaFileName>");
Locale.setDefaultLang("langcode");
Locale.addXMLPath("langcode", "url/langcode/flaname_langcode.xml");
Format de fichier XML
Le fichier XML exporté est au format UTF-8 et répond à la norme XML Localization
Interchange File Format (XLIFF) 1.0. Elle définit une spécification de format d'échange de
localisation extensible permettant à tout éditeur de logiciel de générer un format d'échange
unique pouvant être fourni et compris par un quelconque prestataire de services de
localisation. Pour plus d'informations sur la norme XLIFF, consultez www.oasis-open.org/
committees/xliff/.
432
Création de texte multilingue
Exemples XLIFF
Si l'un des caractères suivants est saisi dans le panneau Chaînes, il est remplacé par la référence
d'entité appropriée lors de l'écriture dans les fichiers XML:
Caractère
Remplacé par
&
&
'
'
"
"
<
<
>
>
Exemple de fichier XML exporté
Les exemples suivants illustrent l'apparence d'un fichier XML généré par le panneau Chaînes
dans la langue source (ici, l'anglais) et dans une autre langue (ici, le français).
Exemple de version source anglaise
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xliff PUBLIC "-//XLIFF//DTD XLIFF//EN"
"http://www.oasis-open.org/committees/xliff/documents/xliff.dtd" >
<xliff version="1.0" xml:lang="en">
<file datatype="plaintext" original="MultiLingualContent.fla" sourcelanguage="EN">
<header></header>
<body>
<trans-unit id="001" resname="IDS_GREETINGS">
<source>welcome to our web site!</source>
</trans-unit>
<trans-unit id="002" resname="IDS_MAILING LIST">
<source>Would you like to be on our mailing list?</source>
</trans-unit>
<trans-unit id="003" resname="IDS_SEE YOU">
<source>see you soon!</source>
</trans-unit>
<trans-unit id="004" resname="IDS_TEST">
<source></source>
</trans-unit>
</body>
</file>
</xliff>
Programmation de texte multilingue à l'aide du panneau Chaînes
433
Exemple de version française
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xliff PUBLIC "-//XLIFF//DTD XLIFF//EN"
"http://www.oasis-open.org/committees/xliff/documents/xliff.dtd" >
<xliff version="1.0" xml:lang="fr">
<file datatype="plaintext" original="MultiLingualContent.fla" sourcelanguage="EN">
<header></header>
<body>
<trans-unit id="001" resname="IDS_GREETINGS">
<source>Bienvenue sur notre site web!</source>
</trans-unit>
<trans-unit id="002" resname="IDS_MAILING LIST">
<source>Voudriez-vous être sur notre liste de diffusion?</source>
</trans-unit>
<trans-unit id="003" resname="IDS_SEE YOU">
<source>A bientôt!</source>
</trans-unit>
<trans-unit id="004" resname="IDS_TEST">
<source></source>
</trans-unit>
</body>
</file>
</xliff>
Traduction de texte dans le panneau Chaînes ou dans
un fichier XML
Une fois la création de votre document terminée, que des ID sont affectés à l'ensemble du
texte du panneau Chaînes et que toutes les langues dans lesquelles vous souhaitez traduire
votre document sont sélectionnées, vous pouvez l'envoyer aux traducteurs. Lors de l'envoi des
fichiers aux traducteurs, vous devez non seulement insérer le fichier FLA, mais également les
dossiers des fichiers XML et le fichier XML de chaque langue.
Les traducteurs peuvent travailler directement dans les colonnes de langues du panneau
Chaînes ou dans les fichiers XML de chaque langue pour traduire le fichier FLA dans les
langues sélectionnées. Si vous traduisez directement dans le fichier XML, vous devez soit
importer le fichier XML dans le panneau Chaînes, soit l'enregistrer dans le répertoire par
défaut de la langue concernée. Pour plus d'informations, consultez la section Importation d'un
fichier XML dans le panneau Chaînes, page 435.
434
Création de texte multilingue
Pour traduire du texte dans le panneau Chaînes :
1.
Sélectionnez Fenêtre > Autres panneaux > Chaînes pour ouvrir le panneau Chaînes.
2.
Pour chaque langue à traduire, sélectionnez la colonne de langue appropriée, puis saisissez
le texte traduit dans cette langue à associer à chaque ID de chaîne.
3.
Pour afficher le texte sur la scène dans la langue sélectionnée, sélectionnez la langue dans le
champ Langue de la scène.
4.
Une fois la traduction terminée, enregistrez, publiez ou testez le fichier.
Tous les fichiers XML de toutes les langues sont écrasés par les informations du panneau
Chaînes.
REMARQUE
Si vous souhaitez conserver la traduction dans un fichier XML, enregistrez-le dans
un autre dossier.
Pour traduire du texte dans un fichier XML :
1.
A l'aide d'un éditeur de fichiers XML ou d'un logiciel de traduction, ouvrez le dossier de la
langue souhaitée, puis le fichier XML de cette langue. Le fichier XML est renseigné par les
ID de chaque chaîne de texte.
2.
Saisissez la chaîne de texte de la langue en regard de l'ID. Pour plus d'informations,
consultez les sections Exemple de version source anglaise, page 433 et Exemple de version
française, page 434.
3.
Si nécessaire, importez le fichier XML traduit dans le panneau Chaînes. Pour plus
d'informations, consultez la section suivante.
Importation d'un fichier XML dans le panneau
Chaînes
Une fois un fichier XML modifié, si vous le placez dans le répertoire ou le dossier spécifié dans
le panneau Chaînes de la langue concernée, le fichier XML est chargé dans le fichier FLA à
l'ouverture.
Vous pouvez également importer un fichier XML dans le panneau Chaînes à partir d'un autre
emplacement. Une fois importé, lorsque vous enregistrez, testez ou publiez le fichier, le fichier
XML du dossier spécifié pour cette langue est écrasé. Vous ne pouvez importer un fichier
XML pour une langue que si elle a été sélectionnée comme langue disponible dans le panneau
Chaînes. Vous pouvez également ajouter une langue et importer un fichier XML avec la
traduction dans cette langue.
Programmation de texte multilingue à l'aide du panneau Chaînes
435
Pour importer un fichier XML dans le panneau Chaînes :
1.
Sélectionnez Fenêtre > Autres panneaux > Chaînes pour ouvrir le panneau Chaînes.
2.
Cliquez sur Importer XML pour ouvrir la boîte de dialogue Importer XML.
3.
Dans le menu déroulant de sélection d'une langue, choisissez la langue du fichier XML que
vous importez, puis cliquez sur OK.
4.
Accédez au dossier et au fichier XML à importer.
Les informations XML sont chargées dans la colonne du panneau Chaînes pour la langue
sélectionnée à l'étape 3.
REMARQUE
Veillez à sélectionner la même langue aux étapes 3 et 4. Sinon, il se peut que vous
importiez un fichier XML français dans la colonne de l'allemand.
Quel que soit l'emplacement du fichier XML importé, l'enregistrement, le test ou la
publication d'un document Flash (FLA) entraîne la création d'un dossier par langue indiquée
dans le panneau Chaînes et d'un fichier XML par langue à l'emplacement indiqué pour la
publication des fichiers SWF. Pour plus d'informations, consultez la section Publication des
documents Flash, page 525. Si aucun chemin de publication n'est indiqué, le dossier et le
fichier sont enregistrés dans le dossier du fichier FLA. Les fichiers XML générés par le
panneau Chaînes contiennent toujours les informations de ce panneau.
436
Création de texte multilingue
Création de documents avec du texte
multilingue sans utiliser le panneau
Chaînes
Vous pouvez créer des documents avec du texte multilingue sans utiliser le panneau Chaînes.
Utilisation du composant XMLConnector pour se
connecter à des fichiers XML externes
Vous pouvez utiliser le composant XMLConnector pour vous connecter à un document XML
externe afin de relier des propriétés dans le document. Il vise à lire ou écrire des documents
XML à l'aide d'opérations GET HTTP, d'opérations POST ou les deux. Il agit comme un
connecteur entre d'autres composants et des documents XML externes. Le composant
XMLConnector communique avec des composants de votre application en utilisant soit des
fonctions de liaison de données de l'environnement de programmation Flash Professionnel,
soit du code ActionScript. Pour plus d'informations, consultez la section Composant
XMLConnector (Flash Professional uniquement) dans Dictionnaire des composants.
Utilisation d'un clavier occidental pour saisir des
caractères asiatiques sur la scène
Avec Flash, vous pouvez saisir des caractères asiatiques sur la scène à l'aide d'un clavier
occidental standard en utilisant des IME (Input Method Editors). Flash prend en charge
plusieurs dizaines d'IME différents.
Par exemple, si vous souhaitez créer un site Web qui accueillera un large éventail d'utilisateurs
asiatiques, vous pouvez utiliser un clavier occidental standard (QWERTY) pour créer du
texte en chinois, en japonais et en coréen, ceci en changeant simplement d'IME.
Dans les versions antérieures de Flash, il n'était pas possible de saisir de caractères coréens à
l'aide d'un clavier occidental standard. Avec Flash 8, vous pouvez saisir du texte en caractères
coréens, japonais et chinois en basculant simplement l'IME de la saisie de caractères japonais
et chinois en saisie de caractères coréens.
R E M AR QU E
Cela n'affecte que la saisie de texte sur la scène et non le texte saisi dans le panneau
Actions. Cette fonction est disponible sur tous les systèmes d'exploitation Windows et
Macintosh OSX pris en charge.
Création de documents avec du texte multilingue sans utiliser le panneau Chaînes
437
Pour basculer entre la saisie de caractères japonais et chinois et la saisie de
caractères coréens :
1.
Sélectionnez Edition > Préférences (Windows) ou Flash > Préférences (Macintosh), puis
cliquez sur l'onglet Modification dans la boîte de dialogue Préférences.
2.
Sous Paramètres des langues d'entrée, sélectionnez l'une des options suivantes :
3.
■
Sélectionnez Chinois et Japonais pour saisir des caractères chinois et japonais à partir
d'un clavier occidental. (Il s'agit du paramètre par défaut, et il doit également être
sélectionné pour les langues occidentales.)
■
Sélectionnez Coréen pour saisir des caractères coréens à partir d'un clavier occidental.
Cliquez sur OK.
Utilisation d'ActionScript pour charger des fichiers
externes
Si vous disposez de données XML existantes que vous souhaitez charger ou, si vous préférez
appliquer un autre format au fichier XML, plutôt que d'utiliser le panneau Chaînes, vous
pouvez créer un document contenant du texte multilingue en plaçant le texte dans un fichier
texte ou XML externe et en chargeant le fichier dans l'animation au moment de l'exécution à
l'aide de la commande loadVariables ou getURL et de l'objet LoadVars ou XML.
Vous devez enregistrer le fichier externe au format UTF-8 (recommandé), UTF-16BE ou
UTF-16LE en utilisant une application prenant le format en charge. Si vous utilisez le format
UTF-16BE ou UTF-16LE, le fichier doit commencer par une marque d'ordre d'octet (BOM)
pour identifier le format d'encodage vers Flash Player. Pour plus d'informations, consultez la
section Formats d'encodage Unicode pris en charge par Flash Player, page 420.
REMARQUE
Si le fichier externe est un fichier XML, vous ne pouvez pas utiliser de balise d'encodage
XML pour modifier l'encodage du fichier. Vous devez enregistrer le fichier sous un
format Unicode pris en charge. Pour plus d'informations, consultez la section A propos
de l'encodage dans des fichiers XML externes, page 420.
Pour insérer du texte multilingue à l'aide d'un fichier chargé en externe :
1.
Dans l'outil de programmation Flash, créez un champ texte dynamique ou de saisie pour
afficher le texte dans le document. Pour plus d'informations, consultez le Chapitre 6,
Utilisation du texte, page 181.
2.
Dans l'inspecteur Propriétés, avec le champ texte sélectionné, attribuez un nom
d'occurrence au champ texte.
3.
Créez un fichier texte ou XML définissant la valeur de la variable du champ texte.
438
Création de texte multilingue
4.
Enregistrez le fichier sous le format UTF-8 (recommandé), UTF-16BE ou UTF-16LE.
Si vous utilisez le format UTF-16, vérifiez qu'une marque d'ordre d'octet est insérée au
début du fichier pour identifier l'encodage :
■
Pour le format UTF-16BE, le premier octet du fichier doit être OxFE et le second
OxFF.
■
Pour le format UTF-16LE, le premier octet du fichier doit être OxFF et le
second OxFE.
REMARQUE
5.
La plupart des éditeurs de texte permettant d'enregistrer des fichiers au format
UTF-16BE ou LE ajoutent automatiquement les marques dans les fichiers.
Utilisez l'une des procédures ActionScript suivantes pour référencer le fichier externe et le
charger dans le champ texte dynamique ou de saisie :
■
Utilisez la commande loadVariables pour charger un fichier externe. Pour plus
d'informations, consultez la section %{loadVariables function}% dans Guide de
référence du langage ActionScript 2.0.
■
Utilisez la commande getURL pour charger un fichier externe à partir d'une URL
spécifiée. Pour plus d'informations, consultez %{getURL function}% dans Guide de
référence du langage Flash ActionScript.
■
Utilisez l'objet LoadVars (objet client/serveur prédéfini) pour charger un fichier texte
externe à partir d'une URL spécifiée. Pour plus d'informations, consultez
%{LoadVars}% dans Guide de référence du langage Flash ActionScript.
■
Utilisez l'objet XML (objet client/serveur prédéfini) pour charger un fichier XML
externe à partir d'une URL spécifiée. Pour plus d'informations, consultez la section
%{XML}% dans Guide de référence du langage Flash ActionScript.
Création de documents avec du texte multilingue sans utiliser le panneau Chaînes
439
Création de documents avec du texte multilingue à
l'aide de la commande #include
Vous pouvez créer un document contenant plusieurs langues à l'aide de la commande
#include.
Vous devez enregistrer le fichier texte au format UTF-8. Enregistrez le fichier à l'aide d'une
application prenant en charge l'encodage UTF-8 comme Dreamweaver.
Vous devez insérer l'en-tête suivant comme première ligne du fichier pour identifier le fichier
comme étant en Unicode pour l'outil de programmation Flash :
//!-- UTF8
REMARQUE
Veillez à insérer un espace après le second tiret (-).
Par défaut, l'application de programmation Flash suppose que les fichiers externes utilisant la
commande #include sont codés selon la page de code classique du système d'exploitation
exécutant l'outil de programmation. L'utilisation de l'en-tête //!-- UTF8 dans un fichier
informe l'outil de programmation que le fichier externe est codé en UTF-8.
Pour insérer du texte multilingue à l'aide de la commande #include :
1.
Dans l'outil de programmation Flash, créez un champ texte dynamique ou de saisie pour
afficher le texte dans le document. Pour plus d'informations, consultez le Chapitre 6,
Utilisation du texte, page 181.
2.
Dans l'inspecteur Propriétés, avec le champ texte sélectionné, attribuez un nom
d'occurrence au champ texte.
3.
Créez un fichier texte définissant la valeur de la variable du champ texte. N'oubliez pas
d'ajouter l'en-tête //!-- UTF8 au début du fichier.
4.
Enregistrez le fichier au format UTF-8.
5.
Utilisez la directive #include pour insérer le fichier externe dans le champ texte dynamique
ou de saisie. Pour plus d'informations, consultez la section %{#include directive}% dans
Guide de référence du langage Flash ActionScript.
440
Création de texte multilingue
Création de documents avec du texte multilingue à
l'aide de variables de texte
Vous pouvez insérer du contenu codé en Unicode dans des variables de texte à l'aide de la
syntaxe \uXXXX, où XXXX est le code hexadécimal sur quatre chiffres, ou caractère
d'échappement, du caractère Unicode. L'outil de programmation Flash prend en charge les
caractères d'échappement Unicode jusqu'à \uFFFF. Pour trouver les points de code des
caractères Unicode, consultez la norme Unicode à l'adresse www.Unicode.org.
Vous ne pouvez utiliser des caractères d'espace Unicode que dans des variables de champs de
texte. Vous ne pouvez pas insérer de caractères d'espace Unicode dans des fichiers texte ou
XML externes ; Flash Player 6 ne reconnaît pas les caractères d'espace Unicode des fichiers
externes.
Par exemple, pour définir un champ texte dynamique (avec le nom d'occurrence myTextVar)
contenant des caractères japonais, coréen, chinois, anglais, hébreu et grec et le symbole Euro,
vous pouvez saisir comme suit :
myTextVar.text = "\u304B\uD55C\u6C49hello\u05E2\u03BB\u20AC";
Lorsque le fichier SWF est lu, les caractères suivants s'affichent dans le champ texte :
Pour obtenir de meilleurs résultats lors de la création d'un champ texte contenant plusieurs
langues, veillez à utiliser une police comprenant tous les glyphes nécessaires pour votre texte.
Pour plus d'informations, consultez la section Utilisation de fichiers texte ou XML externes non
codés en Unicode, page 441.
Utilisation de fichiers texte ou XML
externes non codés en Unicode
Si vous chargez des fichiers externes non codés en Unicode dans une application Flash Player
7, le texte des fichiers externes n'apparaîtra pas correctement lorsque Flash Player tentera de
les afficher en Unicode. Vous pouvez programmer Flash Player de sorte qu'il utilise la page de
code classique du système d'exploitation exécutant le lecteur. Pour cela, ajoutez le code suivant
comme première ligne de code de la première image de l'application Flash chargeant les
données :
system.useCodepage = true;
Utilisation de fichiers texte ou XML externes non codés en Unicode
441
Ne définissez la propriété system.useCodepage qu'une seule fois dans un document ; ne
l'utilisez pas plusieurs fois dans un document pour que le lecteur interprète certains fichiers
externes comme étant en l'Unicode et d'autres comme étant sous un autre encodage car cela
entraînerait des résultats inattendus.
Si vous définissez la propriété system.useCodepage sur true, n'oubliez pas que la page de
code classique du système d'exploitation exécutant le lecteur doit comprendre les glyphes
utilisés dans votre fichier texte externe afin de pouvoir afficher le texte. Par exemple, si vous
chargez un fichier texte externe contenant des caractères chinois, ceux-ci n'apparaissent pas
sur un ordinateur utilisant la page de code CP1252 car celle-ci ne comprend pas les caractères
chinois. Pour que les utilisateurs de toutes les plates-formes puissent afficher les fichiers texte
externes utilisés dans vos applications Flash, vous devez coder tous les fichiers texte externe en
Unicode et conserver la propriété system.useCodepage définie sur false par défaut. Flash
Player interprète alors le texte en Unicode. Pour plus d'informations, consultez
%{useCodepage (System.useCodepage property)}% dans Guide de référence du langage Flash
ActionScript.
442
Création de texte multilingue
CHAPITRE 16
16
Intégration des données (Flash
Professionnel uniquement)
Macromedia Flash Professionnel 8 fournit une architecture souple basée sur les composants et
un modèle d'objet permettant de se connecter à des sources de données externes, de lier les
données aux composants d’interface utilisateur, et de gérer l’affichage et l’actualisation des
données.
Vous trouverez sur le site Web de Macromedia et dans l’aide de Flash de nombreux didacticiels
sur la création avec Flash d’applications de données sur l’Internet. Pour télécharger des
exemples et des didacticiels relatifs à l'utilisation des composants de données, consultez
Ressources supplémentaires, page 446.
Ce chapitre débute par une présentation de l’intégration de données, suivie d’un bref exemple
que vous pouvez parcourir pour vous familiariser avec le fonctionnement de l’intégration de
données, puis se poursuit par une description du flux de travail global et enfin par une
explication de la liaison de données (la fonctionnalité de base de l’architecture d’intégration de
données dans Flash) et des autres couches de l’architecture d’intégration de données dans
Flash.
L’architecture d’intégration de données dans Flash se compose de quatre couches principales :
■
La couche de liaison de données permet de relier les éléments de données aux propriétés
des composants de données de Flash, qui peuvent alors à leur tour être liés aux composants
d’interface utilisateur. Autrement dit, vous établissez une liaison vers une source de
données, puis sélectionnez les éléments nécessaires pour afficher votre application et
actualiser la source. Flash intègre aussi des objets de mise en forme et d'encodage pour
vous permettre de contrôler totalement la façon dont les données sont propagées et
formatées entre les composants. Pour plus d'informations, consultez Liaison des données
(Flash Professionnel uniquement), page 451.
■
La couche de connectivité des données comprend des composants Connector qui
permettent de vous connecter à une source de données externe pour envoyer et recevoir
des données. Vous pouvez vous connecter à diverses sources, par exemple des services sur
le Web et des fichiers XML. Pour plus d'informations, consultez la section Connectivité des
données (Flash Professionnel uniquement), page 470.
443
■
La couche de gestion des données comprend un composant qui permet de superviser
intelligemment les opérations courantes sur les données, telles que la modification, le tri,
le filtrage, l'agrégation et la traduction des changements. Pour plus d'informations,
consultez la section Gestion des données (Flash Professionnel uniquement), page 480.
■
La couche de résolution des données comporte les composants Resolver qui prennent en
charge la traduction des données modifiées dans un format utilisable par une source de
données externe. De plus, ces composants peuvent recevoir et traduire les mises à jour en
provenance d’une source de données externe, afin de les rendre utilisables par le client
Flash. Pour plus d'informations, consultez la section Résolution des données (Flash
Professionnel uniquement), page 488.
L’intégration de données externes dans une application Flash consiste donc à établir une
connexion vers les données externes, à sélectionner les différents éléments du schéma de
données nécessaires à votre application, et à les lier aux champs des composants de votre
application. Vous gérez la façon dont les données sont affichées dans votre application et
actualisées sur le serveur.
Le schéma suivant illustre le flux des données dans une application Flash et identifie les
différents éléments de l'architecture de données Flash. La liaison des données est représentée
par les flèches rouges entre les composants. Comme le montre le diagramme, il est nécessaire
de définir les liaisons de données entre les propriétés des contrôles de l’interface et celles d’un
composant DataSet, puis entre ce dernier et un composant Connector d’une part et Resolver
d’autre part; et enfin entre le composant Connector et le composant Resolver.
444
Intégration des données (Flash Professionnel uniquement)
En général, les composants de données sont ajoutés sur la scène dans un document Flash.
(Consultez Procédure d'utilisation des composants de données, page 449 et dans les sections
relatives aux différents composants de l'aide.) Les composants de données ne sont pas visibles
dans l'application. Si vous le souhaitez, vous pouvez aussi créer les composants de données et y
accéder à l’aide de code ActionScript, bien qu’il puisse être nécessaire d’effectuer certaines
tâches dans l’interface de Flash. Pour traiter les classes de liaison de données à partir de
l'interface d'ActionScript et non pas directement sous Flash, consultez Disponibilité des classes
de liaison des données à l’exécution (Flash Professional uniquement) dans Référence du langage des
composants.
Le tableau ci-dessous vous aidera à définir les composants qui sont nécessaires pour votre
application de données dans Flash.
Source de données Utilisez ce composant
Connector
Utilisez ce composant
Resolver
service Web/SOAP
WebServiceConnector
Classes WebService (n'est pas un
composant)
XUpdateResolver
Classes WebService (n'est
pas un composant)
Document XML
XMLConnector
XUpdateResolver
Données SQL
WebServiceConnector
RDBMSResolver
Flash est une technologie orientée client. Pour créer une application Flash pouvant s’intégrer à
une source de données, il est nécessaire d’implémenter également du code sur le serveur. La
conception et l'exposition de la logique métier sur le serveur reviennent au développeur de
serveur, qui nécessite des outils spécifiquement conçus pour cette tâche (ColdFusion, serveurs
d'application J2EE et ASP.NET). Pour plus de détails sur les tâches côté serveur et les tâches à
confier de préférence à un administrateur de base de données, consultez la section Rubriques
avancées d'intégration des données, page 493.
Pour plus d'informations, consultez les rubriques suivantes dans ce chapitre :
Ressources supplémentaires. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 446
Création d'une application simple. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .447
Procédure d'utilisation des composants de données. . . . . . . . . . . . . . . . . . . . . . . . 449
Liaison des données (Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . 451
Connectivité des données (Flash Professionnel uniquement) . . . . . . . . . . . . . . . . .470
Gestion des données (Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . 480
Résolution des données (Flash Professionnel uniquement). . . . . . . . . . . . . . . . . . .488
Rubriques avancées d'intégration des données . . . . . . . . . . . . . . . . . . . . . . . . . . . . 493
445
Ressources supplémentaires
Le tableau ci-dessous présente des ressources éducatives sur l’utilisation des composants
d’intégration de données dans Flash.
Composant
Didacticiels sur les Didacticiels sur les données sur
données dans
DevNet (www.macromedia.com/
l’aide de Flash
devnet/mx/flash/
data_integration.html)
WebServiceConnector
Didacticiel sur le
service Web
Macromedia Tips
Tip of the Day, Part 2,
www.macromedia.com/devnet/mx/flash/
articles/tipoday_pt2.html
Building a Google Search Application,
www.macromedia.com/devnet/mx/flash/
articles/google_search.html
XMLConnector
Didacticiel XML :
Timesheet
Didacticiel Feuille de présence dans l’aide
de Flash
Exemple Bike Trips,
www.macromedia.com/devnet/mx/flash/
articles/xmlconnector.html
Intégration de données à l'aide de pages
ASP, www.macromedia.com/devnet/mx/
flash/articles/flashpro_asp.html
XUpdateResolver
Didacticiel XUpdate : --Update the Timesheet
RDBMSResolver
---
446
Application de saisie de temps Time Entry,
www.macromedia.com/devnet/mx/flash/
articles/time_entry.html
Intégration de données à l'aide de pages
ASP, www.macromedia.com/devnet/mx/
flash/articles/flashpro_asp.html
Using the RDBMSResolver Component to
Update a Database,
www.macromedia.com/devnet/mx/flash/
articles/delta_packet.html
Intégration des données (Flash Professionnel uniquement)
Création d'une application simple
L’exemple ci-dessous vous guide dans la création d’une application simple d’intégration de
données, afin de vous aider à mieux comprendre les concepts et les diverses étapes nécessaires.
Dans cet exemple, vous allez créer une application simple qui charge et affiche le menu d’un
dîner. Vous allez charger un fichier XML que vous utiliserez à la fois comme source de
données et comme exemple de schéma (structure) d’une source de données. L’interface, un
simple tableau de données dans lequel sont chargées les données en XML, est complétée d’un
bouton qui charge les données. La liaison de données n'est prise en charge que dans les
composants existant dans l'Image1 du scénario principal, dans l'Image1 d'un clip ou dans
l'Image1 d'un écran. Dans cet exemple, les composants résident tous dans l'Image1 du
scénario principal.
Notez que tous les noms de cet exemple font la distinction entre majuscules et minuscules.
Pour créer l’application qui charge et affiche le menu d’un dîner :
1.
Copiez la source de données (un fichier XML appelé dinner_menu.xml) depuis
l'emplacement suivant :
■
Sous Windows, ouvrez le répertoire lecteur d'initialisation\Program
Files\Macromedia\Flash 8\Samples and
Tutorials\Samples\DataIntegration\DinnerMenu\
■
Sur Macintosh, ouvrez le répertoire disque dur Macintosh/Applications/Macromedia
Flash 8/Samples and Tutorials/Samples/DataIntegration/DinnerMenu/.
2.
Dans Flash, créez un nouveau document Flash et enregistrez-le sous le nom
dinner_menu.fla dans le dossier « Dinner Menu » que vous venez de créer.
3.
Créez l’interface utilisateur, qui comporte deux composants : un bouton qui déclenche la
récupération des données, et une grille de données pour les afficher :
4.
a.
Dans le panneau Composants, ajoutez une instance DataGrid nommée menu_dg sur la
scène avec une largeur de 540 et une hauteur de 240.
b.
Toujours dans le panneau Composants, ajoutez une instance de composant Button
appelée loadData sous la grille de données appelée Load Data.
Ajoutez les composants de données, un composant XMLConnector pour vous connecter
au fichier dinner_menu.xml et un composant DataSet pour lier ces données à la grille de
données :
a.
Ajoutez une occurrence de composant XMLConnector appelée xmlConn.
b.
Ajoutez une occurrence de composant DataSet et appelez-la menu_ds.
Il n’est pas indispensable que les composants de données se trouvent sur la scène, ils ne
sont pas visibles à l’exécution.
Création d'une application simple
447
5.
Définissez les paramètres du composant XMLConnector : sélectionnez l'occurrence de
composant XMLConnector et, dans l'Inspecteur de composants, cliquez sur l'onglet
Paramètres, entrez dinner_menu.xml en tant qu'URL, puis sélectionnez receive pour la
direction. (Comme le fichier XML se trouve dans le même dossier que le fichier FLA, le
chemin d’accès complet est simplement le nom du fichier XML.)
6.
Chargez un exemple du schéma de la source de données : sélectionnez l’occurrence du
composant XMLConnector et, dans l’Inspecteur de composants, cliquez sur l’onglet
Schéma, puis procédez comme suit :
a.
Sélectionnez results : XML dans le volet supérieur de l'onglet Schéma.
b.
Cliquez sur le bouton Importer un schéma d’un exemple de fichier XML.
c.
Dans la boîte de dialogue, sélectionnez le fichier dinner_menu.xml.
La structure du schéma du fichier XML apparaît dans l'onglet Schéma.
7.
Exposez la propriété array de XMLConnector pour la liaison de données et liez-la à la
propriété dataProvider du composant DataSet. Sélectionnez le composant
XMLConnector et procédez comme suit :
a.
Dans l'onglet Liaisons de l'Inspecteur de composants, cliquez sur le signe plus (+), puis
sélectionnez food:array dans la boîte de dialogue qui s'affiche.
b.
Toujours dans l'onglet Liaisons, cliquez sur Lié à, cliquez sur l'icône en forme de
loupe, sélectionnez DataSet, puis sélectionnez dataProvider:Array.
Ces deux étapes doivent être accomplies à chaque création d’une liaison de données.
8.
Remplissez la grille avec les données XML en les liant, par l'intermédiaire du composant
DataSet, à la grille de données. Sélectionnez le composant DataSet et cliquez sur l'onglet
Liaisons. Les liaisons à l'occurrence xmlConn, que vous venez de créer, s'affichent. Ajoutez
deux nouvelles liaisons :
a.
Liez la propriété dataProvider du composant DataSet à la propriété dataProvider
du composant DataGrid. Cliquez sur le signe plus (+), sélectionnez la propriété
dataProvider:Array, cliquez sur Lié à, cliquez sur l'icône en forme de loupe,
sélectionnez le composant DataGrid, puis sélectionnez la propriété
dataProvider:Array. Sélectionnez out pour la direction.
b.
Liez la propriété selectedIndex du composant DataSet à la propriété
selectedIndex du composant DataGrid. Cliquez sur le signe plus (+), sélectionnez la
propriété selectedIndex:Number, cliquez sur Lié à, cliquez sur l'icône en forme de
loupe, sélectionnez le composant DataGrid, puis sélectionnez la propriété
selectedIndex:Number.
448
Intégration des données (Flash Professionnel uniquement)
9.
Paramétrez le bouton pour charger des données dans la grille de données. Dans le scénario,
cliquez sur le calque 1 de l’image 1, puis ouvrez le panneau Actions. Ajoutez le code suivant
à la première image :
form = new Object();
form.click = function(eventObj){
xmlConn.trigger();
}
loadData.addEventListener("click", form);
10. Enregistrez et testez l'application. Cliquez sur le bouton Load Data. Les données du fichier
XML sont chargées dans la grille de données.
Vous venez de créer votre première application d’intégration de données, avec des données
chargées de façon dynamique à partir d’un fichier XML. Pour ajouter des fonctionnalités à
cette application, consultez la section Formation d'une liaison indexée, page 465.
Procédure d'utilisation des composants
de données
Cette section présente plus en détails les étapes de création d’une application Flash capable de
communiquer de façon dynamique avec une source de données externe. Vous trouverez dans
le reste de ce chapitre des instructions et des exemples relatifs à chaque étape.
Il existe deux processus de base : l’un pour vous connecter à des services Web ou à des
documents XML comme source de données, l’autre pour vous connecter à une base de
données externe.
Processus de connexion à des services Web ou à des documents XML comme
source de données :
1.
2.
Obtenir l’URL de votre source de données externe :
■
Un service Web ;
■
Un document XML.
Ajouter des composants sur la scène :
■
Ajouter un composant Connector ;
■
Ajouter un composant DataSet, qui sera lié à la source de données et aux composants
d’interface ;
■
Ajouter des composants d’interface qui assureront l’affichage des données, par exemple
un composant DataGrid ;
■
Ajouter un composant Resolver.
Procédure d'utilisation des composants de données
449
3.
Configurer le composant Connector :
■
Définir les paramètres des composants.
■
Définir les propriétés des composants dans l'onglet Schéma.
4.
Lier le composant Connector au composant DataSet.
5.
Configurer le composant DataSet :
■
Définir les paramètres des composants.
■
Définir les propriétés des composants dans l'onglet Schéma.
6.
Lier le composant d’interface au composant DataSet.
7.
Définir le composant Resolver :
■
Définir les paramètres des composants.
■
Définir les propriétés des composants dans l'onglet Schéma.
8.
Liez le composant Resolver au composant DataSet.
9.
Ajouter les composants d’interface et le code nécessaires aux fonctionnalités du composant
Resolver (ajout, modification ou suppression d’enregistrements).
10. Lier
les composants d’interface aux composants Resolver.
Processus de traitement d'une base de données externe (non-XML ou service
non-Web) :
1.
Configurer votre source de données. Par exemple, dans l’environnement ColdFusion,
configurez un composant DataSource ColdFusion pour vous connecter à votre source de
données.
2.
Ajouter des composants sur la scène :
■
Composant DataSet.
■
Composant d’interface pour l’affichage des données, par exemple DataGrid.
■
Composant Resolver.
3.
Lier le composant DataSet au composant d’interface pour l’affichage.
4.
Configurer le composant DataSet :
■
Définir les paramètres des composants.
■
Définir les propriétés des composants dans l'onglet Schéma.
5.
Configurer une connexion de données. Par exemple, vous pouvez utiliser un composant
ColdFusion avec les services Flash Remoting et votre propre code ActionScript.
6.
Liez le composant Resolver au composant DataSet.
450
Intégration des données (Flash Professionnel uniquement)
7.
8.
Définir le composant Resolver :
■
Définir les paramètres des composants.
■
Définir les propriétés des composants dans l'onglet Schéma.
■
Rédiger le code ActionScript en utilisant les méthodes d’un composant Resolver.
Ajouter les composants d’interface et le code ActionScript nécessaires aux fonctionnalités
du composant Resolver (ajout, modification ou suppression d’enregistrements). Lier les
composants d’interface aux composants Resolver.
Liaison des données (Flash
Professionnel uniquement)
La liaison des données consiste à faire correspondre (mapper) les propriétés d’un composant à
un autre composant. Une liaison est simplement une instruction qui indique « Si la propriété
X du composant A change, copier la nouvelle valeur dans la propriété Y du composant B ».
Pour les applications Internet évoluées, vous pouvez mapper les données de sources de
données externes sur des composants Flash. Dans votre application, la source de données est
représentée par un composant, et les éléments du schéma de la source de données sont
représentés par les propriétés du composant. Vous pouvez définir des propriétés de
composants en fonction de vos besoins. Ces propriétés, qui contiennent les données
dynamiques à utiliser, sont appelées les propriétés de liaison.
Dans Flash, l’utilisation la plus puissante de la liaison de données consiste à définir le flux de
données entre les composants d’interface, les composants de gestion des données et les
composants Connector qui accèdent aux sources de données externes (services Web,
documents XML ou bases de données relationnelles).
Dans l’interface Flash, la liaison des données s’effectue dans les onglets Liaisons et Schéma de
l’Inspecteur de composants. Bien qu'il soit important de comprendre la structure des liaisons
et des schémas de Flash, le composant Connector doit généralement être défini en premier,
dans la mesure où il met en place le schéma de votre base de données ; consultez la section
Connectivité des données (Flash Professionnel uniquement), page 470.
La liaison de données n'est prise en charge que dans les composants existant dans l'Image1 du
scénario principal, dans l'Image1 d'un clip ou dans l'Image1 d'un écran.
Il est également possible de créer des liaisons à l’exécution, en rédigeant le code ActionScript
nécessaire. Pour plus d'informations, consultez la section Classes de liaison des données (Flash
Professional uniquement) dans Référence du langage des composants.
Liaison des données (Flash Professionnel uniquement)
451
Exemple de liaison simple
L'exemple suivant montre comment une liaison de données interconnecte deux composants
de l'interface utilisateur. Dans cet exemple, les propriétés de valeur des occurrences de
composant stepper1_nm et stepper2_nm sont liées l'une à l'autre, et les propriétés « value »
de stepper3_nm et myInput_txt sont liées l'une à l'autre. Dans une application réelle, il
serait probablement nécessaire d’importer un schéma, de définir d’autres propriétés des
composants de liaison, et de créer plusieurs liaisons entre les composants de données et les
composants d’interface.
Pour connecter des composants de l'interface utilisateur afin de créer une
liaison de données :
1.
Ajoutez un composant NumericStepper sur la scène et nommez-le stepper1_nm.
2.
Ajoutez un autre composant NumericStepper et nommez-le stepper2_nm.
3.
Alors que stepper1_nm est sélectionné, ouvrez l'Inspecteur de composants et cliquez sur
l'onglet Liaisons.
4.
Cliquez sur le bouton Ajouter une liaison (+) pour ajouter une liaison.
5.
Dans la boîte de dialogue Ajouter une liaison, sélectionnez Valeur et cliquez sur OK.
6.
Dans la section Nom/Valeur en bas de l'onglet Liaisons, cliquez sur l'élément Lié à en
dessous de Nom et cliquez sur l'icône en forme de loupe dans l'élément Lié à en dessous de
Valeur.
7.
Dans la boîte de dialogue Lié à, en dessous de Chemin du composant, sélectionnez le
composant stepper2_nm et cliquez sur OK.
8.
Choisissez Contrôle > Tester l'animation. Cliquez sur les boutons Haut et Bas sur le
composant stepper1_nm.
Lorsque vous cliquez sur les boutons de stepper1_nm, la propriété value de
stepper1_nm est copiée dans la propriété value de stepper2_nm. Lorsque vous cliquez
sur les boutons de stepper2_nm, la propriété value de stepper2_nm est copiée dans la
propriété value de stepper1_nm.
9.
Revenez à la modification de l'application.
10. Ajoutez
11.
un autre composant NumericStepper et nommez-le stepper3_nm.
Ajoutez un composant TextInput appelé myInput_txt.
12. Répétez
les étapes 4 à 7 et liez la propriété value de stepper3_nm à la propriété text
de myInput_txt.
452
Intégration des données (Flash Professionnel uniquement)
13.
Choisissez Contrôle > Tester l'animation. Tapez un nombre dans le champ de saisie de
texte et appuyez sur la touche Tab.
Lorsque vous entrez une nouvelle valeur, la propriété text de myInput_txt est copiée
dans la propriété value de stepper3_nm. Lorsque vous cliquez sur les boutons Haut et
Bas de stepper3_nm, la propriété value de stepper3_nm est copiée dans la propriété
text de myInput_txt.
Pour exécuter les didacticiels de création de liaisons de données, consultez
www.macromedia.com/devnet/mx/flash/data_integration.html.
Utilisation des schémas dans l'onglet Schéma (Flash
Professionnel uniquement)
L’onglet Schéma de l’Inspecteur de composants permet de voir et modifier le schéma de
chaque composant de données de votre application. Cet onglet présente les propriétés de liaison
du composant, c’est-à-dire les propriétés vers lesquelles vous pouvez établir des liaisons et qui
contiennent en général des données dynamiques. Tous les composants possèdent des
propriétés, mais, par défaut, l'onglet Schéma n'affiche que les propriétés qui contiennent
généralement des données dynamiques, afin de réduire l'encombrement de l'interface
utilisateur. Vous pouvez toutefois lier n'importe quelle propriété, soit en l'ajoutant vousmême au panneau Schéma, soit en ActionScript. Pour plus d'informations, consultez la
section Utilisation des liaisons dans l'onglet Liaisons (Flash Professionnel uniquement), page 460.)
L’onglet Schéma affiche également les propriétés des types de données, leur structure interne
et divers attributs spéciaux. Ces informations sont nécessaires au moteur de liaison de données
pour que chaque composant puisse gérer les données correctement.
Liaison des données (Flash Professionnel uniquement)
453
L'illustration suivante porte sur l'onglet Schéma du composant XMLConnector utilisé dans
Création d'une application simple, page 447. Le volet supérieur affiche les propriétés pouvant
être liées de l'occurrence xmlConn, lorsque la propriété food:Array est sélectionnée et le volet
du bas présente les paramètres de la propriété food:Array.
Bouton Importer un exemple de
schéma
Propriétés de liaison
Paramètres du schéma pour la propriété
sélectionnée
Le schéma d'un composant décrit la structure et le type de données mais il ne dépend pas de la
façon dont les données sont effectivement enregistrées. Par exemple, les résultats d'un
composant WebServiceConnector ou d'un composant XMLConnector peuvent avoir des
schémas identiques, même si les résultats du service Web sont enregistrés sous forme de
structures de données ActionScript (objets, tableaux, chaînes, valeurs booléennes et nombres)
et que les résultats du composant XMLConnector sont enregistrés sous forme d'objets XML.
Lorsque vous utilisez la liaison des données pour accéder à des champs à l'intérieur du schéma
d'un composant, vous utilisez la même procédure, quel que soit le mode d'enregistrement des
données.
454
Intégration des données (Flash Professionnel uniquement)
Un composant identifie, parmi ses propriétés, celles qui peuvent être liées. Ces propriétés de
liaison apparaissent dans le panneau Schéma comme éléments de schéma de premier niveau
(propriétés de composant). Une propriété de composant peut posséder sa propre structure
interne (schéma) définissant des propriétés supplémentaires (champs de schémas) qui peuvent
être liées à d'autres propriétés de composants dans votre application. La définition du WSDL
décrit les paramètres et résultats d'un service Web. Le composant WebServiceConnector
contient deux propriétés de liaison (params et results). Lorsque le composant
WebServiceConnector analyse le WSDL par introspection, Flash crée automatiquement le
schéma des propriétés params et results de façon à refléter le schéma défini dans le WSDL.
Il existe plusieurs façons de définir le schéma d’un composant. Voici les méthodes les plus
courantes :
■
Pour un composant XMLConnector, vous pouvez importer un exemple de fichier XML
pour définir le schéma. Voir Connexion aux données XML à l'aide du composant
XMLConnector (Flash Professionnel uniquement), page 475.
■
Pour un composant WebServiceConnector, vous pouvez importer le WSDL d’un service
Web pour définir le schéma. Voir Connexion à des services Web à l’aide du composant
WebServiceConnector (Flash Professionnel uniquement), page 471.
■
Pour un composant DataSet, qui est en général le composant intermédiaire entre les
composants Connector et les composants d’interface, définissez le schéma dans le panneau
Schéma. Voir Ajout d'une propriété de composant à un schéma, page 455 et Ajout d'un
champ de schéma à un élément de schéma, page 457.
■
Pour les composants d’interface, le schéma est prédéfini dans le composant. Vous pouvez
modifier le schéma de façon à créer des propriétés supplémentaires, qui peuvent être liées,
comme indiqué dans Ajout d'une propriété de composant à un schéma, page 455.
Ajout d'une propriété de composant à un schéma
En général, il est nécessaire d’ajouter des propriétés de composants à un schéma pour les
raisons suivantes :
■
Pour faire d’une propriété existante une propriété de liaison. Vous pouvez faire de
n'importe quelle propriété une propriété de liaison si vous l'ajoutez au schéma.
■
Pour définir les champs d’un composant DataSet afin de décrire les champs de données
attendus. En général, il est nécessaire de définir le type de données d’un champ attendu,
mais de nombreuses autres propriétés peuvent être définies. Pour plus d'informations,
consultez les exemples dans Accès aux données, page 485 et Paramètres de l'élément de
schéma, page 493.
Liaison des données (Flash Professionnel uniquement)
455
L’exemple suivant montre comment faire d’une propriété d’un composant existant une
propriété de liaison en ajoutant cette propriété au schéma du composant. Dans cet exemple,
vous allez créer une application qui utilise un composant CheckBox pour indiquer si un
composant TextInput est modifiable. Dans la mesure où le composant TextInput ne contient
pas la propriété editable à l'origine, ajoutez la propriété editable au schéma pour le lier au
composant CheckBox.
Pour ajouter une propriété de composant à un schéma afin d’en faire une
propriété de liaison :
1.
Ajoutez un composant TextInput et un composant CheckBox à votre application et
attribuez-leur des noms d'occurrences.
2.
Sélectionnez le composant TextInput et cliquez sur l'onglet Schéma dans l’Inspecteur de
composants.
3.
Cliquez sur le bouton Ajouter une propriété de composant (+) dans la partie supérieure
gauche de l'onglet Schéma pour ajouter une propriété de composant.
4.
Dans le panneau des attributs du schéma (le panneau inférieur de l'onglet Schéma), tapez
editable comme valeur du nom de champ, et sélectionnez Boolean comme valeur du type
de données.
5.
Cliquez sur l'onglet Liaisons, puis sur le bouton Ajouter une liaison (+) pour ajouter une
liaison.
6.
Dans la boîte de dialogue Ajouter une liaison, sélectionnez la propriété editable et cliquez
sur OK.
7.
Dans le panneau des attributs de liaison en bas de l'onglet Liaisons, cliquez sur l'élément
Lié à en dessous de Nom et cliquez sur l'icône en forme de loupe dans l'élément Lié à en
dessous de Valeur.
8.
Dans la boîte de dialogue Lié à, en dessous de Chemin du composant, sélectionnez le
composant CheckBox et cliquez sur OK.
9.
Sélectionnez le composant Checkbox sur la scène et cliquez sur l'onglet Paramètres dans
l’Inspecteur de composants.
10. Choisissez
Contrôle > Tester l'animation. Pour tester la fonctionnalité, tapez une valeur
dans le composant TextInput puis désélectionnez le composant CheckBox. Il devrait
désormais être impossible d'entrer du texte dans le composant TextInput.
456
Intégration des données (Flash Professionnel uniquement)
Ajout d'un champ de schéma à un élément de
schéma
Lorsque vous utilisez un composant DataSet, vous devez saisir le chemin du composant. Il
peut être nécessaire d'ajouter des éléments de schéma, qui sont en fait des propriétés de
composant (voir Ajout d'une propriété de composant à un schéma, page 455). De plus, il peut
aussi être nécessaire d’ajouter des champs supplémentaires à un élément de schéma, afin
d’obtenir un niveau de liaison plus précis. Pour plus d'informations, consultez la section
Paramètres de l'élément de schéma, page 493.
Pour ajouter un champ de schéma à un élément de schéma :
1.
Dans l'onglet Schéma, sélectionnez l'élément de schéma auquel vous souhaitez ajouter un
champ.
2.
Cliquez sur le bouton Ajouter un champ (+) sous le champ sélectionné.
Un nouveau champ est ajouté comme sous-champ de la propriété sélectionnée.
3.
Dans le panneau des attributs du schéma, entrez une valeur pour Nom du champ.
Remplissez les autres attributs comme il se doit.
Il existe trois scénarios possibles en fonction du type d'élément de schéma :
■
Elément de schéma de type Objet, pouvant contenir des sous-champs et/ou des
attributs. Les attributs sont précédés du signe @ dans la liste.
■
Elément de schéma de type Tableau, ayant toujours un sous-champ nommé [n]
représentant l’index du tableau et pouvant être de n'importe quel type (Objet, Chaîne,
etc.)
■
Elément de schéma d'un autre type (Booléen, Chaîne, Nombre, etc.), ne possédant pas
de sous-champ mais pouvant avoir des attributs. Les attributs sont précédés du signe @
dans la liste.
A propos du traitement des types de données lors de
la liaison de données (Flash Professionnel
uniquement)
Le schéma de la source de données est représenté dans l’onglet Schéma de l’Inspecteur de
composants. Chaque élément du schéma comporte de nombreux attributs qu’il est possible de
configurer dans le volet inférieur de l’onglet Schéma. En particulier, quatre attributs
contrôlent la gestion des types de données durant les flux de données en entrée et en sortie des
applications Flash. Ces quatre attributs sont les suivants : Data Type, Encoder, Formatter et
Kind.
Liaison des données (Flash Professionnel uniquement)
457
Il n’est pas toujours nécessaire de changer le paramétrage de ces attributs. Toutefois, si vous
travaillez avec des types de données complexes, vous devrez probablement modifier les valeurs
de ces attributs pour permettre à Flash de recevoir et renvoyer des données dans le format
correct. Voir Quand modifier les paramètres de l'élément de schéma, page 507.
L’illustration ci-dessous montre le fonctionnement du moteur de liaison des données lors de
l’exécution. Les quatre attributs qui gèrent les types de données apparaissent sur cette
illustration et sont présentés ci-dessous.
Lorsque Flash veut obtenir des données d'un composant, les données sont extraites du
composant en fonction du paramètre Kind. Le format des données dépend alors du format
fourni par le composant (forme brute des données). Par exemple, le composant
XMLConnector fournit toujours les données sous forme de chaîne, le composant
NumericStepper fournit des chiffres, etc.
Kind
458
Intégration des données (Flash Professionnel uniquement)
L'encodeur est chargé de convertir ces données en type de données ActionScript.
Par exemple, les données reçues d’un document XML sous forme de chaîne peuvent
représenter une date ou un nombre. Si la liaison de données nécessite que ces données soient
sous forme de chaîne (parce qu'elles sont affectées à un composant de texte par exemple), le
moteur de mise en forme effectue cette conversion. S'il existe plusieurs liaisons à partir d'un
champ, la mise en forme est uniquement utilisée pour les liaisons qui procèdent à une
affectation dans un champ de type chaîne.
Encoder
Data type et Formatter Pour vous permettre de paramétrer les données dans un
composant, il est d’abord nécessaire que la liaison de données convertisse les données en un
type de données ActionScript, c’est-à-dire dans un format que le composant puisse lire. Cette
conversion est automatique, en fonction du paramétrage de l’attribut Data Type. Si les
données sont une chaîne et que l’attribut Formatter a été paramétré, le moteur de mise en
forme convertit les données du format chaîne au format ActionScript qui a été spécifié. Le
paramétrage de Data Type détermine également si le moteur de liaison de données inspecte les
données pour vérifier leur validité, et renvoie des événements en conséquence. L'attribut
Encoder est ensuite utilisé pour convertir les données du format lisible en ActionScript en un
format brut, et l’attribut Kind transmet ensuite les données au composant.
Le traitement pris en charge par ces quatre attributs est effectué lorsque l'accès au champ de
données est obtenu via la liaison de données. Il est possible d'accéder directement à une
propriété de composant à l’aide de code ActionScript, mais pour ce faire, vous utilisez la valeur
brute des données, et non la valeur de données résultant de l'action de ces quatre attributs.
Pour plus d'informations, consultez la section Classe DataType (Flash Professional uniquement)
dans Référence du langage des composants.
Dans bien des cas, il n’est pas nécessaire de modifier les paramètres qui figurent dans le volet
inférieur de l’onglet Schéma. Les conseils suivants indiquent quand modifier les paramètres
d'élément de schéma par rapport à leurs valeurs par défaut :
■
Un type est systématiquement nécessaire. La valeur par défaut de ce type de paramètre est
none, qui est équivalente au type Data.
■
Un encodeur est nécessaire lorsque le composant ne fournit pas les données dans la forme
désirée. Le cas le plus communément rencontré est celui du composant XMLConnector
ou tout autre composant dont les propriétés sont des données XML. Ceci est dû au fait
que XML stocke toutes les données, y compris les nombres, les dates et les valeurs
booléennes, sous forme de chaîne. Pour utiliser les données réelles, et non leur
représentation sous forme de chaîne, vous devez utiliser un encodeur.
■
Une mise en forme est nécessaire lorsque vous souhaitez contrôler la façon dont les
données sont converties en chaîne, en général pour des raisons d'affichage.
Liaison des données (Flash Professionnel uniquement)
459
■
Un type de données est nécessaire lorsque vous voulez appliquer une validation des
données, que vous souhaitez une meilleure conversion pour certains types de données ou
les deux.
Pour plus d'informations sur la configuration de ces éléments de schéma, consultez la section
Paramètres de l'élément de schéma, page 493.
Utilisation des liaisons dans l'onglet Liaisons
(Flash Professionnel uniquement)
Après avoir importé et défini les schémas de vos composants de données, comme indiqué dans
la section Utilisation des schémas dans l'onglet Schéma (Flash Professionnel uniquement),
page 453, vous pouvez procéder à l'ajout de liaisons. L’onglet Liaisons permet d’ajouter et
supprimer des liaisons entre les composants et de définir leurs propriétés. Toutes les liaisons
d'un composant y sont affichées.
L'illustration suivante représente l’onglet Liaisons. Le volet supérieur contient la liste des
propriétés exposées pour des liaisons (représentées par l’emplacement de leur schéma) du
composant sélectionné sur la scène. Ce volet contient aussi les boutons Ajouter une liaison (+)
et Supprimer une liaison (-). Le volet inférieur présente les détails du paramétrage de la
propriété sélectionnée, par exemple la cible de la liaison et la direction de celle-ci.
Propriétés de liaison,
représentées par l’emplacement
de leur schéma
Paramètres de la liaison
sélectionnée
460
Intégration des données (Flash Professionnel uniquement)
Pour parcourir les étapes de création des liaisons, consultez Exemple de liaison simple,
page 452. Les sections suivantes décrivent plus en détail chaque étape de la création d’une
liaison :
■
Ajout d'une liaison, page 461
■
Configuration des liaisons, page 462
■
Définition de la cible de la liaison, page 463
■
Formation d'une liaison indexée, page 465
Ajout d'une liaison
Pour ajouter une liaison, cliquez sur le bouton Ajouter une liaison (+) dans l’onglet Liaisons.
La boîte de dialogue Ajouter une liaison s'affiche.
La boîte de dialogue affiche tous les éléments de schéma (propriétés) du composant
sélectionné. Elle permet de sélectionner les propriétés qui doivent être exposées pour une
liaison. Les propriétés de composants sont affichées sous forme de nœuds racines dans
l'arborescence du schéma. Une icône en forme de flèche indique si un élément de schéma à un
accès en lecture/écriture, de la manière suivante : une flèche pointant vers la droite indique
une propriété en écriture seule, une flèche pointant vers la gauche indique une propriété en
lecture seule, et une flèche bidirectionnelle représente une propriété en lecture/écriture. (Voir
Configuration des liaisons, page 462.)
Pour prendre connaissance du processus de création d'une liaison, consultez Création d'une
application simple, page 447, qui permet de créer une application de données simple, ou
Exemple de liaison simple, page 452, qui démontre comment les liaisons connectent deux
composants d'interface utilisateur.
Liaison des données (Flash Professionnel uniquement)
461
En général, les étapes suivantes suffisent à ajouter une liaison :
1.
Sélectionnez sur la scène le composant pour lequel vous voulez créer une liaison.
2.
Dans l'Inspecteur de composants, cliquez sur l'onglet Liaisons.
3.
Cliquez sur le bouton Ajouter une liaison. La boîte de dialogue Ajouter une liaison
s'affiche.
4.
Sélectionnez la propriété pour laquelle vous souhaitez ajouter une liaison.
5.
Dans la partie inférieure de l’onglet Liaisons, cliquez sur le bouton Lié à. Vous pouvez alors
modifier la valeur de cette propriété.
6.
Cliquez sur l’icône de loupe du champ et sélectionnez le chemin du composant et
l’emplacement du schéma cibles de la liaison. Voir Définition de la cible de la liaison,
page 463.
7.
Dans la partie inférieure du panneau Liaisons, cliquez sur le bouton Direction et choisissez
la valeur appropriée dans le menu contextuel. Voir Configuration des liaisons, page 462.
8.
Répétez ces étapes pour établir des liaisons pour d’autres composants.
Le schéma d'un composant définit les éléments de schéma pouvant être liés. Cependant, il
peut être nécessaire de lier un élément de schéma qui n'est pas identifié dans le schéma de la
source de données. Pour ce faire, activez l’option Utiliser une expression de chemin. Voir Ajout
de liaisons à l’aide d’expressions de chemin.
Configuration des liaisons
Lorsqu'une propriété est sélectionnée dans la liste des liaisons, vous pouvez la définir plus
précisément en utilisant les options du panneau inférieur de l'onglet Liaisons. Vous pouvez y
définir des paramètres courants, tels que Direction et Lié à, ainsi que des propriétés plus
complexes comme l’attribut Formatter et ses options:
Affiche la liste des directions pouvant être définies pour une liaison. Choisissez
une valeur dans la liste :
Direction
■
In : L'élément de schéma sélectionné est la destination d'une liaison. Il reçoit une nouvelle
valeur lorsque l'autre extrémité de la liaison change. Dans l'onglet Schéma, « in » est
représenté par une flèche pointant vers la gauche.
■
Out : L'élément de schéma sélectionné est la source d'une liaison. Lorsque sa valeur
change, la valeur est copiée à l'autre extrémité de la liaison. Dans l'onglet Schéma, « out »
est représenté par une flèche pointant vers la droite.
■
In/Out : Les nouvelles valeurs de données sont copiées lorsqu'une des extrémités de la
liaison change de valeur. Dans l'onglet Schéma, « in/out » est représenté par une flèche à
deux pointes.
462
Intégration des données (Flash Professionnel uniquement)
Lié à Identifie l'élément de schéma de destination (propriété d’un autre composant) auquel
cet élément de schéma est lié. Vous devez spécifier cette valeur. Voir Définition de la cible de la
liaison, page 463.
Formatter Affiche une liste des moteurs de mise en forme disponibles, qui déterminent
comment afficher cette liaison. Pour plus d'informations, consultez la section Objets Formatter
des schémas, page 504.
Options de mise en forme Affiche la boîte de dialogue des options de mise en forme. Les
paramètres de cette boîte de dialogue sont utilisés à l'exécution pour contrôler la mise en
forme de données affectées à partir de cet élément de schéma à l'élément de schéma de
destination, qui est défini dans la propriété Bound to. Ces paramètres supplantent les
paramètres de mise en forme par défaut de l'élément de schéma source. Voir Objets Formatter
des schémas, page 504.
Si vous créez une liaison pour un élément de schéma qui est défini en tant que
champ d'un objet contenu dans un tableau, vous devez spécifier un index pour le tableau.
Voir Formation d'une liaison indexée, page 465.
Index pour
Définition de la cible de la liaison
Lorsque vous exposez une propriété d’un composant pour une liaison, vous devez définir la
cible de cette liaison. La boîte de dialogue Lié à apparaît lorsque vous cliquez sur Lié à dans le
panneau des attributs de liaison de l'onglet Liaisons. La boîte de dialogue inclut le panneau
Chemin du composant et le panneau Emplacement du schéma.
Liaison des données (Flash Professionnel uniquement)
463
Le panneau Chemin du composant affiche une arborescence des composants possédant des
propriétés de liaison. L'arborescence est basée sur l'environnement de modification actuel de
la scène.
■
Si la scène affiche le contenu de la racine du document, une seule arborescence de chemin
de composant est affichée pour la racine du document.
REMARQUE
■
Les occurrences de composant sont uniquement affichées si elles existent dans
l'Image 1 de la racine du document modifié ou dans l'Image 1 de tout clip/écran dont
l'occurrence existe dans la racine du document modifié. Ce panneau n'affiche que
les composants et non les champs de texte.
Si la scène affiche le contenu d'un clip modifié à partir de la bibliothèque, deux
arborescences de chemins de composants sont affichées. La première est affichée à partir
de la racine du symbole qui est modifié, la deuxième est affichée à partir de la racine du
document, pour permettre les liaisons vers les occurrences dans le document.
REMARQUE
Les liaisons vers cette arborescence de composant ne sont pas affichées dans les
occurrences Lié à lorsqu'elles sont sélectionnées. Elles apparaissent uniquement
sous forme de liaisons de l'occurrence du composant à laquelle elles sont liées.
Le panneau Emplacement du schéma affiche l'arborescence de schéma du composant
sélectionné dans le panneau Chemin du composant. Ces informations sont identiques à celles
qui apparaissent dans le panneau Arborescence de schéma de l'onglet Schéma de l’Inspecteur
de composants.
Vous pouvez utiliser une valeur dynamique ou une valeur constante pour la propriété Bound
to.
Pour utiliser une valeur dynamique pour la propriété Bound to :
1.
Sélectionnez un composant dans le panneau Chemin du composant.
2.
Effectuez l'une des opérations suivantes pour sélectionner un élément de schéma pour les
données:
■
Sélectionnez un élément de schéma à l'aide de l'arborescence de schéma située dans le
panneau Emplacement du schéma.
■
Choisissez Utiliser l'expression de chemin, puis sélectionnez une propriété de
composant dans l'arborescence de schéma et entrez une expression de chemin. Pour
plus d'informations, consultez la section Ajout de liaisons à l’aide d’expressions de
chemin, page 511.
464
Intégration des données (Flash Professionnel uniquement)
Pour utiliser une valeur constante pour la propriété Bound to :
■
Sélectionnez Utiliser une valeur constante et entrez une constante, par exemple 3, une
chaîne ou true. Vous pouvez utiliser n'importe quelle valeur valide pour l'élément de
schéma. Lorsque vous utilisez une valeur constante, le chemin du composant,
l'emplacement du schéma et l'expression de chemin sélectionnés sont ignorés. Vous
pouvez uniquement effectuer une liaison vers une valeur constante lorsque l'attribut
Direction de la liaison est défini sur In.
Formation d'une liaison indexée
Dans l'exemple d'application créé dans Création d'une application simple, page 447, la grille de
données affiche le menu du dîner. Toutefois, la description de chaque plat est trop longue
pour tenir dans la grille de données. Idéalement, il devrait être possible à l’utilisateur de
cliquer sur un élément dans la grille de données pour lire la description complète du plat, par
exemple dans une zone de texte sous la grille de données. Pour ce faire, il est nécessaire de créer
une liaison indexée vers le tableau de données.
Cette section montre comment créer une liaison indexée pour connecter un champ de la
source de données avec l’index sélectionné d’un autre composant. La liaison indexée est
généralement appliquée à la propriété selectedIndex d'un élément d'interface utilisateur.
Lorsque établissez une liaison avec l'index d'un tableau, le paramètre de sa valeur s'affiche de
façon dynamique dans le volet des attributs du schéma. Utilisez ce paramètre, le champ Index
pour, pour spécifier ce qui doit être lié à l'index.
REMARQUE
Si l'emplacement d'un élément de schéma inclut plusieurs références à des tableaux
telles que "machin/bar[]/abc[]/def[]", trois paramètres index for sont ajoutés
dynamiquement au panneau des attributs du schéma ; un pour chaque tableau devant
être indexé.
Dans l’exemple suivant, vous allez ajouter une zone de texte pour afficher la description
complète du plat lorsque l’utilisateur clique sur un élément de la grille de données.
Liaison des données (Flash Professionnel uniquement)
465
Pour créer une liaison indexée :
1.
Si ce n'est pas déjà fait, créez l'exemple d'application présenté dans Création d'une
application simple, page 447.
2.
Faites glisser un composant TextArea sur la scène et appelez-le myTextArea.
3.
Sélectionnez l'occurrence xmlConn, cliquez sur l'onglet Liaisons, cliquez sur le symbole +,
puis sélectionnez la propriété description:String, qui figure dans le tableau food.
Notez que dans l'onglet Liaisons, l'attribut Index for ‘food’ est ajouté de façon
dynamique, comme illustré par l'image suivante. Vous entrerez sa valeur ultérieurement.
4.
Sélectionnez le champ results:dinner_menu:food.[n].description:String dans
l'onglet Liaisons, cliquez sur Lié à, cliquez sur la loupe, sélectionnez myTextArea, puis
sélectionnez la propriété text:string.
La zone de texte est remplie par la propriété description du tableau food.
Ensuite, définissez la valeur d'index du tableau food, de façon à ce que, lorsque
l'utilisateur clique sur un autre élément de la grille de données, la description adéquate
vienne occuper la zone de texte.
466
Intégration des données (Flash Professionnel uniquement)
5.
Cliquez sur Index for ‘food’, cliquez sur la loupe, désélectionnez Utiliser une valeur
constante, sélectionnez l'occurrence menu_dg du composant DataGrid, puis sélectionnez
selectedIndex:Number. Les paramètres de la liaison indexée apparaissent dans l’onglet
Liaisons, comme dans l’image suivante :
6.
Vous allez ensuite donner la valeur 0 à la valeur d’index par défaut de DataGrid, afin de
rendre cette occurrence disponible pour la liaison de données : sélectionnez l'occurrence
menu_dg, cliquez dans l'onglet Schéma, sélectionnez selectedIndex:number, puis dans le
champ Valeur par défaut du volet inférieur, tapez 0.
7.
Enregistrez et testez l’application. Cliquez sur le bouton Load Data, puis sur différents
éléments de la grille de données.
La zone de texte affiche alors la description de chaque plat. Chaque fois que l'utilisateur
final sélectionne un nouvel élément dans la grille de données, l'index du tableau est mis à
jour de manière à afficher les données associées au nouvel élément.
REMARQUE
La propriété index for apparaît uniquement dans le volet Attributs de liaisons de
l'élément de schéma qui est le champ de l'objet dans le tableau.
Liaison des données (Flash Professionnel uniquement)
467
Il peut parfois être nécessaire de définir manuellement un schéma qui identifie un élément de
schéma comme champ d'un objet contenu dans un tableau. Dans l'exemple suivant, les
champs de schémas id, billable, rate et duration sont tous considérés comme des attributs d'un
objet contenu dans le tableau de lignes :
results : XML
datapacket : Object
row : Array
[n] : object
@id : Integer
@billable : Boolean
@rate : Number
@duration : Integer
Si une liaison est créée pour l'un de ces éléments, une propriété index for 'row' apparaît
dans le panneau des attributs de liaison, de façon à pouvoir spécifier un index pour le tableau
« row ». Flash utilise le champ [n] du schéma pour identifier ce type de relation. Il peut donc
être nécessaire de dupliquer cette entrée si vous créez un schéma de façon manuelle. Pour ce
faire, ajoutez un nouveau champ de schéma dans le nœud row : Array et définissez Nom de
champ pour le champ de schéma sur [n]. Le compilateur lit cette valeur et crée une propriété
index for si elle est utilisée dans une liaison.
Le débogage de la liaison de données et les services
Web (Flash Professionnel uniquement)
La liaison de données est une série d'actions exécutées en réponse à des événements, par
exemple:
■
Les données d'une propriété de composant changent.
■
Un appel à un service Web est terminé.
■
Un document XML est récupéré.
Il est possible de créer un journal de toutes les actions effectuées par la liaison de données ou
les services Web. Pour créer ce journal, créez un nouvel objet Log en ajoutant le code suivant
dans la première image de votre document Flash:
_global.__dataLogger=new mx.data.binding.Log();
de suivi
//pour activer le journal
Pour désactiver la journalisation, utilisez le code suivant :
_global.__dataLogger=null; //pour désactiver le suivi de la liaison
468
Intégration des données (Flash Professionnel uniquement)
Lorsque vous exécutez une application qui active le suivi, un journal détaillé des événements
et actions de liaison de données et de services Web apparaît dans la fenêtre Sortie. L'image
suivante porte sur le journal de l'application créée au cours de la section Création d'une
application simple, page 447, lorsque le code de création du journal de suivi a été ajouté à la
première image de l'application :
Les événements journalisés sont les suivants :
■
Exécution des liaisons
■
Appel des méthodes de services Web
■
Récupération de documents XML
■
Evénements d'états et de résultats des composants WebService et XML
■
Evénements valides et non valides des champs de données validés
■
Différentes erreurs, paramètres non valides, etc.
Lorsque vous exécutez votre application puis examinez le journal, vous pouvez souvent
découvrir pourquoi tout ne fonctionne pas comme prévu. Un erreur peut parfois être
rapportée de façon explicite ; par exemple, un paramètre de service Web manquant. En
d'autres occasions, les données sont liées au mauvais composant ou ne le sont pas du tout, et
ainsi de suite. Si vous trouvez que le journal contient trop d'informations, effacez la fenêtre
Sortie en sélectionnant Effacer dans le menu contextuel, pour que le journal soit aussi concis
que possible.
Pour plus d'informations, consultez « Classe Log (Flash Professionnel uniquement) » dans
Référence du langage des composants.
Liaison des données (Flash Professionnel uniquement)
469
Liaison des données dans Flash Player 7 :
comparaison avec Flash Player 6
Les liaisons entre les composants sont déclenchées selon des événements de composant par
défaut (par exemple, une liaison entre les propriétés selectedIndex d'un composant
DataGrid et un composant DataSet se déclenche chaque fois qu'un nouvel enregistrement est
sélectionné dans le composant DataGrid ou DataSet). Lorsque l'événement est lancé, la
liaison est mise en file d'attente pour être exécutée dès que possible. Cette action dépend de la
version de Flash Player utilisée. Si vous publiez pour Flash Player 7, la liaison se produit
immédiatement. Si vous publiez pour une version antérieure de Flash Player, la liaison est
mise en file d'attente pour être exécutée au début de l'image suivante.
Cependant, le composant DataSet ne fonctionne qu'avec Flash Player 7. Le fait de placer des
liaisons en file d'attente sur l'image suivante risque de provoquer des problèmes au niveau des
composants, tels que DataSet, qui disposent de leurs propres événements pour accéder aux
données qui peuvent ne plus être synchronisées avec les liaisons de données. Il est
recommandé de publier pour Flash Player 7 lorsque vous utilisez la liaison des données.
Connectivité des données (Flash
Professionnel uniquement)
Dans Flash, le composant Connector est chargé des connexions à une source de données. Le
schéma de la source de données est mappé sur les propriétés d’un composant Connector. Une
application peut généralement contenir plusieurs composants Connector chargés de
l’extraction ou de la mise à jour des données, voire des deux opérations.
Pour être en mesure de créer des liaisons de données, vous devez d’abord définir un
composant Connector sur la scène ou créer les mappages appropriés en ActionScript, à l’aide
de la classe du composant WebServiceConnector. Cependant, il est utile de comprendre la
structure des liaisons de données de Flash ; consultez la section Liaison des données (Flash
Professionnel uniquement), page 451.
REMARQUE
470
Les données externes sont des données accessibles par HTTP.
Intégration des données (Flash Professionnel uniquement)
Flash contient les composants de connecteurs suivants :
■
Le Composant WebServiceConnector (Flash Professional uniquement), qui permet de se
connecter à l'URL WSDL d'un service Web.
■
Le composant Utilisation du composant XMLConnector (Flash Professional uniquement), qui
permet de se connecter à une source de données externe qui renvoie le code XML à l'aide
du protocole HTTP (JSP, ASP, Servlet ou ColdFusion par exemple).
Les développeurs chevronnés et les administrateurs de base de données peuvent aussi utiliser
les classes WebService pour rédiger du code ActionScript accédant à des appels de procédures
distantes exposées par un serveur, à l’aide du protocole SOAP (Simple Object Access
Protocol). Pour plus d'informations, consultez « Classes de service Web (Flash Professionnel
uniquement) » dans Référence du langage des composants.
REMARQUE
Les classes WebService, qui sont communes à divers logiciels Macromedia, ne sont
accessibles qu’en ActionScript. Le composant WebServiceConnector dispose d'une
API qui est propre à Flash et permet d'accéder aux méthodes de composant, aux
propriétés et aux événements par l'intermédiaire de l'interface visuelle.
Pour mieux définir le type d’architecture de connectivité à utiliser, consultez les articles
suivants sur le site Macromedia DevNet : « Choosing Between XML, Web Services, and
Remoting for Rich Internet Applications » à www.macromedia.com/devnet/mx/flash/articles/
ria_dataservices.html et « Getting a Handle on Web Services » à www.macromedia.com/
devnet/mx/flash/articles/flmxpro_webservices.html.
Connexion à des services Web à l’aide du composant
WebServiceConnector (Flash Professionnel
uniquement)
Le composant WebServiceConnector gère les opérations d’analyse, liaison et accès à des
données entre un service Web distant et votre application Flash. Une seule occurrence du
composant WebServiceConnector peut être utilisée pour appeler plusieurs fois la même
opération. Pour appeler plusieurs opérations, vous devez utiliser une occurrence séparée du
composant WebServiceConnector par opération. Par exemple, utilisez une occurrence pour
vous connecter à un composant DataSet et une autre vous connecter au composant Resolver,
comme indiqué dans l'illustration de la présentation au début de ce chapitre.
Connectivité des données (Flash Professionnel uniquement)
471
Pour utiliser le composant WebServiceConnector, il est nécessaire de charger le schéma du
service Web dans ce composant. Le schéma d'un service Web est défini dans un fichier WSDL
(Web Service Description Language). Le fichier WSDL (accessible à l’aide d’une URL)
énumère le schéma, c’est-à-dire les opérations, paramètres et résultats exposés par le service
Web. Après avoir chargé le schéma, vous pouvez créer des liaisons de données.
Vous pouvez charger et afficher le schéma d'un service Web en entrant l'URL dans le
paramètre WSDLURL d'une occurrence de composant WebServiceConnector.
L'exemple suivant montre comment charger et visualiser le schéma d'un service Web
fournissant des conseils sur divers produits. Vous devez ajouter une occurrence du composant
WebServiceConnector sur la scène, indiquer le service Web à utiliser, et afficher le schéma de
ce service Web dans l’onglet Schéma de l’Inspecteur de composants.
REMARQUE
Cet exemple nécessite une connexion Internet active, car il utilise un service Web public.
Si vous utilisez un service Web dans votre application, ce service doit se trouver sur le
même domaine que le fichier SWF de l'application pour que celle-ci fonctionne dans un
navigateur Web. Pour plus d'informations, consultez la section La connectivité des
données et la sécurité dans Flash Player, page 478.
1.
Faites glisser un composant WebServiceConnector sur la scène et nommez-le tipsWSC.
2.
Dans l'Inspecteur de composants, cliquez sur l'onglet Paramètres si nécessaire.
3.
Sélectionnez le paramètre WSDLURL et tapez l'URL suivante :
http://www.flash-mx.com/mm/tips/tips.cfc?WSDL
Lorsque vous spécifiez un service Web pour un composant WebServiceConnector de cette
façon, ce dernier s'ajoute automatiquement au panneau Services Web et devient
disponible pour toutes les applications que vous créez.
4.
472
Sélectionnez Operation et sélectionnez la méthode getTipByProduct.
Intégration des données (Flash Professionnel uniquement)
5.
Cliquez sur l’onglet Schéma et consultez le schéma du service Web :
L’onglet Schéma affiche une représentation schématique du service appelé. Le schéma
définit les paramètres et la structure du résultat. Le schéma Tips indique que le service
requiert un paramètre String, product, lorsqu'il est appelé ; il s'agit de l'entrée en écriture
seule, comme indiqué par la flèche pointant vers la droite. Le service renvoie une chaîne
en réponse à l’appel. Cette chaîne est transmise en lecture seule, comme l’indique la flèche
pointant vers la gauche.
Dès lors que le schéma du service Web apparaît dans l’onglet Schéma, les éléments
identifiés dans ce schéma peuvent être liés (via l’onglet Liaisons) à de nombreux contrôles
d’interface, afin de permettre aux utilisateurs de saisir des valeurs pour les paramètres et de
visualiser les résultats renvoyés par le service Web. Pour voir fonctionner ce service Web,
consultez l’application Tips dans l'emplacement suivant :
■
Sous Windows, ouvrez le répertoire lecteur d'initialisation\Program
Files\Macromedia\Flash 8\Samples and
Tutorials\Samples\DataIntegration\MacromediaTips
■
Sur Macintosh, ouvrez le répertoire disque dur Macintosh/Applications/Macromedia
Flash 8/Samples and Tutorials/Samples/DataIntegration/MacromediaTips
Pour plus d'informations sur la liaison des données, consultez les sections Liaison des
données (Flash Professionnel uniquement), page 451 et Utilisation des liaisons dans l'onglet
Liaisons (Flash Professionnel uniquement), page 460.
Connectivité des données (Flash Professionnel uniquement)
473
Pour prendre connaissance du processus commun et des informations sur les propriétés,
méthodes et événements du composant WebServiceConnector, consultez les sections
Composant WebServiceConnector (Flash Professional uniquement) et Utilisation du composant
WebServiceConnector (Flash Professional uniquement) dans Référence du langage des composants.
Utilisation du panneau Services Web
Vous pouvez afficher la liste des services Web, les actualiser et en ajouter ou en supprimer à
l'aide du panneau Services Web (Fenêtre > Autres panneaux > Services Web). Une fois que
vous l’avez ajouté dans le panneau Services Web, vous pouvez utiliser le service Web pour
toutes les applications que vous créez. Pour ajouter un service Web dans le panneau Services
Web, faites glisser un composant WebServiceConnector sur la scène et indiquez une valeur
pour le paramètre WSDLURL.
Pour actualiser tous les services Web à la fois dans le panneau Services Web, cliquez sur le
bouton Actualiser les services Web. Si, au lieu d’utiliser la scène, vous rédigez du code
ActionScript pour la couche de connectivité de votre application, vous pouvez utiliser le
panneau Services Web pour gérer ces services.
L’illustration suivante montre le panneau Services Web contenant plusieurs services Web. Un
service Web est représenté par l’icône de la planète, et ses opérations apparaissent dans
l’arborescence.
474
Intégration des données (Flash Professionnel uniquement)
Pour ajouter, renommer ou supprimer un service Web :
1.
Cliquez sur Définir les services Web (l’icône de la planète, en haut du panneau).
2.
Pour ajouter un service, cliquez sur Ajouter un service Web, et indiquez l’URL du service
Web désiré. Pour modifier un service Web existant, double-cliquez sur son nom. Pour le
supprimer, cliquez sur son nom, puis sur le bouton Supprimer.
Pour modifier le schéma d’un composant WebServiceConnector, utilisez l’onglet Schéma
de l’Inspecteur de composants.
REMARQUE
L'accès à un service Web (comme l'accès aux données externes) est protégé par les
fonctions de sécurité de Flash Player. Pour plus d'informations, consultez la section La
connectivité des données et la sécurité dans Flash Player, page 478.
Connexion aux données XML à l'aide du composant
XMLConnector (Flash Professionnel uniquement)
Le composant XMLConnector permet d'accéder à toute source de données externe renvoyant
ou recevant des données XML via HTTP. Une même occurrence du composant
WebServiceConnector peut être utilisée pour appeler plusieurs fois la même opération. Pour
appeler plusieurs opérations, vous devez utiliser une occurrence séparée du composant
XMLConnector par opération. Par exemple, utilisez une occurrence pour vous connecter à un
composant DataSet et une autre vous connecter au composant Resolver, comme indiqué dans
l'illustration de la présentation au début de ce chapitre.
Pour utiliser le composant XMLConnector, il est nécessaire de charger un exemple du schéma
du document XML dans le composant. Le schéma est la structure du document XML qui
identifie les éléments de données contenus dans le document cible de la liaison.
Pour charger le schéma, importez un exemple des données XML auxquelles vous voulez vous
connecter. Vous pouvez soit utiliser un exemple réel (de données existantes), soit, si vous
connaissez la syntaxe XML, créer un exemple vous-même. Importez cet exemple de fichier
XML dans l’Inspecteur de composants.
Vérifiez que l’exemple utilisé contient tous les éléments nécessaires à la liaison des données et à
la représentation précise des données. Des structures XML différentes produiront des schémas
différents. Ainsi, si votre exemple contient un tableau avec un seul élément, Flash ne pourra
pas deviner qu’un index est nécessaire pour gérer ce tableau. Le tableau doit donc contenir au
moins deux éléments.
Connectivité des données (Flash Professionnel uniquement)
475
Pour importer un exemple de schéma :
1.
Localisez le fichier XML à utiliser comme exemple.
2.
Faites glisser un composant XMLConnector sur la scène.
3.
Dans l’Inspecteur de composants, cliquez sur l’onglet Paramètres, puis indiquez le chemin
d’accès complet de la source de données XML dans le champ URL.
4.
Cliquez sur l'onglet Schéma dans l'Inspecteur de composants et sélectionnez params ou
results, en fonction des besoins. Sélectionnez results si l'échantillon XML représente
le schéma des résultats d'un appel à la source de données.
5.
Procédez de l'une des manières suivantes pour importer le schéma :
6.
■
Cliquez sur le bouton Importer un exemple de schéma dans le coin supérieur droit de
l'onglet Schéma.
■
Cliquez sur le contrôle du menu d'options dans le coin supérieur droit de l’Inspecteur
de composants, et sélectionnez Importer un schéma XML dans le menu.
Dans la boîte de dialogue Ouvrir, recherchez le fichier que vous souhaitez utiliser comme
exemple, puis cliquez sur Ouvrir.
Le schéma apparaît dans l'onglet Schéma. Vous pouvez maintenant créer une liaison entre
les éléments de votre document XML et les propriétés des autres composants de votre
application.
REMARQUE
476
Certains documents XML possèdent une structure qui ne peut pas être représentée par
Flash, par exemple des éléments contenant une combinaison d'éléments enfants et de
texte.
Intégration des données (Flash Professionnel uniquement)
L'illustration suivante présente le schéma du fichier Animals.xml :
L’onglet Schéma affiche une représentation schématique de la structure du fichier XML. Il
indique que la propriété results du composant XMLConnector est un objet XML.
L'élément racine de l'objet s'appelle Inventory. Il contient les éléments Vendor, Categories,
etc. L'élément Vendor contient un élément unique appelé Name. Il s'agit d'une chaîne. Le
champ Categories contient un élément appelé Birds, qui contient l'attribut labelname.
L'élément Birds contient également un tableau d'objets appelé Bird. Chacun des objets
possède deux attributs : name et url. Il contient également un élément unique appelé key, qui
contient l'attribut id. L'index du tableau Bird est représenté par le champ [n].
Les champs String et Integer peuvent être liés à différents composants d'interface utilisateur.
Le champ du tableau Bird peut être lié à un composant DataSet ou à des composants
d’interface énumérés dans une liste (composant List, DataGrid ou ComboBox) qui utilisent
tous l’interface du fournisseur de données. Sinon, vous pouvez lier directement les composant
d'interface utilisateur aux champs par l'intermédiaire de certains enregistrements du tableau,
comme indiqué dans l'exemple d'application dans Formation d'une liaison indexée, page 465.
Connectivité des données (Flash Professionnel uniquement)
477
Le processus de création d'une application qui manipule des données consiste généralement à
lier un tableau du composant XMLConnector à la propriété dataProvider du composant
DataSet. Sinon, vous pouvez lier directement les composant d'interface utilisateur aux champs
par l'intermédiaire de certains enregistrements du tableau, comme indiqué dans l'exemple
d'application dans Formation d'une liaison indexée, page 465. Dans ce scénario, l'ensemble de
données peut servir à gérer les données. Les champs de l'ensemble de données peuvent ensuite
être associés à n'importe quel composant de l'interface utilisateur par la liaison des données.
Pour plus d'informations sur le composant XMLConnector, ce qui inclut ses propriétés, ses
méthodes et ses événements, consultez Composant XMLConnector (Flash Professional
uniquement) dans Référence du langage des composants. Pour prendre connaissance du processus
commun d'utilisation de ce composant, consultez Utilisation du composant XMLConnector
(Flash Professional uniquement) dans Référence du langage des composants.
Vous pouvez également consulter les didacticiels suivants sur le site Macromedia DevNet :
« Bike Trips Sample » à www.macromedia.com/devnet/mx/flash/articles/xmlconnector.html
et « Data Integration Using ASP » à www.macromedia.com/devnet/mx/flash/articles/
flashpro_asp.html.
La connectivité des données et la sécurité dans Flash
Player
De nombreux développeurs souhaitent utiliser des services Web standard, tels que SOAP,
comme mécanisme d'échange de données entre leur client et le serveur. L'engouement pour
cette approche s'explique en partie par l'augmentation du nombre de serveurs acceptant la
présentation de la logique métier à l'aide de SOAP.
Il peut être nécessaire de configurer le logiciel client pour qu'il utilise les services Web publiés
par des tiers ou hébergés sur des serveurs extérieurs au Sandbox de Flash Player. Tous les accès
aux données externes par le biais d'un composant Connector sont protégés par la fonction de
sécurité Sandbox de Flash Player, pour toutes les applications Flash exécutées dans un
navigateur Web. Cette fonction empêche les documents Flash d'accéder à des données issues
d'un domaine autre que le domaine source (y compris pour les services Web publics). Il existe
plusieurs façons d’obtenir ce que vous souhaitez tout en préservant la sécurité et la
confidentialité de l'utilisateur final assurée par le Sandbox de Flash Player :
■
478
Créer un fichier de stratégies sur le serveur hébergeant le service Web à utiliser. Pour plus
d'informations, consultez Fichiers de régulation côté serveur pour autoriser l’accès aux
données, dans Formation à ActionScript 2.0 dans Flash et la TechNote de sécurité numéro
14213 à www.macromedia.com/go/tn_14213.
Intégration des données (Flash Professionnel uniquement)
■
Créer un objet intermédiaire résidant sur le serveur et jouant le rôle de passerelle entre le
client et les services publics à utiliser. Elle présente plusieurs avantages :
■
Les services Web publics peuvent être regroupés. Vous pouvez assurer le basculement
et l'équilibrage de charge lorsqu'une requête de données est lancée.
■
Vous gardez le contrôle du flux de données entrant dans l'application. Si le service
Web n'est plus disponible ou que l'URL est momentanément hors service, vous
pouvez décider des actions à entreprendre.
■
Les données peuvent être optimisées. Plusieurs requêtes peuvent être mises en cache.
■
Vous pouvez personnaliser le traitement des erreurs et définir les erreurs à renvoyer au
client.
■
Vous pouvez manipuler, convertir ou combiner les données. Vous pouvez obtenir des
données de plusieurs sources et les combiner pour ne renvoyer qu'un seul paquet de
données.
La plupart des applications basées sur le protocole SOAP utilisent des services Web privés sur
le serveur. Une fois que vous déterminé la meilleure façon d'implémenter et d'exposer vos
propres services Web, il est très facile de faire en sorte que l'application client ait accès aux
services Web publics. Si vous contrôlez également le serveur, vous pouvez mettre en place une
solution complète. Le serveur est l'emplacement idéal de la logique métier. Il lui permet de
déterminer la meilleure façon de répondre aux requêtes de données et d'identifier les résultats
à renvoyer au client. C'est aussi la façon la plus sûre de concevoir une application. Le serveur
peut réaliser des opérations supplémentaires pour veiller à ce que les utilisateurs aient
uniquement accès à certains services et les empêcher d'appeler des services malveillants
susceptibles de renvoyer de mauvaises données.
Pour plus d'informations, consulter l'article de DevNet « Getting a Handle on Web Services »
à www.macromedia.com/devnet/mx/flash/articles/flmxpro_webservices.html.
Connectivité des données (Flash Professionnel uniquement)
479
Gestion des données (Flash
Professionnel uniquement)
Le composant DataSet est destiné aux applications devant traiter des données gérées. Le terme
données gérées fait référence à la possibilité de réaliser des opérations avancées sur un cache
local de données, notamment des opérations de tri multiple, de filtrage, de recherche et de
mise en cache hors ligne. Une solution de données gérées nécessite plus de travail de
configuration mais vous procure une meilleure maîtrise des données. Il est généralement
conseillé d'utiliser une approche de données gérées dans les scénarios suivants :
■
Vous devez appliquer des opérations de tri, de filtrage ou de plage portant sur des champs
multiples de vos données.
■
Vous créez une application utilisable hors ligne (les changements apportés aux données
sont mis en cache hors ligne et appliqués ultérieurement).
■
Vous souhaitez recevoir les modifications depuis le serveur et les appliquer à votre cache
local de données.
■
Vous souhaitez créer votre propre implémentation d'objet de transfert pour compléter une
classe métier sur le serveur.
■
Vous envisagez de renvoyer les données mises à jour à une source de données externe à
l'aide des fonctions intégrées des composants DataSet et Resolver (telles que le suivi
automatique des modifications apportées aux données, qui peut être converti en plusieurs
formats).
Pour plus d'informations, consultez la section Gestion des données avec le composant DataSet
(Flash Professionnel uniquement), page 481.
Si votre application affiche des données dynamiques en lecture seule, il existe une approche
plus simple qui ne fait pas appel au composant DataSet. Dans ce cas, les résultats d’un
composant Connector sont liés directement aux composant d’interface du document Flash.
Le composant DataSet utilise les fonctionnalités des classes de liaison des données (DataBinding).
Si vous envisagez d'utiliser le composant DataSet uniquement avec du code ActionScript, sans
définir de propriétés via les onglets Liaisons et Schéma de l'Inspecteur de composants, importez les
classes de liaison des données dans votre fichier FLA et définissez les propriétés du schéma dans le
code. Pour plus d'informations, consultez la section Disponibilité des classes de liaison des données
à l’exécution (Flash Professional uniquement) dans Référence du langage des composants.
Pour exécuter un didacticiel portant sur le composant DataSet, voir l'article de DevNet
« Flash Data Integration Using Microsoft Active Server Pages (ASP) » à
www.macromedia.com/devnet/mx/flash/articles/flashpro_asp.html.
Le composant DataSet fonctionne uniquement à partir de Flash Player 7.
480
Intégration des données (Flash Professionnel uniquement)
Gestion des données avec le composant DataSet
(Flash Professionnel uniquement)
La structure de données fondamentale des applications orientées données est un tableau
composé de lignes et de colonnes, ou champs. Pour exposer les champs de la ligne active du
tableau, il est nécessaire de définir les propriétés d’un composant DataSet dans l’onglet
Schéma. (Pour obtenir un exemple, consultez l'exemple de conception dans Accès aux données,
page 485.)
Dès lors qu’un schéma a été spécifié pour le composant DataSet, les liaisons suivantes sont en
général créées vers ou depuis un composant DataSet:
■
Liaison des résultats d’un composant Connector aux champs du composant DataSet.
■
Liaison des champs des composants DataSet aux propriétés des composants d’interface
dans le document Flash.
■
Liaison de la propriété DeltaPacket d’un composant Resolver à la propriété DeltaPacket
d’un composant DataSet.
Le diagramme suivant illustre la liaison de données qui est en général nécessaire pour utiliser
un composant DataSet.
Lié à
Composant
DataSet
Lié à
Composant
DataGrid
Lié à
Composant
Connector
Composant
Resolver
Gestion des données (Flash Professionnel uniquement)
481
Le composant DataSet permet de conserver et organiser vos données ; vous devez utiliser les
liaisons de données et écrire du code ActionScript pour traiter les mises à jour. Les
modifications apportées aux données via les composants d’interface peuvent faire l’objet d’un
suivi qui permettra de produire un DeltaPacket, un objet produit par le composant DataSet et
contenant une liste des modifications apportées aux données lors de l’exécution. Un
composant Resolver peut alors traiter le DeltaPacket dans un format spécifique qui permettra
à des sources de données externes de l’utiliser. A l'aide de la méthode logChanges() du
composant DataSet, vous pouvez suivre les modifications apportées aux données et aux
méthodes appelées. L'exemple suivant illustre le flux de données à travers un composant
d'interface utilisateur, des composants DataSet et Resolver et l'objet DeltaPacket résultant.
Les données sont modifiées à
l'aide des contrôles visuels ou
de l'API.
OpenPrice
LastUpdate
St
23.25
3:05pm
23
26.50
3:05pm
26
3:05pm
40
41.01
Le composant DataSet produit un paquet
Delta, que le composant Resolver utilise
pour créer un paquet de mise à jour à un
format spécifique.
OpenPrice
LastUpdate
St
23.25
3:05pm
23
26.50
3:05pm
26
41.01
3:05pm
40
Le paquet de mise à jour contient les
modifications apportées aux données.
<?xml version="1.0" standalone="no"?>
=<delta_packet>
<delete node="/members/member[ID="0"]"/>
-<insert before="/members/member[ID="6"]"/>
-<member>
<ID>0</ID>
<ScreenName>Bobbo</ScreenName>
<SurName>Smith</SurName>
<FirstName>Bob</FirstName>
<email>bob.com</email>
Pour prendre connaissance du processus commun et des informations relatives à l'utilisation
des méthodes, des propriétés et des événements du composant DataSet pour gérer vos
données, consultez Utilisation du composant DataSet, Classe DataSet (Flash Professional
uniquement) et Interface DeltaPacket (Flash Professional uniquement) dans Référence du langage
des composants.
Le composant DataSet utilise les fonctionnalités des classes de liaison des données
(DataBinding). Si vous envisagez d'utiliser le composant DataSet uniquement avec du code
ActionScript, sans définir de propriétés via les onglets Liaisons et Schéma de l'Inspecteur de
composants, vous devez importer les classes de liaison des données dans votre fichier FLA et
définir les propriétés du schéma dans le code. Pour plus d'informations, consultez la section
Disponibilité des classes de liaison des données à l’exécution (Flash Professional uniquement) dans
Référence du langage des composants.
Le composant DataSet fonctionne uniquement à partir de Flash Player 7.
Pour plus d'informations sur l’utilisation de données avec le composant DataSet, consultez les
rubriques suivantes :
■
Le chargement de données dans le composant DataSet, page 483
■
Accès aux données, page 485
482
Intégration des données (Flash Professionnel uniquement)
Le chargement de données dans le composant DataSet
Pour charger des données dans le composant DataSet, il est nécessaire de modifier le schéma
du composant DataSet et de créer des liaisons de données, soit en ActionScript, soit dans
l’onglet Liaisons de l’Inspecteur de composants. En général, il est nécessaire de modifier le
schéma pour que les données s’affichent correctement dans votre application. Pour plus
d'informations sur la modification des schémas, consultez les sections Ajout d'une propriété de
composant à un schéma, page 455 et Ajout d'un champ de schéma à un élément de schéma,
page 457. Il existe deux moyens de créer des liaisons pour un composant DataSet :
■
Un tableau d'objets lié à la propriété DataSet.items (consultez DataSet.items dans
Référence du langage des composants).
■
Un objet lié à la propriété DataSet.dataProvider. Cet objet doit implémenter l'interface
DataProvider ; voir la propriété DataSet.dataProvider et DataProvider, API dans
Référence du langage des composants.
Les objets peuvent être des objets complexes côté client qui reflètent à l'identique les objets
côté serveur ou, plus simplement, une collection d'objets anonymes avec des propriétés
publiques représentant les champs d'un enregistrement de données.
Le composant DataSet utilise les fonctionnalités des classes de liaison des données
(DataBinding). Si vous envisagez d'utiliser le composant DataSet uniquement avec du code
ActionScript, sans définir de propriétés via les onglets Liaisons et Schéma de l'Inspecteur de
composants, importez les classes de liaison des données dans votre fichier FLA et définissez les
propriétés du schéma dans le code.
Les exemples suivants donnent différentes façons de charger des objets dans le composant
DataSet, à l'aide de code ActionScript ou de l'Inspecteur de composants. Ces exemples
supposent que vous avez spécifié un schéma pour le composant DataSet dans l'onglet Schéma.
Consultez l'exemple de conception dans Accès aux données, page 485.
L'exemple de code ActionScript suivant affecte un tableau de 100 objets
anonymes à la propriété items de l'occurrence myDataSet du composant DataSet. Chaque
objet représente un enregistrement de données.
Objets anonymes
function loadData() {
var recData = new Array();
for( var i:Number=0; i<100; i++ ) {
recData[i]= {id:i, name:String("name"+i), price:i*.5};
}
myDataSet.items = recData;
}
Gestion des données (Flash Professionnel uniquement)
483
Remoting RecordSet L'exemple de code ActionScript suppose que vous utilisez Flash
Remoting et que vous avez effectué un appel distant qui a renvoyé un composant RecordSet.
L'objet Jeu d'enregistrements implémente l'interface DataProvider. Le résultat est affecté à la
propriété dataProvider de l'occurrence de composant myDataset :
function getSQLData_Result(result) {
myDataset.dataProvider = result;
}
Tableau d'objets renvoyés par le service Web L'exemple suivant indique comment
utiliser l'Inspecteur de composants pour lier un tableau d'objets renvoyé par le service Web,
représenté par l'occurrence myWsc du composant WebServiceConnector. L’illustration de
gauche montre le schéma du service Web. L'exemple de droite indique comment le tableau
results est lié à la propriété items de l'occurrence de composant myDataset.
484
Intégration des données (Flash Professionnel uniquement)
Tableau d’objets renvoyé par un composant XMLConnector L’illustration suivante
présente un exemple d’utilisation de l’Inspecteur de composants pour lier un tableau de
nœuds XML, représenté par le composant XMLConnector. Cet exemple suppose qu’un
schéma de fichier XML contenant un tableau de nœuds XML a été préalablement importé.
L’illustration de gauche montre le schéma du document XML, le tableau de nœuds XML
représenté par un tableau ActionScript. L'exemple de droite indique comment le tableau
results.datapacket.row est lié à la propriété dataProvider de l'occurrence de composant
myDataset du composant DataSet.
Accès aux données
Après avoir chargé les données dans le composant DataSet et défini le schéma de celui-ci, vous
pouvez accéder aux données. Les données sont accessibles aussi bien à l’exécution que lors de
la conception.
Exemple à l'exécution L'accès aux données à l'exécution est simple. Comme les données sont
chargées sous forme d’objets, elles sont exposées via des propriétés qui peuvent être référencées
par du code. Le composant DataSet dispose d'une méthode (DataSet.first) qui permet de
sélectionner l'objet correspondant au premier élément du tableau.
Gestion des données (Flash Professionnel uniquement)
485
Le code suivant montre un exemple d’accès aux données à l’exécution. Il charge l'occurrence
myDataSet existante du composant DataSet avec des informations sur le client, puis affiche le
nom de chaque client dans la fenêtre de suivi : Notez que les types de données de ces
informations sur les clients, le tableau d’objets, sont ajoutés afin que les données s’affichent
correctement:
//Tirer le composant DataSet sur la scène et le nommer myDataSet (c’est la
méthode la plus facile pour créer une occurrence et importer les
bibliothèques nécessaires)
//Crée recData qui regroupe des informations sur le client dans un tableau
d'objets
var recData = [{id:0, firstName:"Frank", lastName:"Jones", age:27,
usCitizen:true},
{id:1, firstName:"Susan", lastName:"Meth", age:55,
usCitizen:true},
{id:2, firstName:"Pablo", lastName:"Picasso", age:108,
usCitizen:false}];
//Affecte recData à la propriété des éléments de l'occurrence de composant
« myDataSet »
myDataSet.items = recData;
//Ajoute des types de schéma aux champs attendus
var i:mx.data.types.Str;
var j:mx.data.types.Num;
//L'élément courant correspond au premier élément
myDataSet.first();
//Suit les propriétés
while ( myDataSet.hasNext() ) {
//accès aux données à l'aide des propriétés Dataset
trace(myDataSet.firstName + " " + myDataSet.lastName);
myDataSet.next();
}
Exemple relatif à la période de conception. La
création de champs pour un composant
DataSet lors de la conception constitue une autre possibilité d'exposition des propriétés d'un
objet de données. Une fois les champs définis, il suffit de lier visuellement les contrôles
d'interface utilisateur aux données lors de la conception. De nombreuses autres propriétés
(paramètres des éléments de schéma) pouvant être définies lors de la conception pour un
champ DataSet agissent également sur la manière dont les données sont codées, formatées et
validées à l'exécution. Pour plus d'informations, consultez la section Paramètres de l'élément de
schéma, page 493.
486
Intégration des données (Flash Professionnel uniquement)
Pour configurer la liaison à ces données lors de la conception, vous devez créer, pour le
composant DataSet, des champs durables qui représentent les propriétés de l'objet. La
procédure suivante montre un exemple d’accès aux mêmes informations clients lors de la
conception. Vous liez le tableau recData des objets à la propriété des éléments du composant
DataSet dans ActionScript, comme dans le cadre de l'exemple portant sur la période
d'exécution. Ensuite, liez DataGrid.dataProvider avec myDataSet.items à l'aide de
l'Inspecteur de composants.
Pour accéder aux données lors de la conception :
1.
Faites glisser un composant DataSet sur la scène. Nommez-le myDataSet.
2.
Sélectionnez un calque dans le scénario et appuyez sur la touche F9 pour ouvrir le panneau
Actions. Entrez le code suivant :
var recData = [{id:0, firstName:"Frank", lastName:"Jones", age:27,
usCitizen:true},
{id:1, firstName:"Susan", lastName:"Meth", age:55,
usCitizen:true},
{id:2, firstName:"Pablo", lastName:"Picasso", age:108,
usCitizen:false}];
myDataSet.items = recData;
3.
Dans le composant DataSet sélectionné, cliquez sur l'onglet Schéma de l'Inspecteur de
composants et cliquez sur le bouton Ajouter une propriété de composant (+).
4.
Indiquez la valeur firstName pour le nom du champ, et la valeur chaîne pour le type de
données.
5.
Créez trois autres propriétés de composant pour les autres paires nom/valeur qui figurent
dans le code : nom du champ = lastName, type de données = String, puis nom du champ
= usCitizen, type de données = Boolean, et enfin nom du champ = age, type de données =
Integer.
6.
Faites glisser un composant DataGrid sur la scène et nommez-le myGrid.
7.
Sélectionnez le composant DataGrid et cliquez sur l'onglet Liaisons de l'Inspecteur de
composants.
8.
Cliquez sur le bouton Ajouter une liaison (+) pour ajouter une nouvelle liaison.
Sélectionnez dataProvider:Array.
9.
Cliquez sur Lié à, sélectionnez le composant DataSet, puis sélectionnez sa propriété
dataProvider:Array.
10. Cliquez
11.
sur Direction et sélectionnez In.
Enregistrez et testez l’application.
Les données du jeu de données apparaissent dans la grille.
Gestion des données (Flash Professionnel uniquement)
487
L'accès aux propriétés dynamiques ajoutées à l'onglet Schéma lors de la conception est une
fonctionnalité propre au composant DataSet. Ce composant utilise le nom de champ de ces
propriétés pour les mapper sur les propriétés de l'objet ou du tableau d’objets. Les paramètres
appliqués à ces propriétés lors de la conception sont ensuite utilisés par le jeu de données lors
de l'exécution.
Si vous ne créez pas de champs persistants pour le composant DataSet et que vous le liez à un
composant WebServiceConnector ou XMLConnector qui définit un schéma, le composant
DataSet tente de créer les champs corrects à partir du schéma du composant Connector, ce
qui peut échouer. Pour plus d'informations, consultez la section Gestion des données avec le
composant DataSet (Flash Professionnel uniquement), page 481.
REMARQUE
Les champs durables définis pour un composant DataSet sont prioritaires par rapport au
schéma d'un composant Connector.
Résolution des données (Flash
Professionnel uniquement)
Les composants Resolver permettent de convertir les modifications apportées aux données de
votre application dans un format adapté à la source de données externe à actualiser. Les
composants Resolver peuvent aussi recevoir des actualisations depuis une source de données
externe et les convertir dans un format que le composant DataSet peut accepter.
Flash Professionnel 8 inclut les composants suivants :
■
Composant XUpdateResolver (Flash Professional uniquement) pour les sources de données
XML
■
Composant RDBMSResolver (Flash Professional uniquement) pour les bases de données
relationnelles
488
Intégration des données (Flash Professionnel uniquement)
En général, les composants Resolver sont utilisés avec le composant DataSet. Lorsqu’un
utilisateur modifie les données d’une application, les données sont capturées par le composant
DataSet. Celui-ci crée alors un DeltaPacket, un objet contenant une liste des changements
apportés aux données lors de l’exécution. Le composant Resolver convertit ensuite le
DeltaPacket dans le format adéquat (paquet de mise à jour). Lorsqu'une mise à jour est
envoyée au serveur, celui-ci envoie une réponse (paquet de résultats) contenant d'autres mises
à jour ou des erreurs résultant de l'opération de mise à jour. Les composants Resolver peuvent
reconvertir ces informations en DeltaPacket qui peut ensuite être appliqué au jeu de données
pour le synchroniser avec la source de données externe.
C O N S E IL
Les possibilités de synchronisation du composant RDBMSResolver sont actuellement
limitées.
Les composants Resolver n’envoient pas de données depuis un fichier SWF à des scripts sur
serveur ni à des sources de données externes. C’est à vous de configurer ce type de transfert.
Voici les méthodes les plus courantes pour transmettre des données depuis un fichier SWF :
■
Lier les données traitées par le Resolver à un composant Connector (XMLConnector ou
WebServiceConnector). Cette occurrence de composant Connector vient s'ajouter à
l'occurrence qui connecte votre source de données à des composants DataSet ou
d'interface utilisateur ; consultez le diagramme au début de ce chapitre.
■
Ecrivez du code ActionScript à l'aide de la classe LoadVars (consultez %{LoadVars}% dans
Guide de référence du langage ActionScript.
■
Ecrivez du code ActionScript à l'aide de la classe XML (consultez %{XML}% dans Guide
de référence du langage ActionScript.
Pour plus d'informations, consultez le Chapitre 16, Utilisation de données externes du guide
Formation à ActionScript 2.0 dans Flash.
R EM A R Q U E
Les données externes sont des données accessibles par HTTP.
Résolution des données (Flash Professionnel uniquement)
489
Résolution des données avec le composant
XUpdateResolver (Flash Professionnel uniquement)
Le composant XUpdateResolver convertit les modifications apportées aux données de votre
application en instructions XUpdate pouvant être traitées par une source de données externe.
XUpdate est un standard pour la description des modifications apportées à un document
XML ; il est pris en charge par diverses bases de données XML, par exemple Xindice et XHive.
Vous pouvez écrire votre propre code sur serveur pour gérer les actualisation, par exemple dans
une page ASP, un servlet Java ou un composant ColdFusion. Pour plus d'informations,
consultez les spécifications relatives à XUpdate, à l'adresse http://xmldb-org.sourceforge.net/.
Le composant XUpdateResolver fonctionne uniquement avec les applications publiées pour
Flash Player 7.
Pour prendre connaissance du processus commun et des informations sur les méthodes,
événements et propriétés du composant XUpdateResolver, consultez Composant
XUpdateResolver (Flash Professional uniquement) dans Référence du langage des composants.
Vous devez définir l'encode adapté lorsque vous utilisez le composant XUpdateResolver ; pour
plus d'informations, voir la section portant sur l'encodeur DatasetDeltaToXUpdateDelta dans
Les encodeurs de schémas, page 500.
Pour exécuter le didacticiel correspondant à ce composant, consultez le didacticiel XUpdate,
« Didacticiel XML : Feuille de présence » (Flash Professionnel uniquement), accessible à partir
des didacticiels de données de l'aide de Flash.
Mises à jour envoyées à une source de données externe
Lorsqu’un utilisateur modifie les données d’une application Flash, les données sont capturées
par le composant DataSet. Le composant DataSet produit un DeltaPacket qui permet au
composant Resolver de créer un paquet de mise à jour. Ce paquet de mise à jour est composé
d’instructions XUpdate, qui sont communiquées à une source de données externe via un
composant Connector. Ces instructions décrivent les insertions, modifications et suppressions
qui ont été effectuées dans le composant DataSet. Vous pouvez afficher ou lier le contenu du
paquet de mise à jour à l'aide de la propriété xupdatePacket du composant
XUpdateResolver.
R E M AR QU E
490
Les informations contenues dans le paquet de mise à jour en XML sont partiellement
composées des valeurs des paramètres des composants telles qu’elles ont été définies
par le développeur. Pour plus de détails sur les paramètres du composant
XUpdateResolver, consultez la section Utilisation du composant XUpdateResolver (Flash
Professional uniquement) dans Référence du langage des composants.
Intégration des données (Flash Professionnel uniquement)
Le code XML suivant est un exemple de paquet de mise à jour créé par un composant
XupdateResolver :
<?xml version="1.0"?>
<xupdate:modifications version="1.0" xmlns:xupdate="http://www.xmldb.org/
xupdate">
<xupdate:insert-after select="/addresses/address[1]" >
<xupdate:element name="address">
<xupdate:attribute name="id">2</xupdate:attribute>
<fullname>Lars Martin</fullname>
<born day='2' month='12' year='1974'/>
<town>Leizig</town>
<country>Germany</country>
</xupdate:element>
</xupdate:insert-after>
</xupdate:modifications>
Lorsque vous utilisez le composant XUpdateResolver avec un composant DataSet, vous devez
spécifier l'encodage dans l'onglet Schéma : l’encodeur DataSetDeltaToXUpdateDelta. Ce
codeur est responsable de la création d'instructions XPath identifiant uniquement les nœuds
d'un fichier XML à partir des informations contenues dans le DeltaPacket du composant
DataSet. Ces informations sont utilisées par le composant XUpdateResolver pour générer des
instructions XUpdate. Pour plus d'informations sur le codeur DataSetDeltaToXUpdateDelta,
consultez la section Les encodeurs de schémas, page 500.
Outre la configuration et le code côté client, vous devez (ou l’administrateur de votre serveur
doit) aussi créer du code sur le serveur pour gérer les interactions avec votre application Flash.
Pour plus d'informations, consultez la section Conditions côté serveur pour la résolution des
données XML, page 513.
Résolution des données pour une base de données
relationnelle (Flash Professionnel uniquement)
Le composant RDBMSResolver crée un paquet XML qui peut être envoyé à une source de
données externe (par exemple, un servlet ou une page ASP/JSP). Le paquet XML peut être
facilement traduit en instructions SQL utilisables pour mettre à jour des bases de données
relationnelles SQL standard. L’équipe de développement doit rédiger le code sur serveur qui
analysera le fichier XML et générera des instructions SQL.
Vous pouvez utiliser le composant RDBMSResolver pour envoyer des mises à jour de données
vers une source de données externe capable d’analyser des données XML et de générer des
instructions SQL à l’intention d’une base de données (par exemple, une page ASP, un servlet
Java ou un composant ColdFusion).
Résolution des données (Flash Professionnel uniquement)
491
Lorsqu’un composant RDBMSResolver reçoit un DeltaPacket d’un composant DataSet, il le
convertit en un paquet de mise à jour en XML, qui peut être communiqué à une source de
données externe via un composant Connector. Le résultat de cette conversion, appelé paquet
de mise à jour, est constitué d'un jeu optimisé d'instructions décrivant les insertions, les
modifications et les suppressions effectuées sur le composant DataSet. Vous pouvez afficher ou
lier le contenu du paquet de mise à jour à l'aide de la propriété updatePacket du composant
RDBMSResolver.
Le composant RDBMSResolver fonctionne uniquement à partir de Flash Player 7.
Pour prendre connaissance du processus type et des informations sur les méthodes, propriétés
et événements du composant RDBMSResolver, consultez les sectionsUtilisation du composant
RDBMSResolver (Flash Professional uniquement) et Composant RDBMSResolver (Flash
Professional uniquement) dans Référence du langage des composants.
Outre les opérations nécessaires pour permettre à votre application Flash de résoudre les
données, d’autres opérations sont nécessaires pour le fonctionnement de votre code sur le
serveur. Pour plus d'informations, consultez la section Conditions côté serveur pour la résolution
des données RDBMS, page 514.
Pour exécuter un didacticiel portant sur le composant RDBMSResolver, voir l'article de
DevNet « Using the RDBMSResolver to Update a Database » à www.macromedia.com/
devnet/mx/flash/articles/delta_packet.html.
Formatage des résultats (Flash Professionnel
uniquement)
Par défaut, les composants Resolver utilisent le schéma défini dans les composants Connector
pour formater les valeurs envoyées au serveur. Cette méthode permet de garantir, par exemple,
qu'une valeur envoyée par une source de données externe au format "MM/JJ/AAAA" sera
renvoyée à cette même source de données dans le même format.
492
Intégration des données (Flash Professionnel uniquement)
Il peut néanmoins arriver, dans certains cas, que les valeurs envoyées à la source de données
externe ne soient pas formatées correctement. Cela peut se produire si vous n'utilisez pas de
composant Connector pour récupérer les données, ou si vous souhaitez simplement changer le
format des données à envoyer à la source de données externe. Dans ce cas, vous pouvez
contrôler le formatage des données en ajoutant des propriétés au schéma du composant
Resolver. Par exemple, si votre composant DataSet contient un champ booléen appelé
Facturable, il peut prendre la valeur true ou false dans un paquet de mise à jour. Pour lui
donner la valeur yes ou no, vous pouvez créer une nouvelle propriété de composant, appelée
Billable, dans l'onglet Schéma du composant Resolver. A l'aide des paramètres de schéma,
définissez le type de données sur Boolean, l'encodage sur Boolean et les options d'encodage
sur yes ou no. L'encodage s'applique lorsque le composant Resolver crée le paquet de mise à
jour et la valeur du champ billable est représentée sous la forme yes ou no.
Pour plus d'informations, consultez la section Ajout d'une propriété de composant à un schéma,
page 455.
Rubriques avancées d'intégration des
données
Cette section présente des rubriques plus techniques, par exemple les améliorations qui
peuvent être apportées à la configuration d’un schéma, ainsi que des informations destinées
aux développeurs qui doivent rédiger du code sur serveur pour gérer les interactions avec les
applications de données Flash.
Paramètres de l'élément de schéma
Cette section contient plus de détails sur le paramétrage des éléments d’un schéma. Pour
déterminer si vous devez vérifier les paramètres de l'élément de schéma, consultez la section
Quand modifier les paramètres de l'élément de schéma, page 507.
Rubriques avancées d'intégration des données
493
Le schéma d'un composant indique les propriétés et les champs disponibles pour la liaison de
données. Pour chaque propriété ou champ, il existe des paramètres qui contrôlent la
validation, la mise en forme, la conversion de types et d'autres fonctions affectant la façon
dont la liaison de données et les composants de gestion de données traitent les données
d'un champ. Le panneau des attributs du schéma, le panneau inférieur de l'onglet Schéma,
présente ces paramètres, que vous pouvez afficher et modifier. La liste suivante décrit les cinq
catégories de paramètres, selon les fonctionnalités qu'elles contrôlent :
Paramètres de base Chaque champ ou propriété possède ces paramètres de base d’un
schéma. Dans la plupart des cas, il s'agit des paramètres que vous devez lier à un champ :
■
Name : Chaque champ nécessite un nom.
■
Type de données : Chaque champ possède un type de données, qui est sélectionné dans
une liste présentant les types de données disponibles. Le type de données d'un champ
affecte la liaison de données de deux façons : Lorsqu'une nouvelle valeur est affectée à un
champ via la liaison de données, le type de données détermine les règles utilisées pour
vérifier la validité des données. Lorsque vous effectuez une liaison entre des champs
possédant des types de données différents, la fonction de liaison de données tente de
convertir les données de façon appropriée. Pour plus d'informations, consultez la section
Types de données de schéma, page 506.
■
Storage type : Chaque champ possède un type de stockage. Il est généralement défini par
défaut sur une valeur parmi quatre possibles, en fonction du type de données d'un champ.
Les valeurs disponibles pour les types de stockage sont simple, attribute, array ou complex.
REMARQUE
■
Les développeurs n'auront pratiquement jamais besoin de modifier ce paramètre. Il
existe cependant des cas où le type de stockage d'un attribut contenu dans le
schéma d’un fichier XML doit être défini comme attribute.
Path (facultatif ) : Cette propriété identifie l'emplacement des données d'un champ de
schéma. Pour plus d'informations, consultez les sections Schémas virtuels, page 509 et
Définition du chemin de schéma, page 499.
494
Intégration des données (Flash Professionnel uniquement)
Les paramètres de validation peuvent être appliqués à n'importe
quel champ qui est la destination d'une liaison. Il faut généralement modifier ces paramètres
pour contrôler la validation des données saisies par l'utilisateur final. Pour ce faire, effectuez
une liaison du composant d'interface utilisateur à un composant de données, puis sélectionnez
les paramètres de validation appropriés pour les champs du composant de données. La liaison
des données saisies par l'utilisateur à la propriété params d'un composant de connecteur, tel
que le composant XMLConnector ou le composant WebServiceConnector, est un exemple
fréquent de ce genre de situation. Un autre exemple consiste à lier les composants de
l'interface utilisateur à des champs de données du composant DataSet.
Paramètres de validation
Voici la description du processus de validation : Après toute liaison, les nouvelles données sont
vérifiées en fonction des règles de validation du type de données du champ de destination. Un
événement de composant est ensuite généré pour signaler les résultats de la vérification. Si les
données sont valides, l'événement de validation est généré. Sinon, un événement de non
validité est généré. Les deux composants impliqués dans la liaison émettent l'événement. Vous
pouvez ignorer ces événements. Si vous souhaitez qu'une action quelconque se produise en
résultat à ces événements (par exemple pour que des informations soient transmises à
l'utilisateur final), vous devez écrire du code ActionScript recevant les événements de validité
et/ou de non validité.
■
Options de validation : Les options de validation sont des paramètres supplémentaires qui
affectent les règles de validation du champ concerné. Les paramètres sont présentés dans la
boîte de dialogue Options de validation, qui apparaît lorsque vous sélectionnez cet
élément. Ces paramètres varient en fonction du type de données. Par exemple, le type de
données Chaîne possède des paramètres pour les longueurs minimale et maximale
autorisées des données. Le type de données XML possède un paramètre permettant
d'ignorer ou non les espaces blancs lors de la conversion d'une Chaîne en XML.
■
Required : Il s'agit d'une valeur booléenne qui détermine si ce champ nécessite une valeur
non null. La validation échoue si required=true mais qu'aucune valeur n'a été définie.
■
Read-Only : cette valeur booléenne détermine si ce champ est autorisé à recevoir de
nouvelles valeurs via la liaison de données. Si readonly=true, l'exécution de n'importe
quelle liaison sur ce champ génère l'événement non valide et le champ est modifié.
Rubriques avancées d'intégration des données
495
Paramètres de mise en forme Les paramètres de mise en forme sont appliqués lorsque la
valeur d'un champ doit être convertie en chaîne. Ceci se produit généralement pour des
raisons d'affichage, comme par exemple lorsqu'une liaison de données est effectuée d'un
champ DataSet vers la propriété text d'un composant Label ou TextArea. Les paramètres de
mise en forme d'un champ sont ignorés lorsque les données de ce champ sont liées à un
élément dont le type de données n'est pas Chaîne.
■
Mise en forme : Nom de la mise en forme à utiliser lors de la conversion de ce champ en
Chaîne. La sélection se fait dans une liste présentant les différentes mises en forme
disponibles.
■
Options de mise en forme : il s'agit de paramètres supplémentaires affectant la mise en
forme. Les paramètres sont présentés dans la boîte de dialogue des options de mise en
forme qui apparaît lorsque vous sélectionnez cet élément. Ces paramètres varient en
fonction de la mise en forme. La mise en forme booléenne possède par exemple des
paramètres pour le texte qui représentent les valeurs true et false.
REMARQUE
Si vous ne spécifiez pas de mise en forme, une conversion par défaut est appliquée
lorsque la valeur d'un champ est nécessaire comme chaîne.
Pour obtenir une liste complète des mises en forme, consultez la section Objets Formatter des
schémas, page 504.
Paramètres Kind et Encoder
Les paramètres Kind et Encoder sont utilisés pour activer
certaines fonctions spéciales.
■
Type : Le paramètre Kind de ce champ. Il est sélectionné dans la liste présentant les
paramètres Kind disponibles.
■
Options Kind : Paramètres supplémentaires affectant le paramètre Kind. Les paramètres
sont présentés dans la boîte de dialogue Options du type, qui apparaît lorsque vous
sélectionnez cet élément. Ces paramètres varient en fonction du type.
■
Encodeur : Le paramètre Encoder de ce champ est sélectionné dans une liste présentant les
paramètres Encoder disponibles.
■
Options Encoder : Paramètres supplémentaires affectant l'encodeur. Les paramètres sont
présentés dans la boîte de dialogue Options de l'encodeur, qui apparaît lorsque vous
sélectionnez cet élément. Ces paramètres varient en fonction de l'encodeur.
Pour plus d'informations, consultez les sections Utilisation des types et des encodeurs, page 497,
Types de schéma, page 499 et Les encodeurs de schémas, page 500.
496
Intégration des données (Flash Professionnel uniquement)
Ces paramètres permettent de définir les valeurs par défaut dans
différentes situations. Les valeurs possibles de ces paramètres sont les suivantes :
Paramètres par défaut
■
Si la valeur d'un champ n'est pas définie, la valeur par défaut de ce champ est utilisée à la
place, chaque fois que la valeur du champ est utilisée comme source de la liaison de
données. Par exemple, les champs de données d'un composant DataSet ou la propriété
results d'un composant de connecteur sont autorisés à avoir une valeur non définie.
■
Lorsque vous créez une nouvelle ligne de données dans un composant DataSet, la valeur
par défaut est utilisée comme valeur des nouveaux enregistrements.
Utilisation des types et des encodeurs
Les types et encodeurs sont des modules supplémentaires qui effectuent un traitement spécial
additionnel des données d'un élément de schéma. Ils sont souvent utilisés en conjonction
pour accomplir des tâches courantes. Voici une liste de tâches courantes pour les paramètres
Kind et Encoder :
Les champs calculés sont des champs virtuels qui n'existent pas
dans les tableaux de données sous-jacents. Les champs calculés permettent aux développeurs
de créer et de mettre à jour des valeurs de champ dynamique à l'exécution. Ceci est
particulièrement pratique pour calculer et afficher des valeurs basées sur des calculs ou
concaténations effectués sur d'autres champs d’un enregistrement (par exemple, vous pouvez
créer un champ calculé combinant les champs Nom et Prénom pour afficher le nom complet
d'un utilisateur).
Champs DataSet calculés
Pour définir un champ calculé pour le composant DataSet :
1.
Sélectionnez le composant DataSet et cliquez sur l'onglet Schéma de l'Inspecteur de
composants.
2.
Cliquez sur le bouton Ajouter une propriété de composant (+). Cette étape ajoute un
champ au schéma.
3.
A l'aide du panneau des attributs du schéma, affectez un nom de champ à la nouvelle
propriété de composant et définissez son type sur calculated.
4.
Dans le code ActionScript, utilisez l'événement calcFields du composant DataSet pour
affecter une valeur à ce champ à l'exécution.
REMARQUE
N'affectez une valeur à un champ calculé que dans l'événement calcFields du
composant DataSet.
Pour obtenir un exemple de code ActionScript, consultez la section Types de schéma, page 499.
Rubriques avancées d'intégration des données
497
Paramétrage de schémas pour les documents XML Dans un document XML, toutes les
données sont enregistrées sous forme de chaîne. Il peut parfois être utile que les champs d'un
document XML soient disponibles sous forme de types de données autres que Chaîne.
L'exemple suivant montre une application qui extrait des données d'un fichier XML.
<datapacket>
<row id="1" billable="ON" rate="50" hours="3" />
<row id="2" billable="OFF" rate="50" hours="6" />
</datapacket>
Si vous utilisez ce fichier XML pour importer un schéma pour la propriété results du
composant XMLConnector, il génère ce qui suit :
results : XML
datapacket : Object
row : Array
[n] : object
@billable: String
@hours : Integer
@id : Integer
@rate : Integer
Supposons que le nœud row doive être traité comme un enregistrement dans une grille et que
vous souhaitiez que l'attribut @billable soit traité comme une valeur booléenne et affiche
une valeur true ou false dans la grille au lieu de ON ou OFF. Il est facile de placer les données
dans la grille. Vous pouvez tout simplement lier le champ de schéma de ligne à la propriété
dataProvider de la grille. La procédure suivante explique comment procéder pour que
l'attribut @billable soit traité comme une valeur booléenne et affiche une valeur true ou
false.
Pour que l'attribut @billable affiche une valeur true ou false :
1.
Sélectionnez le composant XMLConnector, cliquez sur l'onglet Schéma, et sélectionnez le
champ @billable du schéma.
2.
Dans le volet inférieur de l'onglet Schéma, définissez la propriété data type sur Boolean.
3.
Définissez la propriété encoder sur Boolean.
4.
Sélectionnez Options de l'encodeur et entrez on pour les chaînes qui représentent true et
off pour les chaînes correspondant à false.
L'encodeur prend alors les données XML sous leur format brut (Chaîne) et les convertit
au format ActionScript de type booléen. Il sait coder les valeurs de chaînes correctement à
l'aide des options de l'encodeur.
5.
Cliquez sur Mise en forme et sélectionnez Boolean. Sélectionnez les options de mise en
forme. Vous pouvez maintenant définir la façon dont les valeurs true et false sont
affichées sous forme de chaîne.
498
Intégration des données (Flash Professionnel uniquement)
6.
Entrez True pour les chaînes true et False pour les chaînes false.
Le moteur de mise en forme transforme alors les valeurs booléennes ActionScript en
chaînes.
Définition du chemin de schéma
La propriété path d'un champ de schéma est un paramètre facultatif utilisé dans des
circonstances particulières lorsque le schéma de votre composant est inapproprié. Ce
paramètre vous permet de créer un champ de schéma virtuel (un champ qui existe dans un
emplacement mais tire sa valeur d'un autre emplacement). La valeur de cette propriété est une
expression de chemin entrée dans l'un des formats suivants :
■
Pour les schémas contenant des données ActionScript, le chemin est au format champ
où champ correspond au nom d'un champ (par exemple adresse.rue).
[.champ]...,
■
Pour les schémas contenant des données XML, le chemin est au format XPath, où XPath
est une instruction XPath standard (par exemple adresse/rue).
Lors de la liaison de données, Flash vérifie s'il existe une expression de chemin pour un champ
de schéma. Si tel est le cas, il utilise l'expression de chemin pour trouver la valeur correcte.
Pour plus d'informations, consultez la section Schémas virtuels, page 509.
REMARQUE
L'expression de chemin est toujours donnée par rapport au nœud parent du champ de
schéma.
Types de schéma
Un type détermine comment accéder à un élément de schéma de votre composant à
l'exécution. Les types suivants sont disponibles avec Flash MX Professionnel 2004 et Flash
Professionnel 8 :
None
Le type par défaut. Ce type est identique au type Data.
Data L'élément de schéma est une structure de données, et le champ de données est
enregistré dans cette structure de données tel que spécifié par l'emplacement du schéma du
champ. Il s'agit de la situation normale. La structure de données peut être de forme
ActionScript ou XML.
Rubriques avancées d'intégration des données
499
Ce type est utilisé avec le composant DataSet. Il permet de définir un champ
calculé (un champ virtuel dont la valeur est calculée à l'exécution, en fonction des valeurs
contenues dans d’autres champs). Ecrivez un gestionnaire d'événements en code ActionScript
à appeler avec l'événement DataSet.calcFields lorsque l'un des champs non calculés de
l'enregistrement de données du composant DataSet actuel change. Le gestionnaire
d’événements doit insérer la valeur du champ calculé dans cet enregistrement. L'obtention ou
la définition de la valeur d'un champ calculé ne nécessite pas de traitement spécial. Vous
pouvez par exemple définir trois champs dans le composant DataSet : price, quantity et
totalPrice. Définissez la propriété kind de totalPrice sur Calculated de manière à
pouvoir lui affecter une valeur à l'exécution, comme dans l'exemple de code suivant :
Calculated
function calculatedFunct(evt) {
evt.target.totalPrice = (evt.target.price * evt.target.quantity);
}
ds.addEventListener('calcFields', calculatedFunct);
}
Voir l'événement DataSet.calcFields dans Référence du langage des composants.
Ce type peut être appliqué à n’importe quelle propriété de n’importe quel
composant, mais il est essentiellement destiné aux propriétés du composant Connector.
Lorsqu’une nouvelle valeur est affectée à la propriété via la liaison de données, la méthode
trigger du composant est appelée. Pour plus d'informations, consultez
WebServiceConnector.trigger() et XMLConnector.trigger() dans Référence du langage
des composants.
AutoTrigger
Vous pouvez aussi créer des types personnalisés. Le nombre de types autorisé est illimité. Les
types sont définis par des fichiers XML se trouvant dans le dossier Configuration/Types de
Flash Professionnel 8. La définition comprend les métadonnées suivantes :
■
Une classe ActionScript instanciée pour traiter l'accès aux données
■
Une boîte de dialogue Options du type
Les encodeurs de schémas
Un encodeur détermine comment coder/décoder un élément de schéma pour votre
composant à l'exécution. Il est parfois nécessaire de donner à une propriété d’un composant
un type de données différent du type enregistré dans le composant. Par exemple, la propriété
results d’un composant XMLConnector est enregistrée sous forme d’un document XML, qui
ne peut contenir que des chaînes. Il est souvent souhaitable qu’un champ donné apparaisse
sous forme booléenne, et non comme chaîne.
500
Intégration des données (Flash Professionnel uniquement)
Pour ce faire, vous devez définir le type de données du champ comme booléen (ce qui indique
au mécanisme de liaison des données qu’il doit attendre des valeurs booléennes dans ce
champ), puis vous configurez l’encodeur du champ sur Boolean, afin d’effecteur la traduction
entre la valeur sous-jacente (une chaîne) et la valeur booléenne que la liaison de données
attend de cette propriété. Voir l’exemple relatif dans Utilisation des types et des encodeurs,
page 497.
Les encodeurs suivants sont livrés avec Flash Professionnel 8 :
None
L'encodeur par défaut. Aucun codage/décodage n'est effectué.
Convertit les données du type String en type ActionScript Boolean. Vous devez
spécifier (via la propriété Encoder Options) une ou plusieurs chaînes, séparées par des
virgules, qui seront interprétées comme true et une ou plusieurs chaînes qui seront
interprétées comme false. Les paramètres sont sensibles à la casse.
Boolean
Convertit les données du type String en type ActionScript Date. Vous devez spécifier
(via la propriété Options d’encodage) une chaîne modèle, qui fonctionne de la manière
suivante :
Date
■
Le modèle de chaîne doit contenir 0 ou 1 occurrence de "AAAA", "MM", "JJ", "HH", "MN"
et/ou "SS", mélangée avec n'importe quelle autre combinaison de caractères.
■
Lorsque vous effectuez une conversion de type date vers un type chaîne, l'année, le mois,
la date, l'heure, les minutes et les secondes numériques sont respectivement substitués
dans le modèle, à la place de AAAA, MM etc.
■
Lorsque vous effectuez une conversion du type chaîne vers le type date, la chaîne doit
correspondre de façon exacte au modèle, avec le nombre correct de chiffres pour chaque
année, mois, jour, etc.
Convertit un objet Date en son équivalent numérique. Le composant
DataSet utilise cet encodeur pour les champs de type Date. Ces valeurs sont enregistrées dans
le composant DataSet sous forme de nombres de manière à pouvoir être correctement triées.
DateToNumber
Convertit les données du type String en type ActionScript Number. Il n'existe pas
de paramètre de création pour cet encodeur.
Number
DatasetDeltaToXUpdateDelta Cet encodeur extrait les informations d'un DeltaPacket et
génère des instructions XPath qui sont transmises au composant XUpdateResolver pour
générer des instructions XUpdate. Il obtient les informations qui lui sont nécessaires pour
générer les instructions XPath à partir de deux emplacements :
■
La propriété rowNodeKey, que vous devez spécifier via la propriété Encoder Options
(définie ci-dessous, dans la troisième puce).
■
A l'intérieur du schéma utilisé pour le composant XMLConnector ayant initialement
récupéré les données.
Rubriques avancées d'intégration des données
501
L'encodeur utilise des informations pour générer les instructions XPath correctes nécessaires à
l'identification de vos données dans le fichier XML.
Les options de l'encodeur contiennent une propriété :
■
La propriété rowNodeKey (de type chaîne). Pour qu'un fichier XML puisse être mis à jour,
il doit être structuré de manière à ce que le nœud représentant un enregistrement dans
votre ensemble de données puisse être identifié de façon unique avec une instruction
XPath. Cette propriété combine une instruction XPath avec un paramètre de champ de
manière à identifier de façon unique le nœud de ligne dans le fichier XML ainsi que le
champ dans l'ensemble de données qui le rend unique.
Dans l'exemple suivant, la ligne de nœud représente un enregistrement dans le fichier
XML. La valeur de l'attribut id est ce qui rend le nœud unique.
<datapacket>
<row id="1" date="01/01/2003" rate="50" hours="5" />
<row id="2" date="02/04/2003" rate="50" hours="8" />
</datapacket>
Le XPath permettant d'identifier le nœud de ligne figure dans l'exemple suivant :
datapacket/row[@id=’xxx’]
Dans cet exemple, xxx représente une valeur pour l'attribut id. Dans une situation
typique, l'attribut id dans le fichier XML serait lié au champ id du composant DataSet.
La valeur rowNodeKey serait donc la suivante :
datapacket/row[@id=’?id’]
Le symbole de point d'interrogation (?) indique qu'il s'agit d'un paramètre de champ. La
valeur id spécifie le nom du champ dans l'ensemble de données. A l'exécution, le
composant XUpdateResolver substitue la valeur du champ id de l'ensemble de données de
manière à générer le XPath correct pour l'enregistrement spécifié.
502
Intégration des données (Flash Professionnel uniquement)
Dans l'exemple suivant, le nœud contacts possédant un attribut de catégorie
« Management » représente le ou les enregistrements dans le fichier XML et le sous-nœud
employeeId contient la valeur qui rend l'enregistrement unique :
<datapacket>
<company id="5" name="ABC tech">
<contacts category="Mgmt">
<contact>
<empId>555</employeeId>
<name>Steve Woo</name>
<email>[email protected]</email>
</contact>
<contact>
<empId>382</employeeId>
<name>John Phillips</name>
<email>[email protected]</email>
</contact>
...
...
</contacts>
<contacts category="Executives">
...
...
</contacts>
...
...
</company>
</datapacket>
La valeur rowNodeKey pour ce fichier XML serait la suivante :
datapacket/company/contacts[@category=’Mgmt’]/contact[empId=’?empId’]
Vous pouvez créer des encodeurs personnalisés. Le nombre d’encodeurs autorisé est illimité.
Les encodeurs sont définis par les fichiers XML situés dans le dossier Configuration/
Encodeurs de Flash Professionnel 8. La définition comprend les métadonnées suivantes :
■
Classe ActionScript instanciée pour coder/décoder les données. Cette classe doit être une
sous-classe de mx.databinding.DataAccessor.
■
Boîte de dialogue Options de l'encodeur.
Rubriques avancées d'intégration des données
503
Objets Formatter des schémas
Un formateur (Formatter) est un objet qui effectue une conversion bidirectionnelle de
données entre un type de données brut et des données de chaîne. L'objet possède des
paramètres pouvant être définis lors de la programmation et des méthodes d'exécution
permettant d'effectuer la conversion. Les composants Formatter suivants sont livrés avec
Flash Professionnel :
Le formateur par défaut. Aucune mise en forme n'est effectuée.
None
Boolean Ce formateur formate une valeur booléenne en tant que chaîne. Vous pouvez
définir des options booléennes pour les chaînes indiquant true (par exemple, 1, oui) et les
chaînes qui indiquent false (par exemple, 0, non).
Ce formateur convertit un objet de données en chaîne. Le format de sortie
se définit à l'aide d'un modèle de chaîne. Le modèle est un texte aléatoire pouvant faire
référence aux champs des données de l’une des manières suivantes :
Compose String
■
<nom-de-champ>
■
<nom-de-champ.nom-de-champ>,
■
<.>,
utilisant les points pour zoomer dans la structure de
données.
qui représente l'objet entier. Ceci peut être utilisé, par exemple, lorsque l'objet
original est une chaîne, auquel cas <.> est simplement la valeur de la chaîne.
Voici deux exemples d’utilisation du formateur Compose String. Un formateur peut être
appliqué à un champ objet, avec des noms de champs nom, quantité et prix. La chaîne
résultante serait alors : « Vous avez commandé <quantité> unités de <nom> à <prix>
chaque. » Dans un autre exemple, le composant Formatter peut s'appliquer à un champ
numérique, afin d'obtenir la chaîne suivante : « Vous avez <.> messages. »
Custom Formatter Ce formateur permet de spécifier votre propre formatter en indiquant
un nom de classe. La classe ActionScript du formateur doit avoir le format suivant :
class MyFormatter extends mx.data.binding.CustomFormatter {
// convertit une valeur brute et renvoie une valeur mise en forme
function format(rawValue){
}
// convertit une valeur mise en forme, renvoie une valeur brute
function unformat(formattedValue){
}
}
504
Intégration des données (Flash Professionnel uniquement)
Ce composant Formatter crée un nouveau tableau d'objets basé sur le
tableau original dans votre liaison. Il ne peut être appliqué qu’à des champs de type tableau.
Les champs du nouveau tableau se définissent à l'aide d'un modèle de chaîne sous la forme :
Rearrange Fields
fieldname1=definition1;fieldname2=definition2;and so on.
désigne les noms des champs dans le nouveau tableau ou les nouveaux
enregistrements. definitionN peut prendre l'une des valeurs suivantes :
fieldnameN
■
Le nom d'un champ dans l'enregistrement original
■
Une chaîne, comprise entre guillemets droits simples ('), contenant un mélange de texte et
de balises. Une balise est le nom d'un champ dans le tableau original, compris entre < et >.
■
Un point (.), qui représente l'enregistrement original complet.
Supposons par exemple que vous affectez un tableau à la propriété DataProvider d'un
composant List à l'aide de la liaison de données. Les objets contenus dans le tableau ne
possèdent pas de propriété label (que la liste utilise si celle-ci est disponible). Vous pouvez
utiliser ce formatter pour créer un nouveau tableau via la liaison de données, qui réplique les
objets situés dans votre tableau original et ajoute une propriété label à chaque objet en
utilisant les valeurs que vous définissez. Ceci est possible grâce au modèle suivant (appliqué
sur une liaison entre votre tableau et la propriété DataProvider du composant List):
label='My name is <firstName> <lastName>;'
firstName=firstName;
lastName=lastName;
Cette syntaxe présume que l'objet possède deux propriétés, appelées firstName et lastName.
La propriété label sera ajoutée à chaque objet dans le nouveau tableau.
REMARQUE
Ce formatter peut être utilisé sur toute liaison provenant d’une propriété de composant
qui est de type Array et à destination d’une autre propriété de composant de type Array.
Notez que le formatter Rearrange Fields ne fonctionne pas si vous l’appelez à partir du
panneau Schéma. Il fonctionne uniquement à partir du panneau Liaisons.
Number Formatter Ce formatter permet de spécifier le nombre de chiffres décimaux qui
apparaissent lorsqu'un nombre est converti en texte.
Vous pouvez aussi créer des formatters personnalisés. Le nombre de formatters autorisé est
illimité. Les composants Formatter sont définis par les fichiers XML situés dans le dossier
Configuration/Formatters de Flash Professionnel 8. La définition comprend les métadonnées
suivantes :
■
Classe ActionScript instanciée pour effectuer la mise en forme.
■
Boîte de dialogue Options de mise en forme
Rubriques avancées d'intégration des données
505
Types de données de schéma
Un type de données est un objet représentant toute la logique d'exécution nécessaire pour
prendre en charge un type de données spécifique. Un type de données peut être un type
scalaire, tel que entier, chaîne, date, devise ou code postal. Il peut également être un type
complexe, possédant des sous-champs, etc. Un type de données peut tester une valeur de
données pour déterminer si celle-ci est valide pour le type de données concerné. Les types de
données suivants sont disponibles avec Flash MX Professionnel 2004 et Flash Professionnel 8 :
Pas d'option de validation.
Array
Attribute
Attribut XML. Pas d'option de validation.
Boolean
Pas d'option de validation.
Custom Permet d'ajouter votre propre classe personnalisée pour ce type particulier de
validation. Lorsque le champ reçoit une nouvelle valeur, votre code doit appeler la fonction
validate et vérifier cette valeur pour déterminer sa validité. Si c’est le cas, la fonction se
termine. Sinon, cette fonction doit appeler this.ValidationError(“some informative
message”);. La classe personnalisée doit se trouver dans le chemin de classe, et doit être
formatée comme dans l’exemple suivant :
class myCustomType extends mx.databinding.CustomValidator {
function validate(value) {
... some code here
}
}
DataProvider
Pas d'option de validation.
Pas d'option de validation.
Date
DeltaPacket
Pas d'option de validation.
Integer Une option de validation peut être configurée pour définir les valeurs minimale et
maximale.
Une option de validation peut être configurée pour définir les valeurs minimale et
Number
maximale.
Object
Pas d'option de validation.
PhoneNumber
Pas d'option de validation.
SocialSecurity
Pas d'option de validation.
Une option de validation peut être configurée pour définir le nombre de caractères
minimal et maximal.
String
XML Permet de spécifier si les espaces blancs doivent être ignorés lors de la conversion d'une
chaîne en XML.
506
Intégration des données (Flash Professionnel uniquement)
ZipCode
Pas d'option de validation.
REMARQUE
Une validation peut être exécutée avec les types de données suivants : Custom, Integer,
Number, PhoneNumber, SocialSecurity, String, ZipCode. Les types de données
suivants peuvent effectuer des conversions à partir d'autres types de données que vous
leur affectez : Boolean, DataProvider, Integer, Number, String, XML.
Vous pouvez créer des types de données personnalisés. Le nombre de types de données
autorisé est illimité. Les types de données sont définis par les fichiers XML situés dans le
dossier Configuration/Types de données de Flash Professionnel 8. La définition comprend les
métadonnées suivantes :
■
Classe ActionScript instanciée pour la validation et la conversion de type
■
Boîte de dialogue Options de validation
■
Nom du formatter standard, que vous pouvez annuler à l'aide de la propriété formatter
■
Valeurs initiales pour les valeurs obligatoires, en lecture seule et par défaut
Quand modifier les paramètres de l'élément de
schéma
Vous pouvez procéder à n'importe quelle modification dans le panneau des attributs du
schéma, même sur les schémas provenant d'une source externe, tel le fichier WSDL d'un
service Web. Vous pouvez toujours modifier les valeurs des champs des schémas, quels qu'ils
soient, avec les restrictions suivantes :
■
Si vous changez le type, tous les autres attributs de l'élément de schéma sont réinitialisés
sur les valeurs par défaut du nouveau type de données.
■
Si vous choisissez de recharger complètement le schéma d'une propriété de composant,
vous perdrez toutes les modifications précédemment effectuées dans le panneau des
attributs du schéma.
R E M A R QU E
Il existe plusieurs façons de recharger le schéma d'une propriété de composant;
notamment l'entrée d'une nouvelle URL de WSDL, le choix d'une opération
différente pour un service Web ou l'importation d'un nouveau schéma XML à partir
d'un exemple de fichier XML.
Rubriques avancées d'intégration des données
507
Lorsque vous construisez une application à l'aide de composants de données et/ou de liaison
de données, vous devez appliquer les paramètres d'élément de schéma à certains, mais pas à
l'ensemble, des champs du composant dans votre application. Le tableau suivant résume les
utilisations les plus communes des paramètres d'élément de schéma et vous aidera à
déterminer le moment où ces paramètres doivent être modifiés.
Composant
Propriété/
Champ
Paramètres
Utilisation
Tout
connecteur
params (et ses
sous-champs)
Options de validation,
lecture seule, obligation
Si la validation est
souhaitée.
results (et ses
Mise en forme, options de
mise en forme
Pour les champs
nécessitant une mise en
forme de l'affichage sous
forme de texte.
Valeur par défaut
Pour les champs dont la
valeur est parfois non
définie.
Nom, type de données
Vous devez définir ces
paramètres pour chaque
champ d'ensemble de
données que vous
définissez.
Options de validation,
lecture seule, obligation
Si la validation est
souhaitée.
Mise en forme, options de
mise en forme
Pour les champs
nécessitant une mise en
forme de l'affichage sous
forme de texte.
Valeur par défaut
Pour les champs dont la
valeur est parfois non
définie ou pour spécifier la
valeur initiale des
nouveaux enregistrements
d'ensembles de données.
sous-champs)
DataSet
508
Tout champ de
données
Intégration des données (Flash Professionnel uniquement)
Composant
Propriété/
Champ
Paramètres
Utilisation
Composants de Les composants
de l'interface
l'interface
utilisateur ne
utilisateur
nécessitent
généralement
aucune
modification de
leurs paramètres
de schéma.
Tout
composant
Toute propriété ou Type, options de type,
tout champ
codage, options de
codage
Différents objectifs,
comme décrit dans
Utilisation des types et des
encodeurs, page 497.
Tout
connecteur
results (et ses
Pour identifier
l'emplacement des
données d'un champ de
schéma virtuel.
sous-champs)
Chemin
Schémas virtuels
Lorsque vous liez un tableau de données à une propriété items ou dataprovider de DataSet,
l'ensemble de données reconnaît uniquement les champs de plus haut niveau au sein des différentes
lignes du tableau. Il ne reconnaît pas les éléments imbriqués dans d’autres objets. Un schéma virtuel
permet de modifier la façon dont la structure de données sous-jacente est interprétée lors de
l’exécution des liaisons. La nouvelle structure est dérivée des instructions XPath. Pour plus
d'informations, consultez la section Ajout de liaisons à l’aide d’expressions de chemin, page 511.
Par exemple, le schéma du fichier Animals.xml décrit dans Connexion aux données XML à
l'aide du composant XMLConnector (Flash Professionnel uniquement), page 475 définit un
tableau d'objets appelé Bird. Chaque objet contient deux champs (name et url). Il contient
également un sous-élément avec un champ appelé id. Si vous liez le tableau Bird à un
composant DataSet (à l'aide de la propriété dataProvider) de trois champs (name, url et
id), tous les éléments renvoyés par le tableau sont construits de la façon suivante, pour
chaque élément du fichier XML :
■
Créez un élément vide.
■
Effectuez une boucle sur les propriétés de schéma définies, en extrayant les valeurs de
chaque propriété dans les données XML et affectez ces valeurs à l'élément créé. Les
champs Name et URL comporteront des valeurs.
Rubriques avancées d'intégration des données
509
■
Transmettez cet élément au composant DataSet.
Le champ ID n'existe pas sur l'élément et une entrée vierge est ajoutée au composant
DataSet pour chaque élément affecté.
La solution consiste à créer, dans le schéma, un nouveau champ sous l'objet dans le tableau
Bird. Le nouveau champ du schéma est appelé id. Tous les champs du schéma possèdent
une propriété appelée path qui accepte une instruction XPath pointant vers les données
du fichier XML. Dans ce cas, l'expression XPath serait key/@id. Lorsque vous parvenez à
la deuxième phase du processus ci-dessus, la liaison de données détecte un champ id pour
l'objet. Le processus de liaison des données examine la propriété path et utilise
l'instruction XPath pour obtenir les données appropriées à partir du fichier XML. Les
données appropriées sont ensuite transmises au composant DataSet.
510
Intégration des données (Flash Professionnel uniquement)
Ajout de liaisons à l’aide d’expressions de chemin
Vous pouvez utiliser des expressions de chemin pour la liaison de données en deux endroits :
■
Dans la boîte de dialogue Ajouter une liaison, pour identifier le champ vers lequel vous
établissez une liaison
■
Dans la boîte de dialogue Lié à, pour identifier le champ depuis lequel vous établissez une
liaison
Les expressions XPath suivantes sont supportées :
■
Chemins absolus :
/A/B/C
■
Chemins relatifs :
A/B/C
■
■
Sélection du nœud à l'aide du nom du nœud ou d'un caractère générique :
/A/B/C
(sélection du nœud par nom)
/A/B/*
(sélection de tous les nœuds enfants de /A/B par caractère générique)
/*/*/C
(sélection de tous les nœuds C possédant exactement deux ancêtres)
Syntaxe de prédicat pour spécifier les autres nœuds à sélectionner :
(syntaxe du nœud enfant ; sélectionne tous les nœuds B possédant un nœud C en
tant qu'enfant)
/B[C]
(syntaxe d'existence d'un attribut ; sélectionne tous les nœuds B possédant un
attribut nommé id)
/B[@id]
(syntaxe de valeur d'un attribut ; sélectionne tous les nœuds B possédant
un attribut id dont la valeur est A1)
/B[@id="A1"]
■
Support des opérateurs de prédicat de comparaison :
=
■
Support des valeurs booléennes and et ou dans les prédicats :
/B[@id=1 and @customer="macromedia"]
REMARQUE
Les opérateurs suivants ne sont pas supportés : "<", ">", "//".
Rubriques avancées d'intégration des données
511
Pour ajouter une liaison à l’aide d’expressions de chemin :
1.
Dans la boîte de dialogue Ajouter une liaison ou dans la boîte de dialogue Lié à,
sélectionnez Utiliser l'expression de chemin.
2.
Entrez une expression de chemin pour identifier l'élément de schéma vers lequel vous
souhaitez effectuer la liaison. Les expressions de chemins sont entrées dans les formats
suivants :
■
Pour les propriétés contenant des données ActionScript, le chemin respecte le format
suivant :
field [.field]...
où field est égal au nom d'un champ (par exemple adresse.rue).
■
Pour les propriétés contenant des données XML, le chemin respecte le format suivant :
XPath
où XPath est une instructionXPath standard (par exemple adresse/rue).
3.
Cliquez sur OK pour revenir à l'onglet Liaisons.
Evénements de l">