Dessin avec l’outil Plume

  1. Guide de l’utilisateur 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. Utilisation de 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. Utilisation d’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 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. Utilisation du 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. Utilisation des points de repère vidéo
    9. Dessin et création d’objets avec Animate
    10. Remodelage des lignes et des formes
    11. Traits, remplissages et dégradés avec Animate CC
    12. Utilisation d’Adobe Premiere Pro et d’After Effects
    13. Panneaux Couleur dans Animate CC
    14. Ouverture de fichiers Flash CS6 à l’aide d’Animate
    15. Utilisation de texte classique dans Animate
    16. Placement d’illustrations dans Animate
    17. Images bitmap importées dans Animate
    18. Graphiques 3D
    19. Utilisation de symboles dans Animate
    20. Dessin de traits et de formes avec Adobe Animate
    21. Utilisation de bibliothèques dans Animate
    22. Exportation de sons
    23. Sélection d’objets dans Animate CC
    24. Utilisation de fichiers AI d’Illustrator dans Animate
    25. Application de motifs avec l’outil Pinceau pulvérisateur
    26. Application de modes de fusion
    27. Disposition d’objets
    28. Automatisation des tâches à l’aide du menu Commandes
    29. Texte multilingue
    30. Utilisation de la caméra dans Animate
    31. Utilisation d’Animate avec Adobe Scout
    32. Utilisation de fichiers Fireworks
    33. Filtres graphiques
    34. Sons et ActionScript
    35. Préférences de dessin
    36. 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. Pratiques recommandées – Recommandations sur l’accessibilité
    12. Accessibilité dans l’espace de travail Animate
    13. Écriture et gestion des scripts
    14. Activation de la prise en charge des plateformes personnalisées
    15. Présentation de la prise en charge des plateformes personnalisées
    16. Création de contenu accessible
    17. Utilisation du plug-in de prise en charge des plateformes personnalisées
    18. Débogage du code ActionScript 3.0
    19. 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. Exportation de fichiers vidéo QuickTime
    9. Contrôle de la lecture vidéo externe à l’aide d’ActionScript
    10. Pratiques recommandées – Conseils pour la création de contenu pour appareils mobiles
    11. Pratiques recommandées – Conventions des vidéos
    12. Pratiques recommandées – Recommandations sur la création d’applications SWF
    13. Pratiques recommandées – Structuration des fichiers FLA
    14. Pratiques recommandées d’optimisation des fichiers FLA pour Animate
    15. Paramètres de publication d’ActionScript
    16. Spécification des paramètres de publication pour Animate
    17. Exportation de fichiers de projection
    18. Exportation d’images et de GIF animés
    19. Modèles de publication HTML
    20. Utilisation d’Adobe Premiere Pro et d’After Effects
    21. Partage et publication rapides de vos animations

L’outil Plume permet de dessiner des tracés précis formés de lignes droites ou de courbes lisses et fluides. Lorsque vous dessinez avec l’outil Plume, vous devez cliquer pour créer les points des segments de droite et cliquer et faire glisser la souris pour créer les points des segments de courbe. Vous pouvez ajuster les segments de droite et courbes en ajustant les points sur la ligne.

Le didacticiel vidéo suivant explique comment utiliser l’outil Plume d’Animate :

États du dessin de l’outil Plume

L’outil Plume fournit un compte rendu sur l’état actuel du dessin par l’affichage de pointeurs différents. Les différents états du dessin sont signalés par les pointeurs suivants :

Pointeur de point d’ancrage initial 

Est le premier pointeur que vous apercevez quand vous sélectionnez l’outil Plume. Indique que le prochain clic de souris sur la scène va créer un premier point d’ancrage, ce qui est le début d’un nouveau tracé (tout nouveau tracé démarre par un premier point d’ancrage). Tous les tracés de dessin existants sont alors arrêtés.

Pointeur de point d’ancrage séquentiel 

Indique que le prochain clic de souris va créer un point d’ancrage avec une ligne qui le relie au point d’ancrage précédent. Ce pointeur est affiché durant toute la création de points d’ancrage définis par l’utilisateur à l’exception du premier point d’ancrage d’un tracé.

Ajout d’un pointeur de point d’ancrage 

Indique que le prochain clic de souris va ajouter un point d’ancrage à un tracé existant. Pour ajouter un point d’ancrage, il est nécessaire que le tracé soit sélectionné et que l’outil Plume ne recouvre pas un point d’ancrage existant. Le tracé existant est corrigé sur la base du nouveau point d’ancrage. Vous ne pouvez ajouter qu’un seul point d’ancrage à la fois.

Suppression du pointeur de point d’ancrage 

Indique que le prochain clic de souris sur un tracé existant va supprimer un point d’ancrage. Pour supprimer un point d’ancrage, il est nécessaire que le tracé soit sélectionné avec l’outil Sélection et que le pointeur recouvre un point d’ancrage existant. Le tracé existant est corrigé sur la base de la suppression du point d’ancrage. Vous ne pouvez supprimer qu’un seul point d’ancrage à la fois.

Curseur de continuation de tracé 

Prolonge un tracé à partir d’un point d’ancrage existant. La souris doit se trouver sur un point d’ancrage existant du tracé pour que ce pointeur soit activé. Ce pointeur n’est disponible que lorsque vous n’êtes pas en train de dessiner un tracé. Il n’est pas nécessaire que le point d’ancrage soit situé à l’une ou l’autre des extrémités d’un tracé. Le nouveau tracé peut partir de n’importe lequel des points d’ancrage.

Pointeur d’arrêt de tracé 

Arrête le tracé que vous dessinez au point de départ du tracé. Vous ne pouvez arrêter qu’un tracé que vous êtes en train de dessiner et le point d’ancrage existant doit être le point d’ancrage de départ de ce même tracé. Le tracé obtenu ne dispose pas de paramètres de couleur de remplissage à appliquer à la forme fermée. Vous devez appliquer une couleur de remplissage séparément.

Pointeur de liaison de tracés 

Agit comme l’Outil d’arrêt de tracé sauf qu’il n’est pas nécessaire que la souris se trouve sur le premier point d’ancrage de ce même tracé. Le pointeur doit se trouver sur l’une des extrémités d’un tracé unique. Le segment peut être sélectionné ou non.

Remarque : La liaison des tracés peut se traduire par une forme fermée ou non.

Pointeur de rétractation de poignée de Bézier 

Apparaît lorsque la souris se trouve au-dessus d’un point d’ancrage pour lequel les poignées de Bézier sont affichées. Si vous faites un clic de souris, les poignées de Bézier se rétractent de sorte que le tracé incurvé qui passe par le point d’ancrage revienne à des segments de droite.

Pointeur de conversion de point d’ancrage 

Convertit un point d’angle sans lignes directrices en point d’angle à lignes directrices indépendantes. Utilisez les touches de modification Maj+C pour basculer l’outil Plume afin d’activer le pointeur de conversion de point d’ancrage.

Pour visionner un didacticiel vidéo sur l’outil Plume, rendez-vous à l’adresse suivante : www.adobe.com/go/vid0120_fr.

Dessin de lignes droites avec l’outil Plume

La ligne droite est le tracé le plus simple à réaliser avec l’outil Plume. Il suffit de cliquer avec l’outil Plume pour créer deux points d’ancrage. Continuez à cliquer pour créer un tracé formé de segments de droites reliés par des points d’angles.

  1. Sélectionnez l’outil Plume  .
  2. Placez l’outil Plume à l’endroit où vous souhaitez que le segment de droite commence, puis cliquez pour définir le premier point d’ancrage. Si des lignes directrices apparaissent, cela signifie que vous avez accidentellement fait glisser l’outil Plume. Dans ce cas, choisissez Modifier > Annuler, puis cliquez de nouveau.
    Remarque :

    le premier segment que vous dessinez ne devient visible que lorsque vous cliquez sur un deuxième point d’ancrage, à moins que vous n’ayez spécifié Afficher l’aperçu de plume dans la catégorie Dessin de la boîte de dialogue Préférences.

  3. Cliquez de nouveau à l’endroit où doit se terminer le segment ou maintenez la touche Maj enfoncée pour contraindre l’angle du segment à un multiple de 45°.
  4. Continuez de cliquer pour définir les points d’ancrage des autres segments.
    Pour obtenir des segments droits, cliquez à l’aide de l’outil Plume.

  5. Pour terminer le tracé et créer une forme ouverte ou fermée, effectuez l’une des opérations suivantes :
    • Pour terminer un tracé ouvert, double-cliquez sur le dernier point, cliquez sur l’outil Plume du panneau Outils ou cliquez n’importe où à l’extérieur du tracé en maintenant la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée.

    • Pour fermer le tracé, placez l’outil Plume sur son premier point d’ancrage (évidé). Un petit cercle apparaît en regard de l’outil Plume  lorsqu’il est placé correctement. Cliquez ou faites glisser la souris pour fermer le tracé.

    • Pour laisser la forme en l’état, sélectionnez Modifier > Tout désélectionner ou sélectionnez un autre outil dans le panneau Outils.

Dessin de courbes avec l’outil Plume

Pour créer une courbe, ajoutez un point d’ancrage à l’emplacement où la courbe change de direction et faites glisser les lignes directrices qui façonnent la courbe. La longueur et l’inclinaison des lignes directrices déterminent la forme de la courbe.

Les courbes se modifient plus facilement et s’affichent et s’impriment plus rapidement si vous les dessinez avec le moins de points d’ancrage possible. De plus, si vous utilisez trop de points, la courbe risque de présenter des irrégularités indésirables. Vous avez donc plutôt intérêt à espacer autant que possible les points d’ancrage et à modeler la courbe en agissant sur la longueur et l’inclinaison des lignes directrices.

  1. Sélectionnez l’outil Plume  .
  2. Placez l’outil Plume à l’endroit où vous souhaitez que la courbe commence et maintenez le bouton de la souris enfoncé.

    Le premier point d’ancrage apparaît et le pointeur de l’outil Plume prend la forme d’une flèche. Dans Photoshop, le pointeur change de forme uniquement après que vous avez commencé à le faire glisser.

  3. Faites glisser pour définir l’inclinaison de la courbe que vous tracez, puis relâchez le bouton de la souris.

    D’une façon générale, prolongez la ligne directrice d’environ un tiers de la distance à laquelle vous allez placer le point d’ancrage suivant. Vous pouvez ajuster ultérieurement un côté, ou les deux, de la ligne directrice.

    Maintenez la touche Maj enfoncée pour contraindre l’outil à des multiples de 45 °.

    Tracé du premier point de courbe

    A. Positionnement de l’outil Plume B. Début du glissement (avec maintien du bouton de la souris enfoncé) C. Glissement pour prolonger les lignes directrices. 

  4. Placez l’outil Plume à l’endroit où vous voulez que le segment de courbe se termine, puis effectuez l’une des opérations suivantes :
    • Faites glisser dans une direction opposée à la direction de la ligne précédente et relâchez le bouton de la souris afin de créer une courbe en forme de C.

    Tracé du deuxième point de courbe

    • Faites glisser dans la même direction que celle de la ligne précédente et relâchez le bouton de la souris afin de créer une courbe en forme de sinusoïde.

    Formation d’une courbe en S

  5. Continuez à faire glisser l’outil Plume à partir d’emplacements différents afin de créer une série de courbes lisses. Placez les points d’ancrage aux extrémités de chacune des courbes et non pas au sommet de la courbe.
    Remarque :

    Maintenez la touche Alt (Windows) ou Option (Mac OS) enfoncée et faites glisser les lignes directrices pour « casser » les lignes directrices d’un point d’ancrage.

  6. Pour terminer le tracé, effectuez l’une des opérations suivantes :
    • Pour fermer le tracé, placez l’outil Plume sur son premier point d’ancrage (évidé). Un petit cercle apparaît en regard du pointeur de l’outil Plume  lorsqu’il est correctement placé. Cliquez ou faites glisser la souris pour fermer le tracé.

    • Pour laisser le tracé ouvert, cliquez sur un endroit sans objet tout en appuyant sur la touche Ctrl (Windows) ou Commande (Mac OS), puis sélectionnez un outil différent ou choisissez Modifier > Désélectionner tout.

Ajout ou suppression de points d’ancrage

Vous pouvez bénéficier d’un meilleur contrôle sur un tracé par l’ajout de points d’ancrage ; cela vous permet également de prolonger un tracé ouvert. Cependant, il est souhaitable de ne pas ajouter plus de points que nécessaire. Un tracé pourvu de moins de points est plus aisé à remodeler, afficher et imprimer. Supprimez les points inutiles pour réduire la complexité d’un tracé.

La boîte à outils contient trois outils pour ajouter ou supprimer des points : l’outil Plume , l’outil Ajout d’un point d’ancrage  et l’outil Suppression d’un point d’ancrage .

Par défaut, l’outil Plume se transforme en outil d’ajout de point d’ancrage lorsque vous le placez sur un tracé sélectionné ou en outil de suppression de point d’ancrage si vous le placez sur un point d’ancrage.

Remarque :

n’utilisez pas les touches Suppr et Retour arrière, ni les commandes Modifier > Couper et Modifier > Effacer pour supprimer des points d’ancrage. L’utilisation de ces touches et commandes entraîne la suppression du point et des segments de lignes qui lui sont reliés.

  1. Sélectionnez le tracé à modifier.
  2. Cliquez le bouton de la souris et maintenez-le enfoncé sur l’outil Plume  , puis sélectionnez l’outil Plume  , l’outil Ajout d’un point d’ancrage  ou l’outil Suppression d’un point d’ancrage  .
  3. Placez le pointeur sur un segment de tracé afin d’ajouter un point d’ancrage, puis cliquez. Placez le pointeur sur un point d’ancrage afin de supprimer un point d’ancrage, puis cliquez.

Ajustement des points d’ancrage sur les tracés

Lorsque vous dessinez une courbe à l’aide de l’outil Plume, vous créez des points d’inflexion, c’est-à-dire des points d’ancrage sur un tracé incurvé continu. Lorsque vous dessinez un segment de ligne droite ou une ligne droite reliée à un segment incurvé, vous créez des points d’angle ; ces points d’angle correspondent à des points d’ancrage sur un tracé droit ou à la jonction entre un tracé droit et un tracé incurvé.

Par défaut, les points d’inflexion sélectionnés sont représentés par des cercles vides, alors que les points d’angle sélectionnés sont représentés par des carrés vides.

Glissement d’un point directeur hors d’un point d’angle pour créer un point d’inflexion

Déplacement ou ajout de points d’ancrage

  • Vous pouvez faire glisser le point d’ancrage avec l’outil Sous-sélection   afin de le déplacer.

  • Sélectionnez le ou les points d’ancrage avec l’outil Sous-sélection afin de le(s) déplacer légèrement et utilisez les touches de direction pour le(s) déplacer. Cliquez en maintenant la touche Maj enfoncée afin de sélectionner plusieurs points.

  • Pour ajouter un point d’ancrage, cliquez sur un segment avec l’outil Plume. Un signe plus (+) apparaît à côté de l’outil Plume  si vous pouvez ajouter un point d’ancrage au segment sélectionné. Si le segment n’est pas encore sélectionné, cliquez dessus avec l’outil Plume, puis ajoutez un point d’ancrage.

Suppression de points d’ancrage

La suppression des points d’ancrage inutiles sur un tracé incurvé permet d’optimiser la courbe et de réduire la taille du fichier SWF.

  • Pour supprimer un point d’angle, cliquez une fois sur ce point avec l’outil Plume. Un signe moins (-) apparaît à côté de l’outil Plume si vous pouvez supprimer un point d’ancrage du segment sélectionné. Si le segment n’est pas encore sélectionné, cliquez dessus avec l’outil Plume, puis supprimez le point d’ancrage.

  • Pour supprimer un point d’inflexion, cliquez une fois sur son entrée avec l’outil Plume. Un signe moins (-) apparaît à côté de l’outil Plume si vous pouvez supprimer un point d’ancrage du segment sélectionné. Si le segment n’est pas encore sélectionné, cliquez dessus avec l’outil Plume, puis supprimez le point d’angle. Cliquez une fois pour convertir le point en un point d’angle et une fois de plus pour supprimer le point.

Conversion de segments entre lignes droites et courbes

Pour convertir les segments droits d’une ligne en segments incurvés, vous devez convertir les points d’angle en points d’inflexion. L’inverse est également possible.

  • Pour convertir un point d’angle en point d’inflexion, utilisez l’outil Sous-sélection pour sélectionner le point, puis faites glisser le point tout en maintenant la touche Alt (Windows) ou Option (Macintosh) enfoncée pour placer les poignées de tangentes.

  • Pour convertir un point d’inflexion en point d’angle, cliquez sur ce point avec l’outil Plume. Le marqueur en forme d’accent circonflexe à côté du pointeur  signale le moment où il se trouve au-dessus du point d’inflexion.

Ajustement des segments

Vous pouvez ajuster des segments de droite afin de modifier leur angle ou leur longueur ou ajuster des segments incurvés pour modifier l’inclinaison ou la direction de la courbe.

Lorsque vous déplacez une poignée de tangente sur un point d’inflexion, les courbes situées des deux côtés du point sont ajustées. Lorsque vous déplacez une poignée de tangente sur un point d’angle, seule la courbe située du même côté du point que la poignée de tangente est ajustée.

  • Pour ajuster un segment de droite, sélectionnez l’outil Sous-sélection  et sélectionnez un segment de droite. Utilisez l’outil Sous-sélection pour faire glisser un point d’ancrage du segment vers une nouvelle position.

  • Pour ajuster un segment de courbe, sélectionnez l’outil Sous-sélection et faites glisser le segment.

    Remarque : Lorsque vous cliquez sur la trajectoire, Animate affiche les points d’ancrage. L’ajustement d’un segment avec l’outil Sous-sélection ajoute parfois des points au tracé.

  • Pour ajuster les points ou les poignées de tangente sur une courbe, sélectionnez l’outil Sous-sélection et choisissez un point d’ancrage sur le segment incurvé.

  • Pour ajuster la forme de la courbe d’un côté ou de l’autre du point d’ancrage, faites glisser le point d’ancrage ou la poignée de tangente. Pour contraindre la courbe à des multiples de 45º, faites-la glisser tout en maintenant la touche Maj enfoncée. Faites glisser les poignées de tangente une à une en maintenant la touche Alt (Windows) ou Option (Macintosh) enfoncée.

 

Faites glisser le point d’ancrage ou le point directeur.

Préférences de l’outil Plume

Vous pouvez spécifier des préférences pour l’apparence du pointeur de l’outil Plume, pour l’aperçu des segments de ligne pendant que vous dessinez ou pour l’apparence des points d’ancrage sélectionnés. Les segments de ligne et les points d’ancrage sélectionnés sont affichés dans la couleur de contour du calque sur lequel ces lignes et ces points apparaissent.

  1. Sélectionnez l’outil Plume , puis choisissez Modifier > Préférences (Windows) ou Animate > Préférences (Macintosh).

  2. Dans la liste Catégories, sélectionnez Dessin.
  3. Définissez les options suivantes pour l’outil Plume :

    Afficher l’aperçu de l’outil Plume

    Affiche un aperçu des segments de ligne pendant que vous dessinez. Un aperçu du segment apparaît pendant que vous déplacez le pointeur sur la scène, avant même que vous ne cliquiez pour créer le point d’extrémité du segment. Si cette option n’est pas activée, le segment n’apparaît pas tant que vous n’avez pas créé les points d’extrémité du segment.

    Afficher les points pleins

    Affiche les points d’ancrage sélectionnés sous forme de points vides et les non sélectionnés sous forme de points pleins. Si cette option est désactivée, les points d’ancrage sélectionnés s’affichent sous forme de points pleins et les non sélectionnés sous forme de points vides.

    Afficher des curseurs précis

    Indique que le pointeur de l’outil Plume doit prendre la forme d’un pointeur en croix, plutôt que l’icône par défaut de l’outil Plume, afin de permettre un placement plus précis des lignes. Désactivez cette option pour utiliser l’icône par défaut de l’outil Plume.

    Remarque : Pour sélectionner tour à tour le pointeur en croix et l’icône par défaut de l’outil Plume, appuyez sur la touche de verrouillage des majuscules.

  4. Cliquez sur OK.
Logo Adobe

Accéder à votre compte