Résumé

Dans ce tutoriel, vous apprendrez comment créer un flottement, où une image se fane à l'autre avec un génie comme / frétillante / oscillation / transition trémousser. Vous pouvez définir la durée de la transition (en images) et l'amplitude, ce qui représente la force de la distorsion de l'image. Pour compléter le tutoriel vous n'avez pas besoin d'une ligne de code ActionScript.

Voici le résultat final:


Exigences

Flash 8, 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 chose avec Flash 8 et Flash CS4. Ce tutoriel est un projet ActionScript 2 (le composant est également disponible en version AS3).

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

Téléchargez le Effet Wobble . 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 l'image pmeirère 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 du composant est incapable de détecter le MovieClip. Définissez le nom par exemple pour la deuxième image pour MovieClip "my_image_02".

nom de l'instance Ensemble de la première image MovieClip

nom de l'instance Ensemble de seconde image 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 de sélection », my_image_01" doit être sélectionné.

Objectif movieClips dans inspecteur de composants

Tous movieClips avec un nom par exemple dans ce cadre sont énumérées dans la "cible MovieClip" liste de sélection. Puisque vous draged l'effet sur le MovieClip "my_image_01", c'est le MovieClip Frist. , "Fin MovieClip", sélectionnez "my_image_01". Laissez les autres paramètres vide pour le moment. Exporter le flash [film appuyez sur Ctrl-ENTRER] ou "Command" -> "Tester l'animation" et vous verrez que la transition de l'image.

Résultat

Étape 6 - Play!

Jouez avec les autres paramètres à l'intérieur de l'inspecteur de composants. La documentation des paramètres peuvent être trouvés ici . Vous pouvez également utiliser cet effet avec ActionScript.

Télécharger

Cliquez ici pour télécharger le fla. de ce tutoriel. Note: L'. Fla comprend la version d'essai de la composante effet, ce qui ne fonctionne que dans l'IDE de Flash (Flash 8, Flash CS3 ou Flash CS4), mais pas dans le navigateur.

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

  • Share / Bookmark