Résumé

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 ou Flash CS4.
Deux images (dans ce cas 550 × 400, d'images disponibles dans le fichier zip tutoriel )

Note: Les captures d'écran dans ce tutoriel sont faites dans Flash CS3. Il fonctionne exactement de la même dans Flash CS4. Ce tutoriel est un projet ActionScript 3 (Ce composant est exclusivement disponible pour AS3, donc il n'y aura pas de version AS2 à l'avenir).

élément Étape 1 - Installer l'effet

Achetez les effet de transition aléatoire . 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.

Faites glisser dans la bibliothèque de composants

Étape 2 - Import d'images diaporama

Import deux images, 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 cliquez droit sur le MovieClip -> "Convertir en symbole ...». Donner le MovieClip le nom de "image1".

Convertir première image de MovieClip

Définissez le nom de la première image MovieClip

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

Convertir deuxième image pour MovieClip

Définissez le nom de la seconde image MovieClip

Étape 3 - nom de l'instance Ensemble de l'image MovieClip

Donner le MovieClip de la première image le nom d'occurrence "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, l'élément n'est pas en mesure de détecter les MovieClip. Définissez le nom par exemple pour la deuxième image pour MovieClip "my_image_02".

nom de l'instance Set de la première MovieClip

nom de l'instance Set de seconde MovieClip

Étape 4 - Appliquer un effet

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

Faites glisser composant sur MovieClip

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

Cliquez sur le composant et ouvrez le panneau Inspecteur de composants [appuyez sur Maj + F7] ou "Window" -> "Inspecteur de composants". Dans le MovieClip "Démarrer" liste, sélectionnez "my_image_01" doit être sélectionné.

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

Tous movieClips avec un nom par exemple dans ce cadre sont énumérées dans le MovieClip "Start" et "Fin MovieClip" liste de sélection. Depuis vous avez fait glisser l'effet sur le MovieClip "my_image_01", c'est le MovieClip premier. , "Fin MovieClip", sélectionnez "my_image_02". Laissez les autres paramètres pour le moment.

Set my_image_02 que MovieClip Fin

Étape 6 - Exportation

Exporter le flash [film 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 de vous personnaliser 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: L'. Fla ne comprend pas la composante effet. Afin de faire fonctionner le fla, vous avez besoin d'acheter les carreaux Effet Shuffle ici .

Ici vous pouvez trouver un didacticiel vidéo sur la façon de mettre en œuvre un effet différent.

  • Share / Bookmark