Guide d'utilisation Annuler

Appliquer un mouvement à une illustration

Rechercher

Dernière mise à jour le 8 oct. 2024

Guide de l’utilisateur d’Adobe Fresco
Introduction
Dessin, peinture, animation et partage de vos créations
Applications Adobe Fresco et Adobe Creative Cloud
1. Adobe Fresco et Photoshop
2. Adobe Fresco et Illustrator
Documents en ligne
1. Documents en ligne dans Adobe Fresco
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
Exemples, idées et inspiration

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

Animez votre illustration ou ses éléments

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 sélectionnez 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 indique que vous travaillez sur la deuxième image sur un total de 13.

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 par trajectoire de mouvement pour apporter un effet de mouvement à votre illustration.

Parcourez l’onglet ci-dessous pour savoir comment appliquer ces techniques et configurer leurs paramètres pour votre design.

Appliquez un mouvement image par image à une illustration à l’aide du journal. Les modifications progressives apportées à l’illustration dans chaque image donnent une illusion de mouvement ou de changement dans votre design.

Sélectionnez le calque à animer, puis cliquez sur Mouvement . Le journal comprend, par défaut, tous les objets du calque sélectionné.
Appuyez sur l’image sélectionnée pour ajouter une image. Les options disponibles permettent de dupliquer, de copier ou de supprimer des images.
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 où vous le souhaitez. Avant de commencer à modifier votre illustration dans un nouveau calque, activez le mode Pelure d’oignon.
Sélectionnez Lire tout pour prévisualiser le mouvement appliqué à votre illustration. Choisissez l’option Lecture depuis les paramètres de mouvement pour lire l’aperçu en boucle, en boomerang, ou une seule fois.
Configurez les paramètres de mouvement pour ajuster la vitesse, modifier les options de lecture, ajuster l’opacité et les images du mode Pelure d’oignon et afficher le journal du document.
Pour colorer plus rapidement l’animation, définissez votre calque de mouvement favori, puis cliquez sur l’icône Plus d’options > Définir comme référence et appliquez un remplissage à des images individuelles du calque de remplissage ciblé.

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

Sélectionnez le calque contenant l’objet, puis cliquez sur l’icône de mouvement au-dessus de la règle .
Dans la barre Mouvement située en bas, sélectionnez Trajectoire pour ouvrir le panneau Propriétés du calque.
Sélectionnez un des préréglages de mouvement pour appliquer des effets de mouvement.
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
Dans Paramètres avancés, vous pouvez :
- Agrandir/Rétrécir : utilisez cette option pour augmenter ou réduire la taille de l’objet.
- Rotation : basculez pour obtenir le contrôle de mouvement Osciller ou Rotation.
  
  Osciller : spécifiez l’angle et le nombre d’exécutions du mouvement.
  
  Rotation : activez ou désactivez le sens de rotation et le nombre d’exécutions du mouvement.
Ajouter un effet de rotation ou d’oscillation
- Fondu (entrée/sortie) : modifie l’opacité d’un objet pour créer des transitions douces au début ou à la fin de sa trajectoire de mouvement.
- Aligner sur le tracé : alignez les objets sur la trajectoire spécifiée.
Aligner sur le tracé – Désactivé

Aligner sur le tracé – Activé
- 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.
Ajout d’effets multiples et de diffusion
- Options de 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.
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.
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 Pelure 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 :

Sélectionnez le calque de mouvement que vous souhaitez transformer et appuyez deux fois sur l’icône Transformer dans la barre d’outils.
Choisissez Toutes les images et trajectoires de mouvement dans le menu d’options déroulant.
Sélectionnez l’option Transformer pour déplacer ou redimensionner la trajectoire de mouvement ou l’image.

Partage d’illustrations animées

Cliquez sur Exporter et sélectionnez Publier et exporter > Mouvement.
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 trois préréglages 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.
Conseil :

Vous pouvez déplacer le curseur Boucle pour définir le nombre de boucles et la durée d’un fichier animé MP4.
Sélectionnez Générer des images pour prévisualiser le résultat.
Sélectionnez Exporter pour partager ou enregistrer votre illustration.

Spécifiez le nombre de boucles de vos fichiers animés MP4 à l’aide des options d’exportation améliorées

Ressources associées

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.

Rejoignez notre communauté pour échanger, apprendre et interagir

Pour trouver de l’inspiration, des conseils d’experts et des solutions aux problèmes courants, visitez le forum de la communauté Adobe Fresco. Rencontrez notre équipe et d’autres utilisateurs pour échanger des idées, partager vos créations, vous tenir au courant des dernières fonctionnalités et annonces, et faire part de vos commentaires.

Adobe

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?