Share
Dans mon article précédent, je vous ai montré comment exporter une animation pilotée par code pour la lecture de vidéos. Le problème en écrivant ces choses est que tout est merveilleux parce que je peux me concentrer sur une seule tâche - mais tout le monde se dit alors: "Cool, je peux le faire", puis découvre qu'ils sont entrés dans un champ de mines, car la préparation de Flash pour la diffusion nécessite beaucoup de travail dans les coulisses.
Dans cet article, je vais vous expliquer certaines des choses les plus importantes que vous devez savoir et faire lorsque vous préparez des projets Flash pour la diffusion..
Pour bon nombre d'entre vous, il peut être un peu surprenant de constater que, dès sa première sortie, il y a environ 15 ans, les animations Flash passaient discrètement des écrans d'ordinateur aux écrans de télévision. Les animations ont été exportées de Flash vers des vidéos QuickTime ou AVI, puis préparées pour être diffusées sur des postes de travail Avid et affichées lors des émissions de dessins animés du samedi matin..
Cela a été un processus pénible car tout ce qui devait être fait sur le scénario principal et ActionScript, les MovieClips imbriqués, etc., ne pouvaient tout simplement pas être utilisés.
Il existe également une contrainte Flash qui continue à ce jour: vous êtes "limité" à 16 000 images et toute image peut avoir un "maximum" de 16 000 calques. En surface, cela peut sembler être plus que suffisant mais faites le calcul: à 30 images par seconde, un scénario de 16 000 images représente 9 minutes de lecture. Mis à part le fait qu'essayer de faire exporter ce monstre revient à pousser une pastèque à travers un ver, il y a presque 100% de chances que vous atteigniez la limite de 2 Go pour les fichiers AVI. Cela explique pourquoi de nombreux animateurs Flash, préparant du contenu pour une diffusion, préservent leur intégrité en divisant leurs projets en 20 ou 30 sections..
Avec l’introduction de la vidéo HD dans Flash Player 9.0.115 et la possibilité de créer et de lire des vidéos HD à l’aide du codec H.264 et du format Flash .mp4, elle est devenue indépendante. La même vidéo peut être lue aussi facilement dans un navigateur que sur une Playstation Sony ou sur l’écran HD de votre salon. En plus de tout cela, les fabricants de smartphones ont pris conscience que leurs produits étaient des appareils mobiles utilisés pour autre chose que le simple fait de toucher et de toucher une personne. Même s'il est encore tôt dans ce domaine, la vidéo va jouer un rôle important dans la montée en puissance du smartphone. La journée n'est pas loin où, grâce à Flash Player 10, les animateurs Flash produiront un contenu, en Flash, qui apparaîtra simultanément sur des écrans HD de 52 pouces, des écrans d'ordinateur, des systèmes de jeu et des écrans SmartPhone. Dans cet article, je ne traiterai que de la préparation d'animations Flash pour la télévision..
Avant de commencer, c’est une très bonne idée de savoir quel rapport de longueur vous allez développer..
La norme NTSC (Commission nationale des normes de télévision), utilisée partout en Amérique du Nord et dans la plus grande partie de l’Amérique du Sud, a un rapport de forme de 4: 3, ce qui signifie que pour quatre pixels de largeur, il ya 3 pixels de hauteur. Les tailles d’étage flash de 640 sur 480, 800 sur 600, voire 320 sur 240 sont des exemples de formats 4: 3..
Si vous allez en écran large, le rapport de format passe à 16: 9.
Même si vous avez choisi la taille de scène appropriée, ne pensez pas que les choses s'arrêtent là. Nous traitons ici de supports basés sur un écran et lorsque vous passez de l’écran de votre ordinateur à l’écran du téléviseur, la forme des pixels change de carré (ordinateur) à rectangulaire (téléviseur). Si vous ne compensez pas cela, des distorsions seront introduites dans votre travail. Pour résoudre ce problème, une taille de scène commune reflétant le réglage est de 720 x 540. Les documents Flash créés pour être utilisés dans un paramètre PAL doivent avoir une taille de scène de 720 x 576..
Comme vous le savez, les animations Flash peuvent avoir des taux d’image différents. Lorsque Flash est apparu pour la première fois, la fréquence standard était de 12 ips. Aujourd'hui, il atteint 24 ips, valeur par défaut, bien que de nombreux développeurs et concepteurs l’ajustent à 30 ips ou plus. La diffusion est plutôt rigide. La norme NTSC est de 29,97 ips bien que 30 ips soit couramment utilisée.
Si vous vivez en Europe, vous utilisez probablement la norme PAL (Phase Alternating Line) qui a été adoptée au début des années 1960. Il utilise également le format 4: 3 utilisé par son cousin NTSC, mais il y a des différences dont vous devez tenir compte..
Tout d'abord, le taux de trame PAL est de 25 images par seconde. Cette norme a une meilleure résolution que NTSC, ce qui signifie que sa qualité d'image est également supérieure. Les documents Flash créés pour être utilisés dans un paramètre PAL doivent avoir une cadence de 25 fps..
Bien que je vous ai montré comment exporter une animation Flash en tant qu'animation QuickTime, les séquences PNG sont la solution lorsque la précision des images est cruciale. Avec cette technique, votre animation Flash, à défaut d’une meilleure analogie, est traitée comme un livre pivot et chaque image de votre animation Flash est rendue sous forme de document PNG numéroté..
Dans cet exemple, j'ai appliqué l'un des préréglages de mouvement (Fenêtre> Préréglages de mouvement) à un MovieClip sur la scène Flash. L'animation donne un scénario de 75 images. J'ai sélectionné Fichier> Exporter> Exporter le film et choisi Séquence PNG dans le menu déroulant Format. La clé ici est de créer un dossier pour contenir les fichiers png résultants. Je m'attends à un minimum de 75 images png mais ce nombre peut atteindre des centaines voire des milliers en fonction du nombre d'images dans le film Flash.
Cliquez sur le bouton Enregistrer pour ouvrir la boîte de dialogue Exporter au format PNG. Les paramètres choisis sont explicites. Cliquez sur le bouton OK pour lancer le processus..
Il y a maintenant 75 images png dans le dossier et vous remarquerez qu'elles sont numérotées de manière séquentielle. Il est extrêmement important que vous ne changiez aucun nom de fichier ou numéro.
J'ai ouvert After Effects CS4 et sélectionné Fichier> Importer. Lorsque la boîte de dialogue Importer un fichier s'est ouverte, j'ai accédé au dossier contenant les images PNG et sélectionné le premier fichier de la séquence. After Effects reconnaît cette sélection comme étant la première image d'une séquence PNG et la sélection de "Forcer l'ordre alphabétique" garantit que les images entrent dans After Effects dans l'ordre. La chose intéressante à propos de cela est que lorsque je clique sur Ouvrir, la séquence arrive dans le panneau de projet After Effects sous la forme d'un document unique, et non de 75 images individuelles. À partir de là, un artiste vidéo ou Motion Graphics peut manipuler davantage les fichiers avant de les diffuser pour diffusion..
S'il y a une chose qui me dérange au sujet de regarder la télévision, c'est qu'à l'occasion, les titres ou la motion seront coupés autour des bords de l'écran. Cela est dû au fait que les téléviseurs ne sont pas des écrans d’ordinateur et dans presque tous les cas, ils montreront une version plus petite de la taille de la scène. C’est pourquoi les producteurs de vidéos et les artistes de Motion Graphics utiliseront des incrustations leur montrant à la fois les zones Title Safe et Action Safe de l’écran..
Celles-ci peuvent être facilement créées dans Flash et, si elles sont enregistrées en tant que modèles, peuvent être réutilisées ou vous pouvez utiliser les calques guides à des fins d'utilisation unique. La particularité de Guide Layers est qu'ils ne sont pas exportés.
Dans l'image ci-dessus, j'utilise un modèle d'étape 720 x 540. J'ai utilisé l'outil Rectangle pour créer une zone avec un trait et aucun remplissage ne correspondant aux dimensions de la scène, en la plaçant contre le point 0,0 de la scène. Avoir la boîte contenant les dimensions de la scène est une aide visuelle précieuse lorsque vous avez un contenu, comme la photo ci-dessus, qui saigne sur le presse-papier et recouvre la scène..
Pour créer la zone Action Safe, j'ai copié la boîte, sélectionnez Edition> Coller à la place puis, à l'aide du menu Échelle et rotation situé dans Modifier> Transformer> Échelle et rotation, réduisez la taille de la boîte à 90% de sa taille d'origine. Tous les mouvements importants de votre animation Flash doivent se dérouler dans cette zone..
L'étape suivante consistait à créer la zone de sécurité du titre. De nouveau, j'ai sélectionné Édition> Coller à la place et cette fois, dans la boîte de dialogue Echelle et rotation, j'ai réduit la zone à 80%. La zone de sécurité Tile garantit que tous les titres importants sont clairement lisibles et ne sont pas recadrés. C'est pourquoi cette zone se situe à 20% du bord absolu de la scène.
J'ai ensuite converti le calque contenant les cases en calque Guide en cliquant avec le bouton droit de la souris sur le nom du calque et en sélectionnant Guide dans le menu contextuel..
La dernière chose que je veux aborder est la question de la couleur. Dans mon précédent tutoriel, l'un des commentateurs, Shaun, a mentionné "Il suffit de regarder les couleurs vives - semble saigner parfois." Certains d'entre vous ont peut-être lu cela et se sont demandé: "Hein?"
Le fait est que votre téléviseur affiche moins de couleurs que l'écran de votre ordinateur. Votre moniteur peut afficher toutes les couleurs RVB de 0 à 255. En ce qui concerne la télévision, votre palette Flash doit être réduite à une plage allant de 16 à 235. Le noir, [0,0,0], est en fait déplacé sur [16 , 16,16] signifiant que les couleurs entre 0 et 16 sont coupées. Même chose pour le blanc, [255,255,255]; il est rétrogradé à [235,235,235]. La couleur qui saigne vraiment est le rouge, vous pouvez la réduire de [255,0,0] à [200,16,16] et ajouter l’échantillon à votre palette de couleurs..
Si la création de couleurs personnalisées est fastidieuse, vous souhaiterez peut-être accéder au Web et choisir la palette d'échantillons FlashNTSC de Warren Fuller..
L'installer n'est pas difficile. Ouvrez le panneau Nuancier et, dans le menu déroulant du panneau, sélectionnez Remplacer les couleurs. Lorsque la boîte de dialogue Importer une couleur d'échantillon s'ouvre, accédez au dossier dans lequel vous avez enregistré le fichier .clr, sélectionnez le fichier, puis cliquez sur Ouvrir..
Lorsque la boîte de dialogue se ferme, le nuancier NTSC apparaît dans le panneau Nuancier..
Pour revenir au jeu de nuances Flash par défaut, cliquez sur le menu déroulant du panneau Échantillon et sélectionnez Charger les couleurs par défaut..
Dans cet article, j'ai traité de la préparation de fichiers Flash pour la diffusion sur un téléviseur. J'ai commencé par expliquer que la taille de la scène Flash devait avoir un rapport d'aspect particulier et vous donnait les tailles de scène pour les diffusions NTSC et PAL qui permettent le passage des pixels carrés d'un écran d'ordinateur aux pixels rectangulaires d'un téléviseur..
J'ai également discuté de l'importance de la fréquence d'images et vous ai montré une autre méthode d'exportation à diffuser: la séquence PNG, qui est plus précise que les exportations QuickTime habituelles en Flash..
À partir de là, je me suis penché sur la façon d'identifier les zones sécurisée Action et Titre d'un écran et expliqué comment créer ces zones à l'aide d'un calque Guide. J'ai terminé en examinant brièvement quelques problèmes de couleur, comment les résoudre et où vous pouvez vous procurer un fichier de nuance NTSC gratuit..
J'espère que si vous avez atteint ce point dans l'article, vous comprendrez que le processus ne se limite pas à lancer le logiciel QuickTime Exporter de Flash. C'est la dernière étape du processus.
Accentsconagua