ADOBE Flash 5 Instruction Manual [fr]

ma cromedia

FLASH™5

Utilisation de Flash

Marques

Macromedia, le logo Macromedia, le logo Made With Macromedia, Authorware, Backstage, Director, Extreme 3D et Fontographer sont des marques déposées. Afterburner, AppletAce, Authorware Interactive Studio, Backstage, Backstage Designer, Backstage Desktop Studio, Backstage Enterprise Studio, Backstage Internet Studio, DECK II, Director Multimedia Studio, Doc Around the Clock, Extreme 3D, Flash, FreeHand, FreeHand Graphics Studio, Lingo, Macromedia xRes, MAGIC, Power Applets, Priority Access, SoundEdit, Shockwave, Showcase, Tools to Power Your Ideas et Xtra sont des marques de Macromedia, Inc. Tous les autres noms de produits, logos, modèles, titres, termes ou expressions mentionnés dans cette publication peuvent être des marques, des marques de services ou des noms de marque de Macromedia, Inc. ou de toute autre entité, qui peuvent être déposés dans certaines juridictions.

Dédit de responsabilité d'Apple APPLE COMPUTER, INC. EXCLUT TOUTE GARANTIE, EXPRESSE OU IMPLICITE, CONCERNANT L'ENSEMBLE DE

LOGICIELS CI-INCLUS, SA QUALITÉ MARCHANDE OU SON ADÉQUATION À UN USAGE PARTICULIER. CERTAINS PAYS N'AUTORISENT PAS L'EXCLUSION DES GARANTIES IMPLICITES DE SORTE QUE LA LIMITATION CI-DESSUS PEUT NE PAS VOUS ÊTRE APPLICABLE. CETTE GARANTIE VOUS DONNE DES DROITS LÉGAUX SPÉCIFIQUES. VOUS POUVEZ ÉGALEMENT BÉNÉFICIER DE DROITS SUPPLÉMENTAIRES QUI VARIENT SELON LE PAYS.

Copyright © 2000 Macromedia, Inc. Tous droits réservés. Ce manuel ne peut pas être copié, photocopié, reproduit, traduit ni converti sous n'importe quelle forme électronique en tout ou en partie sans l'autorisation écrite préalable de Macromedia, Inc. Numéro de référence ZFL50M100F

Remerciements

Gestion de projet : Erick Vera Rédaction : Jody Bleyle, Mary Burger, Louis Dobrozensky, Stephanie Gowin, Marcelle Taylor et Judy Walthers Von Alten Édition : Peter Fenczik, Rosana Francescato et Ann Szabla Multimédia : George Brown, John « Zippy » Lehnus et Noah Zilberberg Conception de l'impression et de l'aide : Chris Basmajian et Noah Zilberberg Production : Chris Basmajian et Rebecca Godbois Localisation (gestion de projet) : Yuko Yagi Localisation (production) : Masayo « Noppe » Noda et Bowne Global Solutions Remerciements spéciaux : Jeremy Clark, Brian Dister et l'équipe de développement de Flash, Michael Dominguez, Margaret Dumas,

Sherri Harte, Yoshika Hedberg, Tim Hussey, Kipling Inscore, Gwenhaël Jacq, Alyn Kelley, Christophe Pouchard, Pete Santangeli, Denise Seymour et l'équipe Qualité Flash, Cyn Taylor et Eric Wittman

Première édition : Septembre 2000

Macromedia, Inc. 600 Townsend St. San Francisco, CA 94103

TABLE DES MATIÈRES

INTRODUCTION

Prise en main . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Conﬁguration requise pour Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Conﬁguration requise pour Flash Player . . . . . . . . . . . . . . . . . . . . . . . 14

Installation de Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14

Nouveautés de Flash 5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Création d'illustrations. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Flux de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15

Interactivité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16

Intégration inter-produits avancée . . . . . . . . . . . . . . . . . . . . . . . . 16

Supports d'apprentissage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Leçons et didacticiel Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Utilisation de Flash et Guide de référence d'ActionScript . . . . . . . 17

Aide de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

Macromedia Dashboard pour Flash . . . . . . . . . . . . . . . . . . . . . . . 19

Le Centre de support Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

CHAPITRE 1

Didacticiel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

Vue d'ensemble . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21

Connaissances préalables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22

Visualisez l'animation ﬁnale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

Analysez le ﬁchier Cerf-volant.ﬂa . . . . . . . . . . . . . . . . . . . . . . . . . 24

Utilisez l'Explorateur d'animations. . . . . . . . . . . . . . . . . . . . . . . . 26

Ouvrez le ﬁchier de départ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31

Déﬁnissez les propriétés de conﬁguration d'une animation Flash. . . . . 32

Modiﬁez les propriétés par défaut de l'image . . . . . . . . . . . . . . . . 32

Créez des médias . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33

Modiﬁez le point d'alignement du bloc de texte. . . . . . . . . . . . . . 35

Testez votre animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

Remplacez une occurrence . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

Importez un média . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .38

Organisez votre bibliothèque. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .39

Créez un dossier pour les ﬁchiers son . . . . . . . . . . . . . . . . . . . . . . .39

Ajoutez un son à un bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40

Utilisez la scène et le scénario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .41

Modiﬁez la largeur et la hauteur d'un bouton . . . . . . . . . . . . . . . .41

Alignez les objets sur la scène . . . . . . . . . . . . . . . . . . . . . . . . . . . . .42

Créez une action de navigation simple pour une occurrence du bouton

Verrouillez les objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46

Animez les occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46

Modiﬁez le point d'alignement . . . . . . . . . . . . . . . . . . . . . . . . . . .47

Créez l'interpolation de mouvement pour le cerf-volant. . . . . . . . .48

Ajoutez l'image-clé de la ﬁn de l'effet animé. . . . . . . . . . . . . . . . . .49

Déﬁnissez l'interpolation de mouvement . . . . . . . . . . . . . . . . . . . .52

Ajouter les images-clés intermédiaires. . . . . . . . . . . . . . . . . . . . . . .53

Mettez à l'échelle et faites pivoter le cerf-volant . . . . . . . . . . . . . . .53

Faites en sorte que l'effet animé soit lu en boucle . . . . . . . . . . . . . .55

Créez l'interpolation de forme pour le ﬁl du cerf-volant. . . . . . . . .56

Déﬁnissez l'interpolation de forme. . . . . . . . . . . . . . . . . . . . . . . . .58

Utilisez des actions pour rationaliser la création. . . . . . . . . . . . . . . . . . .59

Déﬁnissez une fonction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .60

Ajoutez une fonction externe . . . . . . . . . . . . . . . . . . . . . . . . . . . . .66

Publiez l'animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .68

Testez l'animation du point de vue des performances

de téléchargement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .68

Utilisez la commande Publier. . . . . . . . . . . . . . . . . . . . . . . . . . . . .70

Visualisez les paramètres de publication . . . . . . . . . . . . . . . . . . . . .70

Modiﬁez les paramètres de publication. . . . . . . . . . . . . . . . . . . . . .71

À suivre. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72

Table des Matières

CHAPITRE 2

Principes de base de Flash . . . . . . . . . . . . . . . . . . . . . 73

Flux de travail de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .74

Illustrations dans Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .74

Effet animé dans Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .75

Animations interactives dans Flash. . . . . . . . . . . . . . . . . . . . . . . . .75

Conﬁguration d'un serveur pour Flash Player . . . . . . . . . . . . . . . .76

À propos des graphiques vectoriels et des graphiques bitmap . . . . . . . .77

Graphiques vectoriels. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .77

Graphiques bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78

Environnement de travail de Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . .79

La scène et le scénario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .79

Symboles et occurrences. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .81

Symboles et animations interactives . . . . . . . . . . . . . . . . . . . . . . . .82

La fenêtre Bibliothèque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .82

Panneaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .82

Création d'une animation et déﬁnition de ses propriétés . . . . . . . . . . . .83

Aperçu et test des animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .84

Aperçu des animations dans l'environnement de création. . . . . . . .84

Test des animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .85

Enregistrement des ﬁchiers d'animation . . . . . . . . . . . . . . . . . . . . . . . .86

Utilisation de la boîte à outils . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .86

Utilisation des panneaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .88

Utilisation des menus déroulants. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .91

Utilisation du scénario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .92

Modiﬁcation de l'apparence du scénario . . . . . . . . . . . . . . . . . . . .93

Déplacement de la tête de lecture. . . . . . . . . . . . . . . . . . . . . . . . . .94

Modiﬁcation de l'afﬁchage des images dans le scénario. . . . . . . . . .94

Création d'étiquettes d'image et de commentaires d'animation . . .96

Utilisation d'images dans le scénario . . . . . . . . . . . . . . . . . . . . . . .96

Utilisation de scènes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .98

Utilisation de la bibliothèque . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .100

Utilisation de dossiers dans la fenêtre Bibliothèque . . . . . . . . . . .102

Tri des éléments de la fenêtre Bibliothèque. . . . . . . . . . . . . . . . . .103

Édition des éléments de la bibliothèque . . . . . . . . . . . . . . . . . . . .103

Attribution d'un nouveau nom aux éléments de la bibliothèque. .104

Suppression d'éléments de la bibliothèque . . . . . . . . . . . . . . . . . .104

Recherche des éléments inutilisés de la bibliothèque. . . . . . . . . . .105

Mise à jour des ﬁchiers importés dans la fenêtre bibliothèque. . . .105

Utilisation des bibliothèques communes . . . . . . . . . . . . . . . . . . .106

Utilisation des bibliothèques partagées . . . . . . . . . . . . . . . . . . . . . . . .106

À propos de la création et de la liaison de ressources partagées . . .107

Déﬁnition des ressources d'une bibliothèque partagée . . . . . . . . .108

À propos de la diffusion d'une bibliothèque partagée

vers une URL. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .109

Liaison aux ressources d'une bibliothèque partagée . . . . . . . . . . .109

Utilisation de l'Explorateur d'animations . . . . . . . . . . . . . . . . . . . . . .110

Table des Matières

Afﬁchage de la scène . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .114

Zoom. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .114

Déplacement de la vue de la scène . . . . . . . . . . . . . . . . . . . . . . . .115

Utilisation de la grille, des guides et des règles. . . . . . . . . . . . . . . . . . .116

Personnalisation des raccourcis clavier. . . . . . . . . . . . . . . . . . . . . . . . .118

Impression des ﬁchiers Flash pendant l'édition des animations . . . . . .120

Résolution des problèmes d'impression . . . . . . . . . . . . . . . . . . . .121

Accélération de l'afﬁchage de l'animation . . . . . . . . . . . . . . . . . . . . . .122

Préférences de Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .123

CHAPITRE 3

Dessin. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127

Outils de dessin et de peinture de Flash. . . . . . . . . . . . . . . . . . . . . . . .128

À propos du chevauchement de formes dans Flash . . . . . . . . . . . . . . .129

Dessin avec l'outil Crayon. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .130

Dessin de lignes droites, d'ovales et de rectangles. . . . . . . . . . . . . . . . .131

Utilisation de l'outil Plume . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .132

Déﬁnition des préférences de l'outil Plume . . . . . . . . . . . . . . . . .132

Dessin de lignes droites avec l'outil Plume . . . . . . . . . . . . . . . . . .133

Dessin de courbes avec l'outil Plume . . . . . . . . . . . . . . . . . . . . . .135

Ajustement des points d'ancrage sur les tracés . . . . . . . . . . . . . . .136

Ajustement des segments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .137

Utilisation de l'outil Pinceau. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .139

Remodelage des lignes et des contours de formes. . . . . . . . . . . . . . . . .140

Remodelage à l'aide de l'outil Flèche . . . . . . . . . . . . . . . . . . . . . .141

Redressement et lissage des lignes. . . . . . . . . . . . . . . . . . . . . . . . .142

Optimisation des courbes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .143

Effacement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .144

Modiﬁcation des formes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .145

Ajustement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .146

Sélection des paramètres de dessin. . . . . . . . . . . . . . . . . . . . . . . . . . . .147

Table des Matières

CHAPITRE 4

Utilisation des couleurs . . . . . . . . . . . . . . . . . . . . . . . . 149

Spéciﬁcation des attributs de trait et de remplissage. . . . . . . . . . . . . . .150

Utilisation des contrôles de trait et de remplissage dans

la boîte à outils. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .150

Spéciﬁcation de la couleur, du style et de l'épaisseur de trait

dans le panneau Trait . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .152

Utilisation de remplissages unis, dégradés et bitmap

dans le panneau Remplir . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .153

Utilisation de l'outil Pot de peinture . . . . . . . . . . . . . . . . . . . . . .155

Utilisation de l'outil Encrier. . . . . . . . . . . . . . . . . . . . . . . . . . . . .158

Utilisation de l'outil Pipette . . . . . . . . . . . . . . . . . . . . . . . . . . . . .159

Verrouillage d'un dégradé ou d'un bitmap pour remplir la scène .159

Création et modiﬁcation des couleurs unies avec le Mixeur. . . . . . . . .160

Modiﬁcation des palettes de couleurs . . . . . . . . . . . . . . . . . . . . . . . . .162

Duplication ou suppression de couleurs de la palette . . . . . . . . . .162

Utilisation de la palette de 216 couleurs prévue pour le web. . . . .163

Tri de la palette . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .163

Importation et exportation de palettes de couleurs . . . . . . . . . . . .164

CHAPITRE 5

Utilisation d'illustrations importées. . . . . . . . . . . . . . 165

Insertion d'illustrations dans Flash . . . . . . . . . . . . . . . . . . . . . . . . . . .166

Formats des ﬁchiers d'importation. . . . . . . . . . . . . . . . . . . . . . . .168

Importation de ﬁchiers PNG Fireworks . . . . . . . . . . . . . . . . . . . .169

Importation de ﬁchiers FreeHand . . . . . . . . . . . . . . . . . . . . . . . .171

Fichiers Adobe Illustrator. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .173

À propos des images bitmap importées. . . . . . . . . . . . . . . . . . . . .173

Utilisation des animations QuickTime . . . . . . . . . . . . . . . . . . . . .174

Fichiers DXF AutoCAD . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .175

Conversion d'images bitmap en graphiques vectoriels . . . . . . . . . . . . .175

Séparation d'une image bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .177

Modiﬁcation des images bitmaps. . . . . . . . . . . . . . . . . . . . . . . . . . . . .178

Déﬁnition des propriétés d'une image bitmap. . . . . . . . . . . . . . . . . . .179

CHAPITRE 6

Ajout de sons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .181

Importation de sons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .182

Ajout de sons à une animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .183

Ajout de sons à un bouton . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .185

Utilisation de sons avec des bibliothèques partagées ou avec

des objets Son . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .186

Utilisation de contrôles de modiﬁcation audio . . . . . . . . . . . . . . . . . .187

Démarrage et arrêt des sons dans une image-clé . . . . . . . . . . . . . . . . .188

Compression des sons en vue d'une exportation . . . . . . . . . . . . . . . . .189

Option de compression Par défaut. . . . . . . . . . . . . . . . . . . . . . . .191

Option de compression ADPCM. . . . . . . . . . . . . . . . . . . . . . . . .191

Table des Matières

Option de compression MP3. . . . . . . . . . . . . . . . . . . . . . . . . . . .192

Option de compression Brut . . . . . . . . . . . . . . . . . . . . . . . . . . . .193

Instructions relatives à l'exportation de sons dans les

animations Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .194

Instructions relatives à l'exportation de sons dans

les animations QuickTime. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .194

CHAPITRE 7

Utilisation d'objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195

Sélection d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .196

Utilisation de l'outil Flèche . . . . . . . . . . . . . . . . . . . . . . . . . . . . .197

Modiﬁcation des sélections . . . . . . . . . . . . . . . . . . . . . . . . . . . . .197

Utilisation de l'outil Lasso . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .198

Masquage de la mise en valeur d'une sélection . . . . . . . . . . . . . . .199

Groupement d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .200

Déplacement, copie et suppression d'objets. . . . . . . . . . . . . . . . . . . . .201

Déplacement d'objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .201

Déplacement et copie d'objets par collage . . . . . . . . . . . . . . . . . .202

À propos de la copie d'illustrations à l'aide du Presse-papiers . . . .202

Copie d'objets transformés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .203

Suppression d'objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .203

Présentation d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .204

Mise à l'échelle d'objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .205

Rotation d'objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .206

Pivotement d'objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .207

Inclinaison d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .208

Restauration d'objets transformés . . . . . . . . . . . . . . . . . . . . . . . . . . . .209

Alignement d'objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210

Déplacement du point d'alignement d'un objet . . . . . . . . . . . . . . . . .212

Séparation de groupes et d'objets. . . . . . . . . . . . . . . . . . . . . . . . . . . . .213

Table des Matières

CHAPITRE 8

Utilisation des calques . . . . . . . . . . . . . . . . . . . . . . . . . 215

Création de calques. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .216

Afﬁchage des calques. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .216

Modiﬁcation des calques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .219

Utilisation des calques de guide. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .221

Utilisation des calques de masque . . . . . . . . . . . . . . . . . . . . . . . . . . . .221

CHAPITRE 9

Utilisation des caractères . . . . . . . . . . . . . . . . . . . . . 225

Vue d'ensemble de l'utilisation des caractères . . . . . . . . . . . . . . . . . . .225

À propos des polices intégrées et des polices de périphérique. . . . . . . .226

Création d'un texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .227

Déﬁnition des attributs de caractères. . . . . . . . . . . . . . . . . . . . . . . . . .228

Choix d'une police, d'une taille, d'un style et d'une couleur

de caractère . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .229

Déﬁnition de l'interlettrage, du crénage et du décalage de la ligne de

base . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .230

Déﬁnition de l'alignement, des marges, des retraits et de l'interlignage

231

Utilisation de polices de périphérique. . . . . . . . . . . . . . . . . . . . . .232

Création de symboles de police . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .233

Création de zones de texte pour les données saisies par l'utilisateur ou pour

la mise à jour automatique du texte . . . . . . . . . . . . . . . . . . . . . . .234

À propos de la conservation du format RTF. . . . . . . . . . . . . . . . .235

Déﬁnition des options de texte dynamique . . . . . . . . . . . . . . . . .235

Déﬁnition des options de texte de saisie . . . . . . . . . . . . . . . . . . . .236

Modiﬁcation du texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .238

Sélection de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .238

À propos de la transformation du texte . . . . . . . . . . . . . . . . . . . . . . . .238

Redimensionnement des caractères . . . . . . . . . . . . . . . . . . . . . . . . . . .239

Création de liens entre un bloc de texte et une URL . . . . . . . . . . . . . .239

CHAPITRE 10

Utilisation de symboles et d'occurrences. . . . . . . . 241

Types de comportements d'un symbole. . . . . . . . . . . . . . . . . . . . . . . .242

Création de symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .243

Conversion d'une animation sur scène en clip . . . . . . . . . . . . . . .245

Duplication des symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .246

Création d'occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .247

Création de boutons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .248

Activation, modiﬁcation et test des boutons . . . . . . . . . . . . . . . . . . . .252

Modiﬁcation des symboles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .253

Modiﬁcation des propriétés des occurrences . . . . . . . . . . . . . . . . . . . .256

Modiﬁcation de la couleur et de la transparence

d'une occurrence . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .257

Remplacement d'une occurrence par un autre symbole . . . . . . . .259

Table des Matières

Changement du type d'une occurrence . . . . . . . . . . . . . . . . . . . .260

Déﬁnition de l'animation pour les occurrences graphiques . . . . .260

Séparation des occurrences . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .261

Obtention d'informations sur les occurrences sur la scène . . . . . . . . .261

CHAPITRE 11

Création d'animation . . . . . . . . . . . . . . . . . . . . . . . . . 265

Vue d'ensemble de la création d'animation . . . . . . . . . . . . . . . . . . . . .265

Création d'images-clés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .266

Représentations d'animations dans le scénario. . . . . . . . . . . . . . . . . . .266

À propos des calques dans une animation . . . . . . . . . . . . . . . . . . . . .267

À propos des cadences. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .268

Extension des images ﬁxes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .268

À propos de l'animation interpolée . . . . . . . . . . . . . . . . . . . . . . . . . . .269

Interpolations d'occurrences, de groupes et de caractères . . . . . . . . . .269

Interpolation de mouvement selon une trajectoire. . . . . . . . . . . . . . . .274

Interpolation de formes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .276

Utilisation des repères de forme . . . . . . . . . . . . . . . . . . . . . . . . . .278

Création d'animation image par image . . . . . . . . . . . . . . . . . . . . . . . .280

Modiﬁcation de l'animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .282

Pelure d'oignon . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .284

Déplacement de toute une animation . . . . . . . . . . . . . . . . . . . . .286

Table des Matières

CHAPITRE 12

Création d'animations interactives . . . . . . . . . . . . . .287

À propos d'ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .288

Utilisation du panneau Actions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .288

Utilisation du panneau Actions en mode Normal . . . . . . . . . . . .290

Mode Expert . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .292

Affectation d'actions aux objets . . . . . . . . . . . . . . . . . . . . . . . . . . . . .293

Déﬁnition des options d'événement de souris . . . . . . . . . . . . . . .295

Attribution d'actions aux images . . . . . . . . . . . . . . . . . . . . . . . . . . . .297

Utilisation des actions de base pour la navigation et l'interaction . . . .299

Déplacement vers une image ou une scène. . . . . . . . . . . . . . . . . .300

Lecture et arrêt des animations. . . . . . . . . . . . . . . . . . . . . . . . . . .302

Réglage de la qualité d'afﬁchage de l'animation . . . . . . . . . . . . . .303

Arrêt de tous les sons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .304

Déplacement vers une URL différente . . . . . . . . . . . . . . . . . . . . .304

Contrôle de Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .307

Chargement et suppression des animations supplémentaires . . . .308

Contrôle d'autres animations et d'autres clips . . . . . . . . . . . . . . .311

Vériﬁcation du chargement d'une image . . . . . . . . . . . . . . . . . . .313

CHAPITRE 13

Création d'animations imprimables . . . . . . . . . . . . . 317

Impression depuis Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .318

Préparation des animations pour l'impression . . . . . . . . . . . . . . .318

Imprimantes prises en charge . . . . . . . . . . . . . . . . . . . . . . . . . . . .319

Désignation des images imprimables . . . . . . . . . . . . . . . . . . . . . .319

Spéciﬁcation d'une zone d'impression . . . . . . . . . . . . . . . . . . . . .320

Modiﬁcation de la couleur d'arrière-plan imprimée . . . . . . . . . . .321

Désactivation de l'impression. . . . . . . . . . . . . . . . . . . . . . . . . . . .321

Ajout d'une action Print . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .322

Impression depuis le menu contextuel de Flash Player. . . . . . . . . . . . .326

À propos de la publication d'une animation contenant des images impri-

mables . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .327

CHAPITRE 14

Publication et exportation. . . . . . . . . . . . . . . . . . . . . 329

Lecture des animations Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .331

Optimisation des animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .331

Test des performances de téléchargement d'une animation . . . . . . . . .333

À propos de Generator et de Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . .337

Publication des animations Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . .338

Publication d'une animation Flash Player . . . . . . . . . . . . . . . . . .341

Publication HTML pour les ﬁchiers Flash Player. . . . . . . . . . . . .343

Publication de modèles Generator . . . . . . . . . . . . . . . . . . . . . . . .347

Publication de ﬁchiers GIF . . . . . . . . . . . . . . . . . . . . . . . . . . . . .348

Publication de ﬁchiers JPEG . . . . . . . . . . . . . . . . . . . . . . . . . . . .352

Publication des ﬁchiers PNG . . . . . . . . . . . . . . . . . . . . . . . . . . . .353

Publication d'animations QuickTime 4 . . . . . . . . . . . . . . . . . . .356

Aperçu des paramètres et du format de publication . . . . . . . . . . . . . . .358

Utilisation du lecteur autonome . . . . . . . . . . . . . . . . . . . . . . . . . . . . .358

Exportation d'animations et d'images . . . . . . . . . . . . . . . . . . . . . . . . .359

À propos des formats de ﬁchier d'exportation . . . . . . . . . . . . . . . . . . .360

Adobe Illustrator . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .361

GIF animé, Séquence GIF et Image GIF . . . . . . . . . . . . . . . . . . .362

Bitmap (BMP). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .362

Séquence DXF et Image AutoCAD DXF. . . . . . . . . . . . . . . . . . .363

Table des Matières

Enhanced Metaﬁle (Windows) . . . . . . . . . . . . . . . . . . . . . . . . . .363

EPS 3.0 avec Aperçu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .363

FutureSplash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .363

Séquence JPEG et Image JPEG . . . . . . . . . . . . . . . . . . . . . . . . . .363

PICT (Macintosh) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .364

Séquence PNG et Image PNG . . . . . . . . . . . . . . . . . . . . . . . . . .364

QuickTime . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .365

QuickTime Video (Macintosh) . . . . . . . . . . . . . . . . . . . . . . . . . .365

WAV audio (Windows) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .366

Windows AVI (Windows) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .366

Windows Metaﬁle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .367

À propos des modèles de publication HTML . . . . . . . . . . . . . . . . . . .367

Personnalisation des modèles de publication HTML . . . . . . . . . . . . .368

Création d'une carte d'image . . . . . . . . . . . . . . . . . . . . . . . . . . .371

Création d'un rapport de texte. . . . . . . . . . . . . . . . . . . . . . . . . . .371

Création d'un rapport URL . . . . . . . . . . . . . . . . . . . . . . . . . . . .372

Utilisation des variables de modèle abrégées . . . . . . . . . . . . . . . .372

Exemple de modèle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .372

Modiﬁcation des paramètres HTML de Flash . . . . . . . . . . . . . . . . . .373

Utilisation de OBJECT et EMBED. . . . . . . . . . . . . . . . . . . . . . .373

SRC. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .374

MOVIE. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .375

CLASSID . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .375

WIDTH . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .375

HEIGHT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .375

CODEBASE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .376

PLUGINSPAGE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .376

SWLIVECONNECT . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .376

PLAY . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .377

LOOP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .377

QUALITY . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .378

BGCOLOR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .379

SCALE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .379

ALIGN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .380

SALIGN . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .380

BASE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .381

MENU . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .381

WMODE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .381

Conﬁguration d'un serveur Web pour Flash . . . . . . . . . . . . . . . . . . . .382

Contrôle du traﬁc vers votre site Web . . . . . . . . . . . . . . . . . . . . . . . . .382

Table des Matières

INTRODUCTION

Prise en main

.............................................................................................................

Macromedia Flash est le standard professionnel pour la création de contenus web percutants. Que vous souhaitiez créer des logos animés, des commandes de navigation dans un site web, des sites web entiers ou des applications web, vous trouverez dans Flash toute la puissance et la ﬂexibilité pour laisser libre cours à votre créativité.

Configuration requise pour Flash

•

Ordinateur fonctionnant sous Microsoft Windows™ : processeur Intel Pentium® 133 MHz ou équivalent (200 MHz recommandés) exécutant Windows 95 ou ultérieur (y compris Windows 2000), ou Windows NT version 4.0 ou supérieure ; 32 Mo de RAM (64 Mo recommandés) ; 40 Mo d'espace disque ; écran couleur d'une résolution de 800x600 ; lecteur de CD-ROM.

•

Ordinateur Macintosh® : Power Macintosh (G3 ou supérieur recommandé) exécutant Système 8.5 ou ultérieur ; 32 Mo de RAM disponible plus 40 Mo d'espace disque ; écran couleur d'une résolution de 800x600 ; lecteur de CD-ROM.

Configuration requise pour Flash Player

La conﬁguration matérielle et logicielle suivante est requise pour lire les animations Flash Player dans un navigateur :

Microsoft Windows 95, NT 4.0 ou ultérieur ; ou PowerPC exécutant

•

Système 8.1 ou ultérieur.

•

Module Netscape fonctionnant avec Netscape 3 ou ultérieur (Windows 95 et Macintosh).

•

Si vous utilisez des contrôles ActiveX, Microsoft Internet Explorer 3.02 ou ultérieur (Windows 95) est requis.

Si vous utilisez l'édition Java de Flash Player, un navigateur supportant Java

•

est requis.

Installation de Flash

Suivez ces instructions pour installer Flash sur un ordinateur Windows ou Macintosh.

Pour installer Flash sur un ordinateur Windows ou Macintosh :

Insérez le CD de Flash 5 dans le lecteur de CD-ROM de l'ordinateur.

Effectuez l'une des opérations suivantes :

Sous Windows, choisissez Démarrer > Exécuter. Cliquez sur Parcourir et

•

choisissez le ﬁchier Setup.exe sur le CD de Flash 5. Cliquez sur OK dans la boîte de dialogue Exécuter pour commencer l'installation.

Sur Macintosh, double-cliquez sur l'icône du programme d'installation

•

de Flash 5.

Suivez les instructions qui s'afﬁchent à l'écran.

Si un message vous le demande, redémarrez votre ordinateur.

Introduction

Nouveautés de Flash 5

Les nouvelles fonctionnalités de Flash 5 vous permettent de créer des illustrations, de rationaliser votre ﬂux de travail et de créer de l'interactivité. Flash 5 comprend également des fonctions enrichies permettant de créer des actions avec ActionScript. Voir « Nouveautés du langage ActionScript de Flash 5 » dans le

Guide de référence ActionScript

Création d'illustrations

Des commandes de couleur évoluées,

Trait, Nuanciers et les commandes de remplissage et de trait de la boîte à outils, offrent des fonctions étendues pour peindre des illustrations. Voir « Utilisation des couleurs » à la page 149.

Les nouvelles méthodes de mise en évidence des sélections

l'identiﬁcation des lignes, des remplissages et des groupes sélectionnés, de même que la couleur des objets sélectionnés. Voir « Sélection d'objets » à la page 196.

Des guides que vous pouvez faire glisser

la scène. Voir « Utilisation de la grille, des guides et des règles » à la page 116.

L'outil Plume et les poignées de courbes de Bézier

tracés précis. Ils fonctionnent comme l'outil Plume de Macromedia FreeHand ou Macromedia Fireworks. Voir « Utilisation de l'outil Plume » à la page 132.

Flux de travail

De nouveaux panneaux

actions, des images, des occurrences et des animations entières facilitent l'accès aux options de modiﬁcation des éléments dans les animations Flash. Voir « Principes de base de Flash » à la page 73.

Grâce aux bibliothèques partagées,

bibliothèque en tant que ressources externes. Vous pouvez créer des symboles de police et les inclure dans les bibliothèques partagées, de même que des boutons, des graphiques, des clips et des sons. Voir « Utilisation des bibliothèques partagées » à la page 106.

Le tableau de bord Macromedia

informations relatives à l'utilisation de Flash. Voir « Macromedia Dashboard pour Flash » à la page 19.

notamment les panneaux Mixeur, Remplir,

facilitent

vous aident à organiser les objets sur

vous permettent de créer des

permettant de travailler avec des couleurs, des types, des

vous pouvez créer un lien vers les éléments de

vous permet de connaître les dernières

Prise en main

Les touches de raccourcis personnalisées

vous permettent de créer vos propres raccourcis pour les commandes et les fonctions de Flash aﬁn de personnaliser votre ﬂux de travail. Voir « Personnalisation des raccourcis clavier » à la page 118.

Grâce à la prise en charge de l'importation des fichiers son MP3,

vous pouvez importer des sons déjà compressés dans Flash. Ce processus permet de réduire la durée nécessaire pour publier et exporter une animation comportant du son, dans la mesure où vous n'avez pas besoin de compresser le son pendant l'exportation. L'utilisation de sons compressés réduit la taille de ﬁchier des animations terminées et réduit la mémoire nécessaire au cours de leur création. Voir « Ajout de sons » à la page 181.

Interactivité

Un langage ActionScript plus complet

offre des fonctionnalités considérablement améliorées pour créer l'interactivité dans Flash à l'aide d'ActionScript. Consultez le

Guide de référence ActionScript

L'Explorateur d'animations

vous permet de visualiser facilement le contenu complet de l'animation actuelle et d'afﬁcher le panneau Propriétés d'un élément sélectionné aﬁn de les modiﬁer. Voir « Utilisation de l'Explorateur d'animations » à la page 110.

L'action Print

vous permet d'affecter des actions pour imprimer des images d'animations Flash à partir de Flash Player sous forme de graphiques vectoriels ou de graphiques bitmap. Consultez le

Guide de référence ActionScript

Introduction

Intégration inter-produits avancée

La prise en charge de l'importation des fichiers PNG FreeHand et Fireworks

permet d'importer ces ﬁchiers directement dans Flash sous forme de graphiques modiﬁables, tout en conservant les calques, le texte et les autres éléments. Voir « Insertion d'illustrations dans Flash » à la page 166.

L'intégration avancée avec Macromedia Generator

vous permet d'étendre l'environnement de création de Flash pour créer un contenu dynamique extrêmement évolutif. Voir « À propos de Generator et de Flash » à la page 337.

L'intégration avancée avec Macromedia Fireworks

vous permet de lancer facilement Fireworks aﬁn de modiﬁer des images bitmaps importées dans Flash. Voir « Modiﬁcation des images bitmaps » à la page 178.

Supports d'apprentissage

Flash 5 est accompagné d'un ensemble de supports destinés à vous aider à maîtriser rapidement le programme pour créer vos propres animations Flash Player, notamment une aide en ligne accessible dans votre navigateur web, des leçons interactives, un didacticiel, deux manuels et un site web régulièrement mis à jour.

Leçons et didacticiel Flash

Si vous découvrez Flash, ou si vous n'en avez utilisé que quelques fonctions, commencez par les leçons. Elles présentent les fonctions principales de Flash et vous permettent de les mettre en pratique dans des exemples isolés.

Le didacticiel présente le ﬂux de travail dans Flash en vous montrant comment réaliser une animation simple. Le didacticiel s'appuie sur les connaissances que vous avez acquises au cours des leçons.

Pour commencer par les leçons, choisissez Aide > Leçons > Introduction.

Utilisation de Flash

papier. Il contient des instructions et des informations sur l'utilisation des outils et des commandes de Flash. L'aide en ligne contient des animations Flash Player permettant d'illustrer les effets et les fonctions de Flash.

Guide de référence d'ActionScript

ligne et de manuel papier. Il contient des instructions et des informations sur ActionScript, y compris sur la programmation ActionScript, la création de l'interaction avec ActionScript et un dictionnaire ActionScript complet.

Aide de Flash

Flash 5 contient trois systèmes d'aide :

d'ActionScript

Pour optimiser la consultation de l'aide de Flash, Macromedia vous recommande vivement d'utiliser la version 4.0 ou ultérieure de Netscape Navigator ou de Microsoft Internet Explorer sous Windows, et Netscape Navigator version 4.0 ou ultérieure sur Macintosh. Si vous utilisez la version 3.0 d'un navigateur, vous pourrez accéder au contenu des animations et de l'aide de Flash, mais certaines fonctions (notamment la fonction de recherche) ne fonctionneront pas. Pour exécuter simultanément Flash et l'aide de Flash sur un Macintosh, vous pourrez avoir besoin de 32 Mo de RAM, suivant les besoins en mémoire de votre navigateur.

Dictionnaire ActionScript.

Guide de référence d'ActionScript

est présenté à la fois sous forme d'aide en ligne et de manuel

est présenté à la fois sous forme d'aide en

Utilisation de Flash, Guide de référence

Prise en main

Pour utiliser l'aide de Flash :

Choisissez l'un des trois systèmes d'aide dans le menu Aide.

Parcourez les rubriques de l'aide de l'une des manières suivantes :

•

L'option Sommaire trie les informations par sujet. Cliquez sur les entrées supérieures pour afﬁcher les sous-rubriques.

L'option Index présente les informations sous la forme d'un index traditionnel.

•

Cliquez sur un terme pour afﬁcher la rubrique associée.

•

L'option Rechercher vous permet de rechercher des chaînes de caractères dans le texte de toutes les rubriques. La fonction de recherche nécessite l'utilisation de la version 4.0 d'un navigateur compatible Java. Pour rechercher une expression, il vous sufﬁt de l'entrer dans le champ d'entrée de texte.

Pour rechercher des ﬁchiers qui contiennent deux mots-clés (par exemple,

calques

style

), insérez le signe plus (+) entre les mots.

Introduction

Pour rechercher les ﬁchiers qui contiennent un mot-clé unique ou une expression entière, séparez les mots à l'aide d'un espace.

Les boutons Précédent et Suivant vous permettent d'afﬁcher une à une les

•

rubriques d'une section.

•

L'icône Flash vous permet d'accéder au site web du Centre de support Flash.

Macromedia Dashboard pour Flash

Macromedia Dashboard pour Flash vous permet d'accéder aux ressources de la communauté de développement Flash directement depuis l'application Flash. Utilisez Macromedia Dashboard pour obtenir des informations sur de nombreux sujets relatifs à Flash.

Macromedia diffuse régulièrement de nouvelles informations sur Macromedia Dashboard. Vous pouvez choisir de mettre à jour manuellement ou automatiquement le contenu de Macromedia Dashboard sur votre ordinateur.

Pour afficher Macromedia Dashboard :

Choisissez Aide > Tableau de bord Macromedia.

Cliquez sur l'onglet Tableau de bord et choisissez une rubrique.

Pour spécifier la fréquence de mise à jour du contenu du tableau de bord Macromedia :

Dans le tableau de bord Macromedia, sélectionnez Mise à jour automatique pour que les informations soient automatiquement mises à jour de façon régulière. Désélectionnez cette option si vous souhaitez mettre à jour manuellement le contenu du tableau de bord en cliquant sur le bouton Mettre à jour.

Remarque :

tableau de bord.

vous devez être connecté à Internet pour pouvoir mettre à jour le contenu du

Le Centre de support Flash

Le site web du Centre de support Flash est mis à jour régulièrement pour vous tenir au courant des dernières nouvelles sur Flash, dispenser des conseils d'experts, vous donner accès à des rubriques avancées, des exemples, des conseils et autres mises à jour. Consultez régulièrement le site web pour vous tenir au courant et tirer le meilleur parti de votre programme à l'adresse www.macromedia.com/support/ﬂash/.

Prise en main

Introduction20

CHAPITRE 1

Didacticiel

.............................................................................................................

Vue d'ensemble

Imaginez qu'un jour un magasin de cerfs-volants ait développé son site web. Les clients pouvaient y accéder et parcourir les images statiques de différents cerfs-volants aﬁn de choisir le modèle qu'ils souhaitaient (enﬁn, tel était le but). Dans les faits, la plupart des clients se sont lassés du site et sont passés à autre chose. Bien que la page web répondait à un besoin, elle n'a pas réellement retenu l'attention du public.

Imaginez maintenant que vous puissiez ajouter des animations Flash à ce site. Dans ce didacticiel, vous allez créer une page web dédiée aux cerfs-volants Orbit. Il s'agira d'un site interactif sur lequel les utilisateurs pourront visualiser et concevoir leurs propres cerfs-volants. Une fois que les clients auront choisi un modèle de cerf-volant, il leur sufﬁra de cliquer sur un bouton pour afﬁcher la facture correspondante et lancer un effet animé du cerf-volant en train de voler.

Pour ce faire, vous utiliserez des fonctionnalités de Flash que vous n'avez pas étudiées dans les leçons et vous en apprendrez davantage sur la réalisation d'une animation. Vous réaliserez plus précisément les tâches suivantes :

• modiﬁcation des propriétés d'une animation Flash ;

• importation, création et modiﬁcation des médias apparaissant dans

votre animation ;

• ajout de son à un bouton ;

• utilisation de la scène et du scénario pour assembler l'animation ;

• création d'effets animés avec interpolation de forme et de mouvement ;

• utilisation d'actions pour ajouter l'interactivité et rationaliser la création ;

• test de l'animation du point de vue des performances de téléchargement ;

• publication de l'animation sur le web.

Il vous faut compter environ une heure pour réaliser ce didacticiel, selon votre niveau d'expérience.

Connaissances préalables

Bien que ce didacticiel soit destiné aux nouveaux utilisateurs de Flash, vous devez maîtriser les fonctions de base de Flash abordées dans les sept leçons de l'aide. Ces leçons interactives, créées dans Flash, présentent les sujets suivants :

• Dessin

• Symboles

• Calques

• Caractères

• Boutons

• Son

• Animation

Pour suivre une leçon, choisissez Aide > Leçons, puis sélectionnez une leçon dans la liste. Pour proﬁter au mieux de ce didacticiel, assurez-vous de parfaitement maîtriser les concepts présentés dans les leçons avant de commencer.

Chapitre 122

Visualisez l'animation finale

Avant de commencer à travailler sur votre propre animation, visualisez l'animation ﬁnale du didacticiel de manière à avoir une idée de ce que vous allez créer. Cette animation vous permet en outre d'étudier le scénario, l'Explorateur d'animations, la fenêtre Bibliothèque, ainsi que la scène aﬁn de mieux comprendre comment sont créées les animations.

1 Dans le dossier de l'application Flash 5, ouvrez successivement les dossiers

Didacticiel > Terminé.

2 Sélectionnez le ﬁchier Cerf-volant.swf et faites-le glisser vers une fenêtre de

navigateur ouverte.

Dans l'environnement de création, les animations Flash portent l'extension FLA. Une animation exportée en tant qu'animation Flash Player porte l'extension SWF.

Didacticiel 23

Cliquez sur l'un des boutons Sélectionnez un cerf-volant.

Un son est alors lu et le cerf-volant sélectionné s'afﬁche.

4 Cliquez sur l'un des boutons Sélectionnez une couleur.

Le cerf-volant prend la couleur que vous avez sélectionnée.

5 Cliquez sur le bouton Faites-le voler !.

Écoutez le son et regardez l'effet animé.

La facture, afﬁchée sous la forme d'un symbole de clip, correspond au cerf-volant et à la couleur sélectionnés.

Un clip est une animation plus petite qui est lue au sein de l'animation Flash principale.

6 Pour relancer l'animation, cliquez sur le bouton En arrière.

7 Après avoir visualisé le ﬁchier SWF, vous pouvez fermer la fenêtre ou la laisser

ouverte en référence.

Analysez le fichier Cerf-volant.fla

Il est intéressant d'analyser le ﬁchier FLA ﬁnal aﬁn de comprendre comment l'auteur l'a assemblé. Cette analyse peut être réalisée sous différents angles. Dans ce didacticiel, vous procéderez de la manière suivante pour analyser le ﬁchier :

1 Dans Flash, choisissez Fichier > Ouvrir. Placez-vous dans le dossier de

l'application Flash, ouvrez successivement les dossiers Didacticiel/Terminé, puis ouvrez le ﬁchier Cerf-volant.ﬂa.

L'animation ﬁnale du didacticiel s'afﬁche dans l'environnement de création.

2 Pour agrandir la vue de la scène et du scénario, choisissez Fenêtre > Fermer

tous les panneaux.

3 Pour redimensionner le scénario et la scène, faites glisser la barre séparant

la scène du scénario vers le haut ou vers le bas. Parcourez le scénario aﬁn d'observer comment sont organisés les calques.

Chapitre 124

Calque des étiquettes

Calque des actions

Comme vous l'avez appris dans la leçon Animation, une image-clé est une image dans laquelle vous déﬁnissez les modiﬁcations d'un effet animé. Pendant que vous parcourez le scénario, notez les calques et les images qui sont associés à des images-clés.

Les images-clés de début et intermédiaires sont représentées par des cercles pleins, tandis que les images-clés ﬁnales sont représentées par des petits rectangles avec contour.

Tête de lecture Étiquettes d'image

5 Pour afﬁcher les étiquettes créées par l'auteur pour identiﬁer les segments

de l'animation, explorez le calque des étiquettes (il s'agit du premier calque du scénario).

Les étiquettes peuvent être utilisées non seulement pour créer et identiﬁer les segments d'une animation, mais aussi pour naviguer dans l'animation en spéciﬁant que la tête de lecture doit se déplacer vers la première image d'une étiquette spéciﬁque lorsque l'utilisateur clique sur un bouton. Les étiquettes et la navigation sont abordées plus loin dans ce didacticiel.

Didacticiel 25

Regardez le calque suivant, qui est le calque des actions.

Le calque des actions indique les images pour lesquelles ActionScript, le langage de script de Flash, est inclus dans l'animation.

Chaque a minuscule apparaissant dans un dessin représente ActionScript.

7 Sélectionnez la tête de lecture et faites-la glisser lentement sur les images.

Vous pouvez observer que les changements d'actions sont répercutés sur la scène comme sur le scénario. Notez cependant que lorsque vous faites glisser la tête de lecture, l'animation est lue de manière séquentielle et non comme les utilisateurs pourront la voir. La navigation mise en œuvre dans l'animation à l'aide d'ActionScript permet aux utilisateurs de passer directement à des images spéciﬁques au lieu de se déplacer de façon séquentielle dans le scénario.

Utilisez l'Explorateur d'animations

L'Explorateur d'animations vous aide à organiser, à trouver et à modiﬁer les médias et est d'autant plus utile que vous travaillez sur une animation composée de nombreux éléments. Grâce à sa structure en arborescence hiérarchique, l'Explorateur d'animations permet de comprendre l'organisation et l'enchaînement d'une animation, ce qui est particulièrement utile lorsque vous n'êtes pas l'auteur de l'animation.

1 Si l'Explorateur d'animations n'est pas déjà ouvert, choisissez Fenêtre >

Explorateur d'animations, ou cliquez sur le bouton Explorateur d'animations dans la barre Lanceur.

Barre Lanceur

Chapitre 126

Si nécessaire, agrandissez l'Explorateur d'animations (en faisant glisser l'angle inférieur droit de la fenêtre) pour afﬁcher l'arborescence dans le volet.

Les boutons de ﬁltre de l'Explorateur d'animations permettent d'afﬁcher ou de masquer des informations.

Triangle représentant le menu Options

Zone de texte

Chercher

Boutons de filtre

3 Cliquez sur le triangle placé en haut à droite de l'Explorateur d'animations.

Dans le menu déroulant qui s'afﬁche, vériﬁez que les options Afﬁcher les éléments d'animation et Afﬁcher les déﬁnitions de symbole sont sélectionnées.

4 En haut à gauche de la fenêtre de l'Explorateur d'animations, vériﬁez que seuls

les boutons de ﬁltre Afﬁcher le texte, Afﬁcher les boutons, les clips d'animation et les graphiques et Afﬁcher les scripts d'action sont sélectionnés.

Didacticiel 27

Parcourez la liste pour afﬁcher une partie des éléments inclus dans l'animation et identiﬁer leurs relations avec d'autres éléments.

Si vous descendez jusqu'au bouton Cerf-volant rokkaku par exemple, vous pouvez constater qu'ActionScript est associé à ce bouton. Double-cliquez sur l'icône de manière à afﬁcher l'action. Celle-ci lit le ﬁchier SWF d'un cerf-volant rokkaku lorsque l'utilisateur clique sur le bouton Cerf-volant rokkaku.

Chapitre 128

Désélectionnez le bouton de ﬁltre Afﬁcher les scripts d'action et sélectionnez le bouton de ﬁltre Afﬁcher les images et les calques.

7 Remontez en haut de l'Explorateur d'animations. Sous le calque des étiquettes,

double-cliquez sur l'image 43 (rokkaku) pour déplacer la tête de lecture vers la première image de l'étiquette rokkaku dans le scénario.

Les panneaux associés à l'image s'afﬁchent.

Pour afﬁcher un élément de l'arborescence, double-cliquez sur l'icône correspondante. Si vous double-cliquez sur une icône d'image, la tête de lecture se déplace vers cette image dans le scénario. Si vous double-cliquez sur un autre type d'icône, le panneau associé s'afﬁche et vous pouvez visualiser ou modiﬁer les propriétés de l'élément.

8 Désélectionnez le bouton de ﬁltre Afﬁcher les images et les calques.

9 Dans la zone de texte Chercher, entrez BOUTON cerf-volant rokkaku.

L'Explorateur d'animations afﬁche les résultats de la recherche.

Didacticiel 29

Cliquez avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl enfoncée (Macintosh) sur la première icône de bouton Cerf-volant rokkaku dans la liste, puis sélectionnez Rechercher dans la bibliothèque dans le menu déroulant afﬁché dans le coin supérieur droit de l'Explorateur d'animations.

Cette fonction permet d'ouvrir la bibliothèque, si elle ne l'est pas déjà, et met en évidence le symbole dans la fenêtre Bibliothèque.

La bibliothèque regroupe et organise les éléments de votre animation.

11 Fermez l'Explorateur d'animations.

12 Pour fermer l'animation, choisissez Fichier > Fermer.

Si vous avez apporté des modiﬁcations à l'animation, ne les enregistrez pas.

Chapitre 130

+ 372 hidden pages