Tuto publié par 
Dans cette formation Flash CS6 en vidéo, vous allez apprendre à produire une animation en HTML5 au standard Canvas. Le Canvas est un standard d’animation qui propose un rendu bitmap, par opposition au rendu vectoriel. Traité dynamiquement par le navigateur, l’affichage en Canvas s’apprête à des compositions graphiques élaborées qui mêlent toutes sortes de médias, des images, des vidéos, de la 3D, de l’interactivité, grâce à la complétion Javascript.
Bande Annonce de cette formation Flash Animation HTML 5 :
Jetez un oeil à ces autres tuto Flash CS6
Flash CS6 - Les fondamentaux…
Voici une formation Flash CS6, en vidéo, d'une durée de 8h30.…
Création d'animation HTML5…
Il est maintenant possible de générer des animations au format…
Formation Flash CS6 - SWF…
Voici une formation Flash CS6, complète, de près de 5h, en…
Flash CS6 : Les nouveautés…
Cette formation Flash CS6 présente directement et exclusivement…
Cette formation contient 124 leçons en vidéo (que vous pouvez acheter à l'unité) pour une durée totale de 6h19.
Voici le programme complet abordé au cours de cette formation :
Introduction / Généralités
- Présentation de la formation par Arzhur Caouissin vidéo gratuite !
- Les différentes techniques pour publier une animation vidéo gratuite !
- Les différents types d'animation en HTML5 (CSS, Javascript, SVG et Canvas) vidéo gratuite !
- Quand utiliser Canvas ? vidéo gratuite !
- Créer un objet HTML5 Canvas en code 1 crédit
- Canvas et Flash vidéo gratuite !
- Les formats de Flash Pro CS6 vidéo gratuite !
- Ecran d’accueil 1 crédit
- Fenêtres principales (document, scénario, propriétés, bibliothèque, actions) 1 crédit
- Organiser son espace de travail 1 crédit
- Taille du document 1 crédit
- Importer des médias 1 crédit
- Les symboles et la bibliothèque 1 crédit
- Les propriétés du symbole clip 1 crédit
- Les propriétés du symbole bouton 1 crédit
- Les propriétés du symbole graphique 1 crédit
- Le scénario 1 crédit
- Configurer et organiser un document Flash 1 crédit
- Organiser les fichiers pour la production 1 crédit
- Mettre à jour une animation modifiée et tester dans le navigateur 1 crédit
- Mettre en ligne 1 crédit
- Téléchargement des composants via Extension Manager 1 crédit
- Affichage de la fenêtre Toolkit for CreateJS 1 crédit
- Organiser le code HTML et Javascript selon CreateJS 1 crédit
Techniques d'animation
- Structurer un document Photoshop à destination de Flash Pro 1 crédit
- Importer les calques bitmaps 1 crédit
- Importer les textes et les boutons 1 crédit
- Configurer le scénario de Flash selon les propriétés du document Photoshop 1 crédit
- Vérifier l'échelle et les noms d'occurrence des médias importés 1 crédit
- Optimiser les textes importés 1 crédit
- Importer des médias Illustrator dans Flash Pro 1 crédit
- Formes vectorielles simples et groupes 1 crédit
- Manipuler les formes vectorielles 1 crédit
- Formes primitives 1 crédit
- Dessiner à l'aide de l'outil Plume et du pot de peinture 1 crédit
- Conventions de nommage des occurrences pour Toolkit for CreateJS 1 crédit
- Introduction aux interpolations classique 1 crédit
- Réaliser une interpolation classique 1 crédit
- Animer différentes propriétés de symboles 1 crédit
- Exporter l'interpolation classique en HTML5 1 crédit
- Gérer la fin de l'animation et les boucles 1 crédit
- Créer une accélération / décélération 1 crédit
- Appliquer une accélération à une interpolation classique (Bézier) 1 crédit
- Créer un effet de rebond 1 crédit
- Adapter l’accélération pour un export HTML5 1 crédit
- Introduction aux interpolations de forme 1 crédit
- Définir les images-clés 1 crédit
- Créer une interpolation de forme 1 crédit
- Utiliser des repères de forme 1 crédit
- Convertir l’interpolation en masque animé 1 crédit
- Exporter l'animation en HTML5 1 crédit
- Présentation des outils 3D de Flash Pro 1 crédit
- Translation 3D 1 crédit
- Rotation 3D 1 crédit
- Créer une interpolation en 3D 1 crédit
- Appliquer une accélération manuelle à l'aide des courbes 1 crédit
- Appliquer des accélérations prédéfinies 1 crédit
- Exporter l'animation en HTML5 1 crédit
Interactivité et animation
- Identifier une action codée en Javascript 1 crédit
- Insérer une action Javascript dans la page HTML5 1 crédit
- Ajouter des commandes Javascript dans Flash Pro 1 crédit
- Ajouter des actions de bouton et de symboles 1 crédit
- Vérifier l’encodage des caractères 1 crédit
- Créer une librairie Javascript à l'aide des fragments de code 1 crédit
- Organiser le document à l'aide d'étiquettes 1 crédit
- Placer des actions de navigation Javascript 1 crédit
- Contrôler la position 1 crédit
- Contrôler la rotation 1 crédit
- Contrôler l'échelle 1 crédit
- Contrôler l'opacité 1 crédit
- Instancier une classe d'animation 1 crédit
- Gérer plusieurs propriétés 1 crédit
- Appeler une fonction à la fin de l'animation 1 crédit
- Introduction aux bannières 1 crédit
- Organiser le scénario pour une bannière 1 crédit
- Réaliser une animation de bannière avancée 1 crédit
- Créer un lien sur la bannière (bouton transparent) 1 crédit
- Intéractivité de bouton en ActionScript 3 1 crédit
- Réaliser un Gif animé simplifié pour les navigateurs anciens(par défaut) 1 crédit
- Réaliser une bannière en Canvas 1 crédit
- Ajouter un lien transparent en Javascript 1 crédit
- Organiser les médias pour l'intégration HTML 1 crédit
- Organiser l'affichage selon la compatibilité du navigateur 1 crédit
- Personnaliser l'intégration dans DreamWeaver 1 crédit
- Introduction au redimensionnement d'un objet Canvas. 1 crédit
- Actions de redimensionnement d'un objet Canvas 1 crédit
- Ajouter les actions de Zoom sur l'objet canvas avec un bouton interrupteur 1 crédit
- Introduction au glisser déposer 1 crédit
- Mécanique du glisser-déposer 1 crédit
- Organisation d'un jeu de puzzle 1 crédit
- Gérer le déplacement des pièces de puzzle 1 crédit
- Gérer le magnétisme des pièces de puzzle 1 crédit
- Introduction à une animation parallaxe 1 crédit
- Organisation de l'espace de travail pour une animation parallaxe 1 crédit
- Gérer un panoramique multiplan qui réagit au passage du pointeur 1 crédit
- Obtenir un effet de panoramique axial ou circulaire 1 crédit
- Gestion des textes dynamiques pour un export Canvas 1 crédit
- Ciblage des textes dynamiques 1 crédit
- Formatage dynamique du texte (Police, Taille, Alignement, etc.) 1 crédit
Médias
- Afficher un champ de texte dynamique pour le chargement 1 crédit
- Détecter la progression du chargement et afficher le chargement en cours 1 crédit
- Détecter la fin du chargement et effacer le texte 1 crédit
- Introduction à la gestion audio via canvas 1 crédit
- Echantillonner le son pour le Web (mp3, Ogg) 1 crédit
- Organiser le scénario pour activer les classes audio 1 crédit
- Adapter le code pour une lecture du son compatible multi-navigateurs vidéo gratuite !
- Neutraliser la lecture automatique du son 1 crédit
- Introduction à l'interactivité audio via CreateJS 1 crédit
- Organisation du scénario pour l'interactivité 1 crédit
- Placer des actions sur les boutons (Lire, Arrêter, Pause, Reprendre) 1 crédit
- Les formats vidéo pour le Web (h264, ogv, vp8) 1 crédit
- Convertir la vidéo à l’aide d’un utilitaire gratuit 1 crédit
- Gérer l'affichage de la vidéo à l’aide de la balise 1 crédit
- Gérer l’affichage de la vidéo à l’aide de la balise 1 crédit
- Gérer l’affichage de la vidéo à l’aide d’un fichier SWF 1 crédit
- Adapter l’affichage selon la compatibilité des navigateurs 1 crédit
- Préparer une animation Canvas pour Apple iOS et Android 1 crédit
- Corriger l’affichage du document à l’aide d’une feuille de styles CSS 1 crédit
- La bibliothèque 1 crédit
- Le code Javascript 1 crédit
- Les images 1 crédit
- Librairies Canvas 3D 1 crédit
- Liens utiles 1 crédit
Conclusion
- Le mot de la fin d'Arzhur Caouissin 1 crédit
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Flash CS6 de 6 heures 19 minutes est proposée dans une résolution plus grande que l’extrait suivant :
elephorm
, Editeur pro
Elephorm, la formation vidéo avec les pros certifiés Apple, Adobe, Autodesk, Google. Elephorm est spécialisé dans la formation par les nouveaux médias sur les outils de création numérique au sens large : infographie, 3D, photographie, internet, multimédia, motion design, Web, vidéo et effets spéciaux, audionumérique, informatique. La société réunit actuellement un réseau des meilleurs experts français, alliant qualité pédagogique et expertise technique.
Toutes les formations de Elephorm
Arzhur Caouissin, auteur dans cette formation
Caouissin Arzhur, est un formateur spécialisé sur Adobe Flash CS6. Il exerce un activité de designer interactif pour le compte d’agences et pour sa propre clientèle. Caouissin Arzhur est un professionnel réputé doublé d'un pédagogue reconnu qui enseigne dans des centres de formation prestigieux tels que le centre Pyramid ou en encore l'école des Gobelins Paris. Il est également auteur de livres sur l'Action Script.
Toutes les formations de Arzhur Caouissin
Témoignage des clients de elephorm
Très bien.
Bravo des Tito clairs que demander en plus
Super Tuto !
Merci pour ces tutos sur toutes les bases des logiciels, j'aurais jamais pu trouver des formation plus expliquées que les vôtres, merci !
Merci pour vos tutos réalisés de manière pro et très compréhensibles bien qu'il y ait toujours de nouvelles questions qui se présentent à moi et pour lesquelles je ne trouve pas de réponses... comment faire pour contacter elephorm..???
Lire les autres témoignages
D'autres tuto de elephorm
Notes attribuées par les utilisateurs (1 vote)
Les avis / Questions des utilisateurs (3)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Flash CS6 d’une durée de 6 heures 19 minutes a été acheté 19 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 23 septembre 2012 par elephorm, éditeur professionnel, ayant reçu une note moyenne de 3,9/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Flash Animation.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.
Choisissez parmi tuto classés dans nos 236 logiciels ou langages informatiques.
(a acheté ce tuto - 19 mai 2013)
" Cette formation pose de manière très efficace la problématique actuelle côté animation. A suivre avec l'autre formation du même auteur pour un panorama encore plus complet.
Mini-ateliers vraiment adaptés au sujet : bravo ! "
(a acheté ce tuto - 08 décembre 2012)
" ça fait 15 jour que j'ai posé une question et pas de réponse.... ça donne pas envie d'acheter une formation comme celle ci, au prix fort ..
"
(a acheté ce tuto - 24 novembre 2012)
" en consultant la table des matières, j'ai l'impression que l'export vers html5 ne constitue qu'une très petite partie du tutoriel.
est ce que je me trompe? "