Easy-Micro


LOGICIEL Edge Animate
Animation Edge

Premières animations dans Edge Animate

Pour réaliser notre première animation dans Adobe Edge Animate CC, je vous propose l'exercice de base visible dans les leçons du logiciel Adobe Edge Animate CC.

Voir le résultat Easy-Micro de cet exemple Edge Animate

Pour réaliser cet exemple, vous avez besoin de deux objets:
  1. Création d'un projet

    Par le bouton Créer ou Fichier/Nouveau puis choix de la taille de la scène dans le panneau propriétés (550X400 par exemple - voir photo ci-dessous). On enregistre notre projet dans un dossier précis. Edge à créé dans ce dossier différents fichiers (voir Premier pas dans Edge Animate).

  2. Importation des objets dans Edge Animate

    Par un clic sur bouton + des Images du panneau Bibliothèque (ou par un cliquer/Glisser). Si vous avez utilisez le cliquer/Glisser, vous pouvez supprimer de la scène Animate tous les objets (ils sont conservé dans la bibliothèque).

    Bibliothèque Adobe Edge Animate CC
  3. Positionnement des objets sur la scène Edge

    Cliquer/ Glisser votre E et l'ombre sur le bas de la scène (ombre sous l'E et pas au dessus :-)
  4. Animation : Faire monter la lettre E

    Attention, pour cet exemple, assurez-vous que les deux premiers boutons "Mode image-clé auto (K)" et "Mode de transition automatique (X)" du scénario Edge Animate sont bien désactivés. Pour l'instant - et pour des raisons pédagogique - nous n'avons içi pas besoin d'automatisme:

    Boutons du scénario Edge Animate

    Evitez aussi d'activer le troisème bouton "Activer/Désactiver le vérouillage (P)" pour cet exercice car ce bouton permet d'activer des images clés et des transitions en un seul clic (Pas utile içi).

    Placer la tête de lecture sur 0:01 (1 seconde)
    Sélectionner le E sur la scène et ajouter une image clé en cliquant sur le bouton (un lozange gris) face à la coordonnée Y dans le panneau Propriétés :

    Panneau Edge Animate position et taille

    Une image clé apparait dans le scénario (un lozange blanc)
    Placer la tête de lecture sur 0:00
    Ajouter une image clé toujours pour Y. definissez la valeur Y sur -90.
    Notez que l'image clé sur 0:01 est vide (lozange vide de remplissage). Cela signifie que sa valeur est différente de l'image-clé précédente.
    Avec le bouton droit de la souris, cliquez sur l'une des images clés du scénario, puis choisissez l'option "Créer une transition".
    Appuyez sur la barre d'espace pour lancer la lecture.
  5. Animation : Accelérer le mouvement

    Après avoir sélectionner la barre de transition dans le scénario, cliquez sur l'outil Accélération du scénario :

    Bouton d'accélération Edge Animate

    Panneau d'accélération Edge Animate

    Sélectionnez "Décélération progressive et rebond" et appuyez sur "Entrée" pour valider.
  6. Animation : l'ombre doit suivre le mouvement

    Pour la suite, activez les deux premiers boutons "Mode image-clé auto (K)" et "Mode de transition automatique (X)" du scénario Edge Animate. Cela nous évitera de créer des transitions et des images-clés.

    Boutons du scénario Edge Animate

    Sélectionnez l'ombre sur la scène
    Placez la tête de lecture sur 0:01
    Dans la section transformation du panneau Propriétés, cliquez sur les 2 boutons des images-clés pour les échelles x et y.

    Panneau Transformation Edge Animate

    Placez la tête de lecture sur 0:00
    Dans le panneau Propriétés/Transformation, définissez l'échelle x sur 0
    Appuyez sur la barre d'espace pour lancer la lecture.
  7. Animation : un léger rebond sur la lettre E

    Sélectionner le E sur la scène
    Cliquez sur le bouton Magnétisme en bas du scénario afin de le désactiver.
    Déplacez la tête de lecture au moment ou le E touche le sole (environ 0,364)
    Dans le panneau Propriétés, cliquez sur le bouton de l'image-clé de la rotation.
    Déplacez la tête de lecture au moment où le E atteint le point culminant du rebond, à environ 0,544
    Dans le panneau Propriétés, définissez la valeur de rotation sur -10
    Déplacez la tête de lecture au moment ou le E touche le sol (environ 0,729)
    A l'aide la souris, dans le scénario, sélectionnez la première image clé de rotation
    Copiez l'image-clé via Ctrl+ C, puis collez-la via Ctrl + V
    Appuyez sur la barre d'espace pour lancer la lecture.

    Voici le scénario Edge Animate que vous devriez avoir:
    Scénario Edge Animate

Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Mardi 22 janvier 2019 - Semaine 04 - Saint Vincent (Demain: Saint Barnard)
Aujourd'hui, c'est l'anniversaire de Frank Leboeuf (1968-51 ans), footballeur français (défenseur). Autre 22 janvier: 1981 - Début de la série américaine Dallas sur les écrans français (TF1).
Haut de page Easy-Micro