ActionScript 3 et le motion design Arzhur Caouissin

ActionScript 3 et le motion design Arzhur Caouissin

Table des matières Préface........................................................ 1 À qui s adresse ce livre........................................... 2 Les intentions de l auteur........................................ 2 Structure du livre................................................ 3 Les exemples.................................................... 5 Conventions..................................................... 5 Remerciements.................................................. 6 Présentation de l auteur.......................................... 6 1 Les animations en ActionScript................................ 7 Introduction..................................................... 7 Animer les propriétés : position, dimension, rotation, opacité et échelle................................................. 7 Gérer les propriétés avec des conditions........................... 14 Gérer les accélérations........................................... 18 Gérer le défilement de panoramiques en boucle.................... 23 Synthèse........................................................ 28 2 Interpolations et interactivité avec les classes Tween et TweenMax.................................................. 29 Introduction.................................................... 29 Animer une galerie avec la classe Tween intégrée................... 29 Animer une carte interactive avec la classe TweenMax.............. 38 Défilant TweenMax avec un pointeur et un masque................. 48 Synthèse........................................................ 56

VI ACTIONSCRIPT 3 ET MOTION DESIGN 3 Les transitions d effets et de filtres............................ 57 Introduction.................................................... 57 Galerie photo avec transition d effets.............................. 57 Effet de fondu avec un Timer.................................. 57 Définition de la classe transitionmanager....................... 62 Galerie photo avec transition de filtres............................. 65 Filtre flou.................................................. 68 Filtre ombre portée.......................................... 68 Filtre halo.................................................. 69 Filtre biseau................................................ 70 Déclinaison des filtres........................................ 71 Synthèse........................................................ 75 4 La programmation de squelettes.............................. 77 Introduction.................................................... 77 Programmer un mouvement mécanique........................... 77 Définition du squelette....................................... 81 Animer le squelette.......................................... 84 Programmer un mouvement organique............................ 86 Basculer du mode animation programmée au mode exécution....... 92 Activer un squelette chargé dans un SWF.......................... 94 Synthèse........................................................ 97 5 Les galeries d images.......................................... 99 Introduction.................................................... 99 Afficher des images externalisées et aléatoires...................... 99 Réaliser une jauge de chargement................................. 103 Réaliser une galerie d images externalisées........................ 107 Réaliser une galerie d images avec XML........................... 113 Interactivité sur les objets dynamiques............................ 122 Résoudre les erreurs éventuelles au chargement et à l exécution..... 131 Gestion de site dynamique avec XML............................. 134 Synthèse........................................................ 135

TABLE DES MATIÈRES VII 6 La vidéo standard et composite en FLV....................... 137 Introduction.................................................... 137 Concevoir la vidéo pour le Web................................... 138 Composition simple avec Apple Motion............................ 141 Composition simple avec Adobe After Effects...................... 147 Échantillonner la vidéo pour Flash................................ 153 Encoder en FLV avec After Effects............................. 154 Encoder en FLV avec Premiere Pro............................. 154 Encoder en FLV avec Final Cut Pro............................ 154 Encoder en AVI-DV avec Window Movie Maker.................. 154 Encoder en MOV ou DV avec imovie........................... 155 Encoder en FLV avec Adobe Media Encoder..................... 155 Intégrer de la vidéo composite dans Flash......................... 169 Synthèse........................................................ 175 7 La vidéo HD en F4V........................................... 177 Introduction.................................................... 177 Encoder en F4V avec Adobe Media Encoder....................... 177 Onglet Vidéo............................................... 179 Onglet Audio............................................... 183 Encodage F4V avec Quick Time.................................. 184 Créer un lecteur vidéo personnalisé............................... 188 Créer un lecteur vidéo H-264 pour Flash 6 et plus.................. 191 Agrandir une vidéo sans perte.................................... 197 Synthèse........................................................ 199 8 La vidéo interactive........................................... 201 Introduction.................................................... 201 Contrôles de base de la vidéo..................................... 201 Lecture automatique......................................... 203

VIII ACTIONSCRIPT 3 ET MOTION DESIGN Mise en cache.............................................. 203 Lire la vidéo................................................ 204 Arrêt de la vidéo............................................ 204 Accélérer la vidéo........................................... 204 Rembobiner la vidéo......................................... 205 Modifier le volume audio..................................... 205 Augmenter et diminuer progressivement le son................... 206 Chapitrage vidéo................................................ 207 Sous-titrage vidéo............................................... 211 Boucle vidéo.................................................... 215 Synchroniser des actions avec les points de repère.................. 217 Repères de navigation........................................ 218 Repères d événements........................................ 223 Lire une vidéo en arrière......................................... 227 Arrêter une vidéo dans un SWF imbriqué......................... 232 Arrêt et fermeture depuis le document racine..................... 234 Arrêt et fermeture depuis le contenu chargé...................... 236 Synthèse........................................................ 239 9 La 3D native................................................... 241 Introduction.................................................... 241 Animer un livre 3D en ActionScript............................... 242 Carrousel d images 3D........................................... 251 Version simplifiée........................................... 252 Version dynamique.......................................... 256 Mur d images 3D................................................ 260 Galerie vidéo 3D circulaire....................................... 268 La galerie simple............................................ 270 La galerie optimisée......................................... 276 Navigation spatiale 3D façon TimeMachine ou Aero................ 279 Synthèse........................................................ 287

TABLE DES MATIÈRES IX 10 La 3D et PaperVision.......................................... 289 Introduction.................................................... 289 Installer PaperVision............................................. 289 Téléchargement avec Tortoise SVN pour Windows................ 290 Téléchargement avec SVNX pour Mac OS X.................... 292 Intégrer la classe PaperVision à Flash........................... 297 Modéliser en 3D pour Flash et PaperVision........................ 299 Programmer les mouvements de caméra 3D....................... 304 Programmer les mouvements d objets 3D.......................... 311 Interactivité avec les touches du clavier............................ 315 Synthèse........................................................ 329 11 API d affichage et de colorimétrie............................. 331 Introduction.................................................... 331 Lissage des images bitmap........................................ 331 Lissage des graphismes vectoriels................................. 335 Effet loupe avec optique déformante.............................. 338 Filtres de correction colorimétrique............................... 343 Appliquer et restaurer un filtre................................. 343 Correction colorimétrique par lot............................... 349 Correction colorimétrique par interpolation...................... 351 Imprimer un document SWF..................................... 353 Appliquer une teinte aléatoire.................................... 355 Créer un puits de couleurs....................................... 357 Synthèse........................................................ 360 12 Le Web en vrai relief.......................................... 361 Introduction.................................................... 361 Prise de vues pour le relief........................................ 362

X ACTIONSCRIPT 3 ET MOTION DESIGN Réaliser un anaglyphe avec Photoshop............................ 363 Le principe de l image jaillissante ou fenêtre..................... 363 Créer l anaglyphe à partir de deux images....................... 370 Gérer un anaglyphe en ActionScript.............................. 375 Interface SWF en relief dynamique............................... 377 Synthèse........................................................ 387 13 Les systèmes de navigation avancés.......................... 389 Introduction.................................................... 389 Boutons MovieClip fixes avec état activé et visité................... 389 Les boutons visités.......................................... 389 La structure Switch case.................................... 393 Les boutons activés.......................................... 394 Boutons MovieClip animés et interfaçables........................ 395 Méthode avec les actions dans le scénario du lien................. 397 Méthode avec les actions sur la scène principale.................. 401 Console de navigation en miniature............................... 404 Menu déroulant à repositionnement automatique.................. 407 Activer et désactiver les boutons et les MovieClip................... 414 Synthèse........................................................ 415 14 La communication Flash/HTML............................... 417 Introduction.................................................... 417 Menu contextuel du lecteur Flash................................. 417 Navigation Flash vers le HTML................................... 420 Navigation HTML vers Flash..................................... 423 Historique de l animation Flash dans le navigateur................. 428 Importer du HTML dans un SWF................................ 430 Gérer le Flash transparent....................................... 434 Synthèse........................................................ 435

TABLE DES MATIÈRES XI 15 La gestion de sites Full Flash.................................. 437 Introduction.................................................... 437 Basculer en mode plein écran et restaurer l affichage standard...... 437 Interface élastique flottante....................................... 443 Gérer le PDF.................................................... 450 Gérer la typographie............................................. 451 Les textes statiques.......................................... 452 Les textes dynamiques....................................... 452 Les bibliothèques partagées de symboles et de typographies........ 454 Importer Flash AS1/AS2 dans Flash AS3.......................... 458 Synthèse........................................................ 462 16 Les solutions de référencement du Flash..................... 463 Introduction.................................................... 463 Intégration XHTML stricte...................................... 463 Structurer un document pour l API de Google..................... 464 Les métadonnées des fichiers SWF................................ 467 Gérer le contenu alternatif pour les robots et les appareils nomades.. 469 Installer le kit SWFObject2................................... 469 Personnaliser le document.................................... 472 Synthèse........................................................ 476 17 L accessibilité dans Flash...................................... 477 Introduction.................................................... 477 La fenêtre Accessibilité........................................... 478 Concevoir un document Flash pour les non-voyants et malentendants 481 Synthèse........................................................ 482 18 Ressources..................................................... 483 Livres................................................... 483

XII ACTIONSCRIPT 3 ET MOTION DESIGN Tutoriels vidéos............................................. 483 Sites web et forums.......................................... 484 Dictionnaires............................................... 484 Index.......................................................... 485 Index des notes et encadrés.................................. 485