À propos des graphiques 3D dans Animate

Animate CC (anciennement Flash Professional CC) vous permet de créer des effets 3D en déplaçant et en faisant pivoter des clips dans un espace 3D sur la scène. Animate représente un espace 3D en incluant un axe z dans les propriétés de chaque occurrence de clip. Pour ajouter des effets de perspective 3D à des occurrences de clip, déplacez celles-ci le long de leur axe x ou faites-les pivoter autour de leur axe x ou y à l’aide des outils Translation 3D et Rotation 3D. Dans la terminologie 3D, le déplacement d’un objet dans un espace 3D est appelé translation et sa rotation est appelée transformation. Dès que vous avez appliqué l’un de ces effets à un clip, Animate le considère comme un clip 3D et un indicateur des axes coloré apparaît sur le clip dès qu’il est sélectionné.

Pour qu’un objet semble proche ou éloigné de l’observateur, déplacez-le le long de son axe z avec l’outil Translation 3D ou l’inspecteur des propriétés. Pour donner l’impression qu’un objet est à un angle par rapport à l’observateur, faites pivoter le clip autour de son axe z avec l’outil Rotation 3D. L’utilisation combinée de ces outils vous permet de créer des effets de perspective très réalistes.

Les outils Translation 3D et Rotation 3D vous permettent tous deux de manipuler les objets dans un espace 3D global ou local. L’espace 3D global est l’espace de la scène. Les translations et les transformations globales se font par rapport à la scène. L’espace 3D local est l’espace du clip. Les translations et les transformations locales se font par rapport à l’espace du clip. Par exemple si l’un de vos clips contient plusieurs clips imbriqués, les transformations 3D locales de ces derniers s’effectuent par rapport à la zone de dessin à l’intérieur du clip conteneur. Le mode par défaut des outils Translation et Rotation 3D est global. Pour les utiliser en mode local, cliquez sur le bouton bascule Global dans la section Options du panneau Outils.

L’utilisation des propriétés 3D des occurrences de clip dans votre fichier FLA vous permet de créer un large éventail d’effets graphiques sans dupliquer les clips dans la bibliothèque. Toutefois, lorsque vous modifiez un clip de la bibliothèque, les transformations et les translations 3D qui ont été appliquées ne sont pas visibles. Lorsque vous modifiez le contenu d’un clip, seules les transformations 3D des clips imbriqués sont visibles.

dr_global_3d_space
Scène avec un clip qui pivote dans un espace 3D global

dr_local_3d_space
Scène avec un clip contenant un clip imbriqué qui pivote dans un espace 3D local

Remarque :

dès qu’une transformation 3D est ajoutée à l’occurrence d’un clip, le symbole de son clip parent ne peut plus être modifié en mode Modifier en place.

Si la scène contient des objets 3D, vous pouvez ajouter certains effets 3D à l’ensemble de ces objets en tant que groupe en ajustant les propriétés Angle de perspective et Point de fuite de votre fichier FLA. La propriété Angle de perspective introduit un effet de zoom sur la vue de la scène. La propriété Point de fuite donne un effet panoramique aux objets 3D de la scène. Ces paramètres affectent uniquement l’apparence des clips auxquels une transformation ou une translation 3D est appliquée.

L’outil de création Animate ne permet de contrôler qu’un seul point de vue ou caméra. La vue caméra de votre fichier FLA correspond à la vue de la scène. Chaque fichier FLA ne possède qu’un paramètre Angle de perspective et Point de fuite.

Pour utiliser les capacités 3D d’Animate, les Paramètres de publication de votre fichier FLA doivent être définis sur Flash Player 10 et ActionScript 3.0. Les rotations et les translations le long de l’axe z ne peuvent être appliquées qu’aux occurrences de clips. Certaines fonctionnalités 3D disponibles via ActionScript ne sont pas directement disponibles dans l’interface utilisateur d’Animate ; par exemple, les points de fuite multiples et les caméras distinctes pour chaque clip. A l’aide d’ActionScript 3.0, vous pouvez appliquer des propriétés 3D aux objets, tels que du texte, des composants FLV Playback et des boutons, en plus des clips.

Remarque :

les outils 3D ne fonctionnent pas sur des objets placés sur des calques de masque et les calques contenant des objets 3D ne peuvent pas être utilisés en tant que calques de masque. Pour plus d’informations sur les calques de masque, voir Utilisation des calques de masque.

Déplacement d’objets dans un espace 3D

Pour déplacer les occurrences de clip dans un espace 3D, vous devez utiliser l’outil Translation 3D . Lorsque vous sélectionnez un clip avec l’outil, ses trois axes X, Y et Z apparaissent sur la scène au-dessus de l’objet. L’axe x est rouge, l’axe y est vert et l’axe z est bleu.

Le mode par défaut de l’outil Translation 3D est global. Déplacer un objet dans un espace 3D global revient à le déplacer par rapport à la scène. Déplacer un objet dans un espace 3D local revient à le déplacer par rapport à son clip parent s’il en a un. Pour faire passer l’outil Translation 3D du mode global au mode local et inversement, cliquez sur le bouton bascule Global de la section Options du panneau Outils lorsque l’outil Translation 3D est sélectionné. Vous pouvez basculer temporairement du mode global au mode local en appuyant sur la touche D tout en effectuant un glissement avec l’outil Translation 3D.

Les outils Translation et Rotation 3D occupent le même espace dans le panneau Outils. Cliquez en maintenant le bouton enfoncé sur l’icône de l’outil 3D actif dans le panneau Outils pour sélectionner l’outil 3D actuellement inactif.

Par défaut, les objets sélectionnés auxquels une translation 3D a été appliquée s’affichent avec une superposition d’axe 3D sur la scène. Vous pouvez désactiver cette superposition dans la section Général des préférences d’Animate.

dr_3d_translation_overlay
Superposition de l’outil Translation 3D

Remarque :

si vous modifiez la position de l’axe des z d’un clip 3D, les positions x et y de ce dernier changent également. Ceci se produit car le mouvement le long de l’axe des z suit les lignes de perspective invisibles qui rayonnent à partir du point de fuite 3D (défini dans l’inspecteur des propriétés de l’occurrence du symbole) vers les bords de la scène.

Déplacement d’un seul objet dans un espace 3D

  1. Sélectionnez l’outil Translation 3D  dans le panneau Outils (ou appuyez sur la touche G pour le sélectionner).
  2. Définissez l’outil en mode Local ou Global.

    Assurez-vous que l’outil est dans le mode désiré en vérifiant le bouton bascule Global de la section Options du panneau Outils. Cliquez sur le bouton ou appuyez sur la touche D pour changer de mode.

  3. Sélectionnez un clip avec l’outil Translation 3D .
  4. Pour déplacer l’objet en le faisant glisser avec l’outil, déplacez le pointeur sur les contrôles des axes x, y ou z. Le pointeur se transforme lorsqu’il survole l’un des contrôles.

    Les contrôles des axes x et y sont les pointes des flèches placées sur chaque axe. Faites glisser l’un de ces contrôles dans le sens de sa flèche pour déplacer l’objet le long de l’axe sélectionné. Le contrôle de l’axe Z est le point noir placé au centre du clip. Faites glisser le contrôle z vers le haut ou vers le bas pour déplacer l’objet sur l’axe z.

  5. Pour déplacer l’objet avec l’inspecteur des propriétés, entrez une valeur x, y ou z dans la section Position 3D et Vue de l’inspecteur des propriétés.

    Lorsque vous déplacez un objet sur l’axe z, sa taille apparente change. Dans l’inspecteur des propriétés, la taille apparente s’affiche sous la forme des valeurs Largeur et Hauteur dans la section Position 3D et Vue. Ces valeurs sont en lecture seule.

Déplacement d’une sélection de plusieurs objets dans un espace 3D

Lorsque vous sélectionnez plusieurs clips, vous pouvez déplacer l’un des objets sélectionnés avec l’outil Translation 3D  pour que les autres se déplacent de la même façon.

  • Pour déplacer chaque objet du groupe de la même façon qu’en espace 3D global, définissez l’outil Translation 3D en mode global, puis faites glisser l’un des objets avec les contrôles de l’axe. Double-cliquez sur l’un des objets sélectionnés tout en maintenant la touche Maj enfoncée pour déplacer les contrôles de l’axe vers cet objet.

  • Pour déplacer chaque objet du groupe de la même façon qu’en espace 3D local, définissez l’outil Translation 3D en mode local, puis faites glisser l’un des objets avec les contrôles de l’axe. Double-cliquez sur l’un des objets sélectionnés tout en maintenant la touche Maj enfoncée pour déplacer les contrôles de l’axe vers cet objet.

Vous pouvez également déplacer des contrôles de l’axe vers le centre de la sélection multiple en double-cliquant sur le contrôle de l’axe Z. Double-cliquez sur l’un des objets sélectionnés tout en maintenant la touche Maj enfoncée pour déplacer les contrôles de l’axe vers cet objet.

Rotation d’objets dans un espace 3D

Pour faire pivoter des occurrences de clip dans un espace 3D, vous devez utiliser l’outil Rotation 3D . Un contrôle de rotation 3D apparaît en haut des objets sélectionnés sur la scène. Le contrôle X est rouge, le contrôle Y est vert et le contrôle Z est bleu. Utilisez le contrôle de rotation libre orange pour pivoter autour des axes X et Y simultanément.

Le mode par défaut de l’outil Rotation 3D est global. Faire pivoter un objet dans un espace 3D global revient à le déplacer par rapport à la scène. Faire pivoter un objet dans un espace 3D local revient à le déplacer par rapport à son clip parent s’il en a un. Pour faire passer l’outil Rotation 3D du mode global au mode local et inversement, cliquez sur le bouton bascule Global de la section Options du panneau Outils lorsque l’outil Rotation 3D est sélectionné. Vous pouvez basculer temporairement du mode global au mode local en appuyant sur la touche D tout en effectuant un glissement avec l’outil Rotation 3D.

Les outils Translation et Rotation 3D occupent le même espace dans le panneau Outils. Cliquez en maintenant le bouton enfoncé sur l’icône de l’outil 3D actif dans le panneau Outils pour sélectionner l’outil 3D actuellement inactif.

Par défaut, les objets sélectionnés auxquels une rotation 3D a été appliquée s’affichent avec une superposition d’axe 3D sur la scène. Vous pouvez désactiver cette superposition dans la section Général des préférences d’Animate.

dr_global_3d_rotation_overlay
Superposition de l’outil Rotation 3D global

dr_local_3d_rotation_overlay
Superposition de l’outil Rotation 3D local

Rotation d’un seul objet dans un espace 3D

  1. Sélectionnez l’outil Rotation 3D  dans le panneau Outils (ou appuyez sur la touche W).

    Assurez-vous que l’outil est dans le mode désiré en vérifiant le bouton bascule Global de la section Options du panneau Outils. Cliquez sur le bouton ou appuyez sur la touche D pour passer du mode local au mode global, et vice versa.

  2. Sélectionnez un clip sur la scène.

    Les contrôles de Rotation 3D se superposent à l’objet sélectionné. Si les contrôles apparaissent à un autre endroit, double-cliquez sur le point central du contrôle pour le déplacer vers l’objet sélectionné.

  3. Placez le pointeur sur l’un des quatre contrôles d’axe de rotation.

    Lorsqu’il survole l’un des contrôles, le pointeur se transforme.

  4. Faites glisser l’un des contrôles de l’axe pour effectuer une rotation autour de cet axe, ou le contrôle de rotation libre (cercle orange extérieur) pour effectuer une rotation X et Y simultanément.

    Faites glisser le contrôle de l’axe x vers la gauche ou vers la droite pour effectuer une rotation autour de l’axe x. Faites glisser le contrôle de l’axe y vers le haut ou vers le bas pour effectuer une rotation autour de l’axe y. Faites glisser le contrôle de l’axe z dans un mouvement circulaire pour effectuer une rotation autour de l’axe z.

  5. Pour relocaliser le point central de contrôle de rotation par rapport au clip, faites glisser le point central. Pour contraindre le mouvement du point central par incréments de 45°, appuyez sur la touche Maj pendant le glissement.

    Déplacer le point central du contrôle de rotation vous permet de contrôler l’effet de rotation sur l’objet et son apparence. Double-cliquez sur le point central pour le ramener au centre du clip sélectionné.

    L’emplacement du point central de contrôle de rotation de l’objet sélectionné apparaît dans le panneau Transformer sous forme de propriété Point central 3D. Vous pouvez modifier l’emplacement du point central dans le panneau Transformer.

Rotation d’une sélection de plusieurs objets dans un espace 3D

  1. Sélectionnez l’outil Rotation 3D  dans le panneau Outils (ou appuyez sur la touche W).

    Assurez-vous que l’outil est dans le mode désiré en vérifiant le bouton bascule Global de la section Options du panneau Outils. Cliquez sur le bouton ou appuyez sur la touche D pour passer du mode local au mode global, et vice versa.

  2. Sélectionnez plusieurs clips sur la scène.

    Les contrôles de Rotation 3D se superposent au dernier objet sélectionné.

  3. Placez le pointeur sur l’un des quatre contrôles d’axe de rotation.

    Lorsqu’il survole l’un des contrôles, le pointeur se transforme.

  4. Faites glisser l’un des contrôles de l’axe pour effectuer une rotation autour de cet axe, ou le contrôle de rotation libre (cercle orange extérieur) pour effectuer une rotation X et Y simultanément.

    Faites glisser le contrôle de l’axe x vers la gauche ou vers la droite pour effectuer une rotation autour de l’axe x. Faites glisser le contrôle de l’axe y vers le haut ou vers le bas pour effectuer une rotation autour de l’axe y. Faites glisser le contrôle de l’axe z dans un mouvement circulaire pour effectuer une rotation autour de l’axe z.

    Tous les clips sélectionnés pivotent autour du point central 3D, qui apparaît au centre des contrôles de rotation.

  5. Pour relocaliser le point central des contrôles de rotation 3D, effectuez l’une des opérations suivantes :
    • Pour déplacer le point central vers un emplacement arbitraire, faites glisser ce point central.

    • Pour déplacer le point central vers le centre de l’un des clips sélectionnés, double-cliquez sur le clip tout en maintenant la touche Maj enfoncée.

    • Pour déplacer le point central vers le centre du groupe de clips sélectionnés, double-cliquez sur le point central.

    La modification de l’emplacement du point central de rotation 3D vous permet de contrôler l’effet de la rotation sur les objets.

    L’emplacement du point central de contrôle de rotation de l’objet sélectionné apparaît dans le panneau Transformer sous forme de propriété Point central 3D. Vous pouvez modifier l’emplacement du point central dans le panneau Transformer.

Rotation d’une sélection avec le panneau Transformer

  1. Ouvrez le panneau Transformer (Fenêtre > Transformer).
  2. Sélectionnez l’un des clips sur la scène.
  3. Dans le panneau Transformer, entrez les valeurs désirées dans les champs Rotation 3D X, Y et Z pour faire pivoter la sélection. Ces champs contenant du texte réactif, vous pouvez faire glisser les valeurs pour les modifier.

    Remarque :

    la rotation 3D s’effectue en espace 3D global ou local, selon le mode actif de l’outil Rotation 3D du panneau Outils.

  4. Pour déplacer le point de rotation 3D, entrez les valeurs désirées dans les champs Point central 3D X, Y et Z.

Réglage de l’angle de perspective

La propriété d’angle de perspective d’un fichier FLA contrôle l’angle de vue apparent des clips 3D sur la scène.

L’augmentation ou la réduction de l’angle de perspective affecte la taille apparente des clips 3D et de leur emplacement par rapport aux bords de la scène. En augmentant l’angle de perspective, les objets 3D semblent plus proches de l’observateur. La réduction de l’angle de perspective semble éloigner encore davantage les objets 3D. L’effet ressemble au zoom avant ou arrière d’un objectif d’appareil photo qui modifie l’angle de vue par le biais de l’objectif.

dr_perspective_angle_55
Scène avec un angle de perspective de 55

dr_perspective_angle_110
Scène avec un angle de perspective de 110

La propriété d’angle de perspective affecte tous les clips auxquels une rotation ou une translation 3D est appliquée. L’angle de perspective n’affecte pas les autres clips. L’angle de perspective par défaut est de 55°, comme un objectif d’appareil photo normal. La plage de valeurs va de 1° à 180°.

Pour afficher ou définir l’angle de perspective dans l’inspecteur des propriétés, un clip 3D doit être sélectionné sur la scène. Les changements d’angle de perspective apparaissent immédiatement sur la scène.

L’angle de perspective change automatiquement lorsque vous modifiez la taille de la scène pour que l’apparence des objets 3D ne change pas. Vous pouvez désactiver ce comportement dans la boîte de dialogue Propriétés du document.

Pour définir l’angle de perspective :

  1. Sur la scène, sélectionnez une occurrence de clip à laquelle une translation ou une rotation 3D est appliquée.
  2. Dans l’inspecteur des propriétés, entrez une nouvelle valeur dans le champ Angle de perspective ou faite glisser le texte réactif pour modifier la valeur.

Réglage du point de fuite

La propriété de point de fuite d’un fichier FLA contrôle l’orientation de l’axe z des clips 3D sur la scène. Les axes z de tous les clips 3D d’un fichier FLA reculent vers le point de fuite. En modifiant l’emplacement du Point de fuite, vous modifiez le sens de déplacement d’un objet lors d’une translation le long de son axe z. L’ajustement de la position du Point de fuite vous permet de contrôler précisément l’apparence des objets 3D et de l’animation sur la scène.

Par exemple, si vous placez le point de fuite dans le coin supérieur gauche de la scène (0, 0), le fait d’augmenter ensuite la valeur de la propriété z d’un clip éloigne ce dernier de l’observateur pour le rapprocher du coin supérieur gauche de la scène.

Comme le point de fuite affecte tous les clips 3D, sa modification affecte également la position de tous les clips auxquels une translation d’axe z est appliquée.

Le point de fuite est une propriété de document qui affecte tous les clips auxquels une translation ou une rotation 3D d’axe z est appliquée. Le point de fuite n’affecte pas les autres clips. Par défaut, il est placé au centre de la scène.

Pour afficher ou définir le point de fuite dans l’inspecteur des propriétés, un clip 3D doit être sélectionné sur la scène. Les changements du point de fuite apparaissent immédiatement sur la scène.

Pour définir le point de fuite :

  1. Sur la scène, sélectionnez un clip auquel une translation ou une rotation 3D est appliquée.
  2. Dans l’inspecteur des propriétés, entrez une nouvelle valeur dans le champ Point de fuite ou faites glisser le texte réactif pour modifier la valeur. Des guides indiquant l’emplacement du Point de fuite apparaissent sur la scène lors du glissement du texte réactif.
  3. Pour ramener le point de fuite au centre de la scène, cliquez sur le bouton Réinitialiser dans l’inspecteur des propriétés.

Remarque :

si vous redimensionnez la scène, le point de fuite n’est pas automatiquement mis à jour. Pour conserver l’apparence 3D résultant du positionnement spécifique du point de fuite, vous devez repositionner celui-ci par rapport à la nouvelle taille de la scène.

AnimateCCBanner

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