Créez facilement un effet de parallaxe pour vos animations avec la caméra à l’aide de la fonction de profondeur de calque.

Dans cette version, vous pouvez créer des animations impliquant plusieurs objets à travers différentes profondeurs. Ajoutez l’effet de parallaxe aux animations avec l’outil Caméra. Précédemment, les animateurs devaient créer l’effet de parallaxe en devinant la taille des objets quand ils étaient proches ou éloignés de l’outil Caméra. 

Dans la version de juin 2017, cette fonction est disponible sur les plates-formes ActionScript 3.0 et WebGL dans Animate CC. 

Profondeur de calque

Un concepteur Animate peut placer les calques dans différents plans pour créer une illusion de profondeur. Avant, les calques d’une composition Animate existaient sur le même plan. 

Vous pouvez modifier dynamiquement les profondeurs des calques à l’aide du panneau Profondeur de calque. Pour utiliser la profondeur de calque, cliquez sur Fenêtre > Profondeur de calque

Ouverture du panneau Profondeur de calque
Ouverture du panneau Profondeur de calque

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 augmenter la profondeur, faites glisser le curseur vers la gauche et pour la diminuer, faites-le glisser vers la droite. 
  • Utilisez des valeurs négatives pour représenter des objets qui sont plus proches et des valeurs positives pour représenter des objets lointains.
Timeline-view-layers

Chaque calque est représenté avec des lignes colorées uniques dans la boîte de dialogue Profondeur de calque. Vous pouvez afficher les couleurs représentant chacun des calques dans la fenêtre 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 augmenter la profondeur des objets dans un calque, déplacez la ligne vers le haut.
  • Pour diminuer la profondeur des objets dans un calque, déplacez la ligne vers le bas.

Vous pouvez voir les effets avant et après application de la fonctionnalité Profondeur de calque dans l’illustration suivante :

Content without Layer Depth
Contenu sans profondeur de calque

Content with Layer Depth
Contenu avec profondeur de calque

Conservation de la taille pour la profondeur de calque

Vous pouvez changer la profondeur de calque des objets sans affecter la taille des objets sur la scène. Pour activer cette fonction, cliquez sur 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 pression 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

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

Création d’un effet de parallaxe avec la profondeur z de la caméra

Avec la caméra, vous pouvez créer un effet de parallaxe pour les objets en vous aidant de la fonctionnalité Profondeur de calque.

  1. Créez plusieurs objets sur différents calques dans Animate. 

  2. Ajoutez des profondeurs de calque différentes à chacun des objets.

  3. Cliquez sur l’outil Caméra et faites pivoter la caméra sur les objets.

Les objets proches de la caméra et ceux qui en sont éloignés se déplacent à des vitesses différentes, créant ainsi un effet de parallaxe.

Vous pouvez visualiser la profondeur et la perspective des objets avec cet effet.

  • Les objets proches de la caméra se déplacent plus vite que ceux qui en sont éloignés.
  • Les objets proches de la caméra possèdent des valeurs de profondeur de calque négatives élevées et les objets qui en sont éloignés des valeurs de profondeur de calque positives élevées.

Remarque :

La taille de l’objet reste inchangée si la profondeur est modifiée. Cette fonctionnalité vous permet de positionner les objets dans le bon ordre, puis d’utiliser le panoramique de la caméra pour simuler un effet de parallaxe.

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