Cette formation Edge Animate vous permettra de créer des animations interactives basées sur les standards du web tels que HTML5, CSS3 et JavaScript, sans avoir à manipuler de code. Ces animations riches fonctionneront sur les navigateurs récents, et notamment sur les tablettes et les Smartphones et font la part belle au travail graphique, au rythme et à l'enrichissement. Création, modification, réutilisation, typographie, animation, interactivité et export seront explorés au fil de cette formation réalisée par le formateur Franck Payen.
Bande annonce de la formation Edge Animate
Jetez un oeil à ces autres tuto Edge Animate
Qu'est-ce qu'Edge Animate…
Edge Animate est un outil dédié à la création d'animation…
Formats de fichiers
Le web, pour sa partie visuelle, se base sur des éléments…
Publicités et poids des fichiers…
Si votre navigateur intègre le plug-in Flash Player permettant…
Flux de production de A à…
Regardons ici rapidement comment réaliser une animation simple…
Introduction à Adobe Edge
Voici une formation Adobe Edge en vidéo, d'une duée de près…
Le truc en plus, avec Muse
Vous devez juste faire un tout petit peu de code (pas bien compliqué)…
Actions sur les objets
Chacun des objets peut devenir interactif. À vous de créer…
Animation complexe
Allons plus loin dans l'animation avec l'utilisation de la timeline…
Cette formation contient 67 leçons en vidéo (que vous pouvez acheter à l'unité) pour une durée totale de 5h34.
Voici le programme complet abordé au cours de cette formation :
Introduction
- Qu'est-ce qu'Edge Animate et que puis-je créer avec ? vidéo gratuite !
- Formats de fichiers 1 crédit
- Publicités et poids des fichiers 1 crédit
- Flux de production de A à Z avec Edge Animate 1 crédit
- Abonnement 1 crédit
- Leçons 1 crédit
- Plus d'infos, et de l'aide ? 1 crédit
L'interface d'Adobe Edge Animate
- Installer et démarrer 1 crédit
- Créer un espace de travail 1 crédit
- Dans quelle langue ? 1 crédit
- La barre d'outils, le panneau Éléments et la scène 1 crédit
- Le panneau Propriétés 1 crédit
- Le panneau Bibliothèque, Actifs, Symboles et Polices 1 crédit
- La timeline : aperçu général vidéo gratuite !
- Le(s) panneau(x) Code 1 crédit
Créer
- Créer un premier document 1 crédit
- Sauvegarder un document Edge 1 crédit
- Les outils Rectangle, Rectangle Arrondi et Ellipse 1 crédit
- L'outil Texte 1 crédit
- Placer une image 1 crédit
- Créer du contenu pour Edge Animate avec PS, AI, FW 1 crédit
- Formats d'image pour Internet 1 crédit
- Prévisualiser mon document 1 crédit
Modifier, enrichir, réutiliser
- Manipuler des objets sur la scène vidéo gratuite !
- Réorganisation, alignement et distribution 1 crédit
- Fonction de hiérarchisation, de groupes d'objets et de débordement 1 crédit
- Modifier l'opacité, les couleurs (contours, fond) d'un objet 1 crédit
- Ombres portées, intérieures ou sur du texte 1 crédit
- Créer et utiliser des symboles dans Edge Animate 1 crédit
- Astuce pour extraire le contenu d'un symbole 1 crédit
- Exporter/importer des symboles .ansym 1 crédit
- Ajouter une animation à un HTML existant vidéo gratuite !
Typographie
- Ajouter des Webfonts à une composition animée 1 crédit
- Polices en ligne libres d'accès 1 crédit
- Polices téléchargeables, locales et CSS 1 crédit
- Polices en abonnement 1 crédit
Mise en pages proportionnelle
- Options de redimensionnement 1 crédit
- Guides en pourcentages et pixels 1 crédit
- Mise à l'échelle des symboles 1 crédit
- Edge Commons resize layout 1 crédit
- Centrer dans une page 1 crédit
Animer
- Utiliser la timeline (règles de base, player) 1 crédit
- Créer une animation simple dans Edge Animate vidéo gratuite !
- Animation complexe (rythme, accélérations) 1 crédit
- Zoom, Images-clés, transitions lisses et stroboscopes 1 crédit
- Marque de verrouillage 1 crédit
- Rotation, inclinaison, écrêtage ou la vie du ruban 1 crédit
- Copier/coller mes transitions 1 crédit
- Affichage de symboles et d'étiquettes 1 crédit
- Insérer du texte en mouvement 1 crédit
- Afficher un élément 1 crédit
Interactivité
- Code sur la timeline 1 crédit
- Ajouter de l'interactivité à une composition Edge Animate 1 crédit
- Propriété Curseur Images URL 1 crédit
- Coder ou pas ? 1 crédit
- Utilisation avec un développeur 1 crédit
Exporter / diffuser
- Exporter une animation 1 crédit
- Destiner son travail aux précédentes versions des navigateurs 1 crédit
- Preloader 1 crédit
- Spécial débutants : présentation de l'anatomie d'un projet Edge Animate vidéo gratuite !
- CDN 1 crédit
- Publier vers InDesign et Digital Publishing Suite 1 crédit
Fonctionnalités avancées ou externes
- Repeat background 1 crédit
- Tester via Adobe Edge Inspect 1 crédit
- Accessibilité et ordre de tabulation 1 crédit
- IMG ou DIV ? 1 crédit
- SEO et HTML 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 Edge Animate de 5 heures 34 minutes est proposée dans une résolution plus grande que l’extrait suivant :
video2brain
, Editeur pro
Producteur de formations vidéo depuis 2002, video2brain est un des leaders européens sur le marché du e-learning. video2brain propose des formations vidéo, en ligne et sur DVD, sur les logiciels et les langages de programmation.
video2brain est également le fournisseur officiel de tutoriels certifiés Adobe.
Toutes les formations de Video2brain
Franck Payen, auteur dans cette formation
Après 6 ans en agence (FCA!BMZ, Publicis Conseil, Hakuhodo) et quelques années d'intérim graphique pour peaufiner la pratique des flux de production en studio (Aquent, McCann, Carat, The Creative Factory), Franck Payen devient formateur Adobe en 2008, notamment pour les séminaires en ligne, et dispense des cours à l'Istituto Marangoni de Paris, dans le domaine du design numérique appliqué à la mode.
Autodidacte, il se forme surtout "sur le tas", directement en production ou au contact de la communauté riche et créative des forums (FrenchCinema4d, Mediabox,etc.), sur la base de tutoriels en ligne, écrits ou vidéo, et prend un malin plaisir à trouver des solutions à tout un tas de problèmes divers et variés pour les collègues ou les copains.
Ses domaines de compétence balayent le print et le web, la 2D, la 3D, les techniques traditionnelles et le numérique, l'image fixe ou animée. Il gère ainsi des projets complets, de la conception à la diffusion, traite des problématiques de flux de production dans un environnement entièrement personnalisé.
Toutes les formations de Franck Payen
Témoignage des clients de video2brain
![]()
videos accessibles pour tous, convient parfaitement pour les débutants!
![]()
Video2Brain possède de nombreuses vidéos intéressantes et très utiles. ça va certainement m’être utile et m'encourager à acheter plus de crédits.
![]()
Bonjour; Je voulais vous dire que vos vidéos sont géniales. Ça explique beaucoup de choses, les bases et des astuces. Voilà, s'était pour vous dire que ça m'a bien aidé. Continuez comme ça. Au revoir.
![]()
Très bonne vidéo, très instructive, merci pour votre dévouement !!!
![]()
Très bon tuto; très complet
Lire les autres témoignages
D'autres tuto de video2brain
Exportation du film
Exportez la composition en .MOV.
Courrier électronique
Envoyez votre composition par mail.
DVD
Exportez votre composition pour le DVD.
Dispositifs Apple
Exportez votre composition pour l'iPhone, AppleTV, iPad.
Notes attribuées par les utilisateurs (2 votes)
Les avis / Questions des utilisateurs (2)
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 Edge Animate d’une durée de 5 heures 34 minutes a été acheté 69 fois et a reçu une note moyenne de 3/5.
Ce tuto a été publié le 22 octobre 2012 par video2brain, éditeur professionnel, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Edge Animate Formation.
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.













(auteur de ce tuto - 07 février 2013)
" @asutralie72
Merci pour votre commentaire et bonne continuation avec Edge Animate !
Votre équipe video2brain "
(a acheté ce tuto - 05 février 2013)
" Application très sympatique, et simple dutilisation "