Intégration d'Animations Edge dans InDesign avec Aquafadas
Découvrez comment utiliser les animations Edge dans InDesign avec le plugin Aquafadas pour créer des magazines interactifs.
1
Présentation







2
Découverte de Edge Animate
3
Importer les éléments graphiques
4
Utiliser la typographie
5
Placer et aligner les objets
6
Gérer une interface fluide (responsive design)
7
Structurer un projet dans le scénario









8
Exporter le projet












9
Les filtres
10
Les rotations
11
L’échelle, fixe et en pourcentage
12
Les masques
13
Les torsions d’objets
14
Les accélérations






15
Les dimensions extensibles de la scène avec fond transparent
16
Les trajectoires
17
Le lip sync (mouvement de bouche synchronisé)
18
Le spritesheet (animation sous forme de pellicule)





19
Placer un contenu alternatif pour anciens navigateurs
20
Introduction à l’interactivité





21
Cibler un objet sur la scène
22
Importer un style CSS
23
Appeler un URL
24
Afficher/Masquer les objets
25
Gérer les variables et les textes dynamiques
26
Piloter le scénario au clic et à l’aide de conditions





27
Piloter le scénario à l’aide de commandes de clavier
28
Gérer l’affichage selon l’orientation des écrans mobiles
29
Animer un effet parallaxe à l’aide du pointeur en mouvement
30
Animer un effet parallaxe à l’aide du scroll (défilement de l’ascenseur)
31
Insérer une vidéo
32
Réaliser un chapitrage vidéo
33
Synchroniser les images d’une vidéo sur un effet parallaxe
34
Intégrer de l’audio
35
Personnaliser le curseur de la souris
36
Insérer un iFrame
37
Personnaliser le chargeur (preloader)
38
Introduction aux classes HTML5 de GreenSock (2D et 3D)







39
Introduction aux librairies JQuery Edge Commons
40
Conclusion
41
Introduction
42
Mise en forme
43
Animation
44
Interactivité
45
Annexe
Détails de la leçon
Description de la leçon
Cette leçon explique en détail comment utiliser les animations Edge dans des projets InDesign grâce au plugin Aquafadas. Nous aborderons l'exportation des animations au format HTML5, l'intégration des pages HTML dans InDesign, et comment configurer correctement les blocs pour s'assurer que les animations fonctionnent sans problème.
Vous apprendrez notamment à:
- Exporter les animations Edge au format HTML5
- Utiliser une webview pour importer du HTML dans Aquafadas
- Dessiner un bloc adapté dans InDesign pour afficher les animations correctement
- Ajuster les dimensions des blocs pour éviter les problèmes d'affichage sur iPad
- Tester l'animation intégrée via le simulateur iOS de Xcode
Objectifs de cette leçon
Les objectifs de cette vidéo sont de montrer comment:
- Exporter des animations Edge au format HTML5
- Intégrer ces animations dans InDesign en utilisant le plugin Aquafadas
- Configurer les paramètres de publication pour garantir le meilleur affichage possible
- Tester les animations sur un simulateur iOS
Prérequis pour cette leçon
Avant de suivre cette vidéo, vous devez:
- Savoir utiliser Adobe Edge Animate
- Avoir des connaissances de base en InDesign
- Être familier avec le plugin Aquafadas
Métiers concernés
Les connaissances acquises dans cette vidéo peuvent être appliquées dans les métiers et domaines suivants:
- Publication digitale et édition
- Design graphique et UX/UI
- Développement de contenu interactif pour magazines et applications
Alternatives et ressources
En alternative à Edge Animate, vous pourriez utiliser:
- Adobe Animate pour construire des animations HTML5
- Hype de Tumult pour des animations interactives
- GreenSock Animation Platform (GSAP) pour des animations en JavaScript
Questions & Réponses
Parce que le plugin Aquafadas ne supporte pas l'intégration des fichiers OAM, il nécessite des fichiers HTML5 pour les visualiser via une webview.
Il est crucial de définir un bloc qui couvre toute la surface de l'animation, ajusté selon les dimensions réelles de l'animation pour éviter que celle-ci ne soit réduite ou déformée.
L'animation intégrée est testée à l'aide du simulateur iOS fourni avec Xcode.
Acheter maintenant
Je m'abonne
Formation ajoutée au panier

Apprendre Adobe Edge Animate CC - Créez des contenus animés et interactifs
Formateur expert
Accès sur tous vos appareils
Fichiers de travail téléchargeables