Flash Effet de transition de page Copier vers la grille

• Mai 20, 2024

Dans ce didacticiel Flash, nous allons créer un effet de transition de page très populaire à l'aide de l'assistant Flash Copy to Grid. Cet assistant de copie dans la grille existe depuis plusieurs versions de Flash dans le cadre des effets de la timeline. Cependant, parce que c'est une fonctionnalité tellement utile et qui fait gagner du temps, je pense qu'elle devrait faire partie de la boîte à outils de chaque concepteur Flash.

Voici la transition que nous allons construire. Comme vous pouvez le voir, onze rectangles verticaux s'étendent sur la scène et fonctionnent comme un masque pour révéler l'image d'arrière-plan. Avec l'aide de l'assistant Copier dans la grille, nous n'avons besoin que de créer un clip d'animation rectangulaire, puis de lui affecter une animation Motion Tween. Le reste du travail pour créer l'animation de transition de page est fait pour nous par Flash.

Commençons un nouveau film de 550 x 400 pixels et nous utiliserons ActionScript 2.0. Le film vide ne doit avoir qu'une seule image et un calque "Couche 1" dans la timeline. Renommez ce calque en "Transition". Pour notre exemple, j'ai importé une image d'arrière-plan sur la scène. Cela m'a donné une nouvelle couche dans la timeline. J'ai renommé ce calque en "Arrière-plan" et l'ai fait glisser vers le bas pour en faire le calque inférieur dans la timeline. Nous allons travailler sur la couche Transition.

1. Cliquez sur l'image 1 du calque de transition. À l'aide de l'outil Rectangle, dessinez un petit rectangle n'importe où sur la scène (Stroke to null, Fill to black ou toute couleur de votre choix).
   
   
2. Avec l'outil Sélection, sélectionnez le rectangle. Dans l'inspecteur des propriétés, définissez la largeur du rectangle sur 50 pixels, la hauteur sur 400 pixels et les positions X et Y sur 0,0. Si vous utilisez une scène d'une taille différente, vous souhaiterez que la hauteur de votre rectangle soit la hauteur de la scène. Divisez ensuite la largeur de la scène par n'importe quel nombre pour obtenir la largeur de votre rectangle.
   
   
3. Le rectangle étant toujours sélectionné, accédez à la barre de menus et cliquez sur Insertion - Effets de montage - Assistants - Copier dans la grille. Cela ouvrira la boîte de dialogue Copier dans la grille. Il faudra onze de nos rectangles pour couvrir toute la scène. Pour les options Taille de la grille, définissez le nombre de lignes sur 1 et les colonnes sur 11. (Si vous utilisez un nombre différent de rectangles, remplacez le 11 par votre nombre de rectangles.) Définissez également les lignes et les colonnes pour les options de l'espace de grille à zéro. Cliquez sur le bouton Mettre à jour l'aperçu et attendez quelques sections pour que Flash se termine. Cliquez ensuite sur OK pour fermer la boîte de dialogue. Vous devriez maintenant voir du noir sur toute la scène.
   
   
4. Aller à la bibliothèque. Vous y trouverez un graphique nommé "Copy to Grid 1" et un autre graphique nommé "effectSymbol" (à l'intérieur du dossier Effects). Cliquez avec le bouton droit sur le graphique effectSymbol et choisissez Propriétés dans le menu. Dans la boîte de dialogue Propriétés, changez le type de graphique en clip. Répétez cette opération pour le graphique Copier vers la grille 1.
   
   

Nous sommes maintenant prêts à attacher le Motion Tween au clip d'animation effectSymbol. Dans la bibliothèque, double-cliquez sur le clip d'animation effectSymbol et vous serez redirigé vers la chronologie du clip.

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: Adobe Première Pro : Les TRANSITIONS #5 (Mai 2024).