Utilisation de la caméra dans Animate

Les animateurs peuvent simuler une caméra en temps réel à l’aide de la caméra d’Animate. Auparavant, ils devaient utiliser des extensions tierces de qualité et de compatibilité variables ou modifier leurs animations afin d’imiter un mouvement de la caméra. Les animateurs peuvent désormais utiliser les fonctions suivantes, quel que soit le film.

• Panoramique avec le sujet de l’image
• Zoom avant sur l’objet d’intérêt pour obtenir un effet dramatique
• Zoom arrière pour rappeler une image plus grande au spectateur
• Modification du point focal pour faire passer l’attention du spectateur d’un sujet à un autre
• Rotation de la caméra
• Application d’effets de couleur sur une séquence à l’aide de teintes ou de filtres de couleur

Quand vous placez une vue de caméra pour votre composition, vous regardez les calques comme si vous regardiez par cette caméra. Vous pouvez également ajouter des interpolations ou des images-clés sur un calque de caméra.

L’outil Caméra est disponible pour tous les types de documents intégrés dans Animate : HTML Canvas, WebGL et ActionScript.

Appliquez l’une des options suivantes pour activer l’outil Caméra :

• Cliquez sur l’icône Caméra dans le panneau Outils.
• Cliquez sur le bouton Ajouter/supprimer la caméra dans le scénario.

Si une caméra est activée, une bordure de scène s’affiche dans la même couleur que le calque de caméra.

La scène se comporte maintenant de la même manière qu’une caméra pour le document. Un nouveau calque de caméra avec l’objet caméra est ajouté au panneau Scénario. Lorsque vous sélectionnez l’outil Caméra, l’icône de caméra est activée dans l’inspecteur des propriétés.

Lorsque la caméra est activée :

• Le document actif est placé en mode caméra.
• La scène est transformée en une caméra.
• La bordure de la caméra est visible dans la limite de la scène.
• Le calque de caméra est sélectionné.  

Zoom, rotation ou panoramique de la caméra

Zoom de la caméra

Rotation de la caméra

Panoramique de la caméra

Utilisation des commandes de panoramique de la caméra

Pour effectuer un panoramique sur des objets sur l’axe horizontal, placez le curseur sur la valeur de coordonnée X et faites-le glisser vers la gauche ou vers la droite. 

Pour effectuer un panoramique sur des objets sur l’axe vertical, placez le curseur sur la valeur de coordonnée Y et faites-le glisser vers la gauche ou vers la droite.

Réinitialisation des options des effets de la caméra

Vous pouvez annuler les modifications que vous avez apportées avec la caméra pour les effets de panoramique, de zoom, de rotation et de couleur chaque fois que vous souhaitez revenir aux paramètres d’origine. Pour conserver les valeurs de propriété précédentes, cliquez sur l’icône de réinitialisation en regard de chacune des propriétés..

Application de la teinte sur un calque de caméra

Réglage des filtres de couleurs sur un calque de caméra

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

En tant que concepteur ou développeur de jeux, vous souhaitez créer une expérience captivante. Vous pouvez contrôler la vitesse et la position des objets d’un jeu en les plaçant sur des calques de premier et d’arrière-plan. Si la mise au point de la caméra est faite sur un même point focal, vous pouvez déplacer les objets à différentes vitesses pour créer un effet 3D. Dans Animate, lorsque vous créez des animations 2D, vous pouvez obtenir cet effet en utilisant la caméra et la fonction de profondeur du calque. Vous pouvez créer un effet de parallaxe pour les objets en vous aidant de la fonctionnalité Profondeur de calque. Pour utiliser la profondeur de calque, cliquez sur Fenêtre > Profondeur de calque.

Cliquez ici pour plus d’informations sur la profondeur de calque.

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.
• Lorsque le calque de caméra est à la position 0, les objets les plus proches de la caméra possèdent un plus petit nombre positif, tandis que les objets plus éloignés sont associés à un nombre positif élevé. Les calques qui se trouvent derrière la caméra possèdent des nombres négatifs. 

Vidéo montrant l’effet de parallaxe et la profondeur Z de la caméra

Association d’un calque à la caméra

En tant qu’animateur ou concepteur de jeux, vous voulez que certains objets de l’animation soient collés à la vue de caméra. Par exemple, un bouton d’action, un affichage tête haute dans un jeu indiquant le décompte du temps ou un pistolet. Dans ce cas, l’actif doit être verrouillé avec le mouvement de la caméra. C’est possible dans Animate grâce à la fonction Joindre à la caméra.

Lorsque vous joignez un calque à la caméra, les objets de ce calque sont verrouillés sur la caméra et se déplacent toujours avec. Ainsi, dans le résultat obtenu, ils semblent être indépendants des mouvements de la caméra.

Vous pouvez joindre un seul calque à la caméra en cliquant sur le point dans la colonne de l’icône d’ajout à la caméra. Si le calque est joint à la caméra, une icône représentative apparaît à côté du nom du calque.  

Les illustrations suivantes montrent le comportement de calque avant et après l’association à la caméra : 

Illustration d’une animation lorsque le calque n’est pas associé à la caméra :

Illustration d’une animation lorsque le calque est associé à la caméra :

Vous pouvez aussi associer ou dissocier tous les calques de la caméra en même temps en cliquant sur l’icône d’ajout à la caméra dans le scénario. 

Utilisation de la caméra à l’exécution

Vous pouvez introduire la caméra, y accéder et la gérer au moment de l’exécution à l’aide des API de la caméra pour les types de documents AS3, WebGL et HTML Canvas. La liste des API d’exécution de la caméra pour les types de documents AS3, WebGL et HTML Canvas est la suivante :

 Toutes les méthodes sont valables pour le type de document AS3. Certaines ne sont pas valables pour les types WebGL et HTML Canvas. Les méthodes valables ou non pour WebGL et HTML Canvas sont indiquées dans les deux dernières colonnes du tableau.

Méthodes de caméra virtuelle

Accès à la caméra en tant qu’objet de clip

Masquage des objets au moment de l’exécution (pour les documents AS3)

Vous pouvez masquer les objets au moment de l’exécution à l’aide du code de l’API de caméra suivant :

import fl.VirtualCamera;
fl.VirtualCamera.getCamera(root).setCameraMask(torch);

Lorsque vous utilisez un masque ovale, un exemple de capture d’écran de l’animation s’affiche comme suit :

Création d’animations interactives de la caméra avec l’assistant de code d’actions

Une approche détaillée de la création d’animation à l’aide de la caméra interactive est décrite dans le diagramme de flux suivant. Vous pouvez utiliser l’assistant de code d’actions dans un document HTML Canvas. 

Vous trouverez ci-dessous un exemple de vidéo, qui présente l’utilisation de la caméra interactive. Vous pouvez observer la manière dont vous pouvez faire varier la mise au point au moment de l’exécution sur le parachute, le réacteur dorsal et le paysage urbain à différents intervalles.

Vidéo présentant l’utilisation de la caméra au moment de l’exécution

Recadrage de l’objet sur la scène

Adobe XD permet d’empiler ou d’incruster du contenu au-dessus d’un autre plan de travail afin de simuler des effets de glissement interactifs. Par exemple, des listes déroulantes, des claviers glissants ou des effets lightbox. Avec des incrustations, vous pouvez également réutiliser plusieurs fois un plan de travail sans dupliquer le contenu de l’incrustation pour chaque plan de travail. 

Pour recadrer le contenu qui s’étend en dehors de la scène, cliquez sur le bouton Découper le contenu en dehors de la scène . En vue de caméra et de scène, vous pouvez afficher le contenu dans les limites de la caméra.