À 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..
Le film ci-dessous montre l'effet final sur lequel nous allons travailler:
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..
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..
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..
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..
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.
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..
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.
Enregistrez le fichier, quittez Flash et ouvrez la vidéo dans le lecteur QuickTime. Le fond noir que vous voyez est le canal alpha.
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…
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..
Importez la vidéo QuickTime dans After Effects et faites-la glisser dans la timeline.
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.
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..
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..
J'ai choisi "TutsPlus" dans deux couleurs différentes.
Ajoutez l’effet CC Light Rays; cela ressemblera à un coup de projecteur derrière le texte.
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.
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..
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!