Sommaire

Dans ce tutoriel, vous apprendrez comment créer une transition entre deux images où les images sont mélangées comme jouer aux cartes dans un espace 3D. Vous pouvez contrôler la durée de la transition et le type de facilité.

Voici le résultat final:


Exigences

Flash CS3 et Flash CS4.
Deux images (dans ce cas de 550 × 400, d'images disponibles dans le fichier zip tutoriel)

Note: Les captures d'écran de ce tutoriel sont réalisés en Flash CS3. Il fonctionne exactement le même dans Flash CS4. Ce tutoriel est une ActionScript 3 Project (Ce composant est exclusivement disponible pour AS3, donc il n'y aura pas de version AS2 dans l'avenir).

Étape 1 - Installer le composant effet

Achat de la transition Shuffle Effect. S'il vous plaît suivez les instructions d'installation et faites glisser le composant du panneau composant dans la bibliothèque de votre fichier. FLA.

Glissez la composante dans la bibliothèque

Étape 2 - Import d'images diaporama

Importer des images deux [appuyez sur Ctrl-R] ou "Fichier" -> "Importer" -> "Importer dans la scène ...».

Importer des images à l'étape

Sélectionnez la première image et la convertir en une [Movieclip appuyez sur F8] ou clic droit sur le MovieClip -> "Convertir en symbole ...». Donner le MovieClip le nom de "image1".

Convertir l'image premier à Movieclip

Nom de l'Ensemble de la première image Movieclip

Sélectionnez la deuxième image et la convertir en une [Movieclip appuyez sur F8] ou clic droit sur le MovieClip -> "Convertir en symbole ...». Donner le MovieClip le nom de "image2".

Convertir deuxième image pour Movieclip

Nom de l'Ensemble de seconde image Movieclip

Étape 3 - Définition nom de l'instance de l'image Movieclip

Donner le MovieClip de la première image le nom d'instance "my_image_01" (vous pouvez choisir un nom différent si vous voulez. Assurez-vous que le nom d'instance est unique). Sans un nom d'instance, le composant n'est pas en mesure de détecter le MovieClip. Définissez le nom d'instance pour le MovieClip deuxième image pour "my_image_02".

Nom des ensembles de première instance Movieclip

Définir nom d'instance de deuxième Movieclip

Étape 4 - Appliquer un effet

Faites glisser le composant de la bibliothèque sur le MovieClip supérieur. Le composant logiciel enfichable effet sera automatiquement.

Faites glisser composant sur Movieclip

Étape 5 - Régler les paramètres de l'effet

Cliquez sur le composant et ouvrez le panneau de l'inspecteur des composants [appuyez sur MAJ + F7] ou "Fenêtre" -> "Component Inspector". Dans le "Start Movieclip" liste, sélectionnez "my_image_01" devrait être sélectionné.

Vérifiez si my_image_01 est défini comme Premier Movieclip

Tous MovieClips avec les noms d'instance dans ce cadre sont répertoriés dans le "Start Movieclip" et "End Movieclip" liste de sélection. Puisque vous avez fait glisser l'effet sur le MovieClip "my_image_01", c'est le MovieClip premier. , "Fin Movieclip" select "my_image_02". Laissez les autres réglages pour l'instant.

Set my_image_02 comme Fin Movieclip

Étape 6 - Exportation

Exporter le flash movie appuyez sur [Ctrl-ENTRER] ou "Command" -> "Tester l'animation" et vous verrez la transition de l'image.

Résultat

Étape 6 - Play!

Maintenant vous pouvez jouer avec les paramètres pour personnaliser votre effet. Vous pouvez également utiliser cet effet avec ActionScript. Trouvez la documentation complète ici.

Télécharger

Cliquez ici pour télécharger le fla. De ce tutoriel. Note: La FLA. Ne comprend pas le composant effet. Afin de faire fonctionner le fla, vous avez besoin d'acheter l'Effet Shuffle Tile ici.

Ici vous pouvez trouver un didacticiel vidéo de la façon d'appliquer un effet différent.

  • Share / Bookmark