Clips de films imbriqués dans Flash
  1. Dans le menu, cliquez sur Fichier - Importer - Importer sur la scène. Choisissez le fichier redOrn.png. Flash placera le graphique redOrn sur le calque.

  2. Cliquez avec le bouton droit sur le graphique et choisissez Convertir en symbole. Définissez le Type sur Clip vidéo et nommez le clip vidéo "redOrn2".

  3. Dans le panneau Propriétés, définissez le nom de l'instance sur "redOrn2".

  4. Cliquez avec le bouton droit sur le nouveau clip et choisissez Créer une interpolation de mouvement dans le menu, faites glisser la fin de l'intervalle d'interpolation pour l'étendre à 40 images.

  5. Cliquez avec le bouton droit sur l'image 40 et choisissez Insérer une image clé - Tout dans le menu. Vous verrez un petit point noir ajouté à ce cadre indiquant qu'il contient maintenant une image clé. Cela placera l'ornement dans la même position que le premier cadre de l'interpolation. Si la première et la dernière images sont identiques, la transition se fera en douceur lorsque l'animation se répétera.

  6. Nous pouvons maintenant commencer à déplacer l'ornement. Cliquez avec le bouton droit sur les images 10, 20 et 30 et ajoutez une image clé à chacune de ces images.

  7. Revenez à l'image 10 et cliquez sur l'ornement rouge avec l'outil Transformation libre. Vous remarquerez un petit cercle blanc sur l'ornement. Il s'agit du point de transformation et fonctionne comme un point de pivot. Nous voulons que le point de pivot de l'ornement soit au sommet de l'ornement. Cliquez sur ce petit point et faites-le glisser vers le haut de l'ornement. Ensuite, faites pivoter l'ornement rouge vers la droite.

  8. Passez à l'image 30 et faites pivoter l'ornement vers la gauche.

    Revenez à la scène 1 en cliquant sur le lien en haut.

  9. Ajoutez un nouveau calque à la timeline et nommez-le "redOrn". Avec ce calque redOrn sélectionné, faites glisser le clip vidéo redOrn depuis la bibliothèque et placez-le sur la scène dans le coin supérieur gauche (comme indiqué par le Storyboard). Dans le panneau Propriétés, remplacez le nom de l'instance par "redOrn". Verrouillez ce calque.

  10. Répétez les étapes ci-dessus pour les deux autres ornements, en nommant respectivement les clips vertOrn et violetOrn. Pour ces petits ornements, définissez l'intervalle d'interpolation sur 30 images au lieu de 40. Parce que ces ornements sont plus petits, ils rebondiront à leur position d'origine plus rapidement que l'ornement plus grand. Nous allons donc raccourcir un peu l'intervalle d'interpolation pour accélérer l'animation.

  11. À ce stade, vous aurez trois couches au-dessus de la couche persistante appelée redOrn, greenOrn et purpleOrn. Vous devez également avoir le clip d'animation correspondant sur chaque couche.

  12. Cliquez sur Contrôle - Tester l'animation - Dans AIR Debug Launcher (Desktop) et vous devriez voir quelque chose de similaire à ceci.

Un peu sur les images clés Flash: l'image clé ajoutée à une image sur la timeline fonctionne comme un marqueur pour indiquer à Flash qu'il doit faire quelque chose comme démarrer la lecture d'une animation ou exécuter du code ActionScript.

← Retour

IMPORTANT: ces didacticiels de développement d'applications sont écrits en pensant au novice Flash. Vous devrez optimiser votre application au-delà de ce qui est couvert dans ces didacticiels avant de finaliser votre application pour l'App Store.

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.


Instructions Vidéo: Animations imbriquées dans Flash 5.5 (Mai 2024).