R.I.P… fla

Juste avant qu'Adobe n'annonce l'absence de la version bêta publique de Flash CS5, Lee Brimelow, évangéliste de la plateforme Flash chez Adobe, a publié un aperçu de Flash CS5 sur son site gotoandlearn.com. Dans l'aperçu général, Lee passe un certain temps à expliquer le fait que le format .fla est sur le point de disparaître et d'être remplacé par un nouveau format appelé "XFL". Ce que vous ignorez peut-être, c'est que ce format avait déjà trouvé sa place dans le studio CS4.

Dans cet article, je vais vous donner l'occasion de voir en quoi consiste le bavardage et de vous préparer à la lente disparition du format .fla..


Remarque: J'ai inclus tous les fichiers pour cet exemple. Si vous n'avez pas After Effects, ne composez pas. Vous pouvez toujours travailler car j'ai également inclus le fichier XFL créé par After Effects CS4..

introduction

Richard Galvan, responsable des produits Flash, et moi entretenons une relation des plus intéressantes. Nous respectons tous les deux ce que l’autre est en train de faire, mais nous considérer comme de grands amis étirerait notre temps. Ce que Richard sait, c'est qu'il peut échanger des idées avec moi et qu'elles n'iront pas plus loin jusqu'à ce que l'idée se concrétise. Pour moi, c’est génial parce que je peux commencer à penser à des moyens de vous faire savoir ce qui se passe quand cela se produit..

Dans le cas du format XFL, j'en ai entendu parler pour la première fois, avant la sortie de CS4, à un coin de rue pluvieux à Toronto, alors que Richard et moi étions en file d'attente pour participer à un événement FITC. "Que diriez-vous, Tom", demanda Richard, "si je vous disais que nous envisageons de nous débarrasser du format .fla?"

Celui-ci m'a pris par surprise mais, alors que Richard me faisait comprendre le raisonnement qui sous-tendait leur pensée, il était devenu assez clair que c'était une excellente idée..

En fait, ce n’était pas, pour moi, une surprise totale. La montée en puissance de XML au cours des dernières années a donné aux développeurs Flash le luxe de travailler avec du contenu Flash externe au fichier .swf. En même temps, l'utilisation de XML avec Flash avait basculé dans le royaume du «facile à accomplir» après le cauchemar qu'il avait été. Tout cela est bien, mais il y avait un problème majeur: les documents stockés Flash dans un fichier source binaire, le fichier .fla, qui était une spécification propriétaire. XFL est la réponse d'Adobe à ce problème.

Création d'un document XFL

Contrairement à ce que vous avez pu entendre, Flash ne peut pas créer de document XFL. Il ne peut que les lire. À l'heure actuelle, dans la gamme Adobe, seules deux applications peuvent créer ces documents: After Effects CS4 et InDesign CS4. Voici comment créer un document XFL dans After Effects:

Étape 1: AET.aep

Ouvrez le fichier AET.aep dans After Effects CS4. Il s’agit d’une simple animation des lettres de l’Activetuts + nom Raining In and Raining out.

J'ai utilisé cet effet dans quelques démos XFL que j'ai réalisées, non pas parce que je suis paresseux, mais parce que l'accent est mis ici sur la technique et non sur le design. Dans ce cas, notez les deux calques nommés tuts actifs + In et tuts actifs + Out. L'autre caractéristique à prendre en compte est que les dimensions du Comp i sont 400 X 100 et la cadence d'images est de 24 images par seconde..

Step2: Exporter

Sélectionnez Fichier> Exporter> Adobe Flash Professional (XFL)… qui ouvrira la boîte de dialogue Paramètres XFL..

Étape 3: Format

Sélectionnez Séquence PNG dans le menu déroulant Format..

Vos deux choix dans la section Boîte de dialogue peuvent sembler un peu bizarres. Voici ce qu'ils font:

  • Rastériser à: Vous devez décider si la sortie sera tramée en une série d’images PNG ou en FLV. Le choix de la PNG risque de frapper beaucoup d’entre vous comme un choix à éviter à tout prix. Exporter une série d’images puis les coller dans le film Flash est pour le moins un peu hérétique. Pas assez. Si vous sélectionnez cette option, les images identiques et adjacentes ne sont pixellisées qu'une seule fois en un seul fichier PNG. Ce fichier PNG est ensuite référencé plusieurs fois dans le document XFL. Utilisez l'option FLV si une couche contient de la vidéo. Cliquez sur le bouton Options de format pour lancer les paramètres d’exportation FLV / F4V..
  • Ignorer: Sélectionnez cette option pour indiquer à After Effects d'ignorer les calques contenant des fonctionnalités non prises en charge, telles que les modes de fusion autres que Normal. Choisissez ceci et ces couches ne seront pas ajoutées au document XFL.

Étape 4: OK

Cliquez sur OK pour fermer la boîte de dialogue et lancer le processus..

Vous serez invité à choisir un emplacement pour le fichier XFL et à lui donner un nom (j'ai utilisé AETuts). Lorsque vous cliquez sur le bouton Enregistrer, la boîte de dialogue disparaît. Vous pouvez quitter After Effects et ouvrir le dossier dans lequel vous avez placé le document XFL. À l'intérieur, vous verrez le fichier .aep et le fichier XFL, ainsi qu'un rapport du processus. Créez un nouveau dossier et placez-y une copie du fichier XFL. Nous allons utiliser la copie dans un instant.

Étape 5: Ouvrez le fichier XFL

Lancez Flash et, quand il s'ouvre, utilisez Fichier> Ouvrir pour accéder au fichier XFL. Ouvrez-le. Une barre de progression apparaîtra.

Étape 6: Examiner le fichier Flash

Lorsque le fichier s'ouvre, vous remarquerez comment l'ordre des couches est préservé, les animations sont placées sur des couches Motion et le fichier s'ouvre en tant que fichier Flash sans titre. Autre changement très subtil: le lien Scène 1 a été renommé Comp 1. Il s’agit du nom de l’élément dans After Effects..

Pourquoi le document XFL s'ouvre-t-il en tant que document Flash sans titre? La raison en est que ce document est séparé des informations contenues dans le document XFL et que les nouveaux documents dans Flash sont toujours ouverts en tant que Sans titre..

Alors, à quoi ressemblent toutes ces «informations» dont j'ai parlé? Découvrons-le.

Étape 7: Changer l'extension

Quittez Flash, accédez au dossier contenant la copie du fichier XFL et modifiez l’extension de fichier XFL en .zip. L'icône deviendra une icône de fichier .zip. Si vous prêtez une attention particulière à ce que dit Adobe, l’aspect essentiel du format XFL est qu’il s’agit d’un format conteneur. En fait, ils sont très clairs sur le fait que vous devriez considérer un fichier XFL comme un fichier zip..

Étape 8: décompressez le fichier .zip

En utilisant l’application que vous utilisez pour ouvrir les fichiers .zip (j’utilise BetterZip sur un Mac), ouvrez le fichier .zip. Quand il s’ouvrira, vous verrez que votre fichier XFL en contient beaucoup plus que prévu. Déplacez le dossier Library et les fichiers DOMDocument dans votre dossier ouvert..

Étape 9: Ouvrez le dossier de la bibliothèque.

La structure de ce dossier est la manière dont la bibliothèque Flash est créée. La seule différence entre les deux est que le contenu des dossiers est placé dans MovieClips lors de la construction du fichier..

Étape 10: Ouvrez le fichier DOMDocument.xml.

Je ne vais pas approfondir ce document, mais vous pouvez voir que chaque élément constituant les animations des dossiers se situe entre les tags et comment les MovieClips avec animation sont construits aussi bien.

Conclusion:

L’implication du nouveau format est assez stupéfiante quand on y pense vraiment. Par exemple, rien ne dit que vous ne pouvez pas modifier l'une des images du dossier Bibliothèque de Photoshop ou de Fireworks et n'avoir aucun effet sur le montage Flash. Une autre solution est qu'une fois que ce format sera utilisé, il ne sera plus étrange de voir des animations Flash créées avec XML et Flash utilisées principalement pour l'exportation finale..

Je vais laisser le mot de la fin au maître, Colin Moock. Lorsqu'il a appris ce changement dans CS4, il a écrit dans son blog:

La prochaine étape naturelle dans l'évolution de la création XFL serait de supprimer complètement l'outil de création Flash. Si Adobe proposait un compilateur XFL-SWF en ligne de commande en même temps que XFL, presque tout programmeur avisé serait en mesure de créer un outil de création .swf, même en ActionScript. La communauté de développeurs Flash elle-même serait enfin capable de créer ses propres outils de création Flash personnalisés. Je me demande qui serait le premier à créer avec nostalgie Flash 4 pour AIR dans ActionScript?

Ça ne serait pas chouette?