Comment ajouter des actions à des éléments de bord animé
Une caractéristique particulièrement puissant d'Adobe Edge CC est la capacité d'ajouter des actions, des déclencheurs, des étiquettes, et le curseur attribue à votre composition. Ces outils sont ce que vous utilisez pour faire de votre animation interactive afin que votre auditoire peut participer à ce que votre animation est en train de faire au lieu d'avoir à y asseoir et regarder passivement.
Une des actions que vous voudrez peut-être ajouter à un élément dans votre projet Edge Animate est de la faire ouvrir une nouvelle URL. Cette fonctionnalité est très pratique pour créer des menus ou de construire des liens vers d'autres contenus pertinents. Vous pouvez suivre cette même procédure de base pour la plupart des autres actions ainsi.
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, suivez ces étapes:
Sélectionnez un élément, cliquez droit et choisissez Actions ouvert pour (comme indiqué).
Une fois que vous cliquez sur Ouvrir dans le menu Actions, un blanc boîte de codage (l'endroit où vous tapez dans vos commandes) ouvre.
droit; cliquez sur un élément pour ouvrir un grand menu.Dans le menu sur la droite, choisissez Ouvrir URL.
Animer bord remplit la case avec le code, comme indiqué.
Par défaut, Adobe Edge CC utilise l'URL pour adobe.com lorsque vous cliquez sur Ouvrir une URL. Si une autre destination pour le lien correspond à votre objectif de mieux, il suffit de remplacer le adobe.com URL avec une URL qui va à l'endroit où vous souhaitez envoyer votre auditoire.
Vous pouvez utiliser plusieurs actions sur un élément:
Pour ajouter une action à un élément, avec les actions en boîte ouverte de codage, cliquez sur le + dans le coin supérieur gauche, comme indiqué sur la figure.
Pour supprimer une action d'un élément, cliquez sur le -.
Lorsque vous avez plus d'une action associée à un seul élément, puis Bord Animate affiche toutes les actions en vue de l'onglet (comme indiqué dans cette figure). Il vous suffit de cliquer sur les onglets pour afficher le code correspondant à chaque action.
La boîte de codage Actions ressemble à ceci avec le code en elle.
Vous pouvez avoir plus d'une action par élément.Dans le menu sur la droite, choisissez Ouvrir URL.
Mettre à jour l'URL dans la boîte de code, qui est souligné dans le texte orange.
Fermez la boîte de codage pour enregistrer votre travail.
Prévisualiser votre animation dans un navigateur pour tester votre travail.
Pour tester pour vous assurer que votre lien fonctionne, cliquez sur le lien avec la souris.
Sur la plupart des sites, lorsque vous passez votre souris sur un lien, le curseur se transforme d'une flèche à une main. En utilisant les procédures décrites dans ce chapitre, vous pouvez définir les attributs curseur à fournir des indices visuels à votre public pour indiquer, par exemple, où les liens sont 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 a déjà une action qui lui est associé, puis lorsque vous cliquez sur Actions Ouvrir Edge Animate ouvre immédiatement la boîte au lieu du menu montré de codage. Lorsque cela se produit, et que vous voulez ajouter un deuxième action à cet élément, puis cliquez sur le + (comme indiqué).
Les outils de dessin animé en bordure Adobe Edge CC fournit des outils de dessin de sorte que vous pouvez créer des rectangles, des rectangles arrondis, des ellipses et sur la scène - qui deviennent alors des éléments que vous pouvez animer et ajouter des actions à. La même chose…
Le panneau de propriétés Edge animé Vous pouvez utiliser la fonction Clip dans les animations pour révéler ou cacher des parties d'un element- vous avez deux façons de le faire. En plus de l'outil de détourage, Adobe Edge CC dispose d'une section de clip dans le panneau…
Comment ajouter du code de jQuery personnalisé pour Adobe Edge cc Si vous pouvez le faire avec jQuery, vous pouvez le faire Edge Animate. Profitez pleinement des panneaux de codage, des API et des forums de Adobe pour ajouter du code personnalisé Edge Animate pour prendre vos projets au niveau suivant. Vous…
Comment ajouter des déclencheurs à l'étape bord animé Adobe Edge CC vous permet d'ajouter Déclencheurs de Scène - commandes essentiellement que contrôler la façon dont l'animation joue. Pour ajouter des déclencheurs stade, vous devez effectuer un certain nombre de mesures dans un certain ordre. La…
Comment configurer le positionnement et le dimensionnement en bordure animé Adobe Edge CC ne manque pas de paramètres quand il vient à positionnement et le dimensionnement. Beaucoup de ces caractéristiques fonctionnent le mieux lors de l'imbrication des éléments, de sorte que vous voulez comprendre comment fonctionne…
Comment créer des séquences à bord animé Il est important d'obtenir une poignée sur le travail avec des images clés et des séquences d'animation dans Adobe Edge de sorte que vous pouvez les créer et de les modifier pour faire ce que vous voulez. Allez sur toutes les parties de bord…
Comment formater les images de survol dans Adobe Edge cc Créer des effets de survol individuels pour les différents éléments qui composent votre image Edge Animate. Cela peut rendre votre image répondre à contacter par l'utilisateur. Vous ne devez même pas de code supplémentaire pour ce faire. Il…
Comment importer html dans Adobe Edge Adobe Edge CC est très HTML-friendly. Si vous avez un existant - quoique très basique - page Web HTML que vous souhaitez animer, puis il suffit de cliquez sur Ouvrir un fichier dans l'écran d'accueil pour commencer à travailler avec…
Comment redimensionner la scène Adobe bord animé La scène est l'endroit où vous allez placer vos éléments, tels que des images, du texte et des objets dessinés. La scène est une fenêtre HTML en direct, ce qui signifie que ce que vous voyez sur l'écran, est ce que votre public voit quand…
Comment utiliser des images et du texte dans Adobe Edge Adobe Edge CC fournit des outils de dessin de sorte que vous pouvez créer des formes sur la scène, qui deviennent alors des éléments que vous pouvez animer et ajouter des actions à. La même chose est vraie pour l'importation d'images et de…
Insérez actions d'éléments à bord animé Ajout d'actions à un élément dans Adobe Edge est similaire à l'ajout d'un déclencheur pour la scène. Deux principales différences existent entre un déclenchement de la scène et une Élément de:Une action d'élément exige que votre…
Gérer actions scéniques dans Adobe Edge Voici comment utiliser les actions pour la scène depuis le panneau Éléments dans Adobe Edge. Le panneau Elements est situé dans le coin supérieur droit de l'écran. Vous pouvez faire un certain nombre de choses à partir du panneau Elements, y…
Le panneau de propriétés animées de bord Adobe Le panneau bord animer des propriétés (qui se trouve le long de la colonne de gauche) se met à jour en permanence en fonction du type de l'élément est sélectionné. Si vous sélectionnez un élément dessiné comme un rectangle, l'Edge Animate…
Comment créer un nouvel élément de menu avec Joomla! 1.6 Ne pas insister si vous avez besoin pour créer un élément de menu sur votre page Web interactive - il est facile lorsque vous utilisez Joomla! Gestionnaire de Menu. Pour ajouter des éléments de menu pour un site existant, il suffit d'utiliser…