Guide d'utilisation Annuler

Exportation d’images et de GIF animés

  1. Guide d’utilisation d’Adobe Animate
  2. Présentation d’Animate
    1. Nouveautés d’Adobe Animate
    2. Glossaire visuel
    3. Configuration requise pour Animate
    4. Raccourcis clavier d’Animate
    5. Utiliser plusieurs types de fichiers dans Animate
  3. Animation
    1. Principes de base de l’animation dans Animate
    2. Utilisation des images et des images-clés dans Animate
    3. Animation image par image dans Animate
    4. Utiliser une animation interpolée classique dans Animate
    5. Outil Pinceau
    6. Guide du mouvement
    7. Interpolation de mouvement et ActionScript 3.0
    8. À propos de l’animation d’une interpolation interpolée de mouvement
    9. Animation d’une interpolation de mouvement
    10. Création d’une animation d’interpolation de mouvement
    11. Utilisation des images-clés de propriété
    12. Animation d’une position à l’aide d’une interpolation
    13. Modification des interpolations de mouvement avec l’Éditeur de mouvement
    14. Modification de la trajectoire de mouvement d’une animation d’interpolation
    15. Manipulation d’interpolations de mouvement
    16. Ajout d’accélérations personnalisées
    17. Création et application de présélections de mouvement
    18. Configuration de plages d’interpolation d’une animation
    19. Utilisation d’interpolations de mouvement enregistrées au format XML
    20. Interpolations de mouvement et interpolations classiques : comparatif
    21. Interpolation de forme
    22. Utilisation de l’animation de l’outil de segment dans Animate
    23. Utiliser un squelettage de personnage dans Animate
    24. Utilisation de calques de masque dans Adobe Animate
    25. Utilisation de séquences dans Animate
  4. Interactivité
    1. Création de boutons avec Animate
    2. Conversion de projets Animate en d’autres formats de document
    3. Création et publication de documents HTML5 Canvas dans Animate
    4. Ajout d’interactivité à l’aide de fragments de code dans Animate
    5. Création de composants HTML5 personnalisés
    6. Utilisation de composants dans HTML5 Canvas
    7. Création de composants personnalisés : exemples
    8. Fragments de code des composants personnalisés
    9. Pratiques recommandées – Publicité avec Animate
    10. Création et publication de contenu de réalité virtuelle
  5. Espace de travail et workflow
    1. Création et gestion des pinceaux
    2. Utilisation de polices Google Fonts dans les documents HTML5 Canvas
    3. Utilisation des bibliothèques Creative Cloud et d’Adobe Animate
    4. Utilisation de la scène et du panneau Outils pour Animate
    5. Workflow et espace de travail Animate
    6. Utilisation de polices web dans les documents HTML5 Canvas
    7. Scénarios et ActionScript
    8. Utilisation de plusieurs scénarios
    9. Définition des préférences
    10. Utilisation des panneaux de création Animate
    11. Création de calques de scénario avec Animate
    12. Exportation d’animations pour les applications mobiles et les moteurs de jeu
    13. Déplacement et copie d’objets
    14. Modèles
    15. Recherche et remplacement de contenu dans Animate
    16. Commandes Annuler et Rétablir, et panneau Historique
    17. Raccourcis clavier
    18. Utilisation du scénario dans Animate
    19. Création d’extensions HTML
    20. Options d’optimisation des images et des GIF animés
    21. Paramètres d’exportation des images et des fichiers GIF
    22. Panneau Éléments dans Animate
  6. Multimédia et vidéo
    1. Transformation et combinaison d’objets graphiques dans Animate
    2. Création et utilisation d’instances de symboles dans Animate
    3. Vectorisation de l’image
    4. Utilisation du son dans Adobe Animate
    5. Exportation de fichiers SVG
    6. Création de fichiers vidéo en vue de les utiliser dans Animate
    7. Comment ajouter une vidéo dans Animate
    8. Dessin et création d’objets avec Animate
    9. Remodelage des lignes et des formes
    10. Traits, remplissages et dégradés avec Animate CC
    11. Utilisation d’Adobe Premiere Pro et d’After Effects
    12. Panneaux Couleur dans Animate CC
    13. Ouverture de fichiers Flash CS6 à l’aide d’Animate
    14. Utilisation de texte classique dans Animate
    15. Placement d’illustrations dans Animate
    16. Images bitmap importées dans Animate
    17. Graphiques 3D
    18. Utilisation de symboles dans Animate
    19. Dessin de traits et de formes avec Adobe Animate
    20. Utilisation de bibliothèques dans Animate
    21. Exportation de sons
    22. Sélection d’objets dans Animate CC
    23. Utilisation de fichiers AI d’Illustrator dans Animate
    24. Application de modes de fusion
    25. Disposition d’objets
    26. Automatisation des tâches à l’aide du menu Commandes
    27. Texte multilingue
    28. Utilisation de la caméra dans Animate
    29. Filtres graphiques
    30. Sons et ActionScript
    31. Préférences de dessin
    32. Dessin avec l’outil Plume
  7. Plateformes
    1. Conversion de projets Animate en d’autres formats de document
    2. Prise en charge des plateformes personnalisées
    3. Création et publication de documents HTML5 Canvas dans Animate
    4. Création et publication d’un document WebGL
    5. Assemblage d’applications AIR pour iOS
    6. Publication d’applications AIR pour Android
    7. Publication pour Adobe AIR for Desktop
    8. Paramètres de publication d’ActionScript
    9. Pratiques recommandées – Organisation du code ActionScript dans une application
    10. Utilisation d’ActionScript avec Animate
    11. Accessibilité dans l’espace de travail Animate
    12. Écriture et gestion des scripts
    13. Activation de la prise en charge des plateformes personnalisées
    14. Présentation de la prise en charge des plateformes personnalisées
    15. Utilisation du plug-in de prise en charge des plateformes personnalisées
    16. Débogage du code ActionScript 3.0
    17. Activation de la prise en charge des plateformes personnalisées
  8. Exportation et publication
    1. Exportation de fichiers d’Animate CC
    2. Publication OAM
    3. Exportation de fichiers SVG
    4. Exportation d’images et de vidéos avec Animate
    5. Publication de documents AS3
    6. Exportation d’animations pour les applications mobiles et les moteurs de jeu
    7. Exportation de sons
    8. Pratiques recommandées – Conseils pour la création de contenu pour appareils mobiles
    9. Pratiques recommandées – Conventions des vidéos
    10. Pratiques recommandées – Recommandations sur la création d’applications SWF
    11. Pratiques recommandées – Structuration des fichiers FLA
    12. Pratiques recommandées d’optimisation des fichiers FLA pour Animate
    13. Paramètres de publication d’ActionScript
    14. Spécification des paramètres de publication pour Animate
    15. Exportation de fichiers de projection
    16. Exportation d’images et de GIF animés
    17. Modèles de publication HTML
    18. Utilisation d’Adobe Premiere Pro et d’After Effects
    19. Partage et publication rapides de vos animations
  9. Résolution des problèmes
    1. Problèmes résolus
    2. Problèmes connus

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.

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   , 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.

    Vous pouvez également entrer un facteur d’agrandissement ou en choisir un au bas de la boîte de dialogue.

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

  1. Sélectionnez Fichier > Exporter l’image ou Fichier > Exporter le GIF animé.

  2. 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.

  3. (Facultatif) Si votre image contient des tranches, sélectionnez une ou plusieurs tranches à optimiser.

  4. 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é.

  5. 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.

  6. Pour que les couleurs de l’image optimisée soient identiques quel que soit le navigateur, convertissez-les en sRVB.

  7. 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.

  8. Cliquez sur Enregistrer.

  9. Dans la boîte de dialogue Enregistrer une copie optimisée sous, procédez comme suit, puis cliquez sur Enregistrer :

    1. Entrez le nom du fichier et sélectionnez un emplacement pour l’enregistrement.

    2. 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.

    3. (Facultatif) Définissez les paramètres de sortie pour les fichiers HTML et les fichiers image.

    4. 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.

    5. 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 ».

  1. Choisissez les options d’optimisation qui vous conviennent, puis cliquez sur Enregistrer les paramètres dans le menu de la palette Optimiser.

  2. 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.

  3. 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

  1. Sélectionnez Fichier > Exporter > Exporter l’image ou Fichier > Exporter > Exporter le GIF animé.

  2. 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. 

  3. (Facultatif) Sélectionnez les tranches à optimiser et le format de fichier à utiliser.

  4. Sélectionnez Optimiser à la taille de fichier dans le menu Optimiser (à droite du menu Paramètres prédéfinis).

  5. Indiquez la taille de fichier souhaitée.

  6. 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.

  7. 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.

  1. Cliquez sur l’onglet Taille de l’image dans la boîte de dialogue Exporter l’image.

  2. 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.

  3. 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 ?