Dessin de traits et de formes avec Adobe Animate

  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

Dessin de lignes droites à l’aide de l’outil Trait

Vous pouvez utiliser l’outil Ligne pour dessiner un segment à la fois.

  1. Sélectionnez l’outil Ligne .
  2. Choisissez Fenêtre > Propriétés et sélectionnez les attributs de trait.
    Remarque :

    vous ne pouvez pas définir d’attributs de remplissage pour l’outil Ligne.

  3. Cliquez sur le bouton Dessin d’objet  dans la section Options du panneau Outils pour sélectionner le mode Fusion ou Objet. Lorsque vous appuyez sur le bouton Dessin d’objet, l’outil Ligne est en mode de dessin d’objet.
  4. Placez le pointeur au début du tracé de la ligne, puis faites-le glisser jusqu’à l’emplacement de votre choix. Pour contraindre le mouvement des objets aux multiples de 45°, appuyez sur Maj pendant que vous faites glisser le curseur.

Dessin de rectangles et d’ovales

Les outils Ovale et Rectangle vous permettent de créer ces formes géométriques de base, de leur appliquer des traits et des remplissages et de spécifier des coins arrondis. Outre les modes Fusion et Objet, les outils Ovale et Rectangle fournissent également le mode de dessin Objet primitif.

Lorsque vous créez des rectangles ou des ovales à l’aide des outils Rectangle primitif et Ovale primitif, Animate dessine les formes en tant qu’objets distincts. Ces formes sont différentes de celles que vous créez en mode Dessin d’objet. Les outils de forme primitive permettent de spécifier le rayon d’arrondi des rectangles à l’aide des commandes de l’inspecteur des propriétés. Ils permettent par ailleurs de définir l’angle de début et l’angle de fin, ainsi que le rayon interne des ovales. Après avoir créé une forme primitive, vous pouvez modifier son rayon et ses dimensions en la sélectionnant sur la scène et en réglant les contrôles dans l’inspecteur des propriétés.

Remarque : Lorsque l’un des outils de dessin de primitive d’objet est sélectionné, l’inspecteur des propriétés conserve les valeurs du dernier objet primitif que vous avez modifié. Par exemple, si vous modifiez un rectangle et en dessinez ensuite un autre.

Remarque : Pour dessiner à partir du centre de la scène, maintenez enfoncée la touche Alt lorsque vous dessinez une forme.

Dessin de primitives rectangles

  1. Pour sélectionner l’outil Primitive rectangle, cliquez et maintenez le bouton de la souris enfoncé sur l’outil Rectangle  et sélectionnez l’outil Primitive rectangle  dans le menu contextuel.
  2. Pour créer un rectangle primitif, faites glisser l’outil Rectangle primitif sur la scène.
    Remarque :

    pour modifier le rayon d’arrondi tout en faisant glisser l’outil Rectangle primitif, appuyez sur la flèche Haut ou Bas. Relâchez la touche lorsque vous avez atteint le rayon d’arrondi souhaité.

  3. Le rectangle primitif étant sélectionné, vous pouvez utiliser les contrôles de l’inspecteur des propriétés pour modifier la forme davantage ou pour spécifier les couleurs du remplissage ou du trait.
    Propriétés d’un rectangle primitif

    Ces contrôles de l’inspecteur des propriétés sont spécifiques à l’outil Rectangle primitif :

    Contrôles du rayon de l’angle du rectangle Permettent de spécifier les rayons du rectangle. Dans chaque zone de texte, vous pouvez entrer une valeur numérique pour le rayon interne. Si vous saisissez une valeur négative, un rayon inversé sera créé. Vous pouvez également désactiver l’icône de rayon d’angle forcé et régler chaque rayon d’angle individuellement.

    Rétablir Réinitialise tous les contrôles de l’outil Rectangle primitif et rétablit la forme de rectangle primitif tracée sur la scène à sa taille et sa forme initiales.

  4. Dans l’inspecteur des propriétés, désactivez l’icône de verrouillage qui se trouve dans la section Options du rectangle pour spécifier un rayon d’angle différent pour chaque angle. Lorsque le verrouillage est activé, les contrôles de rayon sont bridés de sorte que chaque angle ait le même rayon.
  5. Cliquez sur le bouton Rétablir de l’inspecteur des propriétés pour réinitialiser les rayons des angles.

Dessin d’ovales primitifs

  1. Cliquez et maintenez le bouton de la souris appuyé sur l’outil Ovale  et sélectionnez l’outil Ovale primitif .

  2. Faites glisser l’outil Ovale primitif sur la scène pour créer un ovale primitif. Pour forcer le tracé d’un cercle, appuyez sur Maj pendant que vous faites glisser le curseur.
  3. L’ovale primitif étant sélectionné sur la scène, vous pouvez utiliser les contrôles de l’inspecteur des propriétés pour modifier la forme davantage ou pour spécifier les couleurs du remplissage ou du trait.
    Propriétés d’un ovale primitif

    Ces contrôles de l’inspecteur des propriétés sont spécifiques à l’outil Ovale primitif :

    Angle de départ/Angle de fin Angle des points de départ et de fin de l’ovale. À l’aide de ces contrôles, vous pouvez modifier aisément la forme des ovales et des cercles en secteurs, demi-cercles et autres formes de votre choix.

    Rayon interne Rayon interne (ou ovale) dans les limites de l’ovale. Vous pouvez saisir la valeur numérique du rayon interne dans le champ ou cliquer sur le curseur pour régler interactivement sa taille. Vous pouvez entrer des valeurs comprises entre 0 et 99, représentant le pourcentage de remplissage supprimé.

    Fermer le tracé Détermine si le tracé (ou les tracés si vous spécifiez un rayon intérieur) de l’ovale est fermé. Si vous spécifiez un tracé ouvert, aucun remplissage n’est appliqué à la forme obtenue, seul le trait est dessiné. Fermer le tracé est sélectionné par défaut.

    Rétablir Réinitialise tous les contrôles des outils Ovale primitif et rétablit la forme d’ovale primitif tracée sur la scène à sa taille et sa forme initiales.

Dessin de rectangles et d’ovales

Les outils Rectangle et Ovale créent ces formes géométriques de base.

  1. Pour sélectionner l’outil Rectangle ou l’outil Ovale , cliquez avec le bouton de la souris sur l’outil Rectangle ou Ovale et maintenez-le enfoncé tout en faisant glisser la souris.

  2. Faites glisser l’outil Rectangle ou l’outil Ovale sur la scène pour créer un rectangle ou un ovale.
  3. Pour l’outil Rectangle, indiquez que les angles doivent être arrondis en cliquant sur le modificateur de rectangle arrondi, puis en spécifiant la valeur du rayon des angles. Une valeur nulle (0) crée des angles droits.
  4. Faites glisser le pointeur sur la scène. Si vous utilisez l’outil Rectangle, appuyez sur les flèches Haut et Bas tout en dessinant pour ajuster le rayon des angles arrondis.

    Pour les outils Ovale et Rectangle, faites glisser le pointeur tout en maintenant la touche Maj enfoncée pour forcer le tracé de cercles et de carrés.

  5. Pour spécifier la taille spécifique d’un ovale ou d’un rectangle, sélectionnez l’outil Ovale ou Rectangle et appuyez sur la touche Alt (Windows) ou sur la touche Option (Macintosh). Cliquez ensuite sur la scène pour afficher la boîte de dialogue des paramètres du rectangle et de l’ovale.
    • Pour les ovales, vous pouvez spécifier la largeur et la hauteur en pixels, et indiquer si l’ovale doit être tracé à partir du centre.

    • Pour les rectangles, vous pouvez spécifier la largeur et la hauteur en pixels, le rayon des coins arrondis et indiquer si le rectangle doit être tracé à partir du centre.

Dessin d’un personnage de base à l’aide d’Animate

Créer un personnage animé est facile avec Animate. Vous voulez dessiner des personnages sympathiques en utilisant des formes rectangulaires et ovales ? Regardez le didacticiel à la fin de cet exemple et suivez ces étapes.

  1. Cliquez sur le bouton de la souris et maintenez-le enfoncé sur Outil Rectangle.

  2. Sélectionnez Rectangle primitif.

  3. Dans les Options de rectangle, faites glisser le curseur pour changer le rayon de l’objet.

  4. Sélectionnez l’outil Ovale  .

  5. Cliquez sur le bouton Dessin d’objet .

Comment dessiner un personnage de base à l’aide d’Adobe Animate

Pour créer votre propre personnage, regardez la vidéo.

Dessin de polygones et de formes étoilées

  1. Sélectionnez l’outil Polygone  en cliquant sur l’outil Rectangle et en laissant le bouton de la souris enfoncé jusqu’à ce qu’un menu contextuel apparaisse.
  2. Choisissez Fenêtre > Propriétés et sélectionnez les attributs de trait et de remplissage.
  3. Cliquez sur Options et procédez comme suit :
    • Dans le champ Style, sélectionnez Polygone ou Étoile.
    • Dans le champ Nombre de côtés, saisissez un chiffre compris entre 3 et 32.
    • Dans le champ Taille des branches de l’étoile, indiquez la largeur des branches de l’étoile en saisissant un chiffre compris entre 0 et 1. Plus le chiffre indiqué est proche de 0 plus les branches sont fines (en forme d’aiguilles). Si vous dessinez un polygone, il n’est pas nécessaire de modifier ce paramètre : il n’a aucune incidence sur la forme du polygone.
  4. Cliquez sur OK.
  5. Faites glisser le pointeur sur la scène.

Mode Dessin d’objet

Lorsque vous sélectionnez et dessinez des objets, le mode de dessin d’objet affiche un fin contour le long des formes en fonction de la couleur du calque. Les petits cercles indiquent les points d’ancrage. Ils ne sont pas interactifs et ne peuvent pas être modifiés à l’aide de l’outil de sélection. Lorsque vous dessinez en mode Objet, les traits et les formes ne sont plus sélectionnés par défaut.

Contours autour d’une forme

Dessin avec l’outil Crayon

L’outil Crayon permet de dessiner des lignes et des formes pratiquement comme si vous les dessiniez avec un crayon normal. Vous devez sélectionner un mode de dessin pour l’outil Crayon pour lisser ou redresser les lignes et les formes pendant que vous dessinez.

  1. Sélectionnez l’outil Crayon .
  2. Choisissez Fenêtre > Propriétés et sélectionnez une couleur, une épaisseur et un style de trait.
  3. Sélectionnez un mode de dessin dans la section Options du panneau Outils :

    • Sélectionnez Redresser  pour dessiner des lignes droites et convertir des triangles, ovales, cercles, rectangles et carrés approximatifs en formes géométriques précises.
    • Sélectionnez Lisser  pour créer des lignes incurvées lisses.
    • Sélectionnez Encre  pour dessiner des lignes à main levée sans apporter aucune modification.
    Lignes tracées en mode Redresser, Lisser et Encre, respectivement

  4. Pour dessiner avec l’outil Crayon, cliquez sur la scène et faites glisser le curseur tout en maintenant la touche Maj enfoncée pour forcer le tracé de lignes verticales ou horizontales.

Peinture à l’aide de l’outil Pinceau

L’outil Pinceau trace des traits ressemblant à des coups de pinceau. Il permet de créer des effets spéciaux, tels que des effets calligraphiques. Vous pouvez sélectionner une taille et une forme de pinceau à l’aide des modificateurs de cet outil.

Animate redimensionne la taille du pinceau proportionnellement au niveau de zoom variable de la scène. Vous pouvez ainsi dessiner simplement à n’importe quel niveau de zoom et prévisualiser votre travail au fur et à mesure que vous le dessinez. Si vous souhaitez rétablir le comportement de pinceau par défaut antérieur, qui préserve une taille de pixels constante quel que soit le niveau de zoom, désactivez la case à cocher Taille de zoom avec la scène dans l’inspecteur des propriétés du pinceau.

Si vous désactivez la case à cocher du niveau de zoom de la scène, la taille de pinceau demeure constante pour les nouveaux traits et ce, même lorsque vous modifiez le facteur de zoom utilisé pour la scène. Par conséquent, la même taille de pinceau semble plus grande lorsque le facteur de zoom est inférieur. Par exemple, supposons que vous avez zoomé à 100 % sur la scène et que vous utilisez la plus petite taille de pinceau pour peindre. Supposons maintenant que vous réglez le zoom sur 50 % et recommencez à peindre avec la même taille de pinceau. Le nouveau trait que vous tracez semble 50 % plus épais, uniforme et précis sans aucune extrémité non effilée par rapport au trait précédent (le fait de modifier l’agrandissement de la scène ne change pas la taille des traits de pinceau existants).

Vous pouvez utiliser un bitmap importé comme remplissage lorsque vous peignez avec l’outil Pinceau. Voir Séparation de groupes et d’objets.

Si vous avez raccordé à votre ordinateur une tablette Wacom sensible à la pression, variez la largeur et l’angle du trait de pinceau. Pour cela, utilisez les modificateurs de pression et d’inclinaison de l’outil Pinceau et modifiez la pression du stylet.

Le modificateur de pression permet de régler l’épaisseur du trait de pinceau en fonction de la pression exercée sur le stylet. Le modificateur d’inclinaison permet de régler l’angle du trait de pinceau en fonction de l’angle appliqué au stylet sur la tablette. Le modificateur d’inclinaison mesure l’angle entre l’extrémité supérieure (gomme) du stylet et le bord supérieur (nord) de la tablette. Par exemple, si vous tenez le stylet en position verticale sur la tablette, l’inclinaison est de 90. Les modificateurs de pression et d’inclinaison prennent tous deux en charge la fonction gomme du stylet.

Remarque : Sur une tablette, les options Inclinaison et Pression de l’Outil Pinceau sont disponibles uniquement lors de l’utilisation du mode Plume. La souris n’active pas ces options.

Un trait de pinceau d’épaisseur variable tracé avec un stylet.

  1. Sélectionnez l’outil Pinceau .
  2. Choisissez Fenêtre > Propriétés, puis sélectionnez une couleur de remplissage.
  3. Cliquez sur le modificateur Mode du pinceau, puis sélectionnez un mode de peinture :

    Peint normalement

    Peint sur les lignes et les remplissages d’un même calque.

    Fonds uniquement

    Fonds uniquement, n’applique pas de peinture sur les traits et les zones vides.

    Peint derrière

    Peint les parties vides de la scène sur un même calque, sans toucher aux lignes ou aux remplissages.

    Peint la sélection

    Applique un nouveau remplissage à la sélection lorsque vous sélectionnez un remplissage dans le modificateur de remplissage ou l’option Couleur de remplissage de l’inspecteur des propriétés. Cette option revient à sélectionner une zone remplie et à appliquer un nouveau remplissage.

    Peint à l’intérieur

    Peint le remplissage dans lequel vous avez dessiné le premier trait de pinceau mais ne peint jamais les lignes. Si vous commencez à peindre dans une zone vide, le remplissage n’affecte aucune des zones déjà remplies.

  4. Sélectionnez une taille et une forme de pinceau dans les modificateurs de l’outil Pinceau.
  5. Tandis que vous dessinez, pour effectuer un zoom sur le pinceau proportionnellement au niveau de zoom de la scène, cochez la case Taille de zoom avec la scène. Vous pouvez ainsi dessiner simplement à n’importe quel niveau de zoom et prévisualiser votre travail au fur et à mesure que vous le dessinez.

  6. Si vous utilisez une tablette graphique à pression Wacom, vous pouvez modifier les traits de pinceaux en sélectionnant le modificateur de pression, le modificateur d’inclinaison ou les deux.
    • Sélectionnez le modificateur de pression pour faire varier l’épaisseur de vos traits de pinceau en fonction de la pression exercée sur le stylet.
    • Sélectionnez le modificateur d’inclinaison pour faire varier l’angle de vos traits de pinceau en fonction de l’angle appliqué au stylet sur la tablette graphique à pression Wacom.
  7. Faites glisser le pointeur sur la scène. Faites glisser le pointeur tout en maintenant la touche Maj enfoncée pour tracer des traits de pinceau horizontaux et verticaux.

Aperçu et sortie du dessin

Les outils Pinceau traditionnel et Pinceau ont été améliorés dans la version CC 2015.1. Ils vous garantissent désormais une souplesse de dessin accrue et une meilleure fluidité. Le contour final généré est maintenant très proche de l’aperçu en direct. Cela permet d’éviter l’affichage de tout amincissement ou épaississement imprévu des traits de pinceau. Même les courbes les plus fines dessinées à l’aide de l’outil Pinceau n’affichent aucune cassure, ni espace.

Création de pinceaux personnalisés

L’outil Pinceau peut être personnalisé en définissant des paramètres tels que la forme et l’angle. Cela vous permet de créer des illustrations naturelles dans vos projets en personnalisant l’outil Pinceau en fonction de vos besoins de dessin. Vous pouvez sélectionner, modifier et créer un pinceau personnalisé dans Animate par le biais de l’Inspecteur des propriétés, lorsque l’outil Pinceau est sélectionné dans la boîte à outils. Pour savoir comment créer, modifier et supprimer des pinceaux personnalisés, reportez-vous à la section Pinceaux personnalisés.

Pression et inclinaison du pinceau

Utilisation des modificateurs de pression et d’inclinaison

Animate  propose une fonction de pression et d’inclinaison des traits tracés à l’aide de l’outil Pinceau. Vous pouvez dessiner des formes artistiques et des motifs d’épaisseur variable, selon la pression ou l’inclinaison appliquée sur le stylet. Pour régler les points de largeur et peaufiner le résultat, utilisez l’outil Épaisseur.

Pour en savoir plus, voir Utilisation du pinceau

Remarque :

Les icônes de pression et d’inclinaison de la barre d’outils apparaissent seulement si une tablette sensible à la pression Wacom est connectée à l’ordinateur.

Bibliothèque de pinceaux

Animate  intègre une bibliothèque globale de pinceaux vectoriels comprenant une vaste collection de pinceaux artistiques et de motif. Pour ouvrir le panneau Bibliothèque de pinceaux, cliquez sur Fenêtre > Bibliothèque de pinceaux ou cliquez sur l’icône de pinceau dans l’inspecteur des propriétés. Avant d’utiliser un pinceau, double-cliquez dessus pour l’ajouter à votre document actif.

Importation de nouveaux pinceaux artistiques depuis les bibliothèques CC

Vous pouvez importer de nouveaux pinceaux artistiques et de motif dans votre document Animate à l’aide des bibliothèques CC, en plus des présélections de pinceau disponibles par défaut. Pour ajouter un pinceau artistique ou de motif, ouvrez le panneau des bibliothèques CC et cliquez simplement sur l’un des pinceaux pris en charge. (Pour le moment, Animate ne prend en charge que les pinceaux Illustrator des bibliothèques CC.) Pour ajouter de nouveaux pinceaux à votre bibliothèque CC, vous pouvez utiliser l’application Pinceau pour Android et iOS. Lorsque vous cliquez sur un pinceau dans une bibliothèque CC, il est ajouté à la fois au panneau Bibliothèque de pinceaux général et au document en cours.

Chaque pinceau peut être utilisé comme un pinceau Artistique ou Motif. Par défaut, les pinceaux sont ajoutés comme des pinceaux artistiques. Pour le convertir en pinceau de motif, sous l’option Modifier le pinceau, sélectionnez le type Pinceau Motif.

Modification des pinceaux

L’icône Modifier le pinceau ouvre la boîte de dialogue de modification du pinceau sélectionné. Si vous sélectionnez un pinceau artistique pour le modifier, la boîte de dialogue Options de pinceau artistique s’affiche. Vous pouvez y modifier les propriétés telles que l’orientation du pinceau ou les préférences de mise à l’échelle et de chevauchement, puis appliquer ces modifications à tous les traits existants.

Pour plus d’informations, voir Utilisation du pinceau.

Options de pinceau artistique

Amélioration des traits et des formes à l’aide de l’outil Épaisseur variable

L’outil Largeur permet d’embellir un trait en en variant l’épaisseur. L’épaisseur variable peut ensuite être enregistrée en tant que Profils d’épaisseur qui seront appliqués à d’autres traits. Sélectionnez l’outil Largeur dans le panneau Outils ou utilisez le raccourci clavier (U).

Lorsque vous passez la souris sur un trait avec l’outil Largeur sélectionné, les points (point d’épaisseur) s’affichent sur le trait avec des poignées (poignée d’épaisseur). Vous pouvez régler l’épaisseur du trait et déplacer, copier et supprimer le point d’épaisseur. Les informations d’épaisseur s’affichent dans le panneau Informations lorsque vous modifiez l’épaisseur d’un trait.

Vous pouvez également sélectionner plusieurs points d’épaisseur, puis effectuer l’une des actions (déplacer, copier ou supprimer) mentionnées précédemment.

Si plusieurs traits apparaissent, seul le trait actif est ajusté. Pour ajuster un trait, placez la souris dessus avec l’outil Largeur.

Remarque :

les traits d’épaisseur variable sont convertis en traits uniformes, si un fichier contenant un trait d’épaisseur variable est ouvert dans une ancienne version d’Animate.

Ajout d’une épaisseur variable à un trait à l’aide de l’outil Largeur

Pour ajouter l’épaisseur à un trait, procédez comme suit :

  1. Tracez un trait ou une forme avec l’un des outils. Par exemple, l’outil Ligne.
Trait créé à l’aide de l’outil Ligne avec une épaisseur du trait de 88, un style uni et avec le profil d’épaisseur 1.

  1. Sélectionnez l’outil Largeur  dans le panneau Outils.
  2. Une fois l’outil Largeur sélectionné, passez la souris sur le trait. Les points et poignées de largeur potentiels s’affichent. L’outil se transforme également en , ce qui indique que l’outil Largeur est actif et que l’épaisseur variable peut être appliquée au trait.
(A) Point de largeur (B) Poignée de largeur

  1. Sélectionnez le point avec l’outil Largeur, puis faites glisser la poignée d’épaisseur vers l’extérieur.
Remarque :

la taille d’épaisseur est limitée à 100 pixels des deux côtés du point d’épaisseur.

Ajout d’épaisseur en faisant glisser vers l’extérieur

  1. Vous pouvez constater que le trait est agrémenté d’une épaisseur variable. Sélectionnez l’outil Largeur et passez la souris sur le trait pour afficher les nouveaux point et poignée d’épaisseur.
L’épaisseur variable est ajoutée au trait avec le point et la poignée d’épaisseur en surbrillance.

Déplacement ou copie de l’épaisseur variable appliquée à un trait

Vous pouvez déplacer ou copier les points d’épaisseur créés pour un trait, ce qui a pour effet de déplacer ou de copier l’épaisseur variable appliquée au trait. Pour déplacer un point d’épaisseur, procédez comme suit :

  1. Sélectionnez l’outil Largeur dans le panneau Outils.
  2. Passez la souris sur le trait pour afficher les points d’épaisseur existants, puis sélectionnez le point d’épaisseur à déplacer.
  3. Faites glisser le point d’épaisseur le long du trait.
Remarque :

le déplacement du point d’épaisseur est limité par le prochain point d’épaisseur d’un des côtés.

Déplacement d’un point d’épaisseur

  1. Le point d’épaisseur est déplacé vers son nouvel emplacement, ce qui modifie également le trait.
Le point d’épaisseur est déplacé vers son nouvel emplacement.

Pour copier un point d’épaisseur, procédez comme suit :

  1. Sélectionnez l’outil Largeur dans le panneau Outils.
  2. Passez la souris sur le trait pour afficher les points d’épaisseur existants, puis sélectionnez le point à copier.
  3. Maintenez la touche Alt (Option sur Mac) enfoncée et faites glisser le point d’épaisseur le long du trait pour copier le point d’épaisseur sélectionné.
Remarque :

le déplacement du point est limité par le prochain point d’épaisseur d’un des côtés.

Copie d’un point d’épaisseur

  1. Le point d’épaisseur est copié. Le trait est aussi modifié.
Le point d’épaisseur est copié

Modification de l’épaisseur variable d’un trait

Le fait de modifier l’épaisseur variable d’un trait à un point d’épaisseur donné développe ou réduit proportionnellement le trait de l’un des côtés du point d’épaisseur. Si, toutefois, vous souhaitez modifier l’épaisseur d’un côté du point, procédez comme suit :
  1. Sélectionnez l’outil Largeur dans le panneau Outils.
  2. Passez la souris sur le trait pour afficher les points d’épaisseur existants, puis sélectionnez le point d’épaisseur de l’une des extrémités de la poignée d’épaisseur que vous souhaitez modifier.
  3. Maintenez la touche Alt (Option sous Mac) enfoncée et faites glisser la poignée d’épaisseur vers l’extérieur pour modifier le point d’épaisseur sélectionné.
Modification de l’épaisseur d’un trait

  1. Le point d’épaisseur est déplacé et le trait est modifié en conséquence.
Le point d’épaisseur est déplacé de manière asymétrique et le trait est modifié en conséquence.

Suppression de l’épaisseur variable d’un trait

Pour supprimer un point d’épaisseur, procédez comme suit :

  1. Passez la souris et sélectionnez le point d’épaisseur à supprimer.
  2. Appuyez sur la touche Retour arrière ou Suppression pour supprimer le point sélectionné.
Le point d’épaisseur est supprimé et le trait est modifié en conséquence.

Commandes de l’outil Épaisseur

Le tableau suivant répertorie les raccourcis clavier de l’outil Épaisseur :

Tâches de contrôle de l’épaisseur

Raccourcis clavier

Créer des épaisseurs non uniformes

Alt+faire glisser (Windows) ou Option+faire glisser (Mac OS)

Créer une copie du point d’épaisseur

Alt + faire glisser le point d’épaisseur (Windows) ou Option+faire glisser le point d’épaisseur (Mac OS)

Copier et déplacer tous les points d’épaisseur sur le tracé

Alt+Maj+faire glisser (Windows) ou Option+Maj+faire glisser (Mac OS)

Sélectionner plusieurs points d’épaisseur et les faire glisser

Maj + clic + faire glisser

Supprimer les points d’épaisseur sélectionnés

Supprimer

Enregistrement des profils d’épaisseur

Après avoir défini l’épaisseur du trait, vous pouvez enregistrer le profil d’épaisseur variable au moyen de l’Inspecteur des propriétés.

  1. Sélectionnez le trait auquel vous avez ajouté l’épaisseur variable.
  2. Cliquez sur le bouton + à droite de la liste déroulante Largeur dans l’Inspecteur des propriétés.
  3. Dans la boîte de dialogue Profil d’épaisseur variable, entrez un Nom de profil.
  4. Cliquez sur OK.

 

A) Icône Enregistrer le profil d’épaisseur B) Icône Supprimer le profil d’épaisseur C) Icône Réinitialiser le profil d’épaisseur

Il est ensuite possible d’appliquer les profils d’épaisseur aux tracés sélectionnés en les choisissant dans la liste déroulante Profil d’épaisseur du panneau Propriétés. Lorsqu’un trait sans épaisseur variable est sélectionné, la liste affiche l’option Uniforme. Pour rétablir le profil d’épaisseur par défaut, cliquez sur le bouton Réinitialiser les profils.

L’option Enregistrer le profil d’épaisseur est disponible uniquement lorsque vous sélectionnez sur la scène une épaisseur variable qui ne se trouve pas dans les profils d’épaisseur par défaut. Vous pouvez créer vos propres profils de trait à l’aide de l’outil Épaisseur et les enregistrer. De la même manière, l’icône Supprimer le profil d’épaisseur est disponible lorsque vous sélectionnez un profil d’épaisseur personnalisé dans la liste déroulante. Utilisez cette option pour supprimer un profil personnalisé.

Remarque :

rétablir le profil d’épaisseur par défaut défini supprime tous les profils personnalisés enregistrés. Vous pouvez également synchroniser les profils personnalisés enregistrés sur le Cloud.

Aperçu en direct des couleurs

La fonction Aperçu en direct des couleurs affiche simultanément les couleurs du trait et du remplissage lors de la création d’une forme sur la scène. Elle permet de visualiser l’aspect final d’une forme lorsque vous la dessinez. Cette fonction est activée pour tous les outils disponibles dans Animate.

La fonction Aperçu en direct des couleurs est également activée pour les nuanciers dans Animate. Vous pouvez donc afficher l’aperçu des changements de couleurs de trait ou de remplissage d’une forme sélectionnée sur la scène. Placez le curseur de la souris sur la couleur de votre choix pour afficher le changement de couleur.

L’aperçu couleur en direct est activé pour les nuanciers des panneaux suivants :

  • Panneau Outils
  • Inspecteur des propriétés
  • Inspecteur des propriétés de la scène
  • Inspecteur des propriétés du texte
  • Grille
  • Repères
Logo Adobe

Accéder à votre compte