Étiquette : Edge Animate

L’audio débarque dans Edge Animate CC

Adobe Edge Animate CC

Encore une mise à jour du Creative Cloud d’Adobe. Cette fois c’est Edge Animate qui est visé. Edge Animate CC, qui, pour rappel, vous permet de créer des animations pour le web en utilisant le HTML, le CSS et Javascript, le tout, très simplement. Voici les nouveautés qui sont au programme de cette mise à jour qui concerne la version CC :

  • Des améliorations côté animations :

    Déjà très bien positionné comme l’outil de référence pour la création d’animations nouvelle génération pour le web, cette version de Edge Animate va plus loin avec l’ajout du support audio – tous les fichiers audio web sont supportés, ce qui inclus le MP3, le OGG et le WAV (…). En animation, la dimension audio est primordiale dans son aspect immersif ; cet élément manquait donc cruellement à Edge Animate. Dans un soucis de gains en productivité, cette version introduit également les Templates, des modèles donc, qui vous permettront de ré-utiliser des éléments déjà créés précédemment, vous faisant économiser ainsi, un temps précieux. Enfin, Adobe a rajouté la possibilité de modifier un chemin d’animation (Motion Path) ; avant,  vous deviez le supprimer puis tout recommencer.

  • Améliorations du côté scripts :

    2 nouveautés de taille : la possibilité de charger facilement des librairies tierces au sein de vos projets Edge Animate et la possibilité de rendre vos animations encore plus interactives avec le Swipe Gestures. Le Script Loading donc, vous permet d’inclure des scripts externes depuis votre disque local ou bien une URL (par exemple, vous pourrez ajouter simplement une libraire issue de chez GreenSock). Quant aux Swipe Gestures, il s’agit tout simplement du support tactile dans vos animations, comme la possibilité de naviguer dans un carrousel avec la souris sur un ordinateur, et vos doigts sur un support tactile.

  • Une meilleure implémentation :

    Edge Animate CC propose maintenant l’adaptation totale de votre animation en responsive. De plus, vous avez désormais la possibilité d’héberger des fichiers runtime sur les CDN d’Adobe (pour améliorer le temps de chargement de vos animations) et de créer des pakages OAM qui pourront être utilisés dans Indesign ou tout autre produit de la Digital Publishing Suite (DPS).

Voici ces nouveautés, en action et en vidéo :

Je vous encourage à suivre un tuto Edge Animate pour connaitre ce produit qui va devenir très rapidement un indispensable dans l’animation web, hors format Flash. Un produit qui évolue rapidement (grâce à la stratégie de mise à jour des produits en Creative Cloud) que vous vous devez de maîtriser.

Tuto Edge Animate

(380)

Adobe Edge Reflow

Edge Reflow

Adobe Edge Reflow vient de sortir en version preview 1 et rejoint donc la liste de la gamme Edge. Edge Reflow est en quelque sorte le Photoshop du HTML5/CSS. C’est sur ce logiciel que vous allez créer l’interface de votre site web en responsive design, en appliquant des styles CSS de manière visuelle (ombres portées, ombres internes, contours, dégradés…). Design que vous pourrez tester puis exporter par la suite pour le fournir à vos développeurs.

(suite…)

(1260)

Edge Animate (Preview 7)

Edge Animate est désormais le nom d’Edge, l’outil d’animation en HTML5 CSS et Javascript d’Adobe. Pour rappel, Edge Animate est un outil vous permettant de créer du contenu animé et interactif au format HTML5. Exit donc la sortie en Flash, de plus en plus boudée par certains acteurs du Web (Apple en tête). Pour rappel, Flash se focalise depuis peu sur l’univers des jeux vidéos et de la 3D, notamment sur mobiles et tablettes.

Edge Animate

Il fallait donc qu’Adobe reste dans la course et trouve un outil en phase avec les nouvelles exigences du marché. Le pari semble être relevé car Edge Animate reste dans la lignée de Flash de part son utilisation : une interface graphique, une timeline : bref, un outil simple à prendre en main.

Je vous recommande tout de même de faire une tour du côté des Formations Edge Animate, histoire de partir avec de bonnes bases. A noter également que Edge Animate fait partie intégrante du Creative Cloud d’Adobe.

Edge Animate Preview 7

Edge change de nom, mais également de version. Pas mal de nouveautés sont au programme de cette preview 7 (téléchargeable ici gratuitement) :

  • Mise en forme redimensionnables : évoque ici le fait de pouvoir travailler en design fluide.
  • Règles et Repères : très pratiques et pas encore intégrés à Edge Animate, ces outils vous permettrons donc d’être plus précis dans le positionnement de vos éléments.
  • Ombres : l’ombre portée est un élément indispensable en design, il est donc désormais possible d’appliquer et d’animer des ombres sur des textes et des bordures.
  • Grille de scénario ajustable : pour augmenter la précision des animations en ajustant leur granularité temporelle au niveau où la tette de lecture est positionnée.
  • Texte amélioré : plus de possibilités avec les textes au niveau des interlignes, de l’indentation de l’espacement et du multilignes.

Edge Animate preview 7

Côté configuration, il vous faudra au moins Mac OS X 10.6, 10.7, 10.8 ou Windows 7 ou Windows Vista.

La vidéo de présentation de Edge Animate Preview 7

Pour finir, voici une vidéo (en anglais) présentant les nouveautés de Adobe Edge Animate Preview 7 :

(383)