ActionScript 3 et le motion design Arzhur Caouissin

Transcription

1 ActionScript 3 et le motion design Arzhur Caouissin

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

3 VI ACTIONSCRIPT 3 ET MOTION DESIGN 3 Les transitions d effets et de filtres Introduction Galerie photo avec transition d effets Effet de fondu avec un Timer Définition de la classe transitionmanager Galerie photo avec transition de filtres Filtre flou Filtre ombre portée Filtre halo Filtre biseau Déclinaison des filtres Synthèse La programmation de squelettes Introduction Programmer un mouvement mécanique Définition du squelette Animer le squelette Programmer un mouvement organique Basculer du mode animation programmée au mode exécution Activer un squelette chargé dans un SWF Synthèse Les galeries d images Introduction Afficher des images externalisées et aléatoires Réaliser une jauge de chargement Réaliser une galerie d images externalisées Réaliser une galerie d images avec XML Interactivité sur les objets dynamiques Résoudre les erreurs éventuelles au chargement et à l exécution Gestion de site dynamique avec XML Synthèse

4 TABLE DES MATIÈRES VII 6 La vidéo standard et composite en FLV Introduction Concevoir la vidéo pour le Web Composition simple avec Apple Motion Composition simple avec Adobe After Effects Échantillonner la vidéo pour Flash Encoder en FLV avec After Effects Encoder en FLV avec Premiere Pro Encoder en FLV avec Final Cut Pro Encoder en AVI-DV avec Window Movie Maker Encoder en MOV ou DV avec imovie Encoder en FLV avec Adobe Media Encoder Intégrer de la vidéo composite dans Flash Synthèse La vidéo HD en F4V Introduction Encoder en F4V avec Adobe Media Encoder Onglet Vidéo Onglet Audio Encodage F4V avec Quick Time Créer un lecteur vidéo personnalisé Créer un lecteur vidéo H-264 pour Flash 6 et plus Agrandir une vidéo sans perte Synthèse La vidéo interactive Introduction Contrôles de base de la vidéo Lecture automatique

5 VIII ACTIONSCRIPT 3 ET MOTION DESIGN Mise en cache Lire la vidéo Arrêt de la vidéo Accélérer la vidéo Rembobiner la vidéo Modifier le volume audio Augmenter et diminuer progressivement le son Chapitrage vidéo Sous-titrage vidéo Boucle vidéo Synchroniser des actions avec les points de repère Repères de navigation Repères d événements Lire une vidéo en arrière Arrêter une vidéo dans un SWF imbriqué Arrêt et fermeture depuis le document racine Arrêt et fermeture depuis le contenu chargé Synthèse La 3D native Introduction Animer un livre 3D en ActionScript Carrousel d images 3D Version simplifiée Version dynamique Mur d images 3D Galerie vidéo 3D circulaire La galerie simple La galerie optimisée Navigation spatiale 3D façon TimeMachine ou Aero Synthèse

6 TABLE DES MATIÈRES IX 10 La 3D et PaperVision Introduction Installer PaperVision Téléchargement avec Tortoise SVN pour Windows Téléchargement avec SVNX pour Mac OS X Intégrer la classe PaperVision à Flash Modéliser en 3D pour Flash et PaperVision Programmer les mouvements de caméra 3D Programmer les mouvements d objets 3D Interactivité avec les touches du clavier Synthèse API d affichage et de colorimétrie Introduction Lissage des images bitmap Lissage des graphismes vectoriels Effet loupe avec optique déformante Filtres de correction colorimétrique Appliquer et restaurer un filtre Correction colorimétrique par lot Correction colorimétrique par interpolation Imprimer un document SWF Appliquer une teinte aléatoire Créer un puits de couleurs Synthèse Le Web en vrai relief Introduction Prise de vues pour le relief

7 X ACTIONSCRIPT 3 ET MOTION DESIGN Réaliser un anaglyphe avec Photoshop Le principe de l image jaillissante ou fenêtre Créer l anaglyphe à partir de deux images Gérer un anaglyphe en ActionScript Interface SWF en relief dynamique Synthèse Les systèmes de navigation avancés Introduction Boutons MovieClip fixes avec état activé et visité Les boutons visités La structure Switch case Les boutons activés Boutons MovieClip animés et interfaçables Méthode avec les actions dans le scénario du lien Méthode avec les actions sur la scène principale Console de navigation en miniature Menu déroulant à repositionnement automatique Activer et désactiver les boutons et les MovieClip Synthèse La communication Flash/HTML Introduction Menu contextuel du lecteur Flash Navigation Flash vers le HTML Navigation HTML vers Flash Historique de l animation Flash dans le navigateur Importer du HTML dans un SWF Gérer le Flash transparent Synthèse

8 TABLE DES MATIÈRES XI 15 La gestion de sites Full Flash Introduction Basculer en mode plein écran et restaurer l affichage standard Interface élastique flottante Gérer le PDF Gérer la typographie Les textes statiques Les textes dynamiques Les bibliothèques partagées de symboles et de typographies Importer Flash AS1/AS2 dans Flash AS Synthèse Les solutions de référencement du Flash Introduction Intégration XHTML stricte Structurer un document pour l API de Google Les métadonnées des fichiers SWF Gérer le contenu alternatif pour les robots et les appareils nomades Installer le kit SWFObject Personnaliser le document Synthèse L accessibilité dans Flash Introduction La fenêtre Accessibilité Concevoir un document Flash pour les non-voyants et malentendants 481 Synthèse Ressources Livres

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