Sommaire

Dans ce tutoriel, vous apprendrez comment créer un effet d'entraînement de l'eau qui suit le curseur de la souris.

Déplacez la souris sur l'animation Flash ci-dessous pour voir l'effet:

Déplacez la souris sur le swf

Exigences

Flash 8, Flash CS3 et Flash CS4.

Note: La capture d'écran dans ce tutoriel est fait dans Flash CS3. Il fonctionne exactement le même dans Flash 8 ou Flash CS4. Ce tutoriel est ActionScript 2 (bien qu'aucune ActionScript est requise).

Étape 1 - Installer le composant effet

Téléchargez le Rain Drop Effet de l'eau ici. 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 le composant dans la bibliothèque

Etape 2 - Créer un MovieClip Image

Importer une image [appuyez sur Ctrl-R] ou "Fichier" -> "Importer" -> "Importer sur scène ...».

Importation d'image

Sélectionnez cette 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 «l'image».

Nom Movieclip

Définissez le nom d'instance du MovieClip. Utilisez "image_mc". Il est important de donner un nom par exemple ici, sinon le composant ne sera pas à trouver les MovieClip. BTW, la désignation est à vous, vous pouvez choisir un autre nom si Oyu voulez. Assurez-vous que le nom d'instance est projectwide unique.

Set Nom de l'instance

Étape 3 - Appliquer l'effet à une MovieClip et jeu de paramètres

Faites glisser le composant sur le MovieClip. La composante snapps automatiquement.

Faites glisser composant sur Movieclip

Ouvrez le panneau de l'inspecteur des composants Windows -> "Component Inspector". Ici vous pouvez définir les paramètres de l'effet. MovieClips avec tous les noms d'instance dans ce cadre sont répertoriés dans le "Target Movieclip" liste de sélection. Puisque vous avez un seul MovieClip, la composante suppose que vous voulez appliquer l'effet sur le MovieClip "image_mc". Régler le "Curseur sensibles" option "Oui" pour rendre l'effet de l'eau suit la souris.

Ensemble de paramètres à l'intérieur l'inspecteur des composants

Note: Ces paramètres ne sont appliqués à cette instance de l'une des composante effet. Si vous dessinez le composant sur un autre MovieClip (ailleurs dans le fla. Ou dans un nouveau projet), vous devez définir les paramètres à nouveau.

Etape 4 - Export

Exporter le film de commande -> "Tester l'animation" ou [Ctrl presse ENTRER] et voir le résultat. Si vous n'êtes pas satisfait, revenir en arrière et modifier les paramètres dans le panneau Inspecteur de composants.

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.

Vous pouvez également télécharger le Water Ripple composante ici.

  • Share / Bookmark