Les versions 2014 d’Edge Animate CC incluent diverses nouveautés et améliorations pour vous aider à créer plus rapidement et plus facilement des animations élaborées. Lisez la suite de cet article pour découvrir rapidement ces nouvelles fonctionnalités et accéder à des liens offrant des informations plus complètes.

Edge Animate CC (version 2014.0.1) | Août 2014

La version 2014.0.1 d’Edge Animate CC inclut un correctif pour les problèmes de rendu sous Chrome liés aux préfixes fournisseur, ainsi que pour plusieurs autres problèmes.

Auparavant, Edge Animate générait le code des propriétés CSS en y intégrant des préfixes fournisseur afin de permettre un affichage correct du contenu dans les différents navigateurs Web. Cependant, depuis la sortie de sa version v36, le navigateur Chrome applique en priorité les propriétés par défaut, sans préfixes fournisseur. Cette modification à l’initiative de l’éditeur a entraîné des problèmes de rendu au niveau du contenu Edge Animate. La version 2014.0.1 d’Edge Animate CC permet de corriger ce problème.

Si certains de vos contenus Edge Animate ne s’affichent pas correctement dans Chrome, republiez-les après avoir effectué la mise à jour vers Edge Animate CC (version 2014.0.1).

Edge Animate CC (version 2014) | Juin 2014

Prise en charge des vidéos HTML5 natives

Désormais, Edge Animate propose une interface utilisateur intuitive qui permet d’importer des vidéos HTML5 dans vos compositions.

Chaque vidéo peut ensuite être utilisée dans le cadre d’une incrustation et être associée à d’autres éléments de composition qui s’animent autour d’elle. De plus, la vidéo étant au format HTML5 natif, elle peut être lue aussi bien sur les appareils iOS et Android que dans les derniers navigateurs de bureau.

Pour plus d’informations sur l’utilisation de vidéos dans vos animations, reportez-vous à la section Ajout d’une vidéo à une animation.

Importation de feuilles de sprites

Avec la version 2014 d’Edge Animate CC, vous pouvez importer des feuilles de sprites afin d’intégrer des animations avancées à plusieurs images dans vos compositions Edge Animate.

Ces feuilles de sprites permettent de télécharger plus rapidement vos graphismes, avec moins de requêtes HTTP. Lors de l’importation, la création automatique d’images-clés correspondant aux sprites permet de gagner un temps considérable puisqu’il n’est plus nécessaire de positionner manuellement les images.

Vous pouvez importer des feuilles de sprites (Fichier > Importer une feuille de sprites) générées dans la version 2014 d’Adobe Flash Professional CC ou dans tout autre outil permettant de générer ce type de feuille.

Importation de feuilles de sprites
Importation de feuilles de sprites

Pour plus d’informations sur l’importation de feuilles de sprites dans Edge Animate, reportez-vous à la section Importation de feuilles de sprites.

Ajout de liens vers des articles pour Adobe DPS

Désormais, Edge Animate vous permet de définir des liens vers vos articles Adobe InDesign ou vos folios DPS à l’aide des options de l’interface utilisateur, sans avoir à écrire de code. Vous pouvez créer des pages de titre interactives, une table des matières et des commandes de navigation avancées pour cibler les articles et sous-sections d’article de vos publications numériques plus facilement et plus rapidement.

Pour plus d’informations sur la création de liens vers des articles de livre numérique, voir Création d’hyperliens vers des articles de livre numérique.

Editeur d’actions amélioré

La fenêtre contextuelle Actions a été repensée ; elle est désormais bien plus conviviale pour les concepteurs. Avec le nouvel éditeur Actions, il n’est plus nécessaire d’écrire autant de code, il est dont plus facile d’ajouter des fonctions d’interactivité et, pour les concepteurs, l’utilisation est grandement simplifiée.

Fenêtre contextuelle Actions avant la version 2014 d’Edge Animate CC
Fenêtre contextuelle Actions avant Edge Animate CC 2014

Editeur d’actions dans la version 2014 d’Edge Animate CC

A. Etape 1 : Choisir une action B. Etape 2 : Sélectionner une cible C. Etape 3 : Modifier le fragment de code 

Le nouvel éditeur d’actions vous guide visuellement dans les différentes étapes permettant d’affecter des actions à des cibles.

  1. Choisir une action - Les actions sont désormais regroupées logiquement en catégories. Si vous connaissez son nom, vous pouvez rechercher l’action à l’aide de la zone de recherche. Dans le cas contraire, sélectionnez une catégorie pour afficher les actions qu’elle comporte et cliquez sur l’action requise.
  2. Sélectionner une cible - Les cibles sont regroupées sous une scène. Cliquez sur Scène pour afficher les éléments cible. Lorsque vous cliquez sur Scène et si votre composition comporte des symboles, une sous-catégorie Symboles peut s’afficher. Double-cliquez sur l’élément cible.
  3. Modifiez le fragment de code comme requis.

Si certaines parties du code sont souvent réutilisées, vous pouvez les enregistrer en tant que fragments de code et les insérer en un clic lorsque nécessaire.

Enregistrer les fragments de code

Dans l’éditeur d’actions, cliquez sur « + » en regard de l’option Mes fragments de code, puis sur l’une des options suivantes :

Fragments de code personnalisés

Créer un fragment personnalisé

Cliquez pour écrire votre propre code et l’enregistrer sous forme de fragment de code. Lorsque vous cliquez sur cette option, une fenêtre de code s’affiche. Saisissez votre code, cliquez sur Enregistrer, puis donnez un nom au fragment de code.

Ajouter depuis la sélection

Cliquez pour enregistrer la partie sélectionnée du code en tant que fragment de code. Donnez un nom au fragment de code dans l’éditeur d’actions.

Insertion de fragments de code

Dans la fenêtre de code de l’éditeur d’actions, cliquez à l’endroit où vous souhaitez insérer le fragment de code. Cliquez sur Mes fragments de code, puis sélectionnez le fragment de code requis dans la liste qui s’affiche. Le fragment de code enregistré est inséré au point d’insertion dans la fenêtre de code. 

Copier-coller depuis Adobe Illustrator

Avec la version 2014 d’Edge Animate CC, vous pouvez copier (Ctrl/Cmd+C) une illustration dans Adobe Illustrator, puis la coller (Ctrl/Cmd+V) directement dans Edge Animate. Inutile d’enregistrer l’illustration au format SVG dans Adobe Illustrator et de l’importer via l’option Fichier >Importer, comme c’était le cas dans les anciennes versions d’Edge Animate. Lorsque vous collez l’illustration dans Edge Animate, elle est automatiquement importée en tant que fichier SVG.

Illustrations Adobe Illustrator importées en tant que fichiers SVG
Illustrations Adobe Illustrator importées en tant que fichiers SVG

Main de défilement et outils de zoom

La version 2014 d’Edge Animate CC est dotée d’une main de défilement et d’outils de zoom pour vous aider à naviguer facilement dans votre composition Edge Animate.

Outils de zoom et de défilement

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne