Utilisation du scénario dans Animate

Dans Adobe Animate, le scénario organise et contrôle le contenu d’un document au fil du temps dans des calques et des images. À l’instar d’un film, les documents Animate divisent les périodes de temps en images. Les calques sont semblables à des bandes de film empilées les unes sur les autres, chacune contenant une image différente qui apparaît sur la scène. Les principaux composants du scénario sont les calques, les images et la tête de lecture.

Le scénario indique les endroits auxquels un document contient des effets animés (animation image par image, animation interpolée ou trajectoires de mouvement, par exemple). Les commandes de la section des calques du scénario vous permettent d’afficher, de masquer, de verrouiller ou de déverrouiller les calques, de même qu’en afficher le contenu sous forme de contours. Vous pouvez également faire glisser des images du scénario vers un nouvel emplacement du même calque ou d’un calque différent.

Scénario moderne

L'apparence du panneau Scénario a été améliorée, avec entre autres une représentation claire de l'intervalle d’image, une meilleure lisibilité de l’image et du marqueur de temps, une fonction de pelure d'oignon améliorée, des boutons permettant de créer des images-clés, des images vierges, etc.

Commandes du scénario

L’en-tête Scénario a été enrichie en rendant des fonctionnalités supplémentaires immédiatement visibles.

Vue Calque

Caméra

Pour activer ou désactiver la caméra, cliquez sur le bouton de la caméra.

Vue parentale de calque

Cette vue affiche la hiérarchie parentale des calques.

Profondeur de calque

Cette option crée un panneau de profondeur de calque et vous permet de modifier la profondeur du calque actif fourni dans la liste. 

Pelure d’oignon

La fonction de pelure d'oignon a été remaniée et simplifiée. Vous pouvez activer la pelure d’oignon en cliquant sur le bouton de pelure d’oignon. La pelure d’oignon a été davantage améliorée pour exclure (et inclure) de manière sélective les images via un clic droit sur une image de pelure d’oignon dans la plage de pelures d’oignon. 

Effectuez l’une des opérations suivantes :

• Cliquez sur le bouton Pelure d’oignon  pour activer ou désactiver la pelure d’oignon. Lorsque l’option est activée, toutes les images comprises entre les repères Début Pelure d’oignon et Fin Pelure d’oignon (dans l’en-tête du scénario) sont superposées sous la forme d’une seule image dans la fenêtre Document.
• Cliquez sur le bouton Pelure d’oignon sans relâcher le curseur  pour afficher et sélectionner les options (par exemple, la plage sélectionnée, toutes les images, les marqueurs d’ancre et les paramètres avancés).
• Sélectionnez l’icône de pelure d’oignon  (l’icône à gauche de l’icône de boucle) dans le scénario. 

Certains des paramètres de pelure d’oignon dans ce panneau sont des fonctionnalités existantes (par exemple, le mode contour, la pelure d’oignon précédente/future, la préférence de couleur d’image et les marqueurs d’ancrage).

• Mode image-clé uniquement : Restitue uniquement les images-clés dans la plage de pelures d’oignon (passe entre les images d’interpolation).
• Opacité de début : Opacité de la première image de pelure d’oignon sur l’un des côtés de la plage active.
• Réduire de : Le delta de pourcentage diminue sur chaque image de pelure d’oignon.
• Contraintes : Les plages d’images précédentes et suivantes sont les mêmes lorsque les contraintes sont activées, sauf si l’utilisateur modifie la plage à partir du scénario.

Pour en savoir plus, voir Utilisation de la pelure d’oignon.

Modifier plusieurs images

Cela vous permet d’afficher et de modifier le contenu de plusieurs images dans la plage sélectionnée.

Cliquez sur le bouton Modifier plusieurs images sans relâcher la souris pour afficher et sélectionner Modifier la plage sélectionnée et Modifier toutes les images. Cliquez pour désactiver et activer le mode Modifier plusieurs images.

Créer des interpolations

Cliquez sur l’icône Créer une interpolation sans relâcher la souris pour afficher et sélectionner les options. Sélectionnez la plage d’images dans le scénario et cliquez sur Créer une interpolation pour créer une interpolation selon la sélection récente.

Modification de l’apparence du scénario

Par défaut, le scénario apparaît sous la fenêtre du document principal. Pour changer sa position, détachez le scénario de la fenêtre du document et faites-le flotter dans sa propre fenêtre. Vous pouvez également l’ancrer à tout autre panneau de votre choix. Le scénario peut également être masqué.

Vous pouvez redimensionner le scénario de manière à changer le nombre de calques et d’images visibles. Utilisez les barres de défilement à la droite du scénario pour afficher d’autres calques quand celui-ci contient plus de calques qu’il ne peut en afficher.

• Faites glisser l’onglet de la barre de titre dans la partie supérieure gauche du scénario pour déplacer celui-ci lorsqu’il est ancré à la fenêtre du document.

• Pour ancrer un scénario non ancré à la fenêtre de l’application, faites glisser l’onglet de la barre de titre en haut ou en bas de la fenêtre du document.

• Faites glisser l’onglet de la barre de titre du scénario jusqu’à l’emplacement de votre choix pour ancrer un scénario non ancré à d’autres panneaux. Pour éviter l’ancrage du scénario à d’autres panneaux, appuyez sur la touche Ctrl pendant tout le déplacement. L’apparition d’une barre bleue indique le point d’ancrage du scénario.

• Faites glisser la barre de séparation des noms de calque des portions d’images dans le scénario pour allonger ou raccourcir les champs de noms de calque du panneau Scénario.

Personnalisation de la vue Scénario

Changement de la hauteur du calque dans le scénario

Coloriage et épinglage de calque

Vous pouvez épingler ou colorier un calque pour l’identifier facilement en cliquant sur le point qui apparaît juste après le nom du calque. Lorsque la fonctionnalité est activée, un soulignement avec la couleur de contour de calque apparaît en travers du calque pour une reconnaissance rapide du calque. 

Définir l'opacité du calque

Effectuez l’une des opérations suivantes :

• Pour définir la visibilité sur Opacité, cliquez sur la colonne représentant un œil dans le scénario en maintenant la touche Maj enfoncée.
  
• 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. Dans la boîte de dialogue Propriétés du calque, sélectionnez Visibilité > Opacité.
• Cliquez avec le bouton droit de la souris (Windows) ou en maintenant la touche Ctrl enfoncée (Macintosh) sur le nom du calque, puis sélectionnez Afficher les autres en transparence
  .

Redimensionnement du panneau Scénario

• Si le scénario est ancré à la fenêtre principale de l’application, faites glisser la barre séparant le scénario de la scène.

• Si le scénario n’est pas ancré à la fenêtre principale de l’application, faites glisser le coin inférieur droit (Windows) ou la case de redimensionnement située dans le coin inférieur droit (Macintosh).

La tête de lecture bleue située dans la partie supérieure du scénario se déplace lors de la lecture du document pour indiquer l’image actuellement affichée sur la scène. L’en-tête du scénario affiche le numéro des images de l’animation. Pour afficher une image sur la scène, vous devez déplacer la tête de lecture vers cette image dans le scénario.

Pour afficher une image spécifique lorsque vous traitez plusieurs images, déplacez la tête de lecture le long du scénario.

• Pour accéder à une image, cliquez sur l’emplacement de l’image dans l’en-tête du scénario ou faites glisser la tête de lecture vers la position souhaitée.

• Pour centrer le scénario sur l’image actuelle, cliquez sur le bouton Centrer l’image au bas du panneau Scénario.

• La plage de boucles peut à présent être créée en faisant simplement glisser la section de boucle. Cela vous permet d'exporter les images (en tant que films ou vidéos) dans la plage sélectionnée.
• Lorsque l’option Boucle est activée dans le scénario, vous pouvez également lire en boucle du son en continu sur une plage d’images avec d’autres animations.

Durée d’affichage avec images

Le scénario affiche la durée en secondes avec les numéros des images. Cette fonctionnalité accélère la conversion des images en intervalles de temps et vous informe également de la valeur d’images par seconde (i/s) que vous avez définie tout au long du processus d’animation. 

Sur la capture d’écran ci-dessous, le scénario affiche 20 images par seconde (i/s) :

Gestion de la vitesse d’animation

Vous pouvez gérer la vitesse d’animation en adaptant les plages de l’image ou en choisissant une animation basée sur des intervalles de temps. Sinon, vous pouvez prolonger et compresser les animations à l’aide des commandes temporelles. 

Adaptation des plages de l’image

Vous pouvez modifier la cadence d’images (i/s) de votre animation sans modifier la vitesse d’animation. Utilisez l’option Ajuster les plages d’images lors de la modification de la cadence d’images afin de conserver la durée. 

Animation basée sur des intervalles de temps

Convertissez les plages d’images en intervalles de 1 s, 2 s, 3 s ou d’une autre valeur souhaitée. Cette option fonctionne sur une plage d’interpolation classique, une plage d’interpolation de formes, une plage d’interpolation de mouvements, une plage d’images-clés ou sur une plage d’images-clés vides.

L’option Convertir en animation image par image est disponible dans le menu Modification. Vous pouvez également attribuer des touches dans la boîte de dialogue Raccourcis clavier pour effectuer ces tâches. 

Extension ou compression d’animations à l’aide des commandes de scénario

Vous pouvez maintenant étendre la durée d’image des images sélectionnées en entrant le nombre d’images voulu dans le champ Étendre la plage d’images. La durée des images sélectionnées est augmentée du nombre saisi dans le champ Étendre la plage d’images.

Vous pouvez prolonger ou réduire la durée de la plage sélectionnée dans le scénario. Sélectionnez la plage d’images et faites glisser son bord droit sur le scénario, en avant ou en arrière. Les images du scénario sont automatiquement ajustées.

Vous pouvez répliquer vos animations plusieurs fois (x2, x3, etc.) en faisant glisser les plages dans le scénario. Vous pouvez également compresser les images à leur position normale, après les avoir étendues. 

Sélectionnez les images dans le scénario, cliquez, puis faites glisser le bord droit de la sélection, qui est en surbrillance.

Comme l’illustre la capture d’écran ci-dessous, lorsque vous faites glisser la sélection, vous pouvez répliquer l’animation plusieurs fois, par exemple x2, x3, et ainsi de suite.

Sur la capture d’écran ci-dessous, vous pouvez voir la plage étendue dans un multiple de x2. x2 est le double de la taille d’une plage sélectionnée. x3 est trois fois la taille d’origine d’une plage.

Vous pouvez désormais augmenter la durée d’image en entrant le nom souhaité dans le champ Étendre la plage d’images. La durée de l’image sélectionnée est augmentée du nombre d’images saisi dans le champ Étendre la plage d’images.

Navigation dans le scénario

Navigation dans les images-clés

Vous pouvez maintenant cliquer sur le bouton Reculer d’une image ou Avancer d’une image pour passer à l’image précédente ou suivante. Cliquez également sur le bouton Reculer d’une image ou Avancer d’une image pour passer à la première ou dernière image, respectivement.

Cliquez sur le bouton Lecture pour afficher l’aperçu de votre animation.

Vous pouvez naviguer entre les images-clés sur le calque actif à l’aide du menu Contrôle. Vous pouvez également utiliser la combinaison de touches Alt +. ou Alt +, pour avancer ou reculer jusqu’aux images-clés suivantes et précédentes respectivement dans le scénario. 

Vous pouvez naviguer entre les images-clés sur le calque actif à l’aide des commandes Gauche et Droite du calque. Vous pouvez également utiliser le menu et les raccourcis clavier. 

Insérer des images et des images-clés

L’insertion d’une image-clé ou d’une image-clé vierge dans le panneau Scénario s’accompagne désormais d’un feedback visuel. Un éclat subtil indique que l’opération a été effectuée.

Mode Calque actif uniquement

L’icône Vue de scénario a été modifiée avec un nouveau mode nommé Calque actif uniquement. Pour n’afficher que les calques actifs dans le scénario, cliquez sur le bouton de la souris sans le relâcher sur l’option Vue de scénario et sélectionnez Calque actif uniquement. 

Panoramique du scénario à partir de la scène

• Vous pouvez à présent utiliser aussi l’outil Main pour faire glisser le scénario de manière horizontale.
• Vous pouvez faire défiler le scénario directement à partir de la scène en utilisant le nouvel outil Défilement de la durée. Cet outil est groupé avec l’outil Main du panneau Outils. Vous pouvez également utiliser le raccourci clavier espace + T pour activer temporairement cet outil. Faites-le glisser vers la gauche ou vers la droite pour afficher le scénario dans le sens du panoramique.

Barre d’outils de scénario personnalisable

Grâce au scénario personnalisable, vous pouvez choisir les boutons d’action à afficher dans la barre d’outils du scénario. Dans le menu en forme de hamburger du scénario, cliquez sur Personnaliser les outils du scénario.

Un panneau s’affiche avec des boutons de barre d’outils qui peuvent être ajoutés ou supprimés de la barre d’outils du scénario. Cliquez n’importe où en dehors du panneau pour le fermer. Lorsque le panneau est ouvert, les boutons qui s’affichent dans la barre d’outils du scénario sont sélectionnés dans le panneau. Pour modifier la sélection des boutons, cliquez sur les boutons appropriés. Les modifications s’affichent immédiatement dans la barre d’outils du scénario. 

Regardez la vidéo pour apprendre à personnaliser le scénario.

Quelle est la prochaine étape ?

Nous avons tout ce qu’il vous faut pour apprendre à utiliser et personnaliser votre scénario. Vous pouvez maintenant apprendre à créer des animations à l’aide du Panneau Éléments
.