Animation de Thanksgiving Flash

• Avril 29, 2024

Dans ce tutoriel, nous allons créer un simple effet de texte Tween à l'aide de Flash^R Présélections de mouvement pour un projet de Thanksgiving. Si vous avez suivi les didacticiels d'art numérique, vous aurez déjà créé l'image d'arrière-plan pour ce projet. Sinon, utilisez le lien au bas de la page pour lire ce tutoriel.

La première étape consiste à fusionner tous les calques dans notre Photoshop^R image. Comme mentionné dans le tutoriel, nous avions besoin de chaque feuille sur son propre calque lorsque nous avons créé l'image d'arrière-plan. Cependant, maintenant que nous sommes prêts à l'utiliser comme image d'arrière-plan pour notre animation Flash, nous pouvons fusionner tous les calques en un seul calque d'arrière-plan.

1. Ouvrez votre image d'arrière-plan dans Photoshop. Dans la barre de menus, cliquez sur Calque - Aplatir l'image. Maintenant, nous pouvons enregistrer cette version de notre image au format psd par défaut. Afin de conserver la version en couches intacte, nous devons enregistrer cette version aplatie sous un nouveau nom. Appelons cela ThanksgivingFlattened.psd.
   
   
2. Démarrez un nouveau projet dans Flash CS4. Renommez le calque 1 en "Arrière-plan".
   
   
3. Nous pouvons importer notre image aplatie dans notre projet Flash. Cliquez sur Fichier - Importer - Importer sur la scène. Accédez à votre ThanksgivingFlattened.psd et choisissez-le comme image d'importation. Il devrait apparaître sur la scène Flash.
   
   Étant donné que l'image d'arrière-plan a la même largeur et la même hauteur que la scène Flash par défaut, elle sera automatiquement centrée en position sur la scène et prête à l'emploi.
   
   
4. Ajoutez un nouveau calque à la timeline et nommez-le "Happy Thanksgiving". Cela contiendra l'interpolation de mouvement prédéfinie pour notre texte "Happy Thanksgiving".
   
   
5. Cliquez sur la scène avec l'outil Texte et ajoutez notre texte dans la zone de texte. Dans le panneau Propriétés, vous pouvez modifier la police, le style, la taille et la couleur du texte. Dans l'exemple, j'ai conservé le texte du Times New Roman mais j'ai défini la taille sur 35 pt. J'ai également défini l'Anti-alias pour l'animation et changé la couleur en rouge foncé (# BD2226).
   
   
6. Le texte étant toujours sélectionné, cliquez sur Fenêtre - Présélections de mouvement pour ouvrir ce panneau. Dans ce panneau, nous avons plusieurs préréglages dans le dossier Default Presets. Expérimentez avec chaque préréglage pour voir lequel vous souhaitez utiliser dans votre animation. Dans l'exemple, j'ai utilisé le preset "Multiple-bounce".
   
   Il y a une chose importante à retenir lorsque vous travaillez avec des préréglages de mouvement. Le préréglage sera appliqué à l'objet (notre texte) tel qu'il apparaît dans la première image de l'animation prédéfinie. À ce stade, notre texte est centré sur la scène. Dans le préréglage à rebond multiple, le texte baisse un peu et rebondit plusieurs fois. Mais, si j'applique le préréglage au texte à la position actuelle, le texte ne sera pas visible lorsqu'il tombera. Il tombera au bas de la scène et nous ne pourrons pas le voir rebondir. Par conséquent, je dois placer le texte en haut ou au-dessus de la scène. De cette façon, il descendra et rebondira au centre de la scène. C'est l'effet que nous voulons. Si vous utilisez un préréglage différent, vous devrez décider où le texte doit être au début de votre animation.
   
   
7. Sélectionnez le texte et faites-le glisser juste au-dessus de la scène. Pour appliquer un préréglage à votre texte, sélectionnez le préréglage de votre choix et cliquez sur le bouton Appliquer.
   
   Chaque préréglage est une interpolation de mouvement avec un nombre défini d'images qui seront ajoutées à la couche Happy Thanksgiving.
   
   
8. Avant de tester notre animation, nous devons étendre le calque d'arrière-plan jusqu'à la fin de l'interpolation prédéfinie. Dans l'exemple, c'est le cadre 75. Cliquez avec le bouton droit sur ce cadre sur le calque d'arrière-plan et insérez un cadre. Maintenant, nous pouvons cliquer sur Contrôle - Tester l'animation pour prévisualiser notre animation jusqu'à présent.
   
   

Dans le prochain tutoriel, nous affinerons cette animation et ajouterons un deuxième preset pour terminer notre projet. À ce stade, enregistrez votre projet au format .fla par défaut.

Suivant →

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: Romantic Thanksgiving card | Flash animation #69 (Avril 2024).