Créer une interpolation arrière dans Flash CS4

• Mai 18, 2024

Dans le dernier didacticiel, nous avons créé le nouveau clip vidéo EnvBack1 et supprimé le bouton de tampon de la scène de l'image 81. Nous sommes maintenant prêts à retourner l'enveloppe. Cela ressemble à une animation difficile mais en réalité c'est très simple. Nous utiliserons deux clips vidéo. L'un sera une nouvelle instance du clip vidéo EnvFront1 et le second sera notre nouveau clip vidéo EnvBack1.

Ouvrez votre fichier FLA dans Flash^R CS4 et commençons.

1. Verrouillez tous les calques de la timeline.
   
   Si vous déplacez le pointeur sur l'image 81, vous verrez que nous avons une scène vide. Notre première étape consiste à créer un nouveau calque dans la timeline pour une nouvelle (deuxième) instance du clip vidéo EnvFront1 et à faire glisser une nouvelle instance depuis la bibliothèque. Nous voulons que ce clip vidéo soit dans la même position que EnvFront1_1. Cliquez sur EnvFront1 sur l'image 80 et obtenez les valeurs X et Y dans le panneau Propriétés.
   
   
2. Ajoutez un nouveau calque au-dessus du calque EnvFront1_1 dans la timeline et nommez ce nouveau calque "EnvFront1_2".
   
   Nous ne voulons pas que ce nouveau clip soit visible jusqu'à l'image 81.
   
   
3. Ajoutez une image clé à l'image 81 sur le nouveau calque EnvFront1_2 pour définir les images 1 à 80 sur vide. Sur l'image 81, faites glisser une nouvelle instance du clip vidéo EnvFront1 de la bibliothèque sur la scène. Dans le panneau Propriétés, indiquez ce nouveau clip et le nom d'instance de "EnvFront1_2".
   
   
4. Revenez à EnvFront1_2 sur le cadre 81 et définissez les valeurs X et Y pour EnvFront1_2 aux mêmes valeurs pour EnvFront1_1.
   
   Nous pouvons maintenant créer l'animation d'interpolation qui commencera à retourner l'enveloppe.
   
   
5. Cliquez avec le bouton droit sur EnvFront1_2 et choisissez Créer une interpolation de mouvement dans le menu. Faites glisser l'intervalle d'interpolation pour terminer l'interpolation sur l'image 85. Sur l'image 85, sélectionnez le clip vidéo EnvFront1_2 et, à l'aide de l'outil Transformation libre, rapprochez les bords droit et gauche jusqu'à ce que l'enveloppe soit presque trop fine pour être visible. Prenez note de la largeur.
   
   Maintenant, nous devons utiliser une instance du clip vidéo EnvBack1 pour terminer l'animation de retournement. Mais, nous devons d'abord créer un nouveau calque pour cette nouvelle interpolation.
   
   
6. Ajoutez un nouveau calque à la timeline au-dessus du calque EnvFront1_2 et nommez ce calque "EnvBack1_1".
   
   Nous allons ajouter notre première instance du clip vidéo EnvBack1 à la scène de l'image 85.
   
   
7. Cliquez avec le bouton droit sur l'image 85 sur le calque EnvBack1_1 et ajoutez une image clé.
   
   
8. Faites glisser une instance d'EnvBack1 depuis la bibliothèque. Dans le panneau Propriétés, nommez cette instance "EnvBack1_1. Définissez les X et Y pour qu'ils correspondent à ceux d'EnvFront1_2.
   
   
9. Cliquez avec le bouton droit sur le clip vidéo EnvBack1_1 et créez une interpolation. Faites glisser la Tween Span vers l'image 90. Cliquez avec le bouton droit sur l'image 90 et choisissez Insérer une image clé, tout dans le menu.
   
   
10. Sur l'image 85, définissez la largeur d'EnvBack1 pour qu'elle corresponde à celle d'EnvFront1_2 sur l'image 85.
    
    
11. Déplacez la tête de lecture entre les images 80 et 90 pour voir l'animation d'inversion.
    
    
12. Verrouillez tous les calques. Enregistrez votre fichier FLA.
    
    

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: Flash CS4 ActionScript3.0 : Simple galerie d'images (Mai 2024).