Comment faire une image de survol flash

Avec Flash, il est possible de créer des effets fous qui correspondent à ce que d`autres programmes tels que javascript sont capables de faire. Les images survolées peuvent être utilisés pour créer des effets sur un site, ou ils peuvent être utilisés comme un moyen de naviguer vers d`autres sections d`un site dynamique. Utilisation d`ActionScript permet un effet de survol pour être plus polyvalent en plus d`assurer que l`animation reste faible. Seules quelques lignes de script sont nécessaires pour déplacer un objet d`un état A à B à C.

1

Ouvrez un nouveau fichier Flash Actionscript 3.0.

Video: [Tuto] Comment faire un zoom sur une image au passage de la sourris {Fr}

2

Importez vos images. Cela se fait en allant dans le menu "Fichier," "Importer" et "Importer dans la bibliothèque."

3

Sélectionnez le calendrier et renommer « Layer 1 » à « Image 1. »

4

Faire glisser une image à partir de la bibliothèque sur la scène.

5

Convertir l`image en un symbole. Cela se fait en appuyant sur F8 ou aller au menu "Insérer" et "Nouveau symbole."

6

Nommez le symbole « Image 1 » et cochez « Clip vidéo » pour le convertir en un clip.

7

Cliquez "D`ACCORD." Un clip avec le nom « Image 1 » apparaît dans la bibliothèque.

8

Donner le clip un nom d`instance « Image1_mc." Pour ce faire, sous le panneau « Propriétés » situé en dessous de la scène sous l`onglet « Propriétés ».

9

Sélectionnez le cadre 30 sur la timeline et appuyez sur F5 pour ajouter un cadre.

dix

Créer une animation par un clic droit n`importe où entre le cadre 1 et 30 et en sélectionnant « Créer une interpolation de mouvement."

11

Sélectionnez l`image 30.

12

Sélectionnez l`image sur scène et modifier son réglage Alpha à 0 pour cent en allant dans l`onglet « Propriétés » sous la rubrique « Couleur ». L`image sur scène est maintenant invisible.

Video: HTML / CSS - tutoriel débutant - Changer l'image sur un lien au passage de la souris

13

Verrouiller l`icône « Image 1 » couche et insérer une nouvelle couche « Image 2. » Utilisez le « verrouillage / déverrouiller tous les calques » au-dessus des couches.

14

Sélectionnez l`image 55 de la couche « Image 2 » et appuyez sur F5.

15

Sélectionnez l`image 25 et appuyez sur F6. Cela permet d`insérer une image clé sur l`image sélectionnée.

16

Faites glisser « Image 2 » sur la scène et appuyez sur F8.

17

Sélectionner "Clip vidéo" et lui donner un nom d`instance de « Image2_mc."

18

Créer une interpolation de mouvement entre le cadre 25 et 55.

19

Sélectionnez l`image 25 et l`image sur scène et modifiez le paramètre Alpha à 0 pour cent.

20

Sélectionnez l`image 30 et l`image sur scène et lui donner un cadre Alpha de 100 pour cent.

21

Sélectionnez l`image 55 et l`image sur scène et réglez le paramètre Alpha à 0 pour cent.

22

Répétez les étapes ci-dessus pour plus d`images ajoutées. Insérez un nouveau calque nommé « Actions » et appuyez sur F6 sur le châssis 30 et 55 pour ajouter des images clés.

23

Cliquez sur l`image 1 de la couche « Actions » et appuyez sur F9 pour ajouter le code suivant:
Arrêtez()
ALLER
image1_mc.addEventListener (MouseEvent.MOUSE_OVER, imageOver)
ALLER
fonction imageOver (event: MouseEvent): void {
jouer()
ALLER
}

24

Sélectionnez l`image 30 de la couche « Actions » et entrez le code ci-dessous:
Arrêtez()
ALLER
image2_mc.addEventListener (MouseEvent.MOUSE_OVER, imageOver2)
ALLER
fonction imageOver2 (event: MouseEvent): void {
jouer()
ALLER
}

Sélectionnez l`image 55 et sous la couche Actions insérer cette ligne de code:
Arrêtez();

Video: PowerPoint - Comment déclencher une action sur un objet au passage de la souris

25

Testez le film en appuyant sur « Ctrl + Entrée. » Votre image effet de survol devrait maintenant fonctionner.
Publier l`animation en allant "Fichier" et "Publier."

Pointe

  • vérifier Vous pouvez avoir autant d`objets que possible de glissement et de sortie. Utilisez des graphiques, du texte d`entrée et des boutons intégrés dans le symbole de clip pour créer des animations dynamiques.

Articles Tu auras besoin de

Les références

  • lien J`aime Flash: Créer une image survolée Effet
  • lien Rollover flash

A propos de l`auteur

David Gitonga est un concepteur Web et a un grade d`associé en technologie de l`information et de l`électronique. Il a plus de deux ans d`expérience dans la conception Web et le contenu Web d`écriture et plus de cinq ans d`expérience dans l`électronique. Il a écrit plusieurs articles pour divers sites Web.

Articles connexes