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).

Lorsque vous créez un document Animate CC (anciennement Flash Professional CC), celui-ci contient 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.

    Overwrite_frames_process_1
    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 CC, 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 CC, 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 CC, tous les calques du scénario sont publiés en tant que symboles. Le mode Calques avancés vous permet d’accéder aux fonctionnalités 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

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

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é.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne