Compositing vidéo avec Flash 8

De blender à  flash 8 :: incrustation d'une vidéo 3D précalculée

Gestion et compositing d'une vidéo 3D précalculée dans l'interface de flash 8

Préambule
Bonjour, ce tutoriel est destiné à  vous expliquer le passage de blender à  flash 8 dans le but de réaliser une interface pour un site ou un cd-rom contenant des effets 3d précalculés.

3D Pré-calculée ?
Une 3D précalculée, ( contrairement au temps réel ) est une scène dont le rendu des lumières, des shaders et/ou des animations a déjà  été effectué et enregistré dans une image ou une série d'images qui auront elles-mêmes pû être compilées et encodées sous l'un ou l'autre des multiples formats vidéos existants.

L'avantage est incontestablement la qualité du rendu obtenu, en effet, on peut tout à  fait se proposer un rendu photoréaliste, et l'enregistrer au format de sortie de son choix.
L'utilisateur en profitera sans efforts (ou presque nous y reviendrons) puisque le calcul aura été fait au préalable par une autre machine.
La portabilité de vos animations est assurée car généralement les formats de sorties sont assez standards.
Le désavantage en revanche résulte dans le poids du fichier généré. Sous la forme de vidéos, on peut rapidement atteindre les limites du raisonnable en ko notamment si on destine cette animation à  l'internet.
à l'inverse, une scène 3d temps réelle est rendue au moment même ou l'utilisateur la visualise. Ainsi, la qualité et la vitesse d'affichage du rendu seront dépendantes de la puissance de la machine de l'utilisateur, du type de moteur par lequel va passer le rendu et bien d'autres paramètres. Par contre, on a un fichier léger et surtout, un interactivité beaucoup plus intéressante qu'avec la 3D précalculée.
Tout dépend de l'effet souhaité.
Notre but étant d'intégrer de simples effets visuels à  flash et pas de rentrer dans la fabrication d'un jeu fps online, je vous propose de voir comment récupérer un rendu animé de blender puis de l'incruster sur un fond.

On va prendre Moutmout comme cobaye. (fig1)

Notre moutmout cobayefig1


1 - Le rendu de test depuis blender

Dans cet exemple, nous avons une scène blender avec notre perso animé sur 220 frames et nous souhaitons utiliser cette anim en boucle dans flash. (fig2)
Vous êtes satisfaits de vos réglages, vous avez une anim qui tue ... on va donc passer au rendu.

Screenshot Anim :: Cliquer pour agrandir fig2 - Cliquer pour agrandir

Tout d'abord cochez si ce n'est pas déjà  fait la case DispWin (fig3) afin que e rendu se fasse dans la fenêtre externe et non dans la fenêtre principale de blender.
Pressez F12 attendez que votre rendu se calcule (fig4) puis dans la fenêtre de rendu pressez A (fig5).
Cette action permet de visualiser la couche alpha, c'est à  dire la couche transparente qui sera utilisée par flash pour détourer l'animation et l'incruster proprement.

DispWin vs DispView fig3


Le rendu simple fig4

Visualisation de la couche alpha fig5 - Visualisation de la couche Alpha


2 - Le rendu de l'animation
Au niveau des paramètres de rendu on va choisir une taille de 320*240 mais libre à  vous de choisir la taille correspondant le mieux à  votre projet.
Rapellez-vous tout de même que les anims de ce type sont un peu lourdes à  gérer même à  l'ère du haut débit donc soyez raisonnables.
( Pour les autres onglets outpout et render, ça ... c'est à  votre guise. )
Les points importants : (fig6 et 7)

  1. Choisir un format d'export d'animation, ici ce sera quicktime ;
  2. choisir un codec vidéo supportant la couche Alpha, pour ma part j'ai choisi le codec animation avec la meilleur profondeur de couleur ;
  3. cocher RGBA pour que blender enregistre la couche alpha.
Réglages d'export fig6

Réglages du codec fig7

Vérifiez que la plage d'animation est la bonne, ici de la frame 1 à  220 et pressez ANIMATION Pressez ANIMATION fig8
Vous pouvez siroter une boisson fraîche en attendant.


3 - L'encodage et l'importation dans flash 8
Si tout s'est déroulé normalement, votre animation a dû s'enregistrer sur votre disque sous la forme d'un fichier 0001_0220.mov par défaut ou autre si vous l'avez renommé.
Un bon fichier de 11,4Mo pour ma part.
Il est temps de démarrer flash 8.
Ouvrez votre scène fla (fig9) dans laquelle vous souhaitez intégrer votre anim ou bien créez une nouvelle.

Démarrer Flash 8 fig9


Nous allons importer la vidéo du mouton et la passer à  la moulinette du flash video encoder. Le but étant d'intégrer l'animation au format FLV (Flash Video Encoder).
Pourquoi Flash 8 et pas Flash MX ? : Dans les versions précédentes de flash, le flv ne proposait l'encodage qu'avec le codec Sorenson Spark, dans flash 8 nous avons le choix et nous pouvons maintenant encoder avec le codec on2vp6. Le principal avantage de l'on2vp6, outre le fait que l'encodage soit optimisé et donc que la qualité soit meilleure, c'est sa capacité à  gérer la couche alpha, idéal pour le compositing multimédia. D'autres points rendent de ce codec intéressant, il contient des informations metadata (comme pour les mp3 par exemple ). Le fait de connaitre la durée du fichiers, son poids etc ... rendent la manipulation aisée lorsqu'on fabrique son lecteur flv maison.

Ceci dit revenons à  nos moutons.
Dans flash allez dans le menu Fichier -> Importer -> Importer Vidéo.
Choisissez la vidéo sur votre ordinateur et cliquez sur continuer.
à ce moment là , flash vous demande quelle est la façon dont vous souhaitez inporter la vidéo. (fig10)
Comme le but de ce tut n'est pas d'apprendre à  fabriquer un player flv, on va l'intégrer directos dans le corps du swf. Flash, à  juste titre vous alerte que le poids du swf sera augmenté notablement. à vous d'en apprendre d'avantage sur la lecture de fichiers flv externes si vous le souhaitez.
Choisissez donc, Embarquer la vidéo dans le swf et la jouer dans la timeline. et cliquez sur continuer.

Type d'importation fig10


Maintenenat choisissez d'importer la vidéo dans la timeline soit sous forme de movie clip (mc) ou bien directement à  vous de voir, cliquez sur continuer.(fig11)

Type d'importation fig11


On arrive à  l'encodage. Pressez paramètres avancés.
L'onglet encodage : (fig12)
  1. Choisissez le codec On2 VP6 ;
  2. TàˆS IMPORTANT, cochez encoder la canal alpha sans quoi votre anim ne serait pas détourée et détruirait votre sublime composition ;
  3. au niveau du framerate, un 12 image secondes peut suffire mais c'est à  vous de voir. 24 c'est plus fluide forcément.
  4. Enfin le réglage de la qualité, là  je vous laisse gérer.
    Pour la qualité, plusieurs essais vous seront nécessaires afin d'optimiser tout ça. C'est dépendant d'un grand nombre de contraintes qui découlent du contexte de votre projet.
Réglages d'encodage fig12

L'onglet recadrer : (fig13)
Si votre cadrage dans blender n'a pas été optimal, autrement dit s'il reste des zones de vide, utilisez les petits curseurs pour rogner sur les bords haut, bas, gauche et droite de la vidéo.
Faites attention à  ce que votre recadrage en apparence ok sur la frame X, ne coupe pas un bout de la tête à  la frame Y. Utilisez le scrubber sous la prévisualisation vidéo en haut à  droite pour vérifier tout au long de l'anim qu'il n'y a pas de ratés. Cliquez sur continuer.

Recadrage fig13


Voilà  on arrive au résumé, cliquez sur Terminer, flash va maintenant procéder à  l'encodage et va ensuite créer la vidéo dans la bibliothèque et en placer une instance sur la timeline.
Si vous avez choisi de placer l'objet vidéo sur la timeline directement, flash va vous demander s'il faut étendre le nombre d'images clés pour que l'ajuster à  la durée de la vidéo.
Si vous avez choisi de l'incorporer dans un mc, flash va mettre l'objet vidéo dans le mc et sa manipulation sera semblable à  un mc standard.
Vous constaterez que le détourage est très propre du fait d'avoir sû préserver durant toute la chaîne notre très utile couche alpha. (fig14)

Et voilà , publiez et appréciez.

L'anim fig14 - Cliquez pour visualiser le résultat [452 ko - flash 8 requis]


Terminé

Voilà , rapellez-vous que cette technique doit être utilisée avec précautions car la bande passante est un bien précieux en ce bas monde.
Celà  m'a paru utile de vous faire part de cette technique car, d'une part je m'en suis déjà  servi dans le boulot pour des sites animés pour des clients et puis ça montre blender dans un contexte un peu différent en espérant que ça vous donne des bonnes idées.
Peut-être que ce tuto pourra être suivi par un autre plus axé sur le rendu 3d vectoriel filaire dans flash.
Allez, Blendez bien :) et à  bientà´t !


 

tutoriel rédigé pour le Blender Clan par Opingo, 26 juin 2006

    


Les commentaires appartiennent à leurs auteurs. Nous ne sommes pas responsables de leur contenu.

Sujets récemment répondus
Forums Sujets Réponses Lus Dernières contributions
Questions & Réponses [non résolu] Blender et OBJ 0 44 01/02 11:09:31
stigmamax 
Mes premières images sous Blender (débutants) 2.80 ---> 3.00 ? 2 103 31/01 15:27:50
HarDrive 
The Blender Clan 'tchat Buy (50 Pieces) New Samsung Galaxy Z Flip4 128GB Unlocked $17,450 0 76 26/01 07:44:35
emailychang01 
The Blender Clan 'tchat Buy (30 Pcs) New Mac mini M2 (2023) 256GB SSD $8,970: www.cutebitelectronics.com 0 48 25/01 11:02:28
emailychang01 
The Blender Clan 'tchat Buy (50 Pcs) New iMac M1 24-inch (2021) 512GB SSD $44,950 Website: www.cutebitelectronics.com 0 65 24/01 09:21:49
emailychang01 
The Blender Clan 'tchat Buy (50 Pcs) Macbook Air M2 13.6-inch 512GB SSD $54,950 Website: www.cutebitelectronics.com 0 76 23/01 09:20:38
emailychang01 
Questions & Réponses circuit avec dévers 3 109 22/01 18:42:26
moonboots 
The Blender Clan 'tchat Buy (50 Pcs) MacBook Pro M2 14-inch 512GB SSD $79,950 0 64 21/01 10:19:51
emailychang01 
The Blender Clan 'tchat Buy (50 Pieces) New Apple iPad Air 10.9-inch (2022) 256GB Wi-Fi + Cellular $24,950 0 91 20/01 08:43:41
emailychang01 
The Blender Clan 'tchat Buy (50 Pcs) New Mac mini M2 (2023) 256GB SSD $9,950 Website: www.cutebitelectronics.com 0 90 19/01 08:19:28
emailychang01 
The Blender Clan 'tchat Buy (50 Pieces ) New Apple iPad Mini 8.3-inch (2021) 256GB Wi-Fi + Cellular $22,450 0 66 18/01 08:46:54
emailychang01 
Hors Sujet !! Victime de piratage 0 133 18/01 00:01:38
Lylo 
The Blender Clan 'tchat Buy (50 Pieces) New Apple iPad Pro 12.9-Inches 2021 1TB Wifi + Cellular $69,950 0 83 17/01 09:54:03
emailychang01 
The Blender Clan 'tchat Buy (50 Pieces) New Apple iPad Pro 11-Inches 2021 2TB Wifi + Cellular $79,950 0 88 14/01 19:23:01
emailychang01 
Questions & Réponses [non résolu] Material preview et résolution 0 93 13/01 10:13:25
zeromeetsinfinity 
The Blender Clan 'tchat Buy (50 Pieces) New Original Unlocked Apple iPhone 13 Pro Max 5G 1TB $54,950 0 88 12/01 09:21:35
emailychang01 
Hors Sujet !! Verifpro.net - paypal, ebay, banks, crypto, docs and more! 0 77 11/01 18:57:13
julien_costa 
The Blender Clan 'tchat Buy (50 Pieces) New Original Unlocked Apple iPhone 12 Pro 5G 512GB $24,950 0 91 11/01 07:45:50
emailychang01 
Questions & Réponses [non résolu] Soucis de pivots et rotations à l'import dans un fichier fbx avec parents/enfants 0 4377 10/01 16:32:57
Brice_Willus 
The Blender Clan 'tchat Buy (30 Pieces) New Meta - Quest Pro Virtual Reality Headset - 256GB $29,970 0 88 10/01 10:34:12
emailychang01 

Qui est en ligne
156 utilisateur(s) en ligne (dont 1 sur Tutoriels)

Membre(s): 0
Invité(s): 156


plus...
Nouveaux membres
MathiasFul 18/8/2022
VicenteZcl 18/8/2022
OlivaL1007 18/8/2022
Adrian8943 18/8/2022
NorbertoGe 18/8/2022
VeronaKais 18/8/2022
BettieSile 18/8/2022
DarylTier 18/8/2022
BretParkhi 18/8/2022
LeoTrotter 18/8/2022
Dernier Ajout
2020-09-24.jpg

Evènements à venir
Fev 15
Anniversaire de Dany
Fev 23
anniversaire de windspirit
Mar 14
Anniversaire de AMV12
plus 229 plus d'élément(s)
 Par Mickaël Guédon [ebrain] © 2003-2021 The Blender Clan - hébergé par TuxFamily - Site déclaré à la CNIL sous le numéro 1155445