Création de calques de scénario avec 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

Création et organisation des calques

Les calques permettent d’organiser les différents éléments d’un document. Vous pouvez dessiner et modifier des objets sur un calque sans affecter les objets des autres calques. Dans les zones de la scène où les calques sont vides, vous pouvez apercevoir les calques situés en dessous.

Pour dessiner, peindre ou encore modifier un calque ou un dossier, vous devez sélectionner le calque dans le scénario pour le rendre actif. L’icône Crayon en regard du nom d’un calque ou d’un dossier dans le scénario indique que le calque ou le dossier est actif. Vous ne pouvez activer qu’un seul calque à la fois (même si vous pouvez en sélectionner plusieurs à la fois).

Les documents que vous créez dans Animate contiennent un seul calque. Vous pouvez y ajouter d’autres calques de façon à organiser le contenu, les effets animés et les autres éléments de votre document. Vous pouvez également masquer, verrouiller ou réorganiser les calques. Le nombre de calques que vous pouvez créer n’a de limite que la mémoire de votre ordinateur, les calques n’augmentant pas la taille de votre fichier SWF publié. Seuls les objets que vous placez sur les calques influent sur la taille du fichier.

Pour organiser et gérer les calques, créez des dossiers de calques et placez-y des calques. Vous pouvez développer ou réduire les dossiers de calques dans le scénario sans affecter ce qui est affiché sur la scène. Utilisez des calques ou des dossiers distincts pour les fichiers audio, ActionScript, les étiquettes d’images et les commentaires d’images. L’utilisation de calques distincts vous permet de retrouver plus rapidement ces éléments lorsque vous devez les modifier.

Pour créer des effets sophistiqués, vous pouvez utiliser des calques de guide spéciaux afin de faciliter les opérations de dessin et de retouche, et de créer des calques de masque.

Il existe cinq types de calques que vous pouvez utiliser dans Animate :

  • Les calques normaux contiennent la plus grosse partie de l’illustration dans un fichier FLA.

  • Les calques de masque contiennent des objets utilisés comme masques pour recouvrir et cacher les parties sélectionnées des calques. Pour plus d’informations, voir Utilisation de calques de masque.

  • Les calques masqués sont des calques placés sous un calque de masque que vous associez avec ce dernier. Seule la partie du calque masqué non recouverte par le masque est visible. Pour plus d’informations, voir Utilisation de calques de masque.

  • Les calques de guide contiennent des contours qui peuvent servir à guider la disposition des objets sur d’autres calques. En outre, vous pouvez les utiliser pour guider le mouvement d’animations d’interpolation classiques sur d’autres calques. Pour plus d’informations, voir Calques de guide et Création d’un mouvement d’interpolation classique le long d’une trajectoire.

  • Les calques guidés sont des calques associés à un calque de guide. Les objets placés sur le calque guidé peuvent être disposés ou animés le long des traits sur le calque de guide. Les calques guidés peuvent contenir du contenu statique et des interpolations classiques, mais pas d’interpolations de mouvement.

  • Les calques d’interpolation de mouvement contiennent les objets animés avec des interpolations de mouvement. Pour plus d’informations, voir À propos des animations interpolées.

  • Les calques de squelette contiennent des objets auxquels sont liés des segments de cinématique inverse. Pour plus d’informations, voir Animation de cinématique inverse à l’aide de l’outil Segment.

Les calques normaux, de masque, masqués et de guide peuvent contenir des interpolations de mouvement ou des segments de cinématique inverse. Lorsque ces éléments sont présents dans l’un de ces calques, seuls certains types de contenu peuvent être ajoutés au calque. Pour plus d’informations, voir Interpolations de mouvement et Animation de cinématique inverse à l’aide de l’outil Segment.

Création d’un calque

Lorsque vous créez un calque, il apparaît au-dessus du calque sélectionné. Le calque que vous venez d’ajouter devient le calque actif.

  1. Effectuez l’une des opérations suivantes :
    • Cliquez sur le bouton Nouveau calque  en bas du scénario.

    • Sélectionnez Insertion > Scénario > Calque.

    • Cliquez avec le bouton droit de la souris (Windows) ou avec la touche Ctrl enfoncée (Macintosh) sur le nom d’un calque dans le scénario, puis choisissez Insérer un calque dans le menu contextuel.

Création d’un dossier de calques

  1. Effectuez l’une des opérations suivantes :
    • Sélectionnez un calque ou un dossier dans le scénario, puis choisissez Insertion > Scénario > Dossier de calques.

    • Cliquez avec le bouton droit de la souris (Windows) ou avec la touche Ctrl enfoncée (Macintosh) sur le nom d’un calque dans le scénario, puis choisissez Insérer un dossier dans le menu contextuel. Le nouveau dossier apparaît au-dessus du calque ou du dossier que vous avez sélectionné.

    • Cliquez sur l’icône Nouveau dossier  en bas du Scénario. Le nouveau dossier apparaît au-dessus du calque ou du dossier que vous avez sélectionné.

Organisation des calques et des dossiers de calques

Vous pouvez réorganiser les différents calques et dossiers dans le scénario pour mieux organiser votre document.

Les dossiers de calques vous permettent d’organiser vos tâches en plaçant les calques dans une structure arborescente. Vous pouvez développer ou réduire le dossier pour voir les calques contenus dans un dossier sans affecter ceux qui sont visibles sur la scène. Les dossiers pouvant contenir des calques et d’autres dossiers, vous pouvez organiser les calques de la même manière que vous organisez les fichiers de votre ordinateur.

Les commandes du scénario relatives aux calques s’appliquent à tous les calques d’un même dossier. Par exemple, le verrouillage d’un dossier de calques entraîne le verrouillage de tous les calques qu’il contient.

  • Faites glisser le calque ou le nom du dossier de calque jusqu’au nom du dossier de calque souhaité afin de déplacer un calque ou un dossier de calque dans le dossier visé.
  • Faites glisser un ou plusieurs calques ou dossiers du scénario dans la position souhaitée pour changer l’ordre des calques ou des dossiers.
  • Pour développer ou réduire un dossier, cliquez sur le triangle à gauche de son nom.
  • Pour développer ou réduire tous les dossiers, cliquez sur le bouton droit (Windows) ou cliquez en maintenant la touche Ctrl enfoncée (Macintosh) et sélectionnez ensuite Développer tous les dossiers ou Réduire tous les dossiers.

Changement de nom d’un calque ou d’un dossier

Par défaut, Animate attribue des noms aux nouveaux calques dans l’ordre dans lequel ils sont créés : Calque 1, Calque 2 et ainsi de suite. Renommez les calques pour mieux représenter leur contenu.

  1. Effectuez l’une des opérations suivantes :
    • Double-cliquez sur le nom du calque ou dossier dans le scénario, puis saisissez un nouveau nom.

    • Cliquez avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur le nom du calque ou dossier et choisissez Propriétés dans le menu contextuel. Saisissez le nouveau nom dans Nom, puis cliquez sur OK.

    • Sélectionnez le calque ou le dossier dans le scénario, puis choisissez Modification > Scénario > Propriétés du calque. Saisissez le nouveau nom dans le champ Nom, puis cliquez sur OK.

Sélection d’un calque ou d’un dossier

  1. Effectuez l’une des opérations suivantes :
    • Cliquez sur le nom du calque ou dossier dans le scénario.

    • Cliquez sur l’image du scénario du calque que vous souhaitez sélectionner.

    • Sélectionnez un objet sur la scène, dans le calque que vous souhaitez sélectionner.

    • Pour sélectionner des calques ou dossiers contigus, cliquez avec la touche Maj enfoncée sur leurs noms dans le scénario.

    • Pour sélectionner des calques ou dossiers non contigus, cliquez avec la touche Contrôle enfoncée (Windows) ou la touche Commande (Macintosh) enfoncée sur leurs noms dans le scénario.

Copie d’images à partir d’un calque unique

  1. Sélectionnez une plage d’images dans un calque. Cliquez sur le nom du calque dans le scénario pour sélectionner le calque entier.
  2. Sélectionnez Modifier > Scénario > Copier les images.

  3. Cliquez sur l’emplacement de l’image où vous souhaitez effectuer le collage et choisissez ensuite Modifier > Scénario > Coller les images. Utilisez la commande Coller et remplacer les images pour remplacer le nombre exact d’images copiées sur le scénario cible.

    Collage et remplacement des images

    A. Sélectionnez les images et copiez-les. B. Cliquez avec le bouton droit sur l’image dans laquelle vous souhaitez coller des images et sélectionnez ensuite Coller et remplacer les images. C. Les images collées écrasent le nombre exact d’images sur le scénario. 

Copie d’images à partir d’un dossier de calques

  1. Pour sélectionner l’intégralité du dossier, réduisez-le (en cliquant sur le triangle situé à gauche de son nom dans le scénario) et cliquez ensuite sur le nom du dossier. 

  2. Sélectionnez Modifier > Scénario > Copier les images.

  3. Pour créer un dossier, sélectionnez Insertion > Scénario > Calque.

  4. Cliquez sur le nouveau calque et choisissez ensuite Modifier > Scénario > Coller les images.

Suppression d’un calque ou d’un dossier

  1. Sélectionnez le calque ou le dossier en cliquant sur son nom dans le scénario ou sur n’importe quelle image du calque.
  2. Effectuez l’une des opérations suivantes :
    • Cliquez sur l’icône Supprimer le calque dans le scénario.

    • Faites glisser le calque ou dossier sur l’icône Supprimer le calque.

    • Cliquez avec le bouton droit (Windows) ou avec la touche Contrôle enfoncée (Macintosh) sur le nom du calque ou dossier et choisissez Supprimer le calque dans le menu contextuel.

    Remarque :

    Lorsque vous supprimez un dossier de calques, tous les calques et leur contenu sont également supprimés.

Verrouillage ou déverrouillage d’un ou plusieurs calques ou dossiers

  • Pour verrouiller un calque ou un dossier, cliquez sur la colonne de verrouillage à droite du nom. Cliquez de nouveau pour le déverrouiller.

  • Cliquez sur l’icône de verrouillage pour verrouiller tous les calques et dossiers. Pour déverrouiller tous les calques et dossiers, cliquez de nouveau.

  • Faites glisser le pointeur de la souris dans la colonne de verrouillage pour verrouiller ou déverrouiller plusieurs calques ou dossiers.

  • Pour verrouiller tous les autres calques ou dossiers, cliquez dans la colonne de verrouillage en maintenant la touche Alt (Windows) ou Option (Macintosh) enfoncée. Pour déverrouiller tous les calques ou dossiers, cliquez à nouveau dans la colonne de verrouillage en maintenant la touche Alt ou Option (Macintosh) enfoncée.

Copier et coller des calques (CS5.5 uniquement)

Vous pouvez copier des calques ou dossiers de calques entiers dans le scénario et les coller dans le même scénario ou dans des scénarios distincts. Vous pouvez copier tous types de calques.

Lors du copier-coller de calques, la structure du dossier de calques des calques copiés est préservée.

  1. Sélectionnez un ou plusieurs calques dans le scénario en cliquant sur le nom du calque. Pour sélectionner des calques contigus, cliquez en maintenant la touche Maj enfoncée. Pour sélectionner des calques non contigus, cliquez en maintenant la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée.

  2. Sélectionnez Modifier > Scénario > Copier les calques ou Couper les calques. Vous pouvez également cliquer sur les calques avec le bouton droit de la souris et sélectionner ensuite Copier les calques ou Couper les calques dans le menu contextuel.

  3. Dans le scénario sur lequel vous souhaitez effectuer le collage, sélectionnez le calque situé juste au-dessous de l’emplacement auquel vous souhaitez insérer les calques collés.

  4. Sélectionnez Modifier > Scénario > Coller les calques.

Les calques s’affichent dans le scénario au-dessus du calque que vous avez sélectionné. Si vous avez sélectionné un dossier de calques, les calques collés se trouvent dans le dossier.

Pour placer un calque dans un calque de masque ou dans un calque de guide, vous devez tout d’abord sélectionner un calque sous le masque ou le guide, puis le coller. Il est impossible de coller un calque de masque, un calque de guide ou un calque de dossier sous un calque de masque ou un calque de guide.

Vous pouvez également dupliquer des calques en les sélectionnant et en choisissant ensuite Modifier > Scénario > Dupliquer les calques. Le mot « copie » est ajouté au nom des nouveaux calques.

Définition de propriétés sur plusieurs calques

  1. Dans Animate, créez un fichier FLA ou ouvrez un fichier existant.

  2. Sélectionnez les calques dont vous souhaitez modifier les propriétés, cliquez dessus avec le bouton droit de la souris, puis choisissez Propriétés.

  3. Dans la boîte de dialogue Propriétés du calque, modifiez les propriétés.

  4. Cliquez sur OK.

Affichage ou masquage d’un calque ou d’un dossier

Une croix rouge (X) placée en regard du nom d’un calque ou d’un dossier dans le scénario indique que celui-ci est masqué. Dans les paramètres de publication, vous pouvez choisir si les calques masqués sont inclus lorsque vous publiez un fichier SWF.

  • Pour masquer un calque ou un dossier, cliquez dans la colonne d’affichage à la droite du calque ou du dossier dans le scénario. Cliquez de nouveau pour l’afficher.

  • Pour masquer tous les calques et dossiers dans le scénario, cliquez sur l’icône représentant un œil. Pour afficher tous les calques et dossiers, cliquez à nouveau.

  • Pour afficher ou masquer plusieurs calques ou dossiers, faites glisser le pointeur de la souris dans la colonne avec l’icône représentant un œil.

  • Pour masquer tous les calques et dossiers autres que ceux en cours, cliquez en appuyant sur la touche Alt (Windows) ou Option (Macintosh) dans la colonne contenant une icône en forme d’œil. Pour afficher tous les calques et dossiers, cliquez de nouveau en appuyant sur la touche Alt ou Option.

Affichage du contenu d’un calque sous forme de contours

Pour savoir à quel calque appartient un objet, affichez tous les objets d’un calque sous forme de contours colorés.

  • Cliquez dans la colonne d’affichage sous forme de contours, à droite du nom du calque, pour afficher tous les objets présents sur ce calque sous forme de contours. Pour désactiver l’affichage de contours, cliquez de nouveau dessus.

  • Cliquez sur l’icône de contours pour afficher les objets présents sur tous les calques sous forme de contours. Cliquez de nouveau dessus pour désactiver l’affichage des contours sur tous les calques.

  • Pour afficher les objets sur tous les calques autres que celui en cours, cliquez en appuyant sur la touche Alt (Windows) ou Option (Macintosh) dans la colonne Contour. Pour désactiver l’affichage des contours pour tous les calques, cliquez de nouveau en appuyant sur la touche Alt ou Option.

Remarque :

Les trajectoires de mouvement du calque utilisent également la couleur du contour du calque.

Changement de la couleur du contour d’un calque

  1. Effectuez l’une des opérations suivantes :
    • Double-cliquez sur l’icône du calque (l’icône située à gauche du nom du calque) dans le scénario.

    • Cliquez avec le bouton droit (Windows) ou avec la touche Ctrl enfoncée (Macintosh) sur le nom du calque et sélectionnez ensuite Propriétés dans le menu contextuel.

    • Sélectionnez le calque dans le scénario et choisissez Modification > Scénario > Propriétés du calque.

  2. Dans la boîte de dialogue Propriétés du calque, cliquez sur la palette Couleur de contour, sélectionnez une nouvelle couleur, puis cliquez sur OK.

Affichage de calques et de dossiers de calques

Affichage ou masquage d’un calque ou d’un dossier

Une croix rouge (X) placée en regard du nom d’un calque ou d’un dossier dans le scénario indique que celui-ci est masqué. Dans les paramètres de publication, vous pouvez choisir si les calques masqués sont inclus lorsque vous publiez un fichier SWF.

  • Pour masquer un calque ou un dossier, cliquez dans la colonne d’affichage à la droite du calque ou du dossier dans le scénario. Cliquez de nouveau pour l’afficher.

  • Pour masquer tous les calques et dossiers dans le scénario, cliquez sur l’icône représentant un œil. Pour afficher tous les calques et dossiers, cliquez à nouveau.

  • Pour afficher ou masquer plusieurs calques ou dossiers, faites glisser le pointeur de la souris dans la colonne avec l’icône représentant un œil.

  • Pour masquer tous les calques et dossiers autres que le calque ou le dossier en cours, cliquez en appuyant sur la touche Alt (Windows) ou Option (Macintosh) dans la colonne contenant une icône en forme d’œil. Pour afficher tous les calques et dossiers, cliquez de nouveau en appuyant sur la touche Alt ou Option.

Affichage du contenu d’un calque sous forme de contours

Pour savoir à quel calque appartient un objet, affichez tous les objets d’un calque sous forme de contours colorés.

  • Cliquez dans la colonne d’affichage sous forme de contours, à droite du nom du calque, pour afficher tous les objets présents sur ce calque sous forme de contours. Pour désactiver l’affichage de contours, cliquez de nouveau dessus.

  • Cliquez sur l’icône de contours pour afficher les objets présents sur tous les calques sous forme de contours. Cliquez de nouveau dessus pour désactiver l’affichage des contours sur tous les calques.

  • Pour afficher les objets sur tous les calques autres que celui en cours, cliquez en appuyant sur la touche Alt (Windows) ou Option (Macintosh) dans la colonne Contour. Pour désactiver l’affichage des contours pour tous les calques, cliquez de nouveau en appuyant sur la touche Alt ou Option.

Modification de la couleur de contour d’un calque

  1. Effectuez l’une des opérations suivantes :
    • Double-cliquez sur l’icône du calque (l’icône située à gauche du nom du calque) dans le scénario.

    • Cliquez avec le bouton droit de la souris (Windows) ou avec la touche Ctrl enfoncée (Macintosh) sur le nom du calque et sélectionnez ensuite Propriétés dans le menu contextuel.

    • Sélectionnez le calque dans le scénario et choisissez Modification > Scénario > Propriétés du calque.

  2. Dans la boîte de dialogue Propriétés du calque, cliquez sur la palette Couleur de contour, sélectionnez une nouvelle couleur, puis cliquez sur OK.

Remarque :

Les trajectoires de mouvement du calque utilisent également la couleur du contour du calque.

Définition de la transparence du calque

  1. Dans Animate, créez un fichier FLA ou ouvrez un fichier existant.

  2. Cliquez en maintenant la touche Maj enfoncée sur la colonne contenant une icône en forme d’œil dans le scénario, afin de définir la visibilité sur Transparent.

    Remarque :

    L’action Maj + clic n’a aucun effet sur les calques masqués.

    Définition de la transparence du calque
    Définition de la transparence du calque

  3. Utilisez l’une des options suivantes pour définir la transparence d’un calque :

    • Cliquez avec le bouton droit de la souris sur un calque et sélectionnez Propriétés dans le menu contextuel. Dans la boîte de dialogue Propriétés du calque, sélectionnez Visibilité > Transparent.
    • Cliquez avec le bouton droit sur un calque, puis sélectionnez Afficher d’autres transparents.
    Propriétés du calque
    Propriétés du calque

  4. Cliquez sur OK.

Remarque :

La transparence du calque n’a aucun effet sur les calques masqués. 

Utilisation de calques avancés

Avec le mode Calques avancés d’Animate, tous les calques dans le scénario sont publiés en tant que symboles. Le mode Calques avancés permet d’accéder aux fonctions suivantes :

Le mode Calques avancés est activé par défaut. Vous pouvez activer ou désactiver les calques avancés à l’aide des paramètres Modifier > Document. Après avoir appliqué les modifications, cliquez sur Établir comme valeur par défaut pour conserver le paramètre actuel pour les documents suivants et entre les sessions d’Animate. 

Mode des calques avancés
Mode des calques avancés

Quand vous accédez à ces symboles à l’aide d’un script dans Animate, vous devez les invoquer en utilisant un calque en tant qu’objet. Par exemple, si vous n’utilisez pas de calques avancés, vous pouvez accéder directement à un symbole à l’aide d’un script semblable à l’exemple suivant : 

getchildbyname("symbol1");

Toutefois, si vous utilisez des calques avancés, vous pouvez accéder au symbole uniquement via un calque à l’aide d’un script semblable à l’exemple suivant :

Layer=getchildbyname("L1");

Layer.getchildbyname("symbol1");

Exemple de code pour accéder à des symboles à l’aide des calques avancés pour le type de document AS3 : 

Var Layer:MovieClip =MovieClip(getchildbyname("L1"));
Layer.getchildbyname("symbol1");

Exemple de code pour accéder à des symboles à l’aide des calques avancés pour le type de document HTML5 Canvas : 

Layer=this.getchildbyname("L1");
Layer.getchildbyname("symbol1");

L’illustration suivante montre comment accéder à un symbole en utilisant le script avec et sans calques avancés. 

Illustration sur la façon d’accéder au symbole avec et sans calques avancés
Illustration sur la façon d’accéder au symbole avec et sans calques avancés

Remarque :

La taille de vos projets d’animation publiés peut augmenter lorsque vous utilisez des calques avancés dans Animate. Si vous rencontrez des problèmes lors de l’accès aux fonctionnalités de profondeur de calque ou de caméra, vérifiez si le mode Calques avancés est activé. S’il est désactivé, activez-le afin d’obtenir le comportement prévu. 

Application d’effets de calque

Auparavant, les filtres et les effets de couleur s’appliquaient uniquement aux clips. Avec les calques avancés, les filtres et les effets de couleur peuvent désormais être appliqués à des images sélectives qui, à leur tour, s’appliquent à l’ensemble du contenu, y compris des formes, des objets de dessin, des symboles graphiques, etc. Les effets de calque peuvent également être interpolés en utilisant des interpolations classiques, de forme et de cinématique inverse entre les images.

Vous pouvez appliquer des effets de calque à une ou plusieurs images en sélectionnant celles de votre choix. Vous pouvez également appliquer des effets de calque à toutes les images d’un calque en sélectionnant l’intégralité du calque. Les effets de calque peuvent également être appliqués au scénario du symbole, comme un clip et un symbole graphique, et dans toutes les scènes.

Remarque :

Ces effets ne peuvent être appliqués que lorsque le mode Calques avancés est activé. Il se peut que vous deviez activer le mode Calques explicitement pour que les fichiers utilisent cette fonctionnalité.

Utilisation de filtres pour les images

Pour ajouter des filtres à un cadre spécifique, sélectionnez d’abord l’image. Le panneau Inspecteur des propriétés charge les propriétés spécifiques de l’image. Cliquez sur l’icône + dans la liste déroulante Filtres

Filtres d’image
Filtres d’image

Lorsque vous ajoutez des filtres à des images, l’inspecteur des propriétés s’affiche, comme illustré dans la capture d’écran ci-dessous. 

Vous pouvez définir des propriétés pour chacun des filtres suivant vos besoins et les appliquer au niveau d’une image. L’interpolation s’applique à tous les filtres de l’image. 

Propriétés des filtres d’image dans l’inspecteur des propriétés
Propriétés des filtres d’image dans l’inspecteur des propriétés

Remarque :

Les effets de calque ne sont pris en charge que sur le type de document ActionScript 3. Les calques de caméra et d’interpolation de mouvement ne prennent pas en charge les effets de calque. 

Utilisation d’effets de couleur

Pour appliquer un effet de couleur à une image spécifique, sélectionnez d’abord cette dernière. Le panneau Inspecteur des propriétés charge les propriétés spécifiques de l’image. Sélectionnez la propriété de couleur de votre choix dans le panneau Inspecteur des propriétés.

Effets de couleur
Effets de couleur

Utilisation des modes de fusion

Pour appliquer des modes de fusion sur une image spécifique, sélectionnez tout d’abord l’image, puis choisissez un mode de fusion sous la section Affichage du panneau Propriétés de l’image.

Lorsque vous appliquez la fusion sur des calques ou des images, elle est appliquée à l’ensemble du contenu, y compris les formes, les objets de dessin et les symboles graphiques. Tous les objets d’un calque sont fusionnés avec les objets d’un autre calque, en fonction du mode de fusion appliqué à cette image.

Modes de fusion de calque

Pour plus d’informations sur les modes de fusion, voir Application de modes de fusion.

Application de la profondeur de calque

En tant qu’animateur, vous pouvez placer les calques sur différents plans d’animation 2D de façon à créer une illusion de profondeur. 

Vous pouvez modifier, de manière dynamique, les profondeurs des calques dans le panneau Profondeur de calque. Pour ouvrir le panneau de profondeur de calque, cliquez sur Fenêtre > Profondeur de calque.

Profondeur de calque représentant chaque calque
Profondeur de calque représentant chaque calque

Remarque :

Vous pouvez définir les valeurs de profondeur de calque minimale et maximale dans la plage 5 000 à 10 000.

Comme le montre la capture d’écran ci-dessus, les valeurs de profondeur de calque sont affichées à côté de chaque nom de calque pour une image donnée.

  • À l’aide de la souris, survolez chaque valeur, cliquez et faites glisser le curseur vers la droite ou la gauche.
  • Pour réduire la profondeur, faites glisser le curseur vers la gauche. Pour augmenter la profondeur, faites glisser le curseur vers la droite. 
  • Vous pouvez utiliser des valeurs positives plus petites pour représenter des objets qui sont plus proches et des valeurs positives plus grandes pour représenter des objets lointains.

Vous pouvez interpoler les valeurs de profondeur de calque dans n’importe laquelle des plages d’interpolation pour votre animation. 

Chaque calque est représenté avec des lignes colorées uniques dans le panneau Profondeur de calque. Vous pouvez afficher les couleurs représentant chacun des calques dans le scénario. 

Vous pouvez également augmenter ou diminuer la profondeur des objets dans chaque calque en déplaçant les lignes multicolores vers le haut ou vers le bas.

  • Pour diminuer la profondeur des objets dans un calque, cliquez sur la ligne et déplacez-la vers le haut.
  • Pour augmenter la profondeur des objets dans un calque, cliquez sur la ligne et déplacez-la vers le bas.

Illustration d’animations avec et sans profondeur de calque :

Contenu sans profondeur de calque
Contenu sans profondeur de calque

Contenu avec profondeur de calque
Contenu avec profondeur de calque

Illustration d’une animation avec la profondeur de calque appliquée :

Vous pouvez utiliser la caméra sur des calques à plusieurs plans pour créer un effet de parallaxe ou zoomer sur le contenu d’un plan. Vous pouvez également verrouiller la caméra sur un calque spécifique ou appliquer des effets de caméra lors de l’exécution à l’aide d’API interactives. Pour plus d’informations, voir Création d’un effet de parallaxe avec la profondeur Z de la caméra.

Remarque :

La profondeur de calque s’applique uniquement au scénario principal.

Conservation de la taille pour la profondeur de calque

Vous pouvez modifier la profondeur de calque des objets sans affecter leur taille ni leur position. Pour activer la fonctionnalité de conservation de la taille, cliquez sur le bouton Conserver la taille dans le coin supérieur droit du panneau Profondeur de calque.

Vous pouvez utiliser l’option Conserver la taille dans deux modes :

  • Cliquez sur le bouton Conserver la taille et modifiez la profondeur du calque qui vous intéresse. Le bouton Conserver la taille bascule automatiquement.
  • Appuyez sur la touche Alt et maintenez-la enfoncée pour activer temporairement l’option Conserver la taille tout en faisant glisser les valeurs de profondeur de calque.
Conservation de la taille pour la profondeur de calque
Conservation de la taille pour la profondeur de calque

Application de la profondeur de calque lors de l’exécution

Vous pouvez également afficher la caméra sur les objets à l’exécution et appliquer des effets à l’aide des API de caméra. Pour plus d’informations, voir Utilisation d’une caméra interactive à l’exécution

API de profondeur de calques pour AS3

Vous pouvez gérer les calques lors de l’exécution en utilisant des API, par exemple, lorsque vous souhaitez ajouter un calque dans l’animation ou diminuer la profondeur de l’un des calques. 

Méthode

Prototype

Exemple

Description

setLayerZDepth

fl.Layer.setLayerZDepth(timeline,
layerName,zDepth)

fl.Layer.setLayerZDepth("layerName", 100);

Définit la valeur de profondeur Z d’un calque donné.

getLayerZDepth

fl.Layer.getLayerZDepth(layerName) : zDepth

fl.Layer.getLayerZDepth("layerName");

Renvoie la valeur de profondeur Z d’un calque donné.

addNewLayer

fl.Layer.addNewLayer(layerName,
zDepth=0)

fl.Layer.addNewLayer("layerName",-80);

Ajoute un nouveau calque au scénario et définit la profondeur Z.

removeLayer

fl.Layer.removeLayer(layerName)

fl.Layer.removeLayer("layerName");

Supprime un calque du scénario.

API de profondeur de calques pour HTML Canvas

Méthode

Prototype

Exemple

Description

setLayerZDepth

AdobeAn.Layer.setLayerZDepth(layerName,
zDepth)

console.log(fl.Layer.setLayerZDepth
("layerName", 100));

Définit la valeur de profondeur Z d’un calque donné.

getLayerZDepth

AdobeAn.Layer.getLayerZDepth(layerName)
:zDepth

console.log(fl.Layer.getLayerZDepth
("layerName"));

Renvoie la valeur de profondeur Z d’un calque donné.

Parenté de calque

Animate vous permet d’établir un lien de parenté entre un calque et un autre. La parenté de calque est une manière simple de permettre à un calque/objet de votre animation de contrôler un autre calque/objet. En tant que concepteur d’animation ou de jeu, vous pouvez accélérer votre animation en contrôlant plus facilement les mouvements des différentes parties d’un personnage.

La vue de parenté des calques nécessite l’activation des Calques avancés. Par défaut, les Calques avancés sont activés pour les nouveaux fichiers. Vous pouvez activer la vue de parenté des calques en cliquant sur l’icône de symbole de hiérarchie dans le coin supérieur droit du scénario. 

Affichage de la parenté de calque
Affichage de la parenté de calque

Remarque :

La parenté des objets déformés ne fonctionne que lorsque le point de transformation de l’objet calque enfant se trouve sur l’objet calque parent.

Calques parents et enfants

Dans la vue de parenté, lorsque vous déplacez le calque 1 sur le calque 2, le calque 1 devient l’enfant du calque parent 2. L’objet sur le calque enfant hérite de la position et de la rotation de l’objet sur le calque parent indépendamment de porter ses propres propriétés. Ainsi, quand vous déplacez ou tournez le parent, l’enfant se déplace ou tourne également avec le parent. Vous pouvez créer plusieurs relations parent-enfant afin de constituer une hiérarchie.

Parenté de calques

Vous pouvez lier un calque à un autre en cliquant sur la poignée du calque (tête de couleur) et en la faisant glisser sur l’autre calque. Une autre solution consiste à cliquer n’importe où dans l’espace rectangulaire horizontal à côté du nom du calque et à le faire glisser sur un autre calque. Vous pouvez également utiliser un simple clic et choisir le calque parent correspondant dans la liste contextuelle. 

Une ligne pointillée apparaît à côté de la tête de couleur du calque dès que vous cliquez sur la ligne et essayez de la faire glisser. Un lien parent-enfant est établi entre les deux calques dès que vous relâchez le clic et l’action de glissement.

Définition du calque parent
Définition du calque parent

La tête de couleur la plus à gauche dans la hiérarchie de vue de parenté de calque représente le parent. La hiérarchie parent-enfant se déplace de gauche à droite.

Vous pouvez supprimer cette connexion en cliquant sur la tête de couleur d’un calque, et en faisant glisser la ligne pointillée et en la relâchant. Vous pouvez également cliquer sur l’espace horizontal, puis sur Supprimer le parent, comme illustré ci-dessous. 

Suppression du parent
Suppression du parent

Dans les copies d’écran ci-dessous, vous pouvez voir les vues avant/après de la hiérarchie des calques et des positions lorsque vous utilisez la parenté de calque.

Avant et après l’application de la parenté de calque
Avant et après l’application de la parenté de calque

Vous trouverez ci-dessous un exemple d’illustration représentant l’utilisation de la parenté de calque des parties du corps humain.

Exemple d’illustration des parties du corps avec la parenté de calque
Exemple d’illustration des parties du corps avec la parenté de calque

Dans l’illustration ci-dessus :

  • Le torse est le parent de toutes les parties du corps.
  • Legs_thigh est le parent de diverses autres parties d’une jambe telles que Sneaker, Leg_lower et Ankle.
  • La tête est un enfant du parent ; le cou et le torse sont les parents du cou. Ainsi, chaque fois que vous déplacez le cou du corps par glisser-déposer, la partie correspondant à la tête se déplace également avec lui.
Remarque :

La parenté est une propriété de cadre que vous devez placer pour chaque image-clé sur le calque enfant. Sur une image-clé, vous pouvez rompre ou rétablir le lien de parenté du calque enfant avec un autre calque parent.

Tutoriel sur la parenté de calque

Découvrez comment créer une hiérarchie parent-enfant entre les calques et manipuler vos compositions en toute simplicité.

Autres ressources similaires

Logo Adobe

Accéder à votre compte