Sommaire

Dans ce tutoriel, vous apprendrez comment créer une loupe qui suit la souris et l'agrandit une partie d'une image.

Voici le résultat final (déplacez la souris):

Déplacez la souris sur le swf

Exigences

Flash 8, Flash CS3 et Flash CS4.
1 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 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 ici effet de lentille. 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.

Glissez la composante dans la bibliothèque

Étape 2 - Création Movieclip image

Importer une image [appuyez sur Ctrl-R] ou "Fichier" -> "Importer" -> "Importer dans la scène ...». Sur cette image, vous verrez plus tard appliquer l'effet.

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" (Name Here It's up to you).

Image Convertir en Movieclip

Nom Movieclip

Étape 3 - Configuration de l'effet

Nom de la couche de la Movieclip image "image".

Renommez le calque

Donner le MovieClip le nom d'instance "my_image" (vous pouvez choisir un nom différent si vous voulez. Assurez-vous que le nom d'instance est unique). Sans un nom d'instance, le composant n'est pas en mesure de détecter le MovieClip.

Set Nom de l'instance

Créez un nouveau calque et nommez-les «effets» (La dénomination des couches est seulement de garder les choses en ordre, vous pouvez laisser les noms de calque par défaut, choisir d'autres noms ou même travailler sur un calque).

Créer un nouveau calque et nommez

Cliquez sur le cadre premier de "l'effet" calque et faites glisser l'effet de lentille à partir de votre bibliothèque vers la scène. Le composant logiciel enfichable doit automatiquement vers le coin supérieur gauche de l'Movieclip image.

Faites glisser composant sur Movieclip

Sélectionnez l'effet de lentille sur la scène et ouvrez le panneau de l'inspecteur des composants [appuyez sur MAJ + F7] ou "Fenêtre" -> "Component Inspector".

Dans le champ "Cible Movieclip" liste de sélection, "my_image" 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 n'avez qu'un seul Movieclip la composante suppose que vous voulez appliquer l'effet sur le "my_image Movieclip". Set "Curseur sensible» à «Oui». Ce qui fait que le composant suit la souris.

Paramètres dans le panneau Inspecteur de composants

Export flash de votre film. Déplacez la souris et vous voyez que l'objectif suit la souris.

Résultat

Jouez un peu avec le réglage à l'intérieur du panneau de l'inspecteur des composants et de trouver votre configuration préférée. Davantage sur l'inspecteur de composants mise ici.

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 les effet de lentille ici.

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

  • Share / Bookmark