Flash_CS5

Embed Size (px)

Citation preview

Le Campus

Flash CS5Adobehttp://www.free-livres.com/www.pearson.fr

Exemples sur

Gil Mathieucustomer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Flash CS5

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Pearson Education France a apport le plus grand soin la ralisation de ce livre afin de vous fournir une information complte et fiable. Cependant, Pearson Education France nassume de responsabilits, ni pour son utilisation, ni pour les contrefaons de brevets ou atteintes aux droits de tierces personnes qui pourraient rsulter de cette utilisation. Les exemples ou les programmes prsents dans cet ouvrage sont fournis pour illustrer les descriptions thoriques. Ils ne sont en aucun cas destins une utilisation commerciale ou professionnelle. Pearson Education France ne pourra en aucun cas tre tenu pour responsable des prjudices ou dommages de quelque nature que ce soit pouvant rsulter de lutilisation de ces exemples ou programmes. Tous les noms de produits ou marques cits dans ce livre sont des marques dposes par leurs propritaires respectifs.

Publi par Pearson Education France 47 bis, rue des Vinaigriers 75010 PARIS Tl. : 01 72 74 90 00 www.pearson.fr Avec la contribution technique de Mathieu Anthoine Collaboration ditoriale et mise en pages : Dominique Buraud Digit Books (www.digitbooks.fr) ISBN : 978-2-7440-4171-6 Copyright 2010 Pearson Education France Tous droits rservs

All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc. Aucune reprsentation ou reproduction, mme partielle, autre que celles prvues larticle L. 122-5 2 et 3 a) du code de la proprit intellectuelle ne peut tre faite sans lautorisation expresse de Pearson Education France ou, le cas chant, sans le respect des modalits prvues larticle L. 122-10 dudit code.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Flash CS5

Gil Mathieu

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

la mmoire de Jean-Franois, qui eut une vie de papillon.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Table des matiresPrface ................................................................................................................................................11

1 Lenvironnementdetravail ............................................................................................. 13 Fiche 1. Apprhender linterface utilisateur ........................................................................... 13 Fiche 2. Grer lenchanement des tapes ............................................................................... 33 Fiche 3. Prototyper rapidement une application pour la Toile ......................................... 36 Fiche 4. Organiser les fichiers dun projet consquent ....................................................... 41 Fiche 5. Grer les fichiers provenant dautres applications ............................................... 45 Fiche 6. Partager son cran en ligne.......................................................................................... 50 2 Dessinvectoriel ....................................................................................................................... 63 Fiche 7. Apprhender lenvironnement de dessin ................................................................ 63 Fiche 8. Comprendre les modes de dessin .............................................................................. 70 Fiche 9. Tracer des droites............................................................................................................ 74 Fiche 10. Tracer des courbes ....................................................................................................... 77 Fiche 11. Tracer de formes primitives...................................................................................... 84 Fiche 12. Tracer au pinceau ......................................................................................................... 87 Fiche 13. Utiliser les outils Pinceau pulvrisateur et Dco............................................... 89 Fiche 14. Faire des slections...................................................................................................... 93 Fiche 15. Modifier les attributs des lignes et des formes ................................................... 97 Fiche 16. Appliquer une transformation............................................................................... 102 Fiche 17. Grer les couleurs ..................................................................................................... 108 Fiche 18. Importer du graphisme vectoriel.......................................................................... 111 3 Scnario,imagesetcalques ........................................................................................... 119 Fiche 19. Crer un nouveau document.................................................................................. 119 Fiche 20. Composer des crans ............................................................................................... 123 Fiche 21. Dfinir les contenus successifs du scnario ..................................................... 124 Fiche 22. Structurer grce aux calques ................................................................................. 132 Fiche 23. Utiliser un masque .................................................................................................... 143

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

VI

Flash CS5

Fiche 24. Dcouper un long scnario .................................................................................... 146 Fiche 25. Naviguer dans le scnario lexcution ............................................................ 148 4 Animation ................................................................................................................................... 155 Fiche 26. Animer image par image ........................................................................................ 155 Fiche 27. Raliser une interpolation de mouvement ........................................................ 166 Fiche 28. Raliser une interpolation classique ................................................................... 190 Fiche 29. Mtamorphoser des formes ................................................................................... 203 Fiche 30. Animer un masque.................................................................................................... 211 Fiche 31. Animer par cinmatique inverse .......................................................................... 216 5 Groupes,symbolesetoccurrences ............................................................................ 243 Fiche 32. Regrouper des lments graphiques ................................................................... 243 Fiche 33. Tirer parti de la bibliothque de symboles ....................................................... 245 Fiche 34. Utiliser un symbole Graphique ............................................................................ 258 Fiche 35. Crer un symbole Bouton ...................................................................................... 259 Fiche 36. Imbriquer une animation dans un clip danimation ...................................... 263 Fiche 37. Modifier une occurrence de symbole ................................................................. 267 Fiche 38. Grer la dformation lagrandissement .......................................................... 273 Fiche 39. Positionner et orienter en 3D des objets 2D .................................................... 275 6 Texte ............................................................................................................................................... 285 Fiche 40. Crer et formater un texte au contenu fixe ....................................................... 285 Fiche 41. Redimensionner un bloc de texte ........................................................................ 293 Fiche 42. Grer les blocs de texte volumineux .................................................................. 296 Fiche 43. Crer des liens hypertextes .................................................................................... 298 Fiche 44. Grer les polices de caractres ............................................................................. 301 Fiche 45. Rendre le texte plus lisible..................................................................................... 308 Fiche 46. Modifier lexcution le contenu dun texte ................................................... 312 Fiche 47. Appliquer un balisage HTML du texte .......................................................... 316 Fiche 48. Corriger lorthographe ............................................................................................ 319 Fiche 49. Rechercher et remplacer du texte ou une police............................................. 320 Fiche 50. Sparer un texte ......................................................................................................... 322 Fiche 51. Utiliser la typographie avance et les blocs de texte chans ..................... 324

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Table des matires

VII

7 Imagesbitmap ......................................................................................................................... 335 Fiche 52. Importer une image bitmap ................................................................................... 335 Fiche 53. diter une image bitmap......................................................................................... 345 Fiche 54. Intgrer une image bitmap non rectangulaire .................................................. 350 Fiche 55. Convertir une image bitmap en vectoriel .......................................................... 357 Fiche 56. Optimiser les images bitmap................................................................................. 363 Fiche 57. Jouer avec la fusion pixel pixel des clips....................................................... 368 Fiche 58. Tirer parti du cache bitmap.................................................................................... 372 Fiche 59. Appliquer des effets lexcution ....................................................................... 373 8 Son ................................................................................................................................................... 379 Fiche 60. Importer du son.......................................................................................................... 379 Fiche 61. Choisir le mode de synchronisation dun son ................................................. 388 Fiche 62. Mettre un son en place dans le scnario ............................................................ 391 Fiche 63. diter un son............................................................................................................... 395 Fiche 64. Compresser le son..................................................................................................... 400 9 Vido .............................................................................................................................................. 407 Fiche 65. Encoder la vido dans Adobe Media Encoder ................................................ 407 Fiche 66. Choisir la mise en uvre vido ............................................................................ 427 Fiche 67. Importer une vido courte dans lanimation .................................................... 433 Fiche 68. Lire une vido externe dans lanimation ........................................................... 437 Fiche 69. Contrler une vido.................................................................................................. 440 Fiche 70. Incruster une vido dtoure ................................................................................. 446 10 Prfabrication ........................................................................................................................... 449 Fiche 71. Comprendre les composants ................................................................................. 449 Fiche 72. Composants de texte ................................................................................................ 457 Fiche 73. Composants doptions ............................................................................................. 460 Fiche 74. Composants de menus ............................................................................................. 462 Fiche 75. Autres composants de formulaire ........................................................................ 466 Fiche 76. Autres composants dinterface utilisateur ........................................................ 468

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

VIII

Flash CS5

11 BasesdeprogrammationActionScript3.0 .......................................................... 475 Fiche 77. Comprendre le vocabulaire de la programmation .......................................... 475 Fiche 78. Se familiariser avec les outils Flash de programmation .............................. 490 Fiche 79. Une session type de programmation ActionScript ........................................ 508 Fiche 80. crire les scripts indispensables .......................................................................... 516 Fiche 81. ActionScript: demandez le programme! ......................................................... 526 12 Publication ................................................................................................................................. 527 Fiche 82. Tester une animation ................................................................................................ 527 Fiche 83. Paramtrer la publication ....................................................................................... 534 Fiche 84. Publier pour la lecture dans un navigateur ....................................................... 541 Fiche 85. Grer le tlchargement de lanimation ............................................................ 550 Fiche 86. Ajouter des mtadonnes ....................................................................................... 554 Fiche 87. Publier une application indpendante ................................................................ 558 Fiche 88. Exporter........................................................................................................................ 562 Index ....................................................................................................................................................569

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

PrfaceDans la fentre de lancement de lapplication Flash CS5, vous remarquerez quil sagit en fait de la onzime version du logiciel. Que de chemin parcouru depuis le rachat de Future Splash par Macromedia pour produire la premire version de ce qui ntait au dpart quun logiciel danimation vectorielle pour la Toile. Au fil des versions successives, le caractre multimdia sest affirm: le texte, les images bitmap ou matricielles, le son, la vido. Le langage associ de lenvironnement Flash, ActionScript, a lui-mme suivi cette volution. Au dpart, avec Flash 4, est apparu un simple langage de scripts pour ajouter de linteractivit au scnario dune animation, qui sans eux ne peut tre que lue linairement du dbut la fin. Ce langage ne sappelait pas encore ActionScript. ActionScript 1.0 fait son apparition avec Flash 5. Cest un langage procdural. ActionScript 2.0, langage de programmation orient objet, a pris acte de lvolution multimdia de Flash, apportant les outils permettant de manipuler aussi par programme graphisme vectoriel, animation, texte, images matricielles, son et vido. Malheureusement, cela sest fait comme un largissement dActionScript1.0, qui la base navait pas du tout t conu pour cela. Avec ActionScript 3.0, tout a t repens la base et ce langage de programmation orient objet na pas rougir devant C++ ou Java. Il offre une plthore de classes prdfinies pour manipuler par programme tous les types de mdias que Flash est capable dintgrer une animation. Aujourdhui, avec Flash CS5 vous disposez dune puissante plate-forme dintgration et de programmation multimdia, avec laquelle vous pouvez dvelopper toutes sortes dapplications pour la Toile, linterface utilisateur sophistique et proposant un contenu enrichi (Rich Internet Application, RIA). Les domaines dapplication sont vastes : bandeaux de publicit anims, jeux, prsentations, sites de commerce interactif, dessin anim, e-learning. Cette courte liste nest videmment pas exhaustive. Par dfinition, le multimdia est multimtier. Vous qui commencez la lecture de ce livre tes peut-tre auteur, graphiste, animateur, programmeur, web designer, ralisateur multimdia (celui qui ralise lintgration des diffrents lments de mdias en un tout). Peut-tre mme, venant du monde de la photographie, de laudio ou de la vido, vous intressez-vous leur diffusion sur la Toile grce Flash. Cette liste de curs de mtiers nest pas plus exhaustive que la liste dapplications. La version CS4 de Flash a poursuivi lextension multimdia en y introduisant la3D. Sil ne sagit pas de vraie 3D Flash nest pas encore capable de manipuler de vritables objets 3D (que vous auriez produits dans un modeleur 3D, puis imports) vous pouvez nanmoins positionner et orienter en 3D des objets 2D, un peu comme si vous mettiez en scne des cartes postales dans lespace. Flash CS4 a galement marqu deux avances majeures dans son domaine dorigine quest lanimation. Dune part, linterpolation de mouvement a t repense et une nouvelle approche simplifie en a t propose (pour des raisons de rtro-compatibilit, lancienne

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

2

Flash CS5

approche, dite interpolation classique, est toujours prise en charge dans Flash CS5). cela sajoute une bibliothque dinterpolations prrgles, ainsi quun diteur de mouvement qui vous permet dditer les courbes de variation des diffrentes proprits interpoles. La seconde nouveaut majeure de Flash CS4 en matire danimation a t linterpolation par cinmatique inverse qui vous permet de structurer votre graphisme en dfinissant un squelette, cest--dire un ensemble de segments articuls. Les images-cls propres ce type dinterpolation sappellent des poses. Lorsque vous dfinissez une pose, en dplaant et/ou orientant un lment du graphisme anim, les autres lments se dplacent et/ou sorientent en respectant les contraintes dfinies par le squelette. Flash CS5 pousse plus loin la simulation physique en dotant les articulations dventuels ressorts paramtrables. Signalons demble que ces innovations rcentes intressantes 3D, nouvelle approche de linterpolation de mouvement et interpolation par cinmatique inverse prsentent encore bien des imperfections et quil faudra attendre une version ultrieure pour quelles atteignent leur maturit. Le dernier mdia faire lobjet dune avance majeure dans Flash CS4 fut la vido, avec la prise en compte via Media Encoder du codec H.264. Dans Flash CS5, cest le texte qui fait lobjet dune avance majeure: un nouveau moteur de rendu (TLF) injecte dans Flash tout le savoir-faire traditionnel dAdobe en matire de typographie et introduit le flux de texte entre blocs chans. Lune des raisons principales du succs fulgurant de Flash est la lgret des fichiers SWF que produit lopration finale de publication. Bien sr, tous les niveaux tout est fait pour prserver cette lgret lgendaire. Par ailleurs, dans ce monde de vitesse, sil est important que le fichier SWF soit lger pour que linternaute impatient ne zappe pas avant la fin du tlchargement, il est tout aussi crucial que lanimation soit fluide lcran. Les versions CS3 et CS4 de Flash ont particulirement travaill loptimisation du moteur de rendu qui se trouve au cur du lecteur Flash (respectivement en version 9 et 10). La Figure 0.1 donne une vue densemble de tous les logiciels qui dune faon ou dune autre gravitent autour de Flash. La version CS5 est la troisime version de Flash publie depuis le rachat de Macromedia par Adobe. CS est lacronyme de Creative Suite, qui est le concept de communication transparente entre logiciels de la suite logicielle. Ceci est trs important pour un logiciel dintgration multimdia comme Flash. En effet, selon le type de mdia, les possibilits ddition au sein de Flash seront au mieux limites, au pire inexistantes. Grce la Creative Suite, il vous suffit de double-cliquer sur llment en question pour lancer lditeur ddi, faire la retouche, puis valider pour revenir dans votre animation Flash o la modification de llment est prise en compte sans que vous ayez le r-importer. Flash collabore ainsi avec Illustrator (dessin vectoriel, illustration), Photoshop (retouche dimages bitmap, matricielles), Fireworks (graphisme pour la Toile, intgrant matriciel et vectoriel), Dreamweaver (dition de HMTL, XHTML), SoundBooth (dition et traitement audio). Si la communication avec les logiciels de vido nest pas aussi transparente, des passerelles existent nanmoins entre Flash et Premiere, de mme quentre Flash et After Effects. Ainsi, ce dernier, de mme quInDesign (composition de textes, PAO), peut exporter en XFL, le

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Prface

3nouveau format natif dune animation Flash dans la version CS5. Un autre format fait galement son apparition, FXG, ddi lchange de graphismes entre Photoshop, Fireworks ou Illustrator et Flash.

Figure 0.1Larchipel des technologies autour de Flash.

TEXTE

MATRICIEL

GRAPHISME

VECTORIEL

SON

VIDO

3D Swift 3D 6

Indesign CS5

Photoshop CS5

Fireworks CS5

Illustrator CS5

Soundbooth CS5

Premire CS5

After Effects CS5

Kuler

Media Encoder CS5

Erain Adobe

INTGRATION, ANIMATION, INTERACTIVITFlash Catalyst CS5

GESTION DE PROJETVersion Cue Bridge Connect Now

Flash CS5

open sourceAway 3D

ACTIONSCRIPT 3

Flash Builder 4ACTIONSCRIPT 3 (FLEX)

Flash Remoting

Flash Media Server 3.5

Pixel Bender 1TRAITEMENT DIMAGES

PROGRAMMATION

CT SERVEUR

MODLES 3D

Dans lensemble des logiciels cartographis Figure 0.1, Flash Catalyst est lune des grandes nouveauts de la version CS5. Cet outil de prototypage rapide dune animation Flash ignore compltement laspect dveloppement ActionScript, celui-ci tant cens dans ce cas tre pris en charge dans Flash Builder (ex Flex Builder) par une autre personne. Adobe a depuis quelque temps galement pris le parti de faire de certains logiciels indpendants des satellites des grands logiciels de la Creative Suite, voire den proposer de nouveaux. Flash est ainsi reli Bridge (gestionnaire de fichiers graphiques, audio et vido), Version Cue (gestionnaire daccs aux fichiers dans un contexte de travail en quipe), Kuler (explorateur dharmonies de couleurs, gestionnaire de jeux de couleurs), Pixel Bender (dveloppement de filtres pour le traitement dimages matricielles), Media Encoder (compression, codage audio et vido), ConnectNow (partage dcran distance pour le travail collaboratif) et Device Central (mulation de mobiles). Pour conclure cette prsentation rapide de Flash, il faut rappeler que lun des atouts de cette technologie est sa quasi universalit. Info ou intox, on estime 97% la pntration du lecteur sur les ordinateurs de bureau ou portables, mais aussi sur les appareils portables (assistants numriques, tlphones portables). De fait, le lecteur Flash ou le lecteur Flash Lite sont prsents dans leurs diffrentes versions sur normment de machines. Le nombre

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

4

Flash CS5

de sites ou dapplications raliss en Flash est tel que quiconque navigue un tant soit peu sur la Toile aura ncessairement un moment ou un autre tlcharg la dernire version de lextension Flash Player. Au grand dam de linstitution W3C charge de la normalisation des technologies de la Toile, Flash et ActionScript 3.0 sont devenus des standards de facto. Enfin, depuis la version CS4, Flash vous permet de publier pour lenvironnement dexcution AIR, cest--dire de crer une animation Flash qui sexcute sur le Bureau dun ordinateur, au mme titre que nimporte quelle autre application, en dehors de tout navigateur. La Figure 0.2 fait la synthse des diffrents supports destination desquels une animation Flash peut tre publie et indique les lecteurs associs.Figure 0.2Les diffrentes possibilits de relecture dune animation Flash.Flash CS5 Dreamweaver CS5 Device Central CS5

Application hors ligne

Application internet (ordinateur)

Application internet (portable)

Application de bureau

Lecteur autonome Flash Player 10.1

Navigateur + Extension Flash Player 10.1

Lecteur Flash Lite 3

Lecteur AIR 2

Signalons que lune des nouveauts mises en avant de la version CS5 de Flash tait lapplication indpendante Packager pour iPhone ddie la publication sur les appareils portables iPhone, iPod Touch, iPad. Malheureusement ce projet est mort-n devant le refus dApple que soient commercialises sur lApp Store des applications dveloppes sous Flash.

qui sadresse ce livreNotre ouvrage sadresse toute personne dsireuse de prendre en main Flash pour faire de lintgration multimdia. Le multimdia est multimtier, cest lune de ses difficults. Pour autant, dans aucun des domaines abords louvrage nimpose de prrequis. Il ne suppose aucune expertise chez le lecteur, uniquement de la curiosit. Ce livre sadresse aux non informaticiens et, en matire de programmation, il ne donne que des rudiments indispensables. Flash est un environnement la fois dintgration multimdia et de programmation multimdia. Dans la mesure o ces deux aspects sont dissociables,

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Prface

5le livre traite du premier des deux. En terme de mtier, il ne vise pas former des dveloppeurs, mais plutt des ralisateurs multimdia (designers). Cet ouvrage peut par ailleurs sintgrer toute formation au dveloppement de sites web et dapplications internet, que laccent soit mis sur le graphisme (cole darts appliqus) ou sur la conception de sites web (formations de concepteurs de sites web).

Les intentions de lauteurVous avez donc succomb aux sirnes du multimdia. Pour cela, vous avez install Flash CS5 sur votre ordinateur. Vous avez peut-tre pass des heures faire au petit bonheur vos premiers essais. Les menus droulants, botes de dialogue et autres panneaux du logiciel se sont rapidement rvls tre une jungle touffue. Lune de vos frustrations a sans doute t une impression de jargon face aux termes techniques qui reviennent sans cesse dans linterface ou dans la documentation officielle Adobe, mais qui nulle part ne sont dfinis, comme si tout le monde devait naturellement savoir de quoi il est question. Pour vous y orienter, vous venez donc dacqurir ce livre. Pour le rdiger, je me suis efforc de me replacer dans la situation de lapprenti que jai t, de rejouer les processus de comprhension parfois tortueux, pour en tracer de plus directs. Lambition de ce livre est de vous faire atteindre en trois mois de pratique le niveau de savoir-faire que jai mis trois ans atteindre seul. Cest une grande joie dcrire le livre que lon aurait rv lire pour surmonter rapidement les difficults. Louvrage sappuie sur ma double exprience. Ralisateur multimdia travaillant entre autres outils avec Flash, je pratique ce logiciel dont jai suivi les volutions depuis la version6. Enseignant/formateur, je rflchis depuis plusieurs annes aux principes du multimdia quil est capital dassimiler pour que lapprentissage dbouche sur une matrise relle des outils. Il ne sagit pas ici pour vous de suivre laveuglette une liste sche dinstructions excuter. Un livre de cuisine dont une recette contiendrait des instructions comme Passer au chinois ou Faire une bchamel sans que nulle part on ne vous explique ce quest un chinois ou comment faire la sauce bchamel, ce livre est mes yeux une imposture. En tant que lecteur de manuels sur le multimdia tout docteur en informatique que je suis, sagissant de ralisation multimdia, je suis autodidacte, jen ai trop souvent rencontr qui sadressaient au lecteur comme sil faisait dj partie du srail et matrisait le vocabulaire et les notions techniques. Si vous lisez ce livre, il y a de fortes chances pour que ce ne soit pas le cas! Ce livre est donc aussi un manuel pdagogique. Enseignant en master dinformatique le vocabulaire et les principes du multimdia, je me suis donc efforc de dfinir dans le corps du texte le vocabulaire ncessaire au dialogue

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

6

Flash CS5

avec la machine. Au besoin, vous trouverez des encarts redfinissant les notions cls. Lapprentissage dune technique quelle quelle soit passe par la matrise de son vocabulaire. La tche est ici dautant plus dlicate que le multimdia est multitechnique. Par ailleurs, la matrise du vocabulaire est indispensable la communication harmonieuse entre les diffrents spcialistes partenaires dune quipe de production. Ainsi, le dveloppeur doit connatre le vocabulaire du graphiste, lanimateur celui du ralisateur et vice versa. Dautre part, je me suis attach vous donner, mme succinctement, les lments qui vous permettent de comprendre ce qui se passe sous le capot. Je prendrai ainsi du recul en expliquant les techniques traditionnelles qui sont utilises comme mtaphores dans le logiciel. Sans rentrer dans les dtails informatiques et/ou mathmatiques, il est tout votre avantage de comprendre les enjeux pour que, dans vos ralisations, vous fassiez en connaissance de cause les bons choix de conception. Par exemple, la supercherie pourrait consister vous dire : dans telle bote de dialogue, cochez lun des formats vido FLV ou F4V. Je prfre commencer par un digest de plusieurs pages sur les principes de la compression dune vido numrique, de sorte que vous ayez en main tous les lments qui vous permettent de faire en connaissance de cause le choix dun codec vido. Sil est indispensable dacqurir le vocabulaire pour comprendre ce que la machine demande, il est indispensable dassimiler les principes pour comprendre ce que lon demande la machine. Lapproche reste pragmatique, il sagit typiquement dun livre que vous garderez porte de main pour y trouver rponse aux difficults que vous rencontrerez dans votre pratique de Flash CS5. Le texte est dans un style relativement ramass, qui vite les redondances, mais favorise les rfrences croises. Enfin, dun esprit fondamentalement visuel, jai suivi le vieil adage selon lequel une image peut remplacer mille mots et louvrage est abondamment illustr, avec plus de 500 copies dcran.

Lorganisation de ce livreLe livre a t conu pour pouvoir tre utilis de deux faons diffrentes. Suivant la premire, cest un manuel dapprentissage progressif pour dbutant. Lisez-le linairement du dbut la fin. Lordre a t pens de la faon la plus logique possible, de sorte que vous abordiez chaque chapitre avec le minimum de notions pralables qui vous fasse dfaut. Bien sr, lordre idal nexiste pas et lon est parfois oblig de mentionner des notions qui ne seront expliques dans le dtail que dans un chapitre ultrieur. Pour compenser, nous nous sommes efforc dmailler le plus possible le texte de rfrences croises pour que vous puissiez au besoin trouver facilement des complments qui savreraient indispensables. La seconde faon daborder cet ouvrage est comme un livre de recettes. Il conviendra parfaitement quelquun ayant dj au moins une petite exprience de Flash. Vous avez plusieurs moyens dy entrer. Si vous examinez la table des matires, vous constaterez que les titres des fiches ont en rgle gnrale une forme active, dcrivant clairement le problme concret

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Prface

7quelles aident rsoudre. Tous les mots-cls techniques sont repris dans un index fourni, qui est un autre point dentre important dans louvrage. Enfin, grce au rseau de rfrences croises, vous pourrez rebondir de fiche en fiche. La progression de louvrage est organise comme suit: Chapitre 1, Lenvironnement de travail. Il comprend un nombre impressionnant de panneaux qui peuvent tre organiss en diffrents espaces de travail. On examine ensuite les commandes dannulation et le panneau historique, puis la gestion des diffrents fichiers dun grand projet. Enfin, ce chapitre traite de trois applications satellites de Flash: loutil de prototypage rapide Flash Catalyst, le gestionnaire de fichiers Bridge et loutil ConnectNow ddi la collaboration en temps rel avec un ou deux co-quipiers distance. Chapitre 2, Dessin vectoriel. Lune des premires raisons du succs du logiciel Flash tient lapproche vectorielle du graphisme, laquelle produit des fichiers compacts et des illustrations transformables sans perte de qualit. Sans rivaliser avec Adobe Illustrator, Flash est nanmoins un environnement de dessin vectoriel assez sophistiqu. Chapitre 3, Scnario, images et calques. La complexit du travail dintgration multimdia peut drouter le dbutant, car il sagit dintervenir simultanment dans plusieurs dimensions. Tout document Flash possde une dimension temporelle, celle des images du scnario. Le scnario a galement une dimension structurelle, celle de lempilement des calques sur lesquels limage est compose. Lanimation a enfin au moins deux dimensions spatiales sur la scne. Chapitre 4, Animation. Avant de devenir la plate-forme dintgration multimdia quil est dsormais, Flash fut lorigine un logiciel danimation vectorielle. cartant lanimation par programmation ActionScript, ce chapitre dcrit les quatre approches de lanimation que permet lenvironnement de ralisation: image par image, interpolation de mouvement, mtamorphose et interpolation par cinmatique inverse. Ce chapitre est en liens troits avec le prcdent calques et images-cls sont des lments capitaux en animation et avec le suivant la dcomposition hirarchique de lanimation passe par limbrication de symboles clips danimation. Chapitre 5, Groupe, symboles et occurrences. Aprs lapproche vectorielle du graphisme et le recours linterpolation pour beaucoup danimations, une autre raison fondamentale de la lgret des fichiers Flash et donc du succs de ce logiciel tient au fait que les lments graphiques rcurrents dans lanimation sont transforms en symboles stocks dans la bibliothque. Le scnario ne fait alors quenregistrer diffrentes occurrences de ces symboles, instancis sur la scne et dans le scnario. Ceci ajoute une dernire dimension architecturale lintgration multimdia. Le chapitre se termine sur les capacits 3D de Flash CS5.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

8

Flash CS5

Chapitre 6, Texte. Si le texte est un mdia indispensable et pris en compte depuis longtemps par Flash dans ses proprits les plus lmentaires, le rendu de texte sur la Toile est sujet de nombreuses variations. Ladoption du jeu de caractres Unicode et la possibilit dinclure la police de caractres lanimation ont amlior la situation. Adobe a inject dans Flash son savoir-faire traditionnel en matire de typographie avec un nouveau moteur de rendu Text Layout Framework. Avec le texte TLF, on accde galement des possibilits de composition dcrans telles quen offre un logiciel de PAO. Chapitre 7, Images bitmap. Lenvironnement dintgration multimdia Flash ne pouvait se priver de prendre en compte les images bitmap. Si ldition interne reste sommaire, il est possible de texturer avec une image bitmap et diverses solutions sont envisageables pour intgrer une image non rectangulaire. Flash offre deux voies pour prserver la lgret du fichier SWF: la vectorisation ou loptimisation des images bitmap. Le chapitre se termine par trois sujets qui ne concernent pas directement les images bitmap, mais relvent nanmoins du rendu matriciel effectu par le lecteur Flash: modes de fusion, cache bitmap, application de filtres. Chapitre 8, Son. Comme tous les autres mdias lourds, le son est gnralement trait dans une application ddie avant dtre import dans lenvironnement dintgration Flash. Une fois quun son est mis en place dans le scnario, diffrents choix sont possibles pour le dclenchement de sa lecture et la synchronisation avec le reste de lanimation Pour la compression des sons, Flash offre une riche gamme de codecs. Chapitre 9, Vido. Flash poursuit son avance en simposant de fait comme la technologie la plus utilise pour diffuser de la vido sur la Toile. La vido est gnralement encode dans lapplication Media Encoder, de plus en plus souvent avec le codec H.264. Flash propose diffrentes possibilits de mise en uvre de la vido. Des composants, habillables de multiples faons, permettent de construire facilement un contrleur vido. La vido sintgre parfaitement lcran et il est mme possible de ly incruster. Chapitre 10, Prfabrication. Lenvironnement Flash vous fournit des lments prfabriqus sous la forme de composants, qui sont des clips danimation paramtrables (menus droulants, cases cocher, barre de progression, etc.) avec lesquels vous pouvez construire une interface graphique standard. Chapitre 11, Bases de programmation ActionScript 3.0. La programmation ActionScript nest pas le sujet de ce livre qui sadresse aux ralisateurs multimdias et non aux dveloppeurs. Nanmoins, pratiquement aucun site ni aucune application nest concevable sans un minimum dinteractivit. Votre animation Flash contiendra ncessairement quelques scripts basiques indispensables. Lobjectif de ce chapitre est simplement de vous donner les rudiments qui vous permettront de lire et comprendre un peu de code ActionScript 3.0 et den crire vous-mme quelques lignes dinstructions simples. Chapitre 12, Publication. Cest ltape ultime du cycle de ralisation Flash. Selon le support vis, vous allez produire un fichier SWF et le fichier HTML qui lappelle (lecture dans un navigateur), ou bien un fichier excutable (projection grave sur disque amovible ou application destination de lenvironnement dexcution AIR). Par ailleurs,

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Prface

9diverses possibilits dexportation sont offertes, sous forme dimages ou de squences QuickTime. Les logiciels satellites de la suite CS5 (voir Figure 0.1) sont abords, plus ou moins dans le dtail selon le cas. ConnectNow est trait de faon relativement complte. La description de Kuler, Bridge, Media Encoder et Flash Catalyst est dveloppe sans tre exhaustive. Pixel Bender nest prsent quau niveau de linterface utilisateur, puisquil vise les programmeurs, qui plus est spcialistes du traitement dimages. Version Cue est simplement voqu, car linstallation de Version Cue Server relve du spcialiste rseau. Device Central nest pas trait, puisquil sert au dveloppement Flash Lite. Si Flash est une le, il en est quelques presqules que nous navons pas traites dans ce livre. La plus importante dentre elles est ActionScript 3.0. Nous y avons fait une petite incursion au Chapitre 11 pour vous donner des rudiments qui devraient vous permettre de pousser plus loin lexploration si le cur vous en dit. Mais le sujet est vaste et mriterait un autre ouvrage. Nous limitant dlibrment un niveau dbutant en programmation ActionScript3.0, nous avons renonc traiter au Chapitre10 les composants de communication web, ainsi que la personnalisation et le paramtrage des composants la vole. Dautres sujets importants dans Flash auraient pu tre traits, mais ils ncessitent de lActionScript: par exemple, le chargement dimages matricielles ou danimations secondaires depuis lanimation principale, le traitement de fichiers de donnes XML. Laccessibilit est une autre presquleignore: Flash propose en effet des outils pour prvoir un contenu alternatif destination des personnes handicapes dont la vue ou loue est dficiente. Enfin, Flash est non seulement une le, mais cette le fait partie dun archipel, comme lillustre la Figure 0.1. Le dveloppement Flash Lite dapplications pour appareils portables (assistants numriques, tlphones portables) est un sujet part entire. La technologie Flash Remoting permet dajouter votre application sur la Toile de la programmation ct serveur. Ct serveur galement, Flash Media Server permet de diffuser de la vido en direct via le protocole RTMP. Enfin, Flash na pas le monopole de la programmation ActionScript3.0: il existe galement Flash Builder. Aucun de ces sujets nest trait dans ce livre. Il ny est pas non plus question des technologies Swift 3D ou Away 3D, qui ne sont ni lune ni lautre proprit dAdobe. Il ne nous reste plus qu vous souhaiter le calme ncessaire ltude, la persvrance dans lapprentissage et beaucoup de joie dans vos ralisations Flash.

ConventionsAu niveau de la typographie, lorsque vous rencontrerez un fragment de code ActionScript3.0, il sera dans cette police de caractres: MovieClip.play(). Les quelques fragments de code ActionScript3.0 plus importants seront sortis du labeur sous cette forme:

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

10

Flash CS5

function relacher( evt: MouseEvent): void { trace( Clic sur le bouton, evt.target.name); } .addEventListener( MouseEvent.MOUSE_UP, relacher);

Suivant une convention usuelle dans les ouvrages dinformatique, pour obtenir du code compilable, vous devrez remplacer les lments entre signes infrieur et suprieur comme par ce qui est dcrit entre ces signes ici un chemin cible valide dune occurrence de symbole de votre animation. Mentionnons ici, une bonne fois pour toutes, diverses choses qui alourdiraient le texte si nous devions les rpter chaque fois. Sur Mac, on accde aux prfrences de Flash par la commande Flash > Prfrences; sous Windows, par la commande Modier > Prfrences. Pour accder un menu contextuel, faites un clic droit si vous disposez dune souris plusieurs boutons et cliquez avec la touche Ctrl enfonce si vous utilisez un Mac quip dune souris bouton unique. Dans tous les logiciels, il y a un menu dition. Dans Flash depuis quelques versions, il a t r-intitul Modifier, ce qui est notre humble avis un trs mauvais choix dinterface. Cela peut en effet tre source de confusion avec le menu Modification (les deux ont un sous-menu Scnario, par exemple). Nous disposons dautre part de plusieurs types dencadrs:Raccourci

Ces notes recensent les diffrents raccourcis clavier.

Les exemples sont disponibles au tlchargement depuis le site des ditions Pearson, ladresse http://www.pearson.fr/livre/?GCOI=27440100780310.

Ce pictogramme indique une animation tlchargeable depuis le site de Pearson ( ladresse http://www.pearson.fr/livre/?GCOI=27440100780310). Cette animation est jouable dans la version PDF de louvrage si votre lecteur de PDF lit le Flash. Ce pictogramme attire votre attention sur un point particulier.

Notions cls

Ces encadrs attirent votre attention sur les notions cls indispensables la bonne comprhension de louvrage.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Prface

11

RemerciementsDominique Buraud pour le montage du projet, sa confiance indfectible et son soutien malgr les alas, ceux de la vie comme ceux de la rdaction, ainsi que son savoir-faire dditrice, Patricia Moncorg pour son coute et sa comprhension, Mathieu Anthoine pour sa relecture affte et sa comptence, Amandine Sueur pour sa minutie, Laure Ancel, Gilles Rougeron et Robin Fercoq pour leurs suggestions pertinentes, Monique Lebeau, Serge Lemaitre, Stphanie Mathieu, Ludovic Bouaud et Martien Hiemstra pour mavoir confi leurs ralisations, Jrme Gensel et Serge Miguet pour mavoir donn lopportunit denseigner le multimdia, Camille Llado pour la chimre, Olivier Verdier pour la belle image de couple dans le dsert, Anne-Sophie Gomez pour son mtier de graphiste (www.plume-image.com), mes parents pour mavoir donn le got du travail soign, ma famille sans qui je naurais pas ce cadre de travail merveilleux, Claudette, Michel, Stphanie pour leur affection, Hubert, Florence, Jrme, Rmy, Rachel, Gilles, Philippe, Fabienne, Olivier, Angela, Ludo, Sophie, Amandine, Cline B., Cline J., Michel, Genevive, Leo, Mieke, Guillaume, Claire, Isabelle et Denise pour leur soutien et leur amiti qui est le bien le plus prcieux, Adle, Paula, Clian, Nathanal, Valrian, Zanie, Lalou, Anicca et Samadhi pour leur spontanit rafrachissante, les papillons, la vipre de mon jardin et la vie enfin, ce quil en reste parce quelle est belle.

Prsentation de lauteurAprs avoir fait une thse de doctorat en informatique graphique, Gil Mathieu pratique depuis quelques annes la ralisation multimdia, essentiellement dans les domaines didactique et culturel. Ses outils de prdilection sont Director et Flash et leurs langages de programmation respectifs Lingo et ActionScript 2 et 3. Enseignant le vocabulaire et les principes du multimdia numrique en master dinformatique, il est galement formateur sur les logiciels avec lesquels il ralise (www.amuli.fr).

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

1

Lenvironnement de travailFlash CS5 est la onzime version du logiciel et lenvironnement comprend un nombre impressionnant de panneaux qui peuvent tre organiss en diffrents espaces de travail. Les commandes dannulation et le panneau historique donnent toute libert dessayer une opration, quitte revenir une tape antrieure. Un fichier projet permet dorganiser les diffrents fichiers dun grand projet. Bridge, application transversale de la suite logicielle Creative Suite, sert grer les fichiers provenant des autres logiciels Adobe. Grce loutil ConnectNow, vous pouvez envisager la collaboration en temps rel avec un ou deux coquipiers distance.

Fiche1

Apprhender linterface utilisateurVue densembleAu lancement de Flash, vous vous retrouvez par dfaut face la fentre reproduite Figure1.1. La premire colonne affiche les documents que vous avez rcemment ouverts ainsi quun raccourci pour accder la bote de dialogue douverture de document. La seconde colonne liste les diffrents types de fichiers que vous pouvez crer de toutes pices dans Flash. Dans la troisime colonne, vous avez galement la possibilit de crer un document Flash partir dun modle (voir section Modles de document, Fiche 19) et daccder Flash Exchange, site proposant des outils complmentaires. En bas de la bote de dialogue se trouvent des liens vers un certain nombre de ressources utiles, surtout si vous dbutez.Figure1.1Lcran de bienvenue.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

14

Flash CS5

Si vous ne souhaitez plus voir lcran de bienvenue aux prochains lancements, cochez la case Ne plus afficher. Vous aurez toujours la possibilit de ractiver son affichage dans les prfrences, catgorie Gnral, en slectionnant, dans le menu Au dmarrage, loption cran de bienvenue. Linterface peut se prsenter suivant diffrentes dispositions, dites espaces de travail (voir la section Les espaces de travail de cette fiche). la cration dun nouveau document Flash (Fichier> Nouveau), dans lespace de travail Classique, linterface se prsente comme la Figure1.2. Lcran y est dcoup en quatre colonnes. La premire, assez fine, est la bote outils.Figure1.2Un nouveau document dans lespace de travail Classique.

La seconde colonne de lcran, celle qui occupe le plus de place, est la fentre document. Verticalement, elle se dcompose en un scnario, des onglets pour chacun des documents ouverts (un seul sur la figure), la barre ddition (la bande horizontale dans laquelle on voit notamment le pourcentage daffichage de la scne, ici 100%) et enfin la scne (le rectangle blanc par dfaut). Sans anticiper sur le Chapitre 3 o ces notions seront expliques en dtail, disons simplement que le scnario est ddi aux aspects temporels de votre animation, tandis que la scne est lespace dans lequel elle se dveloppe. En filant la mtaphore, la zone grise qui lentoure en constitue les coulisses. Un lment en coulisses, cest--dire en dehors du rectangle de la scne, ne sera pas visible dans lapplication finale, mais il contribuera la taille du fichier publi. La dernire colonne de lcran est la zone des panneaux. Un panneau est une fentre que vous pouvez rduire (dans lexemple, certains le sont dans la troisime colonne de lcran), dvelopper ou regrouper avec dautres. Lexemple de la Figure1.2 ne montre que deux panneaux affichs, Info et Proprits, mais lenvironnement Flash en contient un grand nombre comme le montre le menu Fentre, reproduit Figure1.3. La majorit des fentres correspondent des panneaux. Dans ce menu, slectionnez un panneau pour le montrer (sil y est

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Lenvironnement de travail

15

dcoch) ou le cacher (sil y est coch). La dernire section du menu liste les documents couramment ouverts.Figure1.3Le menu Fentre.

Comme dans nimporte quel autre logiciel, llment central de lenvironnement Flash est sa barre de menus. Rappelons que chaque menu regroupe un ensemble de commandes et/ ou doptions. Une coche avant le nom dune option indique que cette option est active. Parfois, une option est exclusive. Son nom est alors prcd dun losange (Mac) ou dune puce (Windows). Les commandes les plus utilises possdent un raccourci clavier, visible en bout de ligne aprs le nom. Sous Windows spcifiquement, linterface comprend galement une barre doutils principale (Fentre> Barre doutils> Barre doutils principale) qui apparat au-dessus de la fentre de document. Ses boutons fournissent un accs rapide aux commandes les plus utilises: Nouveau, Ouvrir, Enregistrer, Imprimer, Couper, Copier, Coller, Refaire, Annuler, Accrocher aux objets, Lisser, Redresser, Pivoter et incliner, Redimensionner, Aligner.

La bote outilsLa bote outils, que nous appellerons plus simplement le panneau Outils, comporte six sections dlimites par des traits de sparation. La premire regroupe les outils de slection et de transformation, la seconde les outils de dessin vectoriel et de texte, la troisime est

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

16

Flash CS5

ddie aux outils de modification de dessin et la quatrime contient les outils de zoom et de translation de la scne. Les puces de couleurs occupent la section suivante, tandis que la dernire, dite Zone doptions, comprend les options ventuelles de loutil slectionn. Une flche en bas droite de licne dun outil indique un menu droulant regroupant plusieurs outils. Licne est celle de loutil slectionn. Pour dplacer le panneau Outils, glissez-le par sa barre suprieure gris fonc. Pour le rduire en icne ou le dvelopper, cliquez sur le bouton double-flche en haut droite ou sur la barre suprieure du panneau qui contient ce dernier. Pour le cacher ou le montrer, cliquez sur la barre dintitul, barre grise sous la barre suprieure du panneau. Pour le redimensionner, glissez le coin infrieur droit du panneau. Toutes sortes de dispositions sont possibles: verticale sur une colonne (voir Figure1.2), verticale sur plusieurs colonnes, ou horizontale sur une ou plusieurs lignes (voir Figure1.4).Figure1.4Diffrentes dispositions du panneau flottant Outils.

Si la composition par dfaut du panneau Outils ne vous convient pas, libre vous de le personnaliser. Dans les menus Flash (Mac) ou dition (Windows), vous trouverez une commande Personnaliser le panneau Outils, qui ouvre la bote de dialogue reproduite Figure1.5.Figure1.5La bote de dialogue Personnaliser le panneau Outils.

Commencez par cliquer sur un outil dans le panneau, tel quil est reproduit gauche dans une disposition sur deux colonnes, pour slectionner un emplacement. Slectionnez-le ensuite dans la liste des outils disponibles (la lettre entre parenthses indique le raccourci clavier), puis cliquez sur le bouton Ajouter. Si vous ajoutez plusieurs outils, il y aura un menu drou-

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Lenvironnement de travail

17

lant cet emplacement. Pour retirer un outil de la slection actuelle, slectionnez-le dans la liste de droite, puis cliquez sur le bouton Supprimer. Le site Adobe Exchange vous permet de tlcharger des outils conus par dautres (www. adobe.com/cfusion/exchange/index.cfm, puis cliquer sur le lien Flash). Le langage JSFL (JavaScript FLash) permet aux dveloppeurs de crer leurs propres extensions linterface de Flash. Il est ainsi possible denrichir la barre doutils, mais aussi le contenu du menu Commandes, de crer de nouveaux panneaux ou des macros pour automatiser certaines tches.

La fentre documentLa fentre document vous autorise ouvrir simultanment plusieurs documents. La dernire section du menu Fentre liste tous les documents ouverts. Pour basculer de lun lautre, plutt que de slectionner dans cette section en bas dun long menu, il est plus simple dutiliser les onglets. Depuis la version CS4, chaque onglet de ce dock de documents est dot dune case de fermeture et les onglets, qui sont par dfaut dans lordre douverture, sont dplaables. Vous avez la possibilit douvrir plusieurs fentres document (Fentre> Nouvelle fentre), ce qui est trs pratique pour faire du copier-coller ou du glisser-dposer de lune lautre.Raccourci

Ctrl+tab ou Ctrl+Maj+tab fait passer dun onglet au suivant ou au prcdent.

Lapparence de la scne dans votre environnement dpend doptions et de commandes du menu Affichage. Lorsque loption Affichage> Zone de travail est coche, les coulisses sont visibles sur les quatre cts de la scne, sinon celle-ci est cale en haut gauche de la zone qui laffiche. Lorsque loption Affichage> Zoom > Ajuster la fentre est coche, votre scne est automatiquement mise chelle lorsque vous redimensionnez la fentre. Dans ce mme sous-menu, la commande Afficher une image modifie le pourcentage daffichage de manire cadrer sur la scne dans son ensemble (voir le haut de la Figure1.6), tandis que Afficher tout cadre sur le contenu de limage (voir le bas de la Figure1.6). La plupart de ces options et commandes se retrouvent dans le menu de pourcentage daffichage tout fait droite de la barre ddition, o elles sont dun accs plus facile. Ce menu, comme le menu Affichage> Zoom, contient des valeurs de pourcentage prdfinies. Dans le champ gauche du menu de la barre ddition, vous pouvez saisir une valeur de zoom entre 8 et 2 000 %, puis valider ; voir la section Aides au dessin et la composition, Fiche7, pour une description de loutil Zoom.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

18

Flash CS5

Figure1.6La scne aprs les commandes Afficher une image (en haut) et Afficher tout (en bas).

Les panneauxDepuis le rachat de Macromedia par Adobe et lintgration de Flash la Creative Suite, les volutions de linterface ayant unifi toutes les palettes flottantes sous le concept de panneau, dans ce livre nous parlerons de panneau Outils et de panneau Proprits, plutt que dutiliser les termes dorigine Bote outils et Inspecteur de proprits, que vous rencontrerez encore loccasion dans la documentation. Les principes dinterface communs tous les logiciels de la Creative Suite 5 (CS5) vous offrent un grand nombre de possibilits darrangement des panneaux avec lesquels vous travaillez. Dans cette combinatoire, la premire distinction faire est quun panneau peut soit tre isol (cest le cas du panneau Outils reproduit Figure1.4), soit faire partie dun groupe. Les panneaux des Figures 1.7 1.10 sont regroups. Une seconde distinction importante est que dans un groupe, les panneaux sont, soit empils les uns au-dessus des autres, soit juxtaposs, soit organiss en onglets (voir respectivement les Figures 1.7 1.9).

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Lenvironnement de travail

19

Figure1.7Un groupe flottant de deux panneaux empils.

Figure1.8Un groupe flottant de deux panneaux juxtaposs.

Figure1.9Un groupe flottant de deux panneaux organiss en onglets. Le premier onglet est visible gauche et le second droite.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

20

Flash CS5

Enfin, dernire distinction, un panneau ou un groupe de panneaux peut soit tre flottant soit faire partie dun dock. Les panneaux des Figures 1.4, 1.7, 1.8 et 1.9 sont flottants, tandis que dans lexemple de la Figure1.10, un premier dock regroupe les panneaux Scnario et diteur de mouvement, et un second dock les panneaux Aligner et Outils. Avec le concept des docks, on retrouve celui de cadre dapplication, usuel sous Windows, qui depuis la version CS3 fait son apparition sur Mac. Il est possible, comme sur la Figure 1.10, de crer des docks dans la fentre document. Le panneau Outils peut lui-mme entrer dans un dock.Figure1.10Deux groupes de deux panneaux en dock.

Un groupe de panneaux dans un dock ne peut qutre organis en onglets. Le Tableau 1.1 fait la synthse des possibilits. Tableau 1.1 : Les diffrents arrangements de panneauxPanneau isol Flottant En dock oui oui Engroupe Pile oui non Juxtaposition oui non Onglets oui oui

Lorsque vous slectionnez un panneau dans le menu Fentre, il rapparat dans le dock auquel il appartenait au moment dtre ferm, sinon il est flottant. Lorsquun panneau ou un groupe de panneaux est flottant, il a une barre suprieure gris fonc avec son extrmit gauche une case de fermeture. Pour le dplacer dans lenvironnement, faites-le glisser par cette barre suprieure, ventuellement pour le dposer dans un autre groupe de panneaux auquel il sancrera. Tout panneau, quil soit isol ou en groupe, possde une barre dintitul gris clair. Pour le dplacer individuellement dans lenvironne-

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Lenvironnement de travail

21

ment indpendamment des autres panneaux du groupe dans le cas dun groupe , faites-le glisser par cette barre dintitul, ventuellement pour le dposer dans un autre groupe de panneaux auquel il sancrera. Si vous maintenez enfonce la touche CMd (Mac) ou Ctrl (Windows) en mme temps que vous dplacez, vous empchez lancrage. Lors dun dplacement, appuyez sur la touche EsC pour annuler lopration. Lorsque vous dplacez un panneau ou un groupe de panneaux et que le pointeur de la souris survole lun des bords verticaux dun autre panneau ou groupe de panneaux flottant, celui-ci sorne dun trait bleu pais indiquant une zone de largage. Si vous relchez la souris, llment que vous dplaciez se juxtapose gauche ou droite selon le bord vertical survol. Une pile de panneaux nest jamais quune juxtaposition verticale. Le principe de lempilement est donc le mme que prcdemment, mais cette fois-ci au survol des bords horizontaux dun autre panneau ou groupe de panneaux flottant. Vous pouvez par la suite modifier lordre dempilement en cliquant-glissant un onglet vers le haut ou vers le bas de la pile. Juxtaposition et piles de panneaux sont flottantes. Une fois quelles sont constitues, vous pouvez les dplacer o bon vous semble en les faisant glisser par la barre suprieure. Lorsque vous dplacez un panneau ou un groupe de panneaux et que le pointeur de la souris survole la barre dintitul(s) dun autre panneau ou groupe de panneaux, quil soit flottant ou en dock, celui-ci sencadre dun rectangle bleu pais indiquant une zone de largage. Si vous relchez, llment que vous dplaciez cre un nouveau groupe avec le panneau isol ou rejoint le groupe de panneaux. Pour sortir un panneau dun groupe, glissez-dposez-le par sa barre dintitul en dehors du groupe. Lorsque les panneaux sont organiss en onglets dans un groupe, vous pouvez en modifier lordre par glisser-dposer dans la barre des intituls. Un dock est fixe. Vous ne pouvez pas le dplacer. Il est par contre possible de rduire ou augmenter lespace quun dock utilise en faisant glisser le bord infrieur du dock. Un dock peut recevoir nimporte quel panneau lexception des documents (les onglets des diffrents fichiers FLA ouverts) et de la scne. Les panneaux sont trs nombreux et il est trs laborieux de devoir sans cesse les ouvrir, les redimensionner, les dplacer et les fermer. Linterface vous vite cela puisquelle vous permet de rduire et dvelopper les panneaux ou groupes de panneaux. cette fin, doublecliquez sur lintitul ou cliquez (une seule fois) ailleurs dans la barre dintituls, droite du dernier onglet. La Figure1.11 montre un exemple de rduction dun groupe flottant de deux panneaux.Figure1.11Un groupe flottant de deux panneaux aprs rduction.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

22

Flash CS5

Une autre possibilit consiste rduire en icne. Un panneau flottant ou un groupe flottant de panneaux a toujours lextrmit droite de sa barre suprieure (voir les Figures 1.4, 1.7, 1.8, 1.9 et 1.11) un bouton double-flche pointant vers la gauche. Pour obtenir une rduction en icne du panneau ou de tous les panneaux du groupe, tel que lillustre la Figure1.12, cliquez sur ce bouton, ou plus simple encore, cliquez nimporte o dans la barre suprieure qui le contient. Pour gagner encore de la place, vous pouvez mme redimensionner le groupe dicnes pour cadrer au plus prs des intituls, voire mme liminer ceux-ci et ne conserver que les icnes.Figure1.12Un groupe flottant de deux panneaux rduit en icnes. Trois redimensionnements.

Pour dvelopper toutes les icnes dun groupe de panneaux ainsi rduit, cliquez sur le bouton double-flche pointant vers la droite. Pour ne dvelopper quune seule des icnes du groupe, cliquez sur cette icne ou sur son intitul sil est visible. Pour rduire nouveau en icne ce panneau dvelopp, cliquez sur son onglet ou sur lun de ses deux intituls (celui de longlet, ou celui droite de licne sil est visible). Dans les prfrences, catgorie Gnral, on trouve une option Rduction automatique des panneaux dicnes (voir Figure1.15). Si vous la cochez, un panneau dvelopp partir de son icne sera automatiquement rduit lorsque vous cliquerez en dehors du panneau. On retrouve galement cette option dans le menu contextuel des groupes de panneaux. Par glisser-dposer, vous pouvez ajouter un panneau flottant ou un groupe flottant de panneaux un groupe dicnes. Les panneaux que vous dposez seront automatiquement rduits en icnes. Comme pour nimporte quelle fentre, vous redimensionnez un panneau flottant ou un groupe flottant de panneaux (dvelopp ou rduit en icnes) en faisant glisser le coin infrieur droit. Un panneau, quelque que soit larrangement dans lequel il intervient, a souvent un menu doptions (voir les Figures 1.7 1.11). La Figure1.13 en donne un exemple. Aprs dventuelles commandes et/ou options propres au panneau (il ny en a aucune dans lexemple de la Figure1.13), on trouve un accs contextuel laide et des commandes de fermeture de panneau. La commande Fermer quivaut au clic sur la case de fermeture. On retrouve cette commande dans le menu contextuel. Tous les onglets sont ferms si vous slectionnez la commande Fermer le groupe. Sachez enfin quil existe une commande Fentre> Masquer les panneaux.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Lenvironnement de travail

23

Figure1.13Le menu doptions dun groupe flottant de deux panneaux.

La version CS4 a introduit un lment de contrle remarquablement simple pour les champs valeur numrique des panneaux. Ces valeurs sont affiches en bleu, soulignes en pointills. Cest le cas de la cadence (I/S) dans les proprits de lanimation. On peut la voir sur la Figure1.13. Pour modifier la valeur, cliquez-la; le pointeur devient une double-flche et il vous suffit de glisser: vers la gauche la valeur diminue, vers la droite elle augmente. Le panneau Proprits se distingue des autres en ce quil est contextuel, cest--dire que son contenu change en fonction de votre slection dans la bibliothque, sur la scne ou dans le scnario de lanimation (voir Figure1.14).Figure1.14Le panneau Proprits en fonction de la slection. De gauche droite respectivement un objet de dessin dans la bibliothque, une image du scnario et un texte dynamique sur la scne.

Les prfrencesLa Figure1.15 montre la catgorie Gnral de la bote de dialogue des prfrences Flash. Vous pouvez y spcifier ce que vous souhaitez afficher Au dmarrage : Aucun document, Nouveau document, Derniers documents ouverts, ou cran de bienvenue et vous pouvez fixer le niveau maximum des annulations (voir la fichesuivante).

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

24Figure1.15

Flash CS5

La catgorie Gnral des prfrences.

Pour vos slections, vous avez le choix entre Utiliser la couleur de calque, cest--dire la couleur dfinie pour laffichage sous forme de contours (voir Fiche22), soit utiliser les couleurs dfinies via les cinq puces. Les autres options seront traites dans les fichespour lesquelles elles sont pertinentes. Les autres catgories de la bote de dialogue des prfrences seront galement traites dans le chapitre o elles ont une pertinence: Dessin (Fiche 7), Importateur de fichier AI (Fiche18), Texte (Fiche40), Importateur de fichier PSD (Fiche52). Les catgories ActionScript, Format automatique et Avertissements sont relatives la programmation (voir Chapitre 11).

Les espaces de travailLe menu Fentre> Espace de travail est reproduit Figure1.16. On y trouve les sept espaces de travail prdfinis: Animateur (voir Figure1.19), Classique, Dbogage, Concepteur (voir Figure1.18), Dveloppeur, Indispensables (voir Figure1.17) et Petit cran, qui est une nouveaut CS5. Les quatre fentres toujours visibles dans nimporte quel espace de travail sont la scne et les panneaux Scnario, Outils et Proprits.Figure1.16Le menu Fentre> Espace de travail.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Lenvironnement de travail

25

La commande Nouvel espace de travail vous permet denregistrer un jeu de panneaux personnel et leurs emplacements. Cela peut tre intressant, notamment si vous travaillez sur lcran dun portable. La bote de dialogue qui souvre ne contient quun champ dans lequel vous saisissez le nom de votre espace de travail.Figure1.17Lespace de travail Indispensables.

La commande Grer les espaces de travail ouvre une bote de dialogue contenant deux boutons Renommer et Supprimer. La version CS4 a introduit un menu Espace de travail dans la barre suprieure de la fentre Flash principale. Son contenu est le mme que celui du menu Fentre> Espace de travail de la Figure1.16. Non droul, ce menu affiche en majuscules le nom de lespace de travail courant.Figure1.18Lespace de travail Concepteur.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

26

Flash CS5

Figure1.19Lespace de travail Animateur.

Enregistrer un documentDs quun document a fait lobjet dune modification, un caractre * apparat aprs son nom dans lintitul de son onglet. Lorsque vous appelez Fichier> Enregistrer, vous sauvegardez un fichier FLA, cest--dire un fichier source ditable dans Flash. Lorsque vous testerez et finaliserez votre animation, vous exporterez un fichier SWF (Small Web File), ce que dans le vocabulaire de Flash on appelle la publication, cette publication comprenant aussi souvent le fichier HTML qui fera appel au fichier SWF, de sorte que lanimation soit lisible par les internautes dans leur navigateur (voir Fiches 83 et 84). Lorsque vous avez plusieurs documents ouverts simultanment, vous pouvez les enregistrer tous via la commande Fichier> Enregistrer tout. La bote de dialogue denregistrement vous permet classiquement de parcourir larborescence pour slectionner un dossier existant o enregistrer, voire de crer un nouveau dossier pour cela. Sous Windows, dans cette bote de dialogue, vous pouvez galement, grce au menu contextuel, renommer un dossier, dplacer un fichier, supprimer un fichier. Sachez que Flash ne fait aucun enregistrement automatique. Il faut peut-tre prendre lhabitude denregistrer souvent (Mac OS 10.5 fait des enregistrements automatiques des fichiers ouverts, de sorte que les pertes en cas de coupure se limitent la dernire minute de travail). Flash ne cre aucun fichier pour la version n-1 de votre animation quand vous enregistrez sa version n. Si vous souhaitez conserver des versions successives (anim1.fla, anim2.fla, etc.), cest vous de les crer explicitement via Fichier> Enregistrer sous. Pour un projet consquent, et surtout si vous travaillez en quipe, il faudra utiliser loutil Version Cue, qui entre autres gre les versions. Celui-ci est inclus dans Bridge et il sera voqu brivement la Fiche5. Avant davoir enregistr la version n, si vous souhaitez abandonner les modifications faites et revenir la dernire version enregistre, utilisez la commande Fichier> Rtablir.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Lenvironnement de travail

27

Dans la bote de dialogue qui souvre lors du premier enregistrement de votre animation (Fichier> Enregistrer, Fichier> Enregistrer sous), comme le montre la Figure 1.20, vous avez dsormais le choix entre trois options: Document de Flash CS5 (*.fla), Document de FlashCS4 (*.fla) et Document non compress de Flash CS5 (*.xfl), Si vous choisissez lune des deux options CS5, votre fichier source ne pourra tre ouvert dans une version antrieure de Flash. Si vous tes en train de modifier une animation dont le fichier source dorigine a t cr avec une version antrieure CS5, une bote de dialogue Compatibilit Flash apparat au moment o vous enregistrez avec lune des deux options CS5. Celle-ci vous rappelle que le fichier sera converti au format FlashCS5 et quil ne sera donc plus possible de louvrir avec une version antrieure. Choisissez loption Document de FlashCS4 (*.fla) si parmi vos collaborateurs il sen trouve qui nont que lavant dernire version de Flash (et bien sr si votre animation ne fait appel aucune des nouveauts CS5). Rappelons que jusqu la version CS4, Flash suivait une procdure denregistrement incrmental. Cela signifie que lors du premier appel la commande Fichier > Enregistrer, lenregistrement tait intgral. Il en allait de mme lorsque vous demandiez Fichier> Enregistrer sous. Mais partir du second enregistrement, lorsque vous invoquiez Fichier > Enregistrer, Flash nenregistrait que lincrment, cest--dire uniquement ce qui diffrait par rapport lenregistrement prcdent. Ctait une faon dallger la charge dcriture en termes de temps dexcution, mais qui se payait en termes de taille de fichier, puisque votre fichier FLA salourdissait de tout son historique (notons quil sagit l dhistorique travers les sessions de travail successives, la diffrence de celui du panneau Historique, trait la Fiche 2, qui ne concerne lui que la session de travail courante). Dans Flash CS4, pour enregistrer ltat actuel de votre animation, et uniquement cela, il fallait demander Fichier> Enregistrer et compresser. Il y avait alors diminution de la taille du fichier FLA (do le terme de compression), dans le sens o toute la partie historique tait limine.Figure1.20Les nouvelles options de format denregistrement dans Flash CS5.

Dans Flash CS5, vous constatez que la commande Enregistrer et compresser a disparu du menu Fichier. Le processus denregistrement a en effet t intgralement repens. Il repose sur le format XFL. Cette application XML (Xml FLash) a vu le jour avec la Creative Suite 4 comme format dexportation, destination de Flash, partir de InDesign CS4 et de AfterEffects CS4. Cest dsormais le format natif de Flash CS5. Lorsque vous choisissez denregistrer au format Document de Flash CS5 (*.fla) loption par dfaut , le fichier enregistr a toujours lextension FLA, mais en interne il est au format XFL. En apparence rien na chang: au niveau du systme de gestion des fichiers de votre systme dexploitation, que

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

28

Flash CS5

vous ayez choisi Document de Flash CS4 (*.fla) ou Document de Flash CS5 (*.fla), lenregistrement na produit quun seul fichier, par exemple animPapillons.fla. InDesign peut exporter un fichier XFL, dextension .fla. AfterEffects peut exporter un fichier XFL, mais avec lextension .xfl et non .fla. Vous pouvez donc sans problme dmarrer votre projet Flash dans lun de ces deux logiciels. Flash sait ouvrir un fichier XFL, mme sil na pas lextension FLA. Le format XFL prserve tous les calques et tous les objets du fichier InDesign ou AfterEffects. la rouverture dans Flash, vous retrouverez les calques dans le scnario et les objets dans la bibliothque. Clarifions maintenant le nouveau processus denregistrement. Prenons pour cela un exemple. La Figure 1.21 montre la bibliothque (voir Fiche 33) dune animation animPapillons.fla. Elle contient cinq lments: un son au format WAV, deux images bitmap de papillons au format PNG, ainsi que les donnes Fireworks correspondantes, les papillons ayant t dtours dans ce logiciel.Figure1.21La bibliothque dune animation enregistrer.

La hirarchie de dossiers et de fichiers produite par lenregistrement de animPapillons.fla au format Document non compress de Flash CS5 (*.xfl) est reproduite Figure 1.22. Au mme niveau que le fichier animPapillons.fla, un dossier animPapillons a t cr. Dtaillons son contenu: La description globale de lanimation se trouve dans un fichier XFL animPapillons.xfl. Des informations supplmentaires se trouvent dans trois fichiers XML : PublishSettings. xml, MobileSettings.xml et DOMDocument.xml. Des mta-informations se trouvent dans un sous-dossier META-INF.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Lenvironnement de travail

29

Le sous-dossier LIBRARY contient les donnes relatives chacun des cinq lments de la bibliothque : le son au format WAV et les fichiers XML de chaque bitmap, renvoyant chacun au fichier PNG Fireworks correspondant. Le sous-dossier bin contient cinq fichiers DAT. Jusqu la version CS4 de Flash, chaque ressource externe importe tait convertie dans un format interne de manire tre incorpore lenregistrement au fichier binaire FLA. Dans Flash CS5, chaque ressource importe fait lobjet dune part dune copie sous son format dorigine dans le dossier LIBRARY, dautre part dune conversion dans une reprsentation binaire enregistre dans un fichier DAT du dossier bin. Les fichiers DAT permettent louverture plus rapide dun fichier FLA (XFL). Ils vitent Flash de devoir r-importer chaque ouverture dune animation toutes ses ressources externes: seules le sont celles qui ont fait lobjet dune modification dans le dossier LIBRARY depuis la dernire ouverture.Figure1.22Les fichiers produits par lenregistrement.

Si vous enregistrez une animation FLA cre dans une version de Flash antrieure CS5, les seules donnes accessibles sont celles, binaires, internes au fichier FLA. Dans ce cas, lenregistrement au format Document de Flash CS5 (*.fla) ne produit que des fichiers DAT dans le dossier bin et le dossier LIBRARY reste vide. Nanmoins, le fichier binaire FLA contient aussi le chemin daccs au fichier dorigine dune ressource importe. Sous rserve que ce chemin daccs soit toujours valide cest--dire que le fichier nait pas t dtruit ou dplac, il suffit donc de mettre jour cette ressource dans la bibliothque (voir Fiche 33)

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

30

Flash CS5

pour forcer la r-importation et donc crer la copie dans le dossier LIBRARY. Alors seulement vous pouvez enregistrer proprement au format Document non compress de Flash CS5 (*.xfl). En effet, si vous laviez choisi demble, tous les chemins daccs dorigine auraient t perdus et la r-importation impossible. Lun des formats CS5 tant qualifi de non compress, il est lgitime de penser que lautre lest! Il sagit en effet de compression ZIP. Remplacez lextension .fla par une extension .zip. Vous pourrez alors dzipper vous-mme le fichier animPapillons.zip et vous retrouverez la hirarchie de dossiers et de fichiers dcrite ci-dessus, directement visible lorsque vous enregistrez au format Document non compress de Flash CS5 (*.xfl). Nul doute que cette nouvelle approche de lenregistrement vous paraisse laborieuse (et notre explication la t). Elle est pourtant avantageuse. En premier lieu, les anciens utilisateurs de Flash apprcieront quelle ait rendu obsolte la commande Enregistrer et compresser. Plus gnralement, cette approche suit une tendance rcente (on pense MS Office 2007 et 2008) qui consiste renoncer aux formats binaires propritaires, botes noires impntrables, au profit de systmes de fichiers ouverts. Cette ouverture prsente bon nombre davantages: partir du dossier LIBRARY, vous pouvez modifier une ressource externe dans un diteur ddi, sans mme devoir diter lanimation dans Flash. Les modifications seront automatiquement prises en compte dans votre animation. Cet avantage est encore plus significatif dans un contexte de travail en quipe: la ressource peut tre dite partir du dossier LIBRARY par quelquun qui ne matrise pas Flash. chacun son mtier et ses outils. Par ailleurs, si vous modifiez une ressource externe dans son diteur ddi alors que lanimation est ouverte dans lenvironnement Flash, celui-ci a une capacit ddition en direct, savoir que les modifications seront automatiquement rpercutes dans votre animation. Travaillant sur une copie de la ressource faite dans le dossier LIBRARY, vous disposez systmatiquement ailleurs dune version de la ressource dans son tat dorigine. Vous ntes pas labri dune corruption des donnes pendant lopration denregistrement. Dans lancienne approche, lorsque cela se produisait, vous aviez perdu lanimation dans son ensemble, puisquelle consistait en un unique fichier binaire. Avec la nouvelle approche, la corruption a toutes les chances de se limiter au fichier de lune des ressources et elle sera plus facilement rparable. Dans un contexte de travail en quipe sur des applications consquentes, il est de mise de faire appel un systme de gestion des versions, de type Subversion. Dans lancienne approche, ce contrle ne pouvait que sappliquer en bloc sur le fichier binaire de lanimation. Avec la nouvelle approche, la gestion des versions peut seffectuer avec la granularit la plus fine sur chacun des fichiers qui entrent en jeu dans lanimation. Enfin, la nouvelle approche de lenregistrement ouvre la voie toutes sortes de traitements externes lenvironnement Flash. En effet, les diffrents fichiers texte qui composent une animation XFL (rappelons que XFL est une application XML) peuvent tre analyss par programme. Vous pouvez ainsi faire de la recherche et remplacement de chane, par exemple pour appliquer une modification cohrente de couleur dans len-

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Lenvironnement de travail

31

semble des fichiers du projet, et ce sans devoir diter chacun individuellement. On peut aussi imaginer qu lavenir des projets Flash soient produits par des outils tiers. Dans les forums, les gens questionnent la possibilit terme dune compilation de lanimation finale qui soit externe Flash, dans lesprit de la compilation de MXML pour Flex. Linconvnient majeur de cette nouvelle approche de lenregistrement est que celui-ci prend plus de temps. Avec le fichier dune animation complexe, attendez vous une barre de progression, chose qui tait tout fait improbable avec lancienne approche incrmentale. Les modles sont traits la section Modles de document, Fiche 19. Vous vous y reporterez pour la commande Fichier> Enregistrer comme modle. Aprs lultime enregistrement, vous fermerez le document via la commande Fichier> Fermer, ou lensemble des documents ouverts via Fichier> Fermer tout. Depuis la version CS4, les onglets des documents sont dots dune case de fermeture.Raccourci

CMd+W (Mac) ou Ctrl+W (Windows) ferme le document courant.

LaidePeut-tre avez-vous achet ce livre aprs vous tre dcourag la lecture de la documentation en ligne de Flash. Cest effectivement une lecture difficile pour diverses raisons. Paradoxalement, on vous y parle de notions comme si vous les matrisiez, ce qui nest par dfinition pas le cas si vous dbutez; linformation y est noye dans un grand nombre de redondances; certains passages datent de versions antrieures et nont pas t mis jour de manire cohrente; tout y est au mme plan, ce qui concerne le ralisateur (designer) et ce qui concerne le dveloppeur, ce que le dbutant doit commencer par comprendre et ce que lexpert recherchera si besoin; enfin, la traduction franaise laisse parfois dsirer. Passons nanmoins en revue les ressources offertes par le menu Aide. La Figure1.23 montre le menu Aide de Flash. La commande Aide> Aide de Flash ouvre dans votre navigateur la page daccueil de laide, quelque peu dconcertante. Dans la rubrique Rfrence Adobe, en haut de la colonne de gauche, le lien Utilisation de Flash Professional CS5 affiche, en bas de cette mme colonne, le sommaire de la section. Vous pouvez y dvelopper les sections et ventuelles sous-sections (carrs orns dun signe plus), puis cliquer sur le titre de la page qui semble rpondre vos proccupations.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

32

Flash CS5

Figure1.23Le menu Aide.

Si vous navez pas la moindre ide de lendroit o chercher dans larborescence de laide, utilisez le champ de recherche que lon trouve en tte du menu Aide (voir la Figure1.23). La liste de rsultats vous proposera des liens vers du texte et ventuellement de la vido (tutoriels), des commentaires et des valuations dutilisateurs. Vous pouvez aussi tlcharger le PDF de laide de manire pouvoir faire de la recherche de texte dans Acrobat Reader (ou, sur Mac, dans Aperu). Le site daide communautaire Flash (Aide> Centre de support Flash) vous offre en ligne des vidos, des tutoriels et des articles, des notes techniques, notamment pour la rsolution de problmes reconnus, ainsi que toutes sortes de liens (forum officiel, assistance, etc.). La commande Aide> Programme damlioration des produits Adobe ouvre une bote de dialogue. En cliquant sur Oui, participer, vous autorisez Adobe tudier lutilisation que vous faites du logiciel. Des informations anonymes seront alors envoyes en arrire-plan de vos sessions de travail Flash. Elles serviront Adobe pour la conception de la future version de Flash. La commande Aide> Flash Exchange ouvre la page Adobe Exchange dans votre navigateur. En cliquant sur Flash, vous avez accs des applications tlchargeables susceptibles denrichir lapplication mre. La commande Aide> Omniture renvoie la page des technologies Adobe Omniture: SiteCatalyst et Test&Target, utilisables sous forme dextensions pour Flash CS5. Ces outils sont ddis la gestion marketing dun site, savoir lvaluation du retour sur investissement. SiteCatalyst fournit des aides visuelles relatives au trafic sur un siteralis en Flash: points dentre les plus frquents, points de sortie, etc. Ces analyses de performances du contenu en ligne doivent servir faire voluer celui-ci dans le sens dune optimisation commerciale. Test&Target est dabord un outil convivial pour concevoir des contenus diffrents voire personnaliss automatiquement, ciblant diffrents segments de populations dinternautes. Cest ensuite un outil dvaluation de la pertinence commerciale de tels contenus alternatifs. La commande Aide> Grer les extensions lance Extension Manager CS5, qui vous permet dinstaller des extensions tlcharges partir de Flash Exchange.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

Lenvironnement de travail

33

Avec la commande Aide> Forums Adobe en ligne, vous accdez aux douze forums thmatiques autour de Flash, en anglais. Si vous ne lavez pas fait lors de linstallation, vous pouvez enregistrer votre licence Flash via Aide> Enregistrement. Vous pourrez demander ou non de recevoir des notifications de mises jour et autres propositions. lenregistrement, vous aurez dfini un ID Adobe et rempli un formulaire dfinissant votre profil. Vous pouvez grer ce dernier grce Terminer/ mettre jour le profil de lID Adobe. Une mme licence de Flash peut tre installe sur deux ordinateurs (typiquement votre portable et votre poste fixe). La commande Aide> Dsactiver ou Aide> Activer sert grer ces deux installations. Enfin, la commande Aide> Mises jour ouvre la bote de dialogue Adobe Updater qui va rechercher dventuelles versions plus rcentes de Flash et de ses logiciels priphriques ou de tous les logiciels de la suite dont vous avez acquis la licence. Le lien Prfrences ouvre une autre bote de dialogue qui vous permet de paramtrer la recherche automatique de mises jour.Raccourci

F1 ouvre laide Flash.

Fiche2

Grer lenchanement des tapesPour annuler votre dernire opration ou tape, utilisez Modifier > Annuler. Le nombre maximum dannulations par dfaut 100 , est paramtrable entre 2 et 9 999 dans les prfrences, catgorie Gnral (voir la Figure1.15). Pour rpter votre dernire opration, utilisez Modifier> Rpter. Cest trs utile quand, par exemple, aprs avoir rempli une premire forme avec une couleur, vous voulez en remplir une seconde avec la mme couleur. Il suffit de slectionner cette forme et de rpter lopration. Vous constaterez quen fonction de lopration, lintitul exact des commandes Annuler et Rpter change : par exemple Annuler Couleur de remplissage et Rpter Couleur de remplissage. Par dfaut, lannulation fonctionne au niveau du document: lorsque vous annulez une premire opration, puis une seconde, cette dernire peut concerner un autre objet que la premire, mais cest toujours lopration qui a t effectue juste avant. Vous pouvez si vous le souhaitez choisir loption Annuler au niveau de lobjet dans les prfrences, catgorie Gnral (voir nouveau la Figure1.15). Dans ce mode, aprs avoir annul une premire opration portant sur un objet, si vous annulez une seconde opration, ce sera lopration prcdente effectue sur le mme objet. Ce mode a la prfrence de beaucoup dutilisateurs anciens de Flash, puisque jusqu la version MX (Flash 6) ctait lunique mode dannulation. Il est en outre plus fidle la logique dimbrication luvre dans Flash.

customer 27921 at Fri Mar 11 19:10:40 +0100 2011 Proprit de Albiri Sigue

34Raccourci

Flash CS5

CMd+Z (Mac) ou Ctrl+Z (Windows) annule lopration. CMd+Y (Mac) ou Ctrl+Y (Windows) rpte lopration.

Pour annuler plusieurs oprations ou tapes, utilisez le panneau Historique (Fentre> Autres panneaux> Afficher lhistorique), reproduit la Figure2.1. Il contient la liste de toutes vos oprations depuis louverture du document, la plus rcente se trouvant en bas et la plus ancienne en haut.Figure2.1Le panneau Historique: enregistrement des commandes ( gauche), repentir (au milieu), reprise ( droite).

Certaines commandes ne font pas lobjet dentre dans la liste de lhistorique. Cest le cas des commandes Annuler et Rpter. Lhistorique est propre un document: si vous ouvrez plusieurs documents, chacun a son historique. Lhistorique est perdu la fermeture du document ou si vous leffacez avec la commande ddie du menu des options du panneau. Lorsque vous estimez avoir commis une erreur ou pris une mauvaise dcision, faites glisser le curseur de lhistorique vers le haut juste avant celle-ci (ou cliquez gauche de celle-ci). Toutes les oprations en aval se retrouvent grises dans la liste, comme le montre lexemple du milieu de la Figure2.1. Tant que vous neffectuez pas de nouvelle opration, vous pouvez encore les rintgrer en redplaant le curseur vers le bas. Mais toute nouvelle opration crasera la partie grise de la liste. Cest ce quillustre lexemple de droite de la Figure2.1. Le menu doptions du panneau Historique contient une commande Effacer lhistorique. On y trouve aussi des options dAffichage : par dfaut, seules les oprations sont affiches dans la liste, mais vous pouvez demander y voir les ventuels arguments de ces oprations, ou les appels JavaScript sous-jacents. Arguments et appels JavaScript peuvent aussi tre affichs dans une info-bulle au survol de lopration dans la liste. Il est possible de slectionner des tapes dans le panneau Historique. Par dfaut, si le curseur nest pas sur la dernire opration de la liste, la slection comprend toutes les oprations grises dans la liste. Pour slectionner vous-mme une tape, cliquez-la. Les accords classiques de slections multiples fonctionnent dans la liste historique : Maj+CliC pour une slection dtapes conscutives; CMd+CliC(Mac) ou