Cool Tutos effet de flash!

Sommaire

Dans ce tutoriel, vous apprendrez comment créer un effet de transition où l'on pixellisation image "pixellise" à l'autre. Vous pouvez définir la durée (dans des cadres) de la transition. N ActionScript est requis, vous ne fonctionnent que sur le calendrier et définir le paramètre de l'effet de l'intérieur de l'inspecteur des composants.

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 effet de pixellisation. 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.