Importation d'images et animation de transition Flash

• Mai 5, 2024

Maintenant que nous avons personnalisé le Flash^R Preloader pour le modèle SWF, nous pouvons construire notre modèle de diaporama. Nous avons déjà nos quatre images d'espace réservé (voir le didacticiel Photoshop). Pour suivre la série de didacticiels, utilisez les liens ci-dessous.

Donnons à chaque image deux secondes sur la scène. Étant donné que le nombre d'images par seconde est défini sur 31 (voir Paramètres du document), nous devrons donner à chaque image 62 images. Arrondissons cela à 60 images. À ces 60 images, nous ajouterons des transitions de fondu d'entrée et de sortie qui dureront chacune 10 images.

Nous commençons par importer les quatre images d'espace réservé dans notre projet fla.

1. Ajoutez un nouveau calque à la timeline et nommez-le "image1". Dans la barre de menus, cliquez sur Fichier - Importer - Importer sur la scène. Flash placera l'image image1.psd sur l'image 1 du calque image1 et la placera dans la bibliothèque.
   
   Répétez cette opération pour les trois autres images d'espace réservé. Vous aurez quatre calques nommés image1 à image4 avec les images importées. Sélectionnez les quatre calques et faites-les glisser sous le calque Contenu. Disposez-les dans l'ordre croissant avec le calque image1 en haut du groupe.
   
   Étant donné que le préchargeur ira directement à l'image 2 une fois tout chargé, nous devons supprimer les images de l'image 1. Pour les quatre calques, ajoutez une image clé à l'image 2 et supprimez l'image de l'image 1.
   
   Nous allons d'abord travailler sur le calque image1. Étant donné que le préchargeur prend l'image 1, nous allons définir l'image pour un fondu sur 9 images, rester visible sur la scène pendant 60, puis un fondu sur 10 images.
   
   
2. Sur l'image 2 du calque image1, cliquez avec le bouton droit sur image1 sur la scène et convertissez en symbole. Réglez le Type sur Clip vidéo et nommez-le "image1".
   
   
3. Cliquez de nouveau avec le bouton droit sur l'image et choisissez Créer une interpolation de mouvement. Faites glisser l'intervalle Tween vers l'image 80.
   
   
4. Ajoutez une image clé aux images 11, 70 et 80.
   
   
5. Sur l'image 2, définissez Alpha sur 0 dans le panneau Propriétés (Effet couleur - Style - Alpha). Sur les images 11 et 70, définissez l'Alpha sur 100 et sur l'image 80, définissez l'Alpha sur 0.
   
   Le code du préchargeur indique à Flash d'aller à l'image 2 et de s'arrêter. Si nous laissons le code tel quel, la timeline s'arrêtera sur l'image 2, au lieu de continuer à lire les 80 images.
   
   
6. Dans le panneau Actions, remplacez gotoAndStop (2) par gotoAndPlay (2).
   
   

Nous pouvons maintenant tester notre film et regarder l'image1 apparaître en fondu, rester visible pendant deux secondes et disparaître. Cependant, cela ne se répète pas. Nous ajouterons du code pour cela plus tard.

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: Quick tip #2 (AE): Creating an image sequence with transition (Mai 2024).