Visite guidée du produit Animation en ballon


Dans le dernier FlashR tutoriel, nous avons créé la première bulle de texte pour l'artiste Kate Mawdsley et l'avons convertie en un clip que nous avons nommé "KateMText". Nous allons maintenant créer l'animation de ce clip. Notre clip d'animation KateMText est déjà sur la scène et sur sa propre couche dans la timeline.

Par préférence personnelle, je donne le même nom à un clip tel que "KateMText" et au calque sur lequel il sera placé dans la timeline. Le calque contenant le clip KateMText est toujours appelé Calque 1. Renommez ce calque en "KateMText". Cette couche doit être directement au-dessus de la couche de carte électronique de l'artiste. Sinon, faites glisser le calque au-dessus du calque KateM.

Commençons le fondu pour le clip de la bulle de texte 25 images après que la carte électronique commence à agrandir. Ce sera l'image 300. Ajoutez une image clé à l'image 300 pour «verrouiller» la bulle de texte en place. Nous n'avons pas besoin que la bulle de texte soit visible jusqu'à l'image 300, mais lorsque nous l'avons ajoutée à la scène, elle a été automatiquement ajoutée à l'image 1. Accédez à l'image 1 et supprimez la bulle de texte. Revenez à l'image 300 et à notre bulle de texte. Nous sommes prêts à créer notre interpolation. Cliquez avec le bouton droit sur la bulle de texte et choisissez Créer une interpolation de mouvement. Le fondu du clip ne prendra que 15 images (images 300 à 315). Accédez à l'image 315 et ajoutez une image clé à "verrouiller" dans le clip. Revenez à l'image 300 et réduisez l'opacité (Alpha) du clip à 0%.

Revenez à l'image 315 et notre clip devrait toujours être à 100% d'opacité. Nous voulons que le ballon reste visible sur la scène avec la carte électronique jusqu'à l'image 365. (50 images). Ajoutez une autre image clé à l'image 365. Enfin, la bulle de texte et la carte électronique disparaîtront sur 10 images (images 365 à 375). Ajoutez une image clé à l'image 375 et réduisez l'opacité du ballon à 0%. Cela termine l'animation du ballon.

Pour la tournée des produits, j'ai créé une animation de carte électronique et de ballon de texte pour chacun de nos 8 artistes. Nous commencerions l'animation de la prochaine carte électronique à la fin de l'animation précédente (image 375). Abandonnons ces animations et passons à la création de l'animation de fin pour la première section. Une fois les animations de la carte électronique terminées, nous pouvons terminer cette section de la présentation du produit par un fondu sur cinq images de notre écran de démarrage.

Ajoutez un nouveau calque juste en dessous du calque Actions et nommez-le "End". Ajoutez une image clé à l'image 375. Ouvrez le fichier MainFLA et recherchez le clip vidéo Splash Screen dans la bibliothèque. Faites une copie de ce clip, revenez à la couche Fin de notre fichier FLA et collez le clip. Cliquez avec le bouton droit sur le clip et choisissez Créer une interpolation de mouvement. Accédez à l'image 380, ajoutez une image clé pour verrouiller l'opacité à 100%. Revenez à l'image 375 et réduisez l'opacité à 0%.

Une dernière tâche pour cette section de la présentation du produit consiste à ajouter un bouton bascule qui permettra au spectateur d'arrêter / démarrer l'animation selon les besoins.

Cartes Pamela Gladding

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.

[TUTO] Animer une Balle avec Adobe Animate (Deeamo.fr) (Avril 2020)



Tags Article: Présentation du produit Text Balloon Animation, Flash et animation, didacticiels d'application de la présentation du produit Flash CS5

Collection de timbres et valeurs

Collection de timbres et valeurs

loisirs et artisanat