Sélectionnez Fichier > Exporter l’image ou Fichier > Exporter le GIF animé.
- 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
Consultez cet article pour découvrir comment exporter des images et des fichiers GIF animés.
Dans Animate, utilisez les nouvelles options Exporter l’image et Exporter le GIF animé pour exporter, d’une manière conviviale et interactive, des fichiers au format statique .png ou .jpeg et au format GIF animé.
Lors de la préparation d’images pour le web ou un autre support en ligne, il est souvent nécessaire de trouver un compromis entre la qualité d’affichage de l’image et la taille du fichier.
Vous pouvez également utiliser les fonctions d’optimisation de la boîte de dialogue Exporter l’image afin de visualiser des images optimisées dans différents formats et avec d’autres attributs de fichier. Vous pouvez afficher plusieurs versions d’une image simultanément et modifier les paramètres d’optimisation pour visualiser directement les effets sur l’image et sélectionner les réglages les mieux adaptés à vos besoins. Vous pouvez également spécifier la transparence ou le détourage, sélectionner des options de tramage et redimensionner l’image en indiquant les dimensions en pixels ou un pourcentage de la taille d’origine.
Lorsque vous enregistrez un fichier optimisé à l’aide de la commande Exporter l’image, vous pouvez créer un fichier HTML de l’image. Ce fichier contient toutes les informations nécessaires à l’affichage de l’image dans un navigateur Web.
Dans Animate, vous pouvez utiliser la commande Enregistrer sous pour enregistrer une image au format GIF, JPEG ou PNG. Selon le format sélectionné, vous pouvez spécifier la qualité de l’image, la transparence ou le cache d’arrière-plan, la couleur d’affichage et la méthode de téléchargement. Toutefois, les fonctionnalités web que vous avez ajoutées, telles que les liens et les animations, ne sont pas conservées.
Vous pouvez également utiliser le Processeur d’images Animate pour enregistrer des copies d’un dossier d’images au format JPEG. Vous pouvez utiliser le Processeur d’images pour redimensionner et convertir le profil colorimétrique des images aux normes sRVB du Web.
Exportation des images
Dans la boîte de dialogue Exporter l’image (Fichier > Exporter > Exporter l’image et Fichier > Exporter > Exporter le GIF animé), sélectionnez les options d’optimisation et prévisualisez l’illustration optimisée.
A. Options d’affichage B. Menu contextuel Optimiser C. Options prédéfinies D. Options de taille de l’image E. Options d’animation F. Aperçu G. Barres d’outils
Prévisualisation d’images dans la boîte de dialogue
Cliquez sur un onglet dans la partie supérieure de l’image pour sélectionner une option d’affichage :
Image d’origine
Affiche l’image sans optimisation.
Optimisée
Affiche l’image avec application des paramètres d’optimisation actuels.
2 vignettes
Affiche deux versions de l’image, l’une à côté de l’autre.
Navigation dans la boîte de dialogue
Si toute l’illustration n’est pas visible dans la boîte de dialogue Exporter l’image, utilisez l’outil Main pour faire glisser l’image et en visualiser une autre partie. Vous pouvez également utiliser l’outil Zoom pour agrandir ou réduire la vue.
- Sélectionnez l’outil Main (ou maintenez la barre d’espace enfoncée) et faites glisser le pointeur dans la zone d’affichage pour que l’image se déplace.
- Sélectionnez l’outil Zoom
Vous pouvez également entrer un facteur d’agrandissement ou en choisir un au bas de la boîte de dialogue.
, cliquez sur une vue pour effectuer un zoom avant ; maintenez la touche Alt (Windows) ou Option (Mac OS) enfoncée et cliquez dans une vue pour effectuer un zoom arrière.
Affichage des informations sur l’image optimisée et la durée de téléchargement
Dans la boîte de dialogue Exporter l’image, une zone d’annotation située au-dessous de chaque image fournit des informations d’optimisation. L’annotation de l’image d’origine comprend le nom du fichier et sa taille. L’annotation de l’image optimisée indique les options d’optimisation sélectionnées, la taille du fichier optimisé et une estimation du temps de téléchargement en fonction des vitesses de modem sélectionnées. Vous pouvez choisir une vitesse de modem dans le menu déroulant Aperçu.
Prévisualisation du gamma d’une image selon différentes valeurs
La valeur de gamma d’un moniteur informatique a une incidence sur la luminosité d’une image affichée dans un navigateur Web. Vous pouvez afficher un aperçu de vos images sur des systèmes présentant des valeurs gamma différentes et effectuer des réglages sur l’image pour compenser ces valeurs. L’activation d’une option d’aperçu n’a pas d’incidence sur le résultat final.
- Sélectionnez l’une des options suivantes dans le menu déroulant Aperçu de la boîte de dialogue Exporter l’image :
Couleurs du moniteur
Ne modifie pas le gamma de l’image. Il s’agit du paramètre par défaut.
Macintosh hérité (sans gestion des couleurs)
Simule la valeur gamma par défaut de 1,8 utilisée par Mac OS 10.5 et versions antérieures.
Windows (sans gestion des couleurs)
Simule la valeur gamma par défaut de 2,2 utilisé par Windows et Mac OS 10.6 et versions ultérieures.
Utiliser le profil du document
Ajuste le gamma en fonction du profil de couleurs associé au document dans les flux de production avec gestion des couleurs.
Optimisation d’une image pour le Web
-
-
Cliquez sur un onglet dans la partie supérieure de la boîte de dialogue pour sélectionner une option d’affichage : Optimisée ou 2 vignettes.
-
(Facultatif) Si votre image contient des tranches, sélectionnez une ou plusieurs tranches à optimiser.
-
Sélectionnez un paramètre d’optimisation prédéfini dans le menu Paramètre prédéfini ou choisissez vos propres paramètres d’options d’optimisation. Les options disponibles varient en fonction du format de fichier sélectionné.
-
Affinez les paramètres d’optimisation jusqu’à ce que le rapport qualité de l’image/taille du fichier vous convienne. Si votre image comporte plusieurs tranches, vérifiez que vous optimisez bien toutes les tranches.
Remarque :Pour rétablir la version originale d’une prévisualisation optimisée, sélectionnez-la, puis cliquez sur Original dans le menu Paramètre prédéfini.
-
Pour que les couleurs de l’image optimisée soient identiques quel que soit le navigateur, convertissez-les en sRVB.
-
Définissez les options suivantes :
Aucun
Aucune métadonnée n’est enregistrée (à l’exception de la mention de copyright EXIF dans les fichiers JPEG). Cette option produit la plus petite taille de fichier.
Copyright
Enregistre la mention de copyright, les termes d’utilisation des droits, le statut du copyright et l’URL des informations de copyright.
Copyright et coordonnées du contact
Enregistre toutes les informations de copyright, ainsi que les informations suivantes : créateur, fonction du créateur, adresse(s) électronique(s), adresse postale, ville, État/province (si applicable), code postal, pays, numéro(s) de téléphone et site(s) Web.
Tout sauf les informations de l’appareil photo
Enregistre toutes les métadonnées, à l’exception des données EXIF à propos des paramètres de caméra, tels que la vitesse d’obturation, la date et l’heure, la longueur focale, la compensation de l’exposition, le mode de mesure et le flash.
Tout
Enregistre toutes les métadonnées dans le fichier.
-
Cliquez sur Enregistrer.
-
Dans la boîte de dialogue Enregistrer une copie optimisée sous, procédez comme suit, puis cliquez sur Enregistrer :
-
Entrez le nom du fichier et sélectionnez un emplacement pour l’enregistrement.
-
Sélectionnez une option Format pour spécifier le type de fichiers que vous souhaitez enregistrer : un fichier HTML et des fichiers image, uniquement des fichiers image ou uniquement un fichier HTML.
-
(Facultatif) Définissez les paramètres de sortie pour les fichiers HTML et les fichiers image.
-
Si votre image comporte plusieurs tranches, sélectionnez l’une des options permettant d’enregistrer des tranches dans le menu Tranches : Toutes les tranches ou Tranches sélectionnées.
Remarque :Pour réinitialiser les paramètres d’optimisation et revenir à la dernière version enregistrée, appuyez sur la touche Alt (Windows) ou Option (Mac OS), puis cliquez sur Annuler. Pour conserver les mêmes paramètres la prochaine fois que vous ouvrirez la boîte de dialogue Enregistrer pour le Web, maintenez la touche Alt ou Option enfoncée et cliquez sur Mémoriser.
Pour visionner une vidéo relative à l’enregistrement de fichiers pour le Web dans Illustrator, reportez-vous à l’adresse suivante : www.adobe.com/go/vid0063_fr.
-
Enregistrement ou suppression des paramètres d’optimisation prédéfinis
Vous pouvez enregistrer des jeux nommés de paramètres d’optimisation et appliquer ces paramètres à d’autres images. Les paramètres enregistrés s’affichent dans le menu déroulant Paramètre prédéfini avec les paramètres nommés prédéfinis. Si vous modifiez un jeu nommé ou un jeu prédéfini, le menu Paramètre prédéfini affiche la mention « Sans nom ».
-
Choisissez les options d’optimisation qui vous conviennent, puis cliquez sur Enregistrer les paramètres dans le menu de la palette Optimiser.
-
Nommez les paramètres et enregistrez-les dans le dossier approprié :
Photoshop
(Windows XP) Document and Settings\[Nom d’utilisateur]\Application Data\Adobe\AdobePhotoshop CS5\Optimized Settings
(Windows Vista) Users\[Nom d’utilisateur]\AppData\Roaming\Adobe\Adobe Photoshop CS5\Optimized Settings
(Mac OS) Users/[Nom d’utilisateur]/Library/Preferences/AdobePhotoshop CS5Settings/Optimized Settings
Illustrator
(Windows XP) Document and Settings\[Nom d’utilisateur]\Application Data\Adobe\AdobeIllustrator CS5 Settings\[Langue]\Save for Web Settings\Optimize
(Windows Vista) Users\[Nom d’utilisateur]\AppData\Roaming\Adobe\AdobeIllustrator CS5 Settings\[Langue]\Save for Web Settings\Optimize
(Mac OS) Users/[Nom d’utilisateur]/Library/ApplicationSupport/Adobe/Adobe Illustrator CS5/[Langue]/Save for Web Settings/Optimize
Remarque :si vous enregistrez les paramètres à un autre emplacement, ils ne seront pas disponibles dans le menu déroulant Paramètre prédéfini.
-
Pour supprimer un paramètre prédéfini, sélectionnez-le dans le menu Paramètre prédéfini, puis choisissez Supprimer les paramètres dans le menu Optimiser.
Compression d’une image Web en une taille de fichier précise
-
Sélectionnez Fichier > Exporter > Exporter l’image ou Fichier > Exporter > Exporter le GIF animé.
-
Cliquez sur un onglet dans la partie supérieure de la boîte de dialogue Exporter l’image ou Exporter le GIF animé pour sélectionner une option d’affichage : Optimisée ou 2 vignettes.
-
(Facultatif) Sélectionnez les tranches à optimiser et le format de fichier à utiliser.
-
Sélectionnez Optimiser à la taille de fichier dans le menu Optimiser (à droite du menu Paramètres prédéfinis).
-
Indiquez la taille de fichier souhaitée.
-
Sélectionnez une option Démarrer avec :
Paramètres actuels
Utilise le format de fichier sélectionné.
Sélection automatique GIF/JPEG
Sélectionne automatiquement le format optimal en fonction du contenu de l’image.
-
Sélectionnez une option Application pour indiquer si vous souhaitez appliquer la taille de fichier spécifiée à la tranche active uniquement, à chaque tranche de l’image ou à la totalité des tranches. Cliquez sur OK.
Redimensionnement d’une illustration tout en l’optimisant
Dans la boîte de dialogue Exporter l’image, vous pouvez redimensionner une image selon des dimensions en pixels données ou un pourcentage de la taille d’origine.
-
Cliquez sur l’onglet Taille de l’image dans la boîte de dialogue Exporter l’image.
-
Parmi les options supplémentaires suivantes, définissez celles de votre choix :
Conserver les proportions
Conserve les proportions actuelles de largeur et hauteur en pixels.
Remarque :Les fonctions de la palette Taille de l’image ne sont pas disponibles pour les formats de fichier SWF et SVG, à l’exception de l’option Écrêter selon le plan de travail.
-
Saisissez les nouvelles dimensions en pixels ou un pourcentage de redimensionnement de l’image, puis cliquez sur Appliquer.
Aperçu des images optimisées dans un navigateur Web
Vous pouvez prévisualiser une image optimisée dans n’importe quel navigateur web installé sur votre système depuis la boîte de dialogue Exporter l’image (Fichier > Exporter > Exporter l’image ou Fichier > Exporter > Exporter le GIF animé). L’aperçu dans le navigateur affiche l’image accompagnée des données suivantes : type de fichier d’image, dimensions en pixels, taille de fichier, paramètres de compression et autres informations HTML.
- Pour prévisualiser une image dans le navigateur web par défaut, cliquez sur l’icône correspondante en bas de la boîte de dialogue Exporter l’image.
- La boîte de dialogue Navigateurs répertorie tous les navigateurs installés sur l’ordinateur. Vous pouvez y définir le navigateur par défaut pour visualiser votre image.
Voir aussi
Adobe
Recevez de l’aide plus rapidement et plus facilement
Nouvel utilisateur ?