Easy-Micro


LOGICIEL Edge Animate
Premier pas

Premier pas dans Edge / Edge Animate pour les nuls

Déplacement de forme avec Edge Animate

Pour réaliser notre première animation Edge Animate, je vous propose la plus simple des animations : un déplacement de forme.

  1. Création d'un projet Edge (Créer ou Fichier/Nouveau)
  2. Dessinez une forme à l'aide de l'outil dessin visible en haut du panneau des propriétés

    Barre d'outils dessin Edge Animate
  3. Sélectionnez votre forme dans le scènario, clic droit "Ajouter une image clé" / "Mouvement X/Y".
  4. On déplace la tête de lecture plus loin dans le scènario.
  5. On déplace notre forme dans la scène. Voila, c'est fini !

    Barre d'espace pour lire votre animation (Entrée ou Home pour revenir à 0)
    Ctrl + Entrée pour avoir un aperçu dans le navigateur (ou Fichier/Aperçu dans le navigateur).

    Voila à quoi devrait ressembler votre scénario Edge Animate:
    Scénario Edge Animate

Enregistrement de notre projet Edge Animate

Fichiers Edge Animate

Fichier/Enregistrer.
Attention de créer systèmatiquement un nouveau dossier lors de l'enregistrement de vos projet Edge Animate. Pour un seul fichier HTML, Edge doit enregistrer de nombreux autres fichiers (HTML, Animate, Javascript, CSS, images...). Le fichier correspondant à votre animation est le fichier HTML (extention: .html). Le fichier Edge Animate (extention: .an) est le fichier source. Le fichier de travail. Comme les fichiers PSD sous Photoshop. Les fichiers avec l'extention js sont les fichiers Javascript (vous vous en doutiez, non? :-)

Publication de notre animation Edge Animate

Après enregistrement et afin de pouvoir mêtre en ligne notre projet, on doit le publier.
Les options de publication sont accessible via le menu Fichier/Paramètre de publication.
Une fois votre projet publié, Edge Animate vous a créé un nouveau dossier "Publish" à l'endroit ou vous aviez enregistré votre projet. C'est le contenu de ce dossier Publish qu'il faut mêtre en ligne.

Parametres de publication Edge Animate

Je vous recommande de cocher l'option "Héberger des fichiers exécutables sur Adobe CDN" afin de ne pas avoir à rajouter sur votre site les fichiers d'exécution de Edge. Ceux-ci sont plutôt lourd et moins on en à...

Action Edge Animate

Déclencheur Edge Animate Pour faire en sorte que l'animation tourne en boucle, on peu ajouter un déclencheur (un trigger en anglais) par un Ctrl + T en ayant la tête de lecture sur la dernière image clé. Dans la fenêtre qui s'est affichée, on clic sur le bouton "Lire à partir de". Cela affiche 1000 (soit 1 seconde) et on le remplace par 0 (soit début).



Pour aller plus loin...


Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Lundi 25 mars 2019 - Semaine 13 - Saint Humbert (Demain: Sainte Larissa)
Aujourd'hui, c'est l'anniversaire de Marcia Cross (1962-57 ans), comédienne américaine (rôle de Bree Van de Kamp dans Desperate Housewives). Autre 25 mars: 1918 : décès à Paris du compositeur français Claude Debussy. 1984 : Alain Prost gagne le grand prix de Formule 1 du Brésil.
Haut de page Easy-Micro