Adobe Edge Animate CC: 6 Fonctionnalités Interact et Adapt - dummies

Adobe Edge Animate CC ne se limite pas à déplacer des éléments sur l'écran. Vous pouvez utiliser plusieurs de ses fonctionnalités pour créer de l'interactivité pour votre public - et affiner beaucoup plus pour configurer le logiciel selon vos préférences:

Interactivité: Vous pouvez créer des animations entièrement interactives avec des contrôles et des actions comme des boutons, des liens et des boucles.
Symboles: Vous pouvez enregistrer les éléments que vous créez (tels que les boutons) et les réutiliser dans une autre animation.
Webdesign réactif: Edge Animate vous permet de créer une composition répondant aux tailles de navigateur et de périphérique.
Options de publication multiples: Edge Animate propose de nombreuses façons de publier votre animation pour différentes applications, telles que différents navigateurs Web et iBooks, ou d'importer Adobe Edge Animation dans différents produits Adobe tels qu'InDesign ou Muse.
Choix de police: Edge Animate offre une multitude de choix de polices. Si vous êtes pointilleux sur certaines polices, les bonnes nouvelles sont que si vous pouvez trouver une police sur le web, vous pouvez très probablement l'utiliser dans votre animation.
Choisissez votre langue: Si l'anglais n'est pas votre langue maternelle et que vous préférez travailler en (disons) l'allemand, l'espagnol, le français ou le japonais, alors Edge Animate vous couvre.

Implémenter intelligemment l'interactivité

Adobe Edge Animate CC vous permet de faire bien plus que simplement dessiner et animer des éléments. Vous pouvez également rendre ces éléments interactifs, ce qui permet à votre audience de cliquer sur des éléments pour effectuer différentes actions.

Par exemple, vous pouvez créer des boutons Arrêt, Lecture et Pause pour un diaporama interactif. Vous pouvez également créer un menu en ajoutant des liens qui permettent à votre audience de naviguer vers différentes parties de vos animations, ou vers des pages Web entièrement différentes.

Lorsque votre public déplace le curseur autour de votre animation, vous pouvez effectuer différentes actions lorsque le curseur se déplace sur des zones spécifiques. Ce type de mouvement du curseur est appelé un passage de souris . Ou, si votre public utilise des tablettes ou des téléphones intelligents pour afficher votre animation, vous pouvez lui permettre d'appuyer simplement sur un élément pour déclencher une action.

Utiliser des symboles pour créer des objets réutilisables

Au début, l'utilisation de symboles peut s'avérer un peu intimidante, mais une fois que vous avez acquis de l'expérience en travaillant avec eux, ils deviennent indispensables.

Alors, qu'est-ce qu'un symbole exactement? Il s'agit essentiellement d'une animation imbriquée créée avec son propre scénario indépendant et ses fonctions interactives.Par exemple, dites que vous vous trouvez en train de créer le même élément avec les mêmes actions encore et encore pour de nombreux projets différents. En enregistrant cet élément récurrent comme un symbole, vous pouvez le réutiliser et ses actions associées pour n'importe quel projet.

Un excellent exemple de symbole est un bouton. Si vous vous trouvez en train de recréer le même bouton, disons un bouton Lecture pour un diaporama, vous pouvez enregistrer ce bouton Lecture en tant que symbole pour le réutiliser ultérieurement.

Vous pouvez trouver vos symboles dans le panneau Bibliothèque, comme indiqué.

Intégration d'un design web réactif

Tout comme HTML5, responsive web design est la dernière terminologie à la mode en matière de développement web. Une conception Web réactive permet de redimensionner votre animation de manière appropriée en fonction de la taille de la fenêtre du navigateur.

Cela peut signifier beaucoup de choses. Supposons, par exemple, que quelqu'un visionne votre animation sur un ordinateur de bureau. Si l'utilisateur redimensionne la fenêtre du navigateur pour la rendre plus grande ou plus petite, les éléments de votre animation se redimensionnent de manière appropriée, avec les nouvelles tailles basées sur les pourcentages.

Par exemple, si la fenêtre du navigateur est agrandie à 100%, les images de votre animation apparaissent à 100%. Si la fenêtre du navigateur est réduite à 50% de sa taille, vos images sont également réduites à 50% de leur taille normale.

C'est une fonctionnalité très puissante car il existe aujourd'hui une grande variété de tailles d'écran. Vous ne savez jamais si votre public regarde votre animation sur un écran de 60 pouces, un iPhone de 4 pouces, ou quoi que ce soit entre les deux. Les tablettes ajoutent à la diversité des tailles d'écran.

Compter vos multiples options de publication

Vous disposez de plusieurs méthodes pour publier des animations ces jours-ci. Adobe Edge Animate CC vous propose de nombreuses options (comme le montre cette figure). Vous pouvez publier votre animation en tant que page Web autonome ou l'intégrer dans une page Web existante.

Vous trouverez également des options vous permettant d'exporter votre animation pour l'utiliser dans un iBook. Vous pouvez même publier votre animation sous la forme d'une page HTML statique à utiliser sur les anciens navigateurs Web qui ne prennent pas en charge HTML5 ou les animations.

Polices dans Adobe Edge Animate

Vous pouvez utiliser une multitude de polices sur le Web, et Adobe Edge Animate CC vous a couvert. En plus d'une liste par défaut standard des polices disponibles (voir la figure), Edge Animate vous permet également d'importer des polices à partir du Web.

Si aucune de ces polices ne répond à vos besoins, vous pouvez importer des polices provenant de nombreuses sources différentes, y compris Google Web Fonts. Vous pouvez également utiliser Adobe Edge Web Fonts, qui est intégré dans Animate. Et si vous connaissez Typekit (un autre outil de police gratuit), vous pouvez célébrer en sachant que cet outil fonctionne également avec Edge Animate.

Travailler dans la langue de votre choix

Adobe Edge Animate CC est mondial à bien des égards - y compris la langue que vous voyez sur les menus et les panneaux. Si vous vous sentez plus à l'aise de travailler dans une langue autre que l'anglais, Edge Animate vous permet de changer facilement la langue utilisée dans le logiciel pour l'une des nombreuses langues populaires.

Dans le menu Aide, comme indiqué sur cette figure, vous pouvez choisir parmi plusieurs langues différentes. Lorsque vous choisissez une langue dans le menu Aide, cette langue apparaît dans le logiciel. Les langues que vous pouvez choisir comprennent l'allemand, l'anglais, l'espagnol, le français et le japonais.

Si vous choisissez une autre langue, vous devez fermer et redémarrer Edge Animate pour que la modification prenne effet. Après avoir sélectionné la langue souhaitée, l'interface ne se met pas à jour automatiquement, fermez simplement le programme, puis rouvrez-le pour voir la nouvelle langue sélectionnée.