Remodelage des lignes et des formes

  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

Affichage et ajustement de points avec l’outil Sous-sélection

  1. Sélectionnez l’outil Sous-sélection  .
  2. Cliquez sur la ligne ou le contour de forme.

Remodelage d’une ligne ou d’une forme

Pour remodeler une ligne ou un contour de forme, vous pouvez faire glisser tout point d’une ligne avec l’outil Sélection. Le pointeur change pour indiquer le type de remodelage qu’il peut effectuer sur la ligne ou le remplissage.

Animate ajuste la courbe du segment en fonction de la nouvelle position du point déplacé. Si vous repositionnez un point d’extrémité, vous pouvez allonger ou raccourcir la ligne. Si vous avez repositionné un point d’angle, les segments de ligne formant l’angle restent droits lorsqu’ils sont allongés ou raccourcis.

Un angle qui apparaît sous le pointeur indique que vous pouvez modifier un point d’extrémité. Lorsque c’est une courbe qui apparaît sous le pointeur, vous pouvez ajuster la courbe.

Il est parfois plus facile de modifier la forme des traits de pinceau si vous les affichez sous forme de contours.

Si vous éprouvez des difficultés lors de la modification d’une ligne complexe, vous pouvez la lisser afin de supprimer une partie de ses détails et faciliter ainsi la modification. Si vous augmentez le grossissement, la modification deviendra plus aisée et plus précise à exécuter.

  1. Sélectionnez l’outil Sélection  .
  2. Effectuez l’une des opérations suivantes :
    • Pour remodeler une forme, faites glisser à partir d’un point quelconque.

    • Pour créer un nouveau point d’angle, faites glisser une ligne tout en maintenant la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée.

Redressement et lissage des lignes

Le redressement permet de faire des retouches de redressement aux lignes et aux courbes que vous avez déjà dessinées. Il n’a aucun effet sur les segments déjà droits.

Remarque :

Vous pouvez ajuster le degré de lissage et de redressement automatique dans les paramètres des préférences de dessin.

Pour qu’Animate reconnaisse les formes, vous pouvez utiliser la technique du redressement. Si vous dessinez des formes ovales, rectangulaires ou triangulaires alors que l’option Reconnaître les formes est désactivée, vous pouvez utiliser l’option de redressement pour en faire des formes géométriques parfaites. Les formes qui se touchent et qui sont donc connectées à d’autres éléments ne sont pas reconnues.

La reconnaissance des formes fait des formes du haut les formes du bas.

Le lissage adoucit les courbes et réduit les bosses ou autres variations qui apparaissent dans la direction générale de la courbe. Il réduit également le nombre de segments d’une courbe. Le lissage est néanmoins relatif et n’a aucun effet sur les segments droits. Il est particulièrement utile lorsque vous avez des difficultés à remodeler de très petits segments de ligne incurvés. La sélection et le lissage de tous les segments réduit le nombre de segments et crée ainsi une courbe plus fluide qui est plus facile à remodeler.

Chaque application des fonctions de lissage ou de redressement lisse ou redresse un peu plus chaque segment (respectivement), selon sa courbure ou sa rectitude originale.

  • Pour lisser la courbe de chacun des traits sélectionnés, choisissez l’outil Sélection, puis cliquez sur Lisser, modificateur  dans la section Options du panneau Outils. Chaque clic sur le bouton Lisser, modificateur rend le trait sélectionné progressivement plus lisse.

  • Pour entrer des paramètres spécifiques pour une opération de lissage, choisissez Modification > Forme > Lisser. Dans la boîte de dialogue Lisser, entrez des valeurs pour les paramètres Lisser l’angle au-dessus de, Lisser l’angle au dessous de et Intensité du lissage.

  • Pour faire des retouches de redressement sur chaque contour de remplissage ou de ligne incurvée sélectionnée, choisissez l’outil Sélection , puis cliquez sur le modificateur Redresser  dans la section Options du panneau Outils.

  • Pour entrer des paramètres spécifiques pour une opération de redressement, choisissez Modification > Forme > Redresser. Dans la boîte de dialogue Redresser, entrez une valeur pour le paramètre Intensité du redressement.

  • Pour utiliser la reconnaissance d’une forme, choisissez l’outil Sélection , puis cliquez sur le modificateur Redresser  ou sélectionnez Modification > Forme > Redresser.

Optimisation des courbes

Ce processus affine les courbes et les contours de remplissage en réduisant le nombre de courbes utilisées pour définir ces éléments. L’optimisation des courbes réduit également la taille du document Flash Professional (fichier FLA) et la taille de l’animation Animate (fichier SWF) exportée. Vous pouvez appliquer l’optimisation plusieurs fois sur les mêmes éléments.

  1. Sélectionnez les éléments dessinés à optimiser, puis sélectionnez Modification > Forme > Optimiser.
  2. Utilisez le curseur Intensité de l’optimisation pour spécifier le degré de lissage. Le résultat exact dépend des courbes sélectionnées. D’une manière générale, l’optimisation réduit le nombre de courbes et donne un résultat assez différent du contour original.
  3. Pour afficher un message indiquant le nombre de segments dans la sélection avant et après l’optimisation, activez l’option Afficher le message des totaux. Animate affiche le message lorsque l’opération est terminée.

  4. Cliquez sur OK.

Modification des formes

  1. Pour convertir les lignes en remplissages, sélectionnez une ou plusieurs lignes, puis sélectionnez Modification > Forme > Convertir les lignes en remplissages. La fonction Convertir les lignes en remplissages permet de transformer des lignes en remplissages, ce qui vous permet de remplir les lignes avec des dégradés ou d’effacer une portion de ligne. La conversion de lignes en remplissages peut augmenter la taille des fichiers, mais peut également accélérer le processus de dessin dans certains effets animés.
  2. Pour étendre la forme d’un objet rempli, sélectionnez une forme remplie, puis sélectionnez Modification > Forme > Étendre le remplissage. Saisissez une valeur en pixels dans le champ Distance et sélectionnez Vers l’extérieur ou Vers l’intérieur dans la zone Direction. L’option Vers l’extérieur agrandit la forme, alors que Vers l’intérieur la réduit.

    Cette fonction donne de meilleurs résultats sur une seule forme, remplie et petite, et qui ne contient ni traits ni de petits détails en trop grand nombre.

  3. Pour adoucir les bords d’un objet, sélectionnez une forme remplie, puis sélectionnez Modification > Forme > Adoucir les bords de remplissage. Définissez les options suivantes :

    Distance

    Correspond à l’épaisseur (en pixels) du bord adouci.

    Nombre d’étapes

    Indique le nombre de courbes utilisées pour obtenir l’effet d’adoucissement des bords. Plus les étapes sont nombreuses et plus l’effet d’adoucissement est prononcé. En revanche, la taille des fichiers augmente et la vitesse de création des dessins diminue.

    Étendre ou Vers l’intérieur

    Détermine si la forme doit être agrandie ou rétrécie pour adoucir les bords.

    Cette fonction donne de meilleurs résultats sur une seule forme remplie qui ne contient pas de trait. Elle peut augmenter la taille du fichier d’un document Animate et du fichier SWF obtenu.

Suppression de tout le contenu de la scène

  1. Double-cliquez sur l’outil Gomme  de la barre d’outils. Cette opération efface tous les types de contenu de la scène et de la zone de travail.

Suppression des segments de trait ou des zones remplies

  1. Sélectionnez l’outil Gomme, puis cliquez sur le modificateur Robinet  .
  2. Cliquez sur le segment de trait ou la zone remplie à supprimer.

Effacement par glissement

  1. Sélectionnez l’outil Gomme.
  2. Cliquez sur le modificateur Mode de la gomme, puis sélectionnez un mode d’effacement :
    Modificateurs du mode de gomme
    Modificateurs du mode de gomme

    Efface normalement

    Efface les traits et les remplissages d’un même calque.

    Efface les zones remplies

    Efface uniquement les remplissages, sans toucher aux traits.

    Efface les lignes

    Efface uniquement les traits, sans toucher aux zones remplies.

    Efface les zones remplies sélectionnées

    Efface uniquement les remplissages actuellement sélectionnés sans toucher aux traits, qu’ils soient sélectionnés ou non. Sélectionnez les remplissages à effacer avant d’utiliser l’outil Gomme dans ce mode.

    Efface à l’intérieur

    Efface uniquement le remplissage dans lequel vous avez donné le premier coup de gomme. Si le premier coup de gomme est donné dans une zone vide, aucune zone n’est effacée. Dans ce mode, les traits ne sont pas effacés par la gomme.

  3. Cliquez sur le modificateur Forme de la gomme, puis sélectionnez une forme et une taille de gomme. Assurez-vous que le modificateur Robinet n’est pas sélectionné.
    Formes de gomme
    Formes de gomme

    Utilisez la barre de défilement horizontale pour régler la taille de la forme de gomme. 

  4. Adaptez, supprimez ou modifiez la forme personnalisée. Cliquez sur l’icône Ajouter la forme de gomme personnalisée en regard de l’icône Forme de la gomme pour créer votre forme de gomme personnalisée. Sélectionnez la forme, l’angle et la flèche pour définir les propriétés de la plume. Cliquez sur OK pour créer une forme personnalisée.

    Gomme – Options de la plume
    Gomme – Options de la plume

  5. Faites glisser le pointeur sur la scène.

Utilisation des modificateurs de pression et d’inclinaison

L’outil Gomme s’enrichit d’options de pression et d’inclinaison afin d’améliorer les options de dessin.

Options de pression et d’inclinaison
Options de pression et d’inclinaison

Sélectionnez l’outil Gomme, puis l’icône  de la barre d’outils pour activer la sensibilité à la pression ou l’icône  pour activer la sensibilité à l’inclinaison. Les valeurs de pourcentage par défaut sont 1 % et 100 %, ce qui correspond aux valeurs minimum et maximum de pression et d’inclinaison.

À l’aide de l’outil Gomme, tracez des traits d’épaisseur variable d’après la pression ou l’inclinaison appliquée sur la gomme.

L’illustration ci-dessous montre un exemple de dessin obtenu à l’aide des options de pression et d’inclinaison de l’outil Gomme :

Illustration de l’application des options de pression et d’inclinaison
Illustration de l’application des options de pression et d’inclinaison

Synchronisation des paramètres des outils Gomme et Pinceau

Vous pouvez synchroniser les sous-paramètres (pression ou inclinaison, taille et formes de la plume, etc.) des outils Pinceau (B) et Gomme (E). Ces paramètres sont mémorisés même si vous quittez puis relancez Animate.

  1. Activez l’option Synchroniser les paramètres avec le pinceau dans l’outil Gomme (E).
  2. Les paramètres actuels de l’outil Gomme (E) sont répercutés dans l’outil Pinceau (B) et inversement. Le stylet Wacom utilise toujours le paramètre de lissage de l’outil Pinceau (B). Lorsque l’outil Pinceau (B) est sélectionné, la partie arrière de Wacom utilise les paramètres du pinceau. Dans le cas contraire, pour tout autre outil, il utilise les paramètres de la gomme.
Synchronisation des paramètres des outils Gomme et Pinceau

Effacer sur le calque actif

Vous pouvez utiliser l’outil Gomme (E) pour effacer du contenu uniquement sur le calque actif.

Activez l’option Effacer sur le calque actif dans l’outil Gomme (E).

Effacer sur le calque actif

Logo Adobe

Accéder à votre compte