- Guide d’utilisation d’Adobe Animate
- Présentation d’Animate
- Animation
- Principes de base de l’animation dans Animate
- Utilisation des images et des images-clés dans Animate
- Animation image par image dans Animate
- Utiliser une animation interpolée classique dans Animate
- Outil Pinceau
- Guide du mouvement
- Interpolation de mouvement et ActionScript 3.0
- À propos de l’animation d’une interpolation interpolée de mouvement
- Animation d’une interpolation de mouvement
- Création d’une animation d’interpolation de mouvement
- Utilisation des images-clés de propriété
- Animation d’une position à l’aide d’une interpolation
- Modification des interpolations de mouvement avec l’Éditeur de mouvement
- Modification de la trajectoire de mouvement d’une animation d’interpolation
- Manipulation d’interpolations de mouvement
- Ajout d’accélérations personnalisées
- Création et application de présélections de mouvement
- Configuration de plages d’interpolation d’une animation
- Utilisation d’interpolations de mouvement enregistrées au format XML
- Interpolations de mouvement et interpolations classiques : comparatif
- Interpolation de forme
- Utilisation de l’animation de l’outil de segment dans Animate
- Utiliser un squelettage de personnage dans Animate
- Utilisation de calques de masque dans Adobe Animate
- Utilisation de séquences dans Animate
- Interactivité
- Création de boutons avec Animate
- Conversion de projets Animate en d’autres formats de document
- Création et publication de documents HTML5 Canvas dans Animate
- Ajout d’interactivité à l’aide de fragments de code dans Animate
- Création de composants HTML5 personnalisés
- Utilisation de composants dans HTML5 Canvas
- Création de composants personnalisés : exemples
- Fragments de code des composants personnalisés
- Pratiques recommandées – Publicité avec Animate
- Création et publication de contenu de réalité virtuelle
- Espace de travail et workflow
- Création et gestion des pinceaux
- Utilisation de polices Google Fonts dans les documents HTML5 Canvas
- Utilisation des bibliothèques Creative Cloud et d’Adobe Animate
- Utilisation de la scène et du panneau Outils pour Animate
- Workflow et espace de travail Animate
- Utilisation de polices web dans les documents HTML5 Canvas
- Scénarios et ActionScript
- Utilisation de plusieurs scénarios
- Définition des préférences
- Utilisation des panneaux de création Animate
- Création de calques de scénario avec Animate
- Exportation d’animations pour les applications mobiles et les moteurs de jeu
- Déplacement et copie d’objets
- Modèles
- Recherche et remplacement de contenu dans Animate
- Commandes Annuler et Rétablir, et panneau Historique
- Raccourcis clavier
- Utilisation du scénario dans Animate
- Création d’extensions HTML
- Options d’optimisation des images et des GIF animés
- Paramètres d’exportation des images et des fichiers GIF
- Panneau Éléments dans Animate
- Multimédia et vidéo
- Transformation et combinaison d’objets graphiques dans Animate
- Création et utilisation d’instances de symboles dans Animate
- Vectorisation de l’image
- Utilisation du son dans Adobe Animate
- Exportation de fichiers SVG
- Création de fichiers vidéo en vue de les utiliser dans Animate
- Comment ajouter une vidéo dans Animate
- Dessin et création d’objets avec Animate
- Remodelage des lignes et des formes
- Traits, remplissages et dégradés avec Animate CC
- Utilisation d’Adobe Premiere Pro et d’After Effects
- Panneaux Couleur dans Animate CC
- Ouverture de fichiers Flash CS6 à l’aide d’Animate
- Utilisation de texte classique dans Animate
- Placement d’illustrations dans Animate
- Images bitmap importées dans Animate
- Graphiques 3D
- Utilisation de symboles dans Animate
- Dessin de traits et de formes avec Adobe Animate
- Utilisation de bibliothèques dans Animate
- Exportation de sons
- Sélection d’objets dans Animate CC
- Utilisation de fichiers AI d’Illustrator dans Animate
- Application de modes de fusion
- Disposition d’objets
- Automatisation des tâches à l’aide du menu Commandes
- Texte multilingue
- Utilisation de la caméra dans Animate
- Filtres graphiques
- Sons et ActionScript
- Préférences de dessin
- Dessin avec l’outil Plume
- Plateformes
- Conversion de projets Animate en d’autres formats de document
- Prise en charge des plateformes personnalisées
- Création et publication de documents HTML5 Canvas dans Animate
- Création et publication d’un document WebGL
- Assemblage d’applications AIR pour iOS
- Publication d’applications AIR pour Android
- Publication pour Adobe AIR for Desktop
- Paramètres de publication d’ActionScript
- Pratiques recommandées – Organisation du code ActionScript dans une application
- Utilisation d’ActionScript avec Animate
- Accessibilité dans l’espace de travail Animate
- Écriture et gestion des scripts
- Activation de la prise en charge des plateformes personnalisées
- Présentation de la prise en charge des plateformes personnalisées
- Utilisation du plug-in de prise en charge des plateformes personnalisées
- Débogage du code ActionScript 3.0
- Activation de la prise en charge des plateformes personnalisées
- Exportation et publication
- Exportation de fichiers d’Animate CC
- Publication OAM
- Exportation de fichiers SVG
- Exportation d’images et de vidéos avec Animate
- Publication de documents AS3
- Exportation d’animations pour les applications mobiles et les moteurs de jeu
- Exportation de sons
- Pratiques recommandées – Conseils pour la création de contenu pour appareils mobiles
- Pratiques recommandées – Conventions des vidéos
- Pratiques recommandées – Recommandations sur la création d’applications SWF
- Pratiques recommandées – Structuration des fichiers FLA
- Pratiques recommandées d’optimisation des fichiers FLA pour Animate
- Paramètres de publication d’ActionScript
- Spécification des paramètres de publication pour Animate
- Exportation de fichiers de projection
- Exportation d’images et de GIF animés
- Modèles de publication HTML
- Utilisation d’Adobe Premiere Pro et d’After Effects
- Partage et publication rapides de vos animations
- Résolution des problèmes
Comme la plupart des éléments dans Animate (précédemment Flash Professional CC), les animations n’impliquent pas l’utilisation du langage ActionScript. Vous pouvez néanmoins créer des animations avec le langage ActionScript si tel est votre choix.
Types d’animation
Dans Animate, il existe plusieurs moyens de créer une animation et des effets spéciaux. Chaque méthode offre différentes possibilités pour créer du contenu animé attractif.
Animate prend en charge les types d’animation suivants :
Interpolations de mouvement
Utilisez des interpolations de mouvement pour définir les propriétés d’un objet, telles que la position et la transparence alpha d’une image, et ainsi de suite pour chaque image. Animate interpole alors les valeurs des propriétés des images intermédiaires. Ces interpolations se révèlent très utiles dans le cas d’animations composées de mouvement ou d’une transformation d’objet. Les interpolations de mouvement apparaissent dans le scénario sous forme de plage contiguë d’images, qui peuvent être sélectionnées en tant qu’objet unique par défaut. Les interpolations de mouvement sont puissantes et faciles à créer.
Interpolations classiques
Les interpolations classiques sont comme des interpolations de mouvement, mais leur création est plus complexe. Les interpolations classiques autorisent certains effets spéciaux animés qui sont impossibles dans les interpolations à base de plage.
Poses de cinématique inverse (abandonné dans Animate)
Les poses de cinématique inverse permettent d’étirer et d’incurver des objets forme et de relier des groupes d’occurrences de symbole pour les faire bouger ensemble de manière naturelle. Après avoir ajouté des segments à une forme ou à un groupe de symboles, vous pouvez modifier la position des segments ou des symboles dans plusieurs images-clés. Animate interpole les positions dans les images intermédiaires.
Interpolations de forme
Avec l’interpolation de forme, vous dessinez une forme dans une image spécifique du scénario, puis vous modifiez cette forme ou dessinez une autre forme dans une autre image. Animate interpole ensuite les formes intermédiaires pour les images intermédiaires, créant ainsi l’animation en transformant progressivement une forme en une autre.
Animation image par image
Cette technique d’animation vous permet de spécifier différents effets artistiques pour chaque image du scénario. Utilisez cette technique pour créer un effet similaire aux images d’un film défilant en accéléré. Cette technique est très utile pour les animations complexes dans lesquelles les éléments graphiques de chaque image doivent être différents.
À propos des cadences
La cadence, la vitesse à laquelle l’animation est lue, est exprimée en nombre d’images par seconde (ips). Une cadence trop faible donne l’impression d’une animation qui s’arrête et redémarre, alors qu’une cadence trop rapide risque d’entraîner un affichage flou des détails de l’animation. 24 i/s est la cadence d’image par défaut pour les nouveaux documents Animate et celle qui donne les meilleures résultats sur le Web. La cadence d’image en mouvement standard est également 24 ips.
La complexité de l’animation et la puissance de l’ordinateur sur lequel elle est exécutée affectent la fluidité de la lecture. Pour déterminer les cadences optimales, testez vos animations sur différents ordinateurs.
Étant donné que vous indiquez une cadence pour l’intégralité du document Animate, il est conseillé de la définir avant de commencer la création de l’animation.
Identification d’animations dans le scénario
Animate différencie une animation interpolée d’une animation image par image dans le scénario en affichant différents indicateurs dans chaque image renfermant du contenu.
Les indicateurs de contenu d’image suivants apparaissent dans le scénario :
Une plage d’images sur fond bleu indique une interpolation de mouvement. Un point noir dans la première image de la plage indique qu’un objet cible est affecté à la plage d’interpolation. Des losanges noirs indiquent la dernière image et toute autre image-clé de propriété. Les images-clés de propriété sont des images qui contiennent les changements de propriété que vous avez explicitement définis. Vous pouvez choisir quels types d’images-clés de propriété afficher en cliquant avec le bouton droit de la souris (Windows) ou en appuyant sur la touche Commande (Macintosh) tout en cliquant sur la plage d’interpolation de mouvement et en choisissant Afficher les images-clés > type dans le menu contextuel. Animate affiche tous les types d’images-clés de propriété par défaut. Toutes les autres images de la plage contiennent les valeurs des propriétés interpolées de l’objet cible.
Un point vide dans la première image indique que l’objet cible de l’interpolation de mouvement a été supprimé. La plage d’interpolation contient toujours ses images-clés de propriété et un nouvel objet cible peut lui être appliqué.
Une plage d’images sur fond vert indique une cinématique inverse (IK) calque de pose. Les calques de pose contiennent des squelettes IK et des poses. Chaque pose apparaît dans le scénario sous forme de losange noir. Animate interpole les positions du squelette dans les images des poses intermédiaires.
Un point noir au niveau de la première image-clé, avec une flèche noire et un arrière-plan bleu, signale une interpolation classique.
Une ligne pointillée indique que l’interpolation classique est rompue ou incomplète, par exemple parce que l’image-clé finale est absente.
Un point noir au niveau de la première image-clé, avec une flèche noire et un arrière-plan vert clair, indique une interpolation de formes.
Une image-clé unique est signalée par un point noir. Des images gris clair après une seule image-clé contiennent le même contenu sans changement. Ces images comportent une ligne noire verticale avec un rectangle vide au niveau de la dernière image de la plage.
Un petit a indique qu’une action d’image est affectée à l’image avec le panneau Actions.
Un drapeau rouge signale que l’image contient une étiquette.
Une double barre oblique verte indique que l’image contient un commentaire.
Une ancre dorée indique que l’image est une ancre nommée.
À propos des calques d’une animation interpolée
Chaque scène d’un document Animate peut être composée d’un nombre quelconque de calques de scénario. Utilisez les claques et les dossiers de calques pour organiser le contenu d’une séquence d’animation et séparer les objets animés. Leur organisation en calques et en dossiers empêche leur effacement, leur connexion ou leur segmentation lorsqu’ils se chevauchent. Pour créer une animation comprenant un mouvement interpolé de plusieurs symboles ou champs de texte en même temps, chaque objet doit être placé sur un calque distinct. Vous pouvez utiliser un calque sous forme de calque d’arrière-plan renfermant un contenu statique, et utiliser d’autres calques contenant un objet animé distinct.
Lorsque vous créez une interpolation de mouvement, Animate convertit le calque contenant l’objet sélectionné pour l’interpoler en calque d’interpolation. Dans le scénario, le calque d’interpolation présente une icône d’interpolation accolée à son nom.
Lorsque d’autres objets sont présents sur le même calque que l’objet interpolé, Animate ajoute le cas échéant de nouveaux calques au-dessus ou en dessous du calque original. Tous les objets situés au-dessous de l’objet interpolé sur le calque original sont déplacés vers un nouveau calque placé sous l’original. Tous les objets situés au-dessus de l’objet interpolé sur le calque original sont déplacés vers un nouveau calque au-dessus de l’original. Animate insère ces nouveaux calques entre les calques préexistants du scénario. Animate préserve ainsi l’ordre d’empilement d’origine de tous les objets graphiques de la scène.
Un calque d’interpolation ne peut contenir que des plages d’interpolation (groupes contigus d’images contenant une interpolation), des images statiques, des images-clés vides ou des images vides. Chaque plage d’interpolation ne peut contenir qu’un seul objet cible et une trajectoire de mouvement facultative pour cet objet. Comme il est impossible de dessiner dans un calque d’interpolation, d’autres interpolations ou images statiques doivent être créées sur d’autres calques, puis glissées vers le calque d’interpolation. Pour placer des scripts d’image sur un calque d’interpolation, créez-les sur un autre calque, puis faites-les glisser sur celui d’interpolation. Un script d’images ne peut résider que dans une image qui est hors de la plage d’interpolation de mouvement elle-même. En général, il est conseillé de conserver tous les scripts d’images sur un calque distinct qui ne contient que du code ActionScript.
Lorsqu’un document comporte plusieurs calques, il peut être difficile d’assurer son suivi et de modifier les objets sur un ou plusieurs de ces calques. Cette tâche est plus facile si vous travaillez avec le contenu d’un seul calque à la fois. Pour masquer ou verrouiller les calques sur lesquels vous ne travaillez pas actuellement, cliquez sur l’icône d’affichage ou de verrou accolée au nom du calque dans le scénario. Les dossiers de calques vous aident à organiser les calques dans des groupes gérables.
Répartition d’objets dans des calques pour les animations interpolées
Animate déplace automatiquement tout objet vers son propre calque d’interpolation lorsque vous lui appliquez une interpolation de mouvement. Toutefois, vous pouvez également distribuer vous-même les objets à leurs propres calques distincts. Par exemple, vous pouvez choisir de distribuer vous-même les objets lorsque vous organisez du contenu. La distribution manuelle s’avère également pratique pour appliquer une animation à des objets tout en maintenant un contrôle précis sur la manière dont ils se déplacent d’un calque à l’autre.
Lorsque vous utilisez la commande Répartir dans les calques (Modifier > Scénario > Répartir dans les calques), Animate distribue chaque objet sélectionné dans un nouveau calque distinct. Les objets que vous ne sélectionnez pas (y compris ceux d’autres images) conservent leurs calques d’origine.
Vous pouvez appliquer la commande Répartir dans les calques à tout élément de la scène, tel que les objets graphiques, les occurrences, les bitmaps, les clips vidéo et les blocs de texte séparés.
À propos des nouveaux calques créés avec la commande Répartir dans les calques
Les calques créés pendant la répartition dans des calques sont baptisés selon le nom de l’élément que chacun contient :
Un nouveau calque contenant un élément de bibliothèque (tel que symbole, bitmap ou clip vidéo) prend le nom de cet élément.
Un nouveau calque contenant une occurrence nommée prend le nom de cette occurrence.
Un nouveau calque contenant un caractère d’un bloc de texte séparé est nommé selon ce caractère.
Un nouveau calque contenant un objet graphique (sans nom) est nommé Calque 1 (ou Calque 2 et ainsi de suite), les objets graphiques ne possédant pas de nom.
Animate insère les nouveaux calques sous les calques éventuellement sélectionnés. Les nouveaux calques sont organisés de haut en bas, selon l’ordre de création initial des éléments sélectionnés. Dans le cas de texte séparé, les calques sont organisés dans l’ordre des caractères, qu’il soit rédigé de gauche à droite, de droite à gauche ou de haut en bas. Par exemple, supposons que vous sépariez en cinq parties le texte FLASH pour le répartir dans plusieurs calques. Les nouveaux calques, nommés F, L, A, S et H, sont disposés de haut en bas, le F étant en haut. Ces calques apparaissent immédiatement sous le calque qui contenait le texte au départ.
Répartition d’objets dans des calques
-
Sélectionnez les objets à répartir dans des calques distincts. Ces objets peuvent se trouver sur un même calque ou sur plusieurs, même non contigus.
-
Effectuez l’une des opérations suivantes :
- Sélectionnez Modification > Scénario > Répartir dans les calques.
- Cliquez avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle (Macintosh) sur un des objets sélectionnés, puis sélectionnez Répartir dans les calques.
Création d’animations interpolées en répartissant des objets dans des images-clés
Nouveauté d’Animate
Animate permet de répartir des objets dans des images-clés individuelles. Vous pouvez choisir de répartir des objets lorsque vous organisez du contenu sur la scène. Manuellement, cette procédure est fastidieuse et prend beaucoup de temps. La répartition est très utile lors de la création d’animations interpolées en plaçant des objets sur des images-clés individuelles. Vous pouvez affecter différents objets ou états d’objet à des images-clés individuelles. Lorsque la tête de lecture parcourt ces images-clés, l’effet d’une animation est apparent.
Lorsque vous utilisez la commande Répartir dans les images-clés, Animate répartit chaque objet sélectionné dans une nouvelle image-clé distincte. Les objets que vous ne sélectionnez pas (y compris ceux d’autres images) conservent leurs calques d’origine.
Vous pouvez appliquer la commande Répartir dans les images-clés à tout élément de la scène, notamment à des objets graphiques, des occurrences, des bitmaps, des clips vidéo et des blocs de texte.
À propos des nouvelles images-clés créées avec la commande Répartir dans les images-clés
- Les nouvelles images-clés créées avec la commande Répartir dans les images-clés sont disposées selon l’ordre de sélection des objets.
- Si certains objet sur le calque n’ont pas été sélectionnés lors de l’exécution de la commande Répartir dans les images-clés, les images originales ne sont pas affectées à ces objets. Les objets sélectionnés pour la répartition se voient attribuer des images-clés à partir de l’image qui suit immédiatement la dernière image du contenu original. Par exemple, si l’Objet 1 et l’Objet 2 se trouvent sur un calque qui possède 50 images et que vous sélectionnez l’Objet 1 pour la répartition, ce dernier est placé sur la 51e image-clé.
Répartition d’objets dans des images-clés
-
Sélectionnez les objets à répartir dans des calques distincts. Ces objets peuvent se trouver sur un même calque ou sur plusieurs, même non contigus.
-
Cliquez avec le bouton droit de la souris (Windows) ou appuyez sur la touche Contrôle (Macintosh) sur l’un des objets sélectionnés, puis sélectionnez Répartir dans les images-clés.
Liens associés
Adobe
Recevez de l’aide plus rapidement et plus facilement
Nouvel utilisateur ?