Comment ajouter des actions à des éléments dans Edge Animate - des mannequins

Une fonctionnalité particulièrement puissante d'Adobe Edge Animate CC est la possibilité d'ajouter des actions, des déclencheurs, des étiquettes et des attributs de curseur à votre composition. Ces outils sont ce que vous utilisez pour rendre votre animation interactive afin que votre public puisse participer à ce que votre animation fait au lieu de devoir rester assis et regarder passivement.

L'une des actions que vous pouvez ajouter à un élément de votre projet Edge Animate consiste à ouvrir une nouvelle URL. Cette fonctionnalité est pratique pour créer des menus ou créer des liens vers d'autres contenus pertinents. Vous pouvez également suivre cette même procédure de base pour la plupart des autres actions.

Pour commencer à ajouter des actions à un élément, vous devez d'abord créer un élément. Avec un élément sur la scène, procédez comme suit:

1. Sélectionnez un élément, faites un clic droit et choisissez Ouvrir les actions pour (comme indiqué).

   Après avoir cliqué sur Ouvrir les actions dans le menu, une boîte de codage vide (l'endroit où vous tapez dans vos commandes) s'ouvre.

   cliquez avec le bouton droit sur un élément pour ouvrir un grand menu.

   

   Dans le menu de droite, choisissez Ouvrir l'URL.

2. Edge Animate remplit la zone avec du code, comme indiqué.

   Par défaut, Adobe Edge Animate CC utilise l'URL d'adobe. com lorsque vous cliquez sur Ouvrir une URL. Si une autre destination pour le lien correspond mieux à votre objectif, il suffit de remplacer l'adobe. com URL avec une URL qui va à l'endroit où vous voulez envoyer votre public.

   Vous pouvez utiliser plusieurs actions sur un élément:

   Pour ajouter une action à un élément, avec la case de codage Actions ouverte, cliquez sur le signe + dans le coin supérieur gauche, comme indiqué dans le figure.

   • Pour supprimer une action d'un élément, cliquez sur -.

   • Lorsque plusieurs actions sont associées à un seul élément, Edge Animate affiche toutes les actions dans un onglet (comme indiqué sur cette figure). Cliquez simplement sur les onglets pour afficher le code correspondant à chaque action.

   • La zone de codage Actions ressemble à ceci avec du code.

     

     Vous pouvez avoir plus d'une action par élément.

     

     Dans le menu de droite, choisissez Ouvrir l'URL.

3. Mettez à jour l'URL dans la zone de code, surlignée en orange.

4. Fermez la boîte de codage pour sauvegarder votre travail.

5. Prévisualisez votre animation dans un navigateur pour tester votre travail.

6. Pour tester le bon fonctionnement de votre lien, cliquez sur le lien avec la souris.

Sur la plupart des sites Web, lorsque vous placez votre souris sur un lien, le curseur passe d'une flèche à une main. En utilisant les procédures décrites dans ce chapitre, vous pouvez définir des attributs de curseur pour fournir des indices visuels à votre public pour indiquer, par exemple, où sont les liens ou pour montrer si vous pouvez sélectionner un élément.

Félicitations! Vous avez maintenant une boucle dans votre animation.

Si un élément est déjà associé à une action, lorsque vous cliquez sur Ouvrir les actions, Edge Animate ouvre immédiatement la zone de codage au lieu du menu affiché. Lorsque cela se produit et que vous souhaitez ajouter une seconde action à cet élément, cliquez sur le signe + (comme indiqué).