Animation de filtres Flash dans Motion Tween

• Mai 13, 2024

À ce stade, nous avons une belle flamme de bougie Flash^R animation. Cependant, le spectateur peut toujours remarquer la répétition dans l'animation. Nous pouvons résoudre ce problème en allongeant le Tween. De plus, nous ajouterons une lueur au bas de la bougie et animerons cette lueur.

Nous allons d'abord ajouter plus de cadres à notre Tween. Pour cela, vous pouvez copier les images Tween d'un calque et les coller sur un autre calque. Vous pourriez vous demander en quoi cela diffère de l'animation répétitive que nous avons maintenant. L'astuce consiste à inverser les images d'interpolation pour le nouveau calque afin que l'animation soit lue à l'envers. Cela rendra plus difficile pour le spectateur de reconnaître la répétition.

1. Cliquez sur l'image 1 du calque back_glow. Dans la barre de menus, cliquez sur Modifier � Chronologie � Copier les images.

2. Ajoutez un nouveau calque en haut de la timeline. Le premier Tween se termine sur l'image 56 et nous voulons que ce Tween commence immédiatement. Ajoutez une image clé à l'image 57.

3. Cliquez sur l'image 57 et cliquez sur Édition � Chronologie � Coller les images. Flash dupliquera le Tween. Vous remarquerez que le nom du nouveau calque a été changé en back_glow. Vous voudrez peut-être ajouter un "2" au nom pour indiquer qu'il s'agit du deuxième Tween.

4. Maintenant, cliquez avec le bouton droit sur l'interpolation et choisissez Inverser les images clés.

Répétez cette opération pour les couches flame_shape et flame_glow.

Maintenant, nous pouvons ajouter notre éclat au bas de la bougie. Nous avons une couche vide appelée bg que nous pouvons utiliser pour l'éclat.

5. Renommez le calque bg en bottom_glow. Définissez la couleur de remplissage sur # fe7705 et le trait sur null.

6. Avec l'outil Ovale, dessinez un ovale sous la bougie. Convertissez l'ovale en un clip appelé "bottom_glow".

Pour transformer l'ovale en une lueur, nous ajouterons un filtre de flou.

7. Dans le panneau Filtres, ajoutez un filtre Flou. Réglez les paramètres Flou X et Y sur 56 pixels et la qualité sur Élevée.

Une dernière touche consiste à ajouter une petite ombre au bas de la bougie.

8. Ajoutez un nouveau calque juste au-dessus du calque bottom_glow et nommez-le "shadow".

9. Réglez la couleur de remplissage sur # 000000 et dessinez un petit ovale au bas de la bougie.

10. Convertissez l'ovale en un clip appelé "ombre".

11. Ajoutez le filtre Flou à ce clip. Réglez le flou X et Y sur 16 pixels et la qualité sur Élevé.

Ajoutez une interpolation de mouvement au calque bottom_glow. Nous pouvons maintenant animer le clip vidéo bottom_glow. Nous utiliserons les travées Tween que nous venons de créer pour la flamme comme guide. Déplacez-vous le long de la timeline en vous arrêtant à chaque image clé sur la flamme Tween. Ajoutez une image clé à la plage Tween bottom_glow. Modifiez la taille du clip vidéo bottom_glow sur chaque image clé.

Une dernière étape consiste à faire un peu d'organisation dans la bibliothèque. Nous voulons tous les actifs pour cette fla candleFlame dans le dossier Assets candleFlame. Faites glisser les clips vidéo shadow et bottom_glow dans ce dossier.

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: How to Animate an Explosion Effect in Adobe Animate or Flash Video Tutorial (Mai 2024).