Guide d'utilisation Annuler

Appliquer un mouvement à une illustration

Rechercher
  1. Guide de l’utilisateur d’Adobe Fresco
  2. Introduction
    1. Nouveautés dans Adobe Fresco
    2. En quoi consiste Adobe Fresco
    3. Configuration requise pour Adobe Fresco
    4. Notes de mise à jour pour Adobe Fresco
    5. Adobe Fresco sur iPhone
    6. Raccourcis clavier
    7. Accessibilité dans Fresco
    8. Adobe Fresco | Questions fréquentes
    9. Prise en main de l’interface utilisateur
    10. Passer à une formule payante d’Adobe Fresco
    11. Mise à niveau de l’espace de stockage pour Adobe Fresco
    12. Fonctionnalités prises en charge sur iPad et appareils Windows
  3. Dessin, peinture, animation et partage de vos créations
    1. Calques
    2. Formes dans Adobe Fresco
    3. Couleurs
    4. Pinceaux mélangeurs
    5. Pinceaux pixellisés
    6. Pinceaux à ruban
    7. Pinceaux dynamiques
    8. Réglage de la courbe de pression sur le stylet
    9. Pinceaux vectoriels
    10. Outil Transformation manuelle
    11. Appliquer un mouvement à une illustration
    12. Outil Baguette magique
    13. Outil Estompeur
    14. Outil de fluidité
    15. Ajout et modification de texte
    16. Publication, exportation et partage
    17. Masques de calque
    18. Accès aux bibliothèques Creative Cloud dans Fresco
    19. Règle
    20. Gommes
    21. Ajouter votre propre police
    22. Grilles et alignement
  4. Applications Adobe Fresco et Adobe Creative Cloud
    1. Adobe Fresco et Photoshop
    2. Adobe Fresco et Illustrator
    3. Migrer facilement depuis Draw and Sketch
  5. Documents en ligne
    1. Documents en ligne dans Adobe Fresco
  6. Dépannage
    1. Impossible d’accéder aux pinceaux pixellisés importés sous Windows
    2. Prise en charge d’Adobe Fresco sur les appareils Windows ARM
  7. Exemples, idées et inspirations
    1. Création d’un logo
    2. Création d’effets badigeon tie-dye
    3. Illustration créative | Art conceptuel numérique

Découvrez comment ajouter du mouvement à votre illustration à l’aide de la technique image par image ou des trajectoires de mouvement dans Fresco.

Vous pouvez ajouter du mouvement à certains éléments de vos illustrations pour rendre vos histoires encore plus captivantes. Vous pouvez ensuite exporter l’illustration finalisée dans des fichiers MP4, GIF ou PNG.

Appliquer un mouvement à une illustration

Techniques d’application de mouvement

Vous pouvez ajouter du mouvement à une illustration ou à ses éléments à l’aide de la technique image par image, des trajectoires de mouvement, ou d’un mélange des deux.

Image par image 

Dans chaque image, l’illustration est légèrement différente. Lorsque ces images sont jouées consécutivement, cela crée une illusion de mouvement. Cette méthode est utilisée lorsque les propriétés ou le mouvement de l’objet changent à chaque image.

Trajectoire de mouvement

L’objet trace et suit une trajectoire définie. Cette méthode est utilisée pour déplacer des éléments ou une illustration sur un fond avec un mouvement en boucle, sans apporter de modifications à leur apparence.

Avant de commencer

Avant de commencer votre parcours d’animation, familiarisez-vous avec ces concepts et limitations : 

  • Lorsque l’application d’un mouvement à une illustration complexe nécessite de modifier plusieurs objets ou leurs propriétés, nous vous recommandons de créer des objets sur des calques distincts. Cela vous permet de modifier de façon plus précise chaque objet de votre illustration.
  • Le journal des calques s’affiche lorsque vous cliquez sur un objet ou une illustration qui contient des images. Le journal inclut, par défaut, tous les objets du calque sélectionné et affiche le nombre total d’images créées ainsi que l’image sur laquelle vous travaillez actuellement.

    Par exemple, un statut de lecture de 2/13 signale que vous travaillez sur la deuxième image d’un total de 13.
Journal des calques

Journal des calques

Pour ouvrir le journal des calques :

  1.  Sélectionnez le calque qui inclut l’objet que vous souhaitez animer.
  2. Appuyez sur Mouvement  .
  3. Appuyez sur Mouvement   pour quitter le journal des calques.

Création d’une animation à l’aide des techniques de mouvement image par image ou de trajectoires de mouvement

En fonction de la complexité des modifications apportées à chaque image, utilisez la technique image par image ou des trajectoires de mouvement et appliquez-la à votre illustration.

Cliquez sur l’onglet correspondant ci-dessous pour savoir comment appliquer ces techniques et configurer leurs paramètres pour votre conception.

Appliquez un mouvement image par image à une illustration à l’aide du journal du calque correspondant. Les modifications progressives apportées à l’illustration dans chaque image donnent une illusion de mouvement ou s’appliquent en réponse à une action.

Suivez ces étapes pour appliquer un mouvement image par image :

  1. Sélectionnez  . Le journal comprend, par défaut, tous les objets du calque sélectionné.

  2. Appuyez sur l’image sélectionnée pour ajouter une image. Les options disponibles permettent de dupliquer, de copier ou de supprimer des images.   

    • Dupliquer l’image : une image dupliquée est créée à partir de l’image sélectionnée comme référence.
    • Copier et coller l’image : après avoir cliqué sur Copier l’image, sélectionnez l’image après laquelle vous souhaitez coller l’image copiée. Une nouvelle image avec les objets copiés est ajoutée.
    • Supprimer l’image : supprime l’image du journal. Sélectionnez immédiatement Annuler   pour récupérer l’image supprimée.

  3. Pour réorganiser les images, sélectionnez celle que vous souhaitez changer de place, faites-la glisser le long du journal et déposez-la.  Avant de commencer à modifier votre illustration dans un nouveau calque, activez Peau d’oignon.

  4. Sélectionnez Lire tout pour prévisualiser le mouvement appliqué à votre illustration. Choisissez l’option Lecture à partir des paramètres de mouvement pour lire l’aperçu en boucle, en boomerang, ou une seule fois. 

  5. Configurez les paramètres de mouvement pour ajuster la vitesse, modifier les options de lecture, ajuster l’opacité et les images du mode Peau d’oignon et afficher le journal du document.      

Application d’un mouvement image par image à une illustration

Suivez ces étapes pour utiliser la technique de trajectoire du mouvement pour animer des objets le long d’une trajectoire définie :  

  1. Sélectionnez le calque contenant l’objet, puis cliquez sur l’icône de mouvement   au-dessus de la règle  .

  2. Dans la barre Mouvement située en bas, sélectionnez Trajectoire   .

  3. Dessinez la trajectoire que vous souhaitez que l’objet suive ou sur laquelle il se déplace. Pour recréer une trajectoire, supprimez   et redessinez la trajectoire.

    Dessin à main levée

    Dessiner avec des aides au dessin

  4. Sélectionnez les effets de trajectoire dans le journal des calques ou dans les propriétés du calque :

    • Ajouter plusieurs : ajoutez plusieurs objets sur la même trajectoire et prévisualisez-les en temps réel.
    • Diffusion : appliquez des effets aux objets correspondants ajoutés et prévisualisez-les en temps réel.
    • Vitesse : réglez la vitesse de lecture de la piste de mouvement.
    • Accélération-décélération : appliquez ces effets aux objets pour qu’ils apparaissent ou disparaissent de l’écran avec un effet de fondu.
    • Vélocité : vous pouvez régler la vitesse des mouvements latéraux.
    • Aligner sur le tracé : alignez les objets sur la trajectoire spécifiée.

    Ajout d’effets multiples et de diffusion

    Voici le résultat d’une composition après l’application de l’effet d’alignement sur le tracé.

    Aligner sur le tracé – Désactivé

    Aligner sur le tracé – Activé

  5. Sélectionnez Lire tout, pour prévisualiser le mouvement sur lequel vous travaillez. Sélectionnez Tracé   pour voir l’aperçu avec les tracés. Vous pouvez choisir une option de lecture dans les paramètres de mouvement pour lire l’aperçu en boucle, en boomerang, ou une seule fois.

  6. Consultez la section dédiée aux paramètres de mouvement pour ajuster la vitesse, modifier les options de lecture, ajuster l’opacité et les images du mode Peau d’oignon et afficher le journal du document.

Dessin de plusieurs tracés

Vous pouvez dessiner un ou plusieurs tracés sur le calque sélectionné. Le dessin de plusieurs tracés dupliquant également automatiquement l’objet ou le mouvement de l’objet sur le même calque, vous n’avez pas besoin de créer plusieurs objets, sauf si vous souhaitez appliquer des mouvements différents à chaque objet.

Lorsque vous travaillez sur un ou plusieurs tracés, sélectionnez Paramètres > Journal du document > Afficher les tracés sous forme d’images, pour activer le journal du tracé et convertir les tracés en images. 

Maintenant que vous avez créé vos conceptions, appliquez ces paramètres de mouvement à vos animations : 

Images/seconde

Définit la vitesse de l’animation en images par second (IPS). L’ajustement à la baisse ou à la hausse des IPS affecte la vitesse en conséquence.

Lecture

Affiche les options de lecture et d’aperçu. Les types de lecture sont Boucle, Boomerang et Lire une fois.

Journal du document

Affichez tous les tracés sous forme d’images. Vous pouvez activer une autre option Afficher les tracés sous forme d’images pour convertir un tracé en un journal d’images.

Peau d’oignon

Cette option fournit une référence en affichant le contenu des images précédentes et suivantes à l’écran.

L’image sous la tête de lecture apparaît en couleur.

Activez et désactivez la fonction de peau d’oignon dans les paramètres de la barre de mouvement :

  • Images : définissez le nombre d’images que vous souhaitez voir avant et après l’image sélectionnée.
  • Opacité : ajustez l’opacité des images couche par couche dans le mode Peau d’oignon afin d’avoir une meilleure visibilité. Vous pouvez également créer des effets de fondu en toute simplicité avec les commandes d’opacité disponibles au niveau de chaque image. L’image précédente ressemble à une ombre. S’il y a une autre image au-dessus, elle s’affichera en couleurs. Cela vous aidera à identifier la position de chaque image.

La peau d’oignon vous permet d’avoir un aperçu du dessin sur l’image pour vous aider à tracer ou à apporter des petits changements avec précision. Vous pouvez également ajuster le nombre d’images que vous souhaitez garder visibles. Regardez la vidéo ci-dessous pour en savoir plus.

Application de paramètres de mouvement à vos animations

Transformation et déplacement d’images et de trajectoires de mouvement

Pour déplacer ou redimensionner des trajectoires de mouvement déjà créées en même temps que votre contenu, procédez comme suit :

  1. Sélectionnez le calque de mouvement que vous souhaitez transformer et appuyez deux fois sur l’icône Transformer dans la barre d’outils.

  2. Choisissez Toutes les images et trajectoires de mouvement dans le menu d’options déroulant.

  3. Sélectionnez l’option Transformer pour déplacer ou redimensionner la trajectoire de mouvement ou l’image.

Partage d’illustrations animées

Suivez ces étapes pour partager vos illustrations animées dans des formats utiles :

  1. Cliquez sur Exporter   et Publier et exporter > Mouvement.

  2. Choisissez l’un des formats d’exportation suivants :

    • GIF : format le plus couramment utilisé pour le mouvement graphique web.
    • MP4 : format utilisé pour le stockage audio et vidéo. Fresco propose deux paramètres prédéfinis pour le format MP4 :
      • Automatique : exporte la sortie dans la plus haute résolution possible. Cela peut également entraîner une augmentation de la taille du fichier.
      • Prêt pour le web : optimise la taille et la qualité de la sortie affichée sur le web.
      • PNG : format le plus approprié pour les mouvements avec des objets transparents. Vous pouvez exporter le fichier au format PNG afin d’y apporter des modifications supplémentaires dans Adobe After Effects.

  3. Sélectionnez Générer des images pour prévisualiser la sortie.

  4. Sélectionnez Exporter pour partager ou enregistrer votre illustration.

ressources connexes

Maintenant que vous savez comment ajouter du mouvement à vos illustrations dans Adobe Fresco, vous pouvez aller un peu plus loin en découvrant comment utiliser les calques et les pinceaux.

Discussion

Si vous avez une question à poser ou une idée à partager, nous serions ravis de les entendre. Partagez vos idées et vos doutes avec la communauté Adobe Fresco.

Logo Adobe

Accéder à votre compte

Liens rapides

Voir toutes vos formules Gérer vos formules

Informations juridiques    |    Politique de confidentialité en ligne