Exportation de Flash piloté par code sous forme de film QuickTime

À l'époque de Macromedia, travailler entre Flash et QuickTime était un terrain difficile pour les concepteurs et les animateurs. Puis, en 2007, lorsque Adobe a pris la barre et publié Flash CS3, de nombreux problèmes de compatibilité ont été résolus..

Dans cet exercice, je vais vous montrer comment exporter une animation purement codée sous forme de film QuickTime et la perfectionner dans After Effects CS4..


Résultat final

Le film ci-dessous montre l'effet final sur lequel nous allons travailler:

introduction

Les débuts de Flash pour la diffusion étaient, pour être doux, un cauchemar. Les animations Flash ne peuvent être générées au format QuickTime que si elles sont entièrement sur la timeline. Nous ne pouvions pas utiliser de contenu MovieClips, ActionScript ou Library imbriqué. Si vous envoyiez une fonction de bande dessinée pour diffusion, la limite de 16 000 images de Flash signifiait que la plus longue bande dessinée que vous pouviez produire devait durer environ 22 minutes si vous restiez avec le taux par défaut de 12 images par seconde. La solution consistait à décomposer l’animation en morceaux gérables et à les assembler dans un programme de montage vidéo..

Flash CS3 a changé le jeu. Dans cet exercice, vous allez apprendre à exporter une animation purement codée sous forme de film QuickTime, à améliorer dans After Effects CS4..

Étape 1: Source

Téléchargez le fichier source et ouvrez-le dans Flash CS4.

Le fichier que nous allons utiliser est peut-être familier pour ceux d’entre vous qui visitent ce site régulièrement. Il provient du didacticiel, Créer un fond Flash animé fantaisiste, écrit par mon associé Carlos Yanez. Dans ce projet, Carlos utilise un fichier de classe externe pour créer une série de bulles semi-transparentes placées au hasard et pour les mettre en mouvement à la suite d'une onde sinusoïdale..

Extrayez le fichier zip source sur votre disque dur et ouvrez BlurryLights.fla..

Étape 2: Enregistrer

Supprimez le calque d'arrière-plan et enregistrez le fichier. L'arrière-plan n'est pas nécessaire car nous allons ajouter le nôtre dans After Effects CS4..

Étape 3: exportation

Sélectionnez Fichier> Exporter> Exporter le film pour ouvrir la boîte de dialogue Exporter le film. Sélectionnez QuickTime dans la liste Format et cliquez sur Enregistrer..

La boîte de dialogue Paramètres d’exportation QuickTime apparaît..

Étape 4: Paramètres d'exportation

Déterminez vos paramètres d'exportation QuickTime.

Cette boîte de dialogue n'est pas terriblement mystérieuse.

Vérifier Ignorer la couleur de la scène pour créer une vidéo Alpha Channel. Cela donnera au film exporté un fond transparent, comme vous le verrez plus tard..

le Arrêtez d'exporter les réglages sont ceux où vous risquez de vous faire trébucher. Si vous avez une animation basée sur la chronologie, choisissez «Quand la dernière image est atteinte». Si vous avez une animation basée sur du code comme celle que nous avons ici, définissez une durée. Si vous ne le faites pas, vous créerez un film QuickTime d'une seule image, ce qui est en quelque sorte inutile. J'ai mis cet exemple à courir pendant 10 secondes.

Ensuite, cliquez sur Paramètres QuickTime… pour afficher la boîte de dialogue Paramètres du film.

Étape 5: Sélectionnez votre codec

Utilisez cette zone pour déterminer votre codec. Si vous changez les choses, sachez que le codec Animation avec une profondeur de couleur de millions de couleurs + est celui qui fournit le canal Alpha..

Étape 6: compiler

Cliquez sur le bouton Exporter pour compiler la vidéo..

Vous verrez trois barres de progression vous indiquant ce qui se passe et, une fois l’opération terminée, une alerte apparaît pour vous indiquer où vous pouvez trouver un fichier journal pour le processus. Cliquez sur OK.

Étape 7: Enregistrer, quitter et ouvrir

Enregistrez le fichier, quittez Flash et ouvrez la vidéo dans le lecteur QuickTime. Le fond noir que vous voyez est le canal alpha.

Passons à After Effects CS4

J'ai une vidéo sur le canal alpha, ce qui signifie que je peux jeter quelque chose à l'arrière-plan avec un peu plus de jazz que le dégradé du tutoriel d'origine. Ouvrons After Effects et voyons ce que nous pouvons faire…

Étape 8: composition

Créer une nouvelle composition After Effects.

La taille devait correspondre aux dimensions 600 x 300 de la pièce de Carlos. J'ai aussi choisi des pixels carrés car le projet devait être généré en tant que fichier FLV. J'ai augmenté la fréquence d'images à 30 images par seconde, nommé le fichier BlurryLights et défini la durée correspondant aux 10 secondes du fichier Flash exporté..

Remarque: Si vous êtes un utilisateur d’After Effects, vous vous demandez probablement pourquoi je me suis même dérangé avec cela plutôt que de coller la vidéo sur la timeline. C’est normalement mon flux de travail, mais pour une raison inexpliquée, la vidéo a continué de diminuer, passant de 600 à 300..

Étape 9: Importer

Importez la vidéo QuickTime dans After Effects et faites-la glisser dans la timeline.

Étape 10: Nouveau solide

Créer un nouveau solide et appliquer un effet de bruit fractal.

Le bruit fractal vient comme un nuage gris alors j'ai utilisé les paramètres montrés pour le rendre beaucoup plus intéressant.

Étape 11: Filtrer

Appliquez un filtre luminescent à l’effet Bruit fractal.

Les stries grises sont intéressantes, mais l'ajout d'un peu de bleu a permis d'atténuer l'effet..

Étape 12: Contraste et évolution

Tween les propriétés Contraste et Evolution de l’effet Bruit fractal.

Ces deux légers ajustements ont également atténué l’animation et ajouté un peu de «caractère aléatoire» à l’effet..

Étape 13: ajoutez du texte

J'ai choisi "TutsPlus" dans deux couleurs différentes.

Étape 14: effet

Ajoutez l’effet CC Light Rays; cela ressemblera à un coup de projecteur derrière le texte.

Étape 15: Tween

Effet Tween the Light Rays.

En déplaçant le point central de l'effet sur les lettres, je pouvais obtenir les rayons lumineux qui sortaient du texte.

Étape 16: rendu

Rendre la composition en FLV.

Je retournais à Flash, il était donc logique d'utiliser le format FLV. Mes autres options consistaient à restituer un fichier F4V ou MP4 utilisant la compression H.264..

Étape 17: Enregistrez le projet

Conclusion:

La possibilité de restituer une vidéo QuickTime à partir d'une animation Flash basée sur du code constitue une étape importante dans la consolidation de la relation entre After Effects et Flash. Dans ce didacticiel, vous avez vu comment une animation Flash basée sur du code, avec une classe de document personnalisée, peut être sortie en tant que film QuickTime avec ou sans canal alpha. Vous avez également vu comment un film Flash QuickTime peut être amélioré grâce à l'utilisation de la multitude d'effets de AE.

Bottom Line: Ce truc est amusant!