Cool Tutos effet de flash!

Sommaire

Dans ce tutoriel, vous apprendrez comment créer une oscillation, où l'on se fane image à l'autre avec un génie comme / waggle / Wobble / transition trémousser. Vous pouvez définir la durée de la transition (dans des cadres) et l'amplitude, 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 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 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).

Étape 1 - Installer le composant effet

Téléchargez le Effect 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.

Étape 2 - Import d'images diaporama

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

Sélectionnez l'image que la pmeirère 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".

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".

É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 du composant est incapable de détecter le MovieClip. Définissez le nom d'instance pour le MovieClip deuxième image pour "my_image_02".

É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.

É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 de sélection, "my_image_01" devrait être sélectionné.

Tous MovieClips avec les noms d'instance dans ce cadre sont répertoriés dans le "Target Movieclip" liste de sélection. Puisque vous draged l'effet sur le MovieClip "my_image_01", c'est le MovieClip Frist. , "Fin Movieclip" select "my_image_01". Laissez le réglage à blanc les autres pour l'instant. Exporter le flash movie appuyez sur [Ctrl-ENTRER] ou "Command" -> "Tester l'animation" et vous verrez que la transition de l'image.

Étape 6 - Play!

Jouez avec les autres paramètres dans l'inspecteur des composants. La documentation des réglages 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: La FLA. Inclut la version d'évaluation de la composante de l'effet, qui ne fonctionne que dans l'IDE Flash (Flash 8, Flash CS3 et Flash CS4) mais pas dans le navigateur.

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