Comment faire un flash Survoler l'image

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 de survol peuvent être utilisés pour créer des effets sur un site, ou ils peuvent être utilisés comme un moyen d'accéder à d'autres sections d'un site dynamique. Utilisation d'ActionScript permet un effet de survol d'être plus polyvalent, en plus de veiller à ce que l'animation reste faible. Seules quelques lignes de script sont nécessaires pour déplacer un objet d'état A à B à C

Choses que vous devez

  • Images
    Application Flash CS3

Instructions

  1. Ouvrez un nouveau fichier ActionScript 3.0 Flash.

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

  3. Sélectionnez le calendrier et renommer "Couche 1" à "Image 1."

  4. Faites glisser une image de la bibliothèque sur la scène.

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

  6. Nommez le symbole "Image 1" et vérifier "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, dans le cadre du "Propriétés" panneau situé sous la scène sous la "Propriétés" onglet.




  9. Sélectionnez la 30e trame sur la timeline et appuyez sur F5 pour ajouter un cadre.

  10. Créer une animation de plein droit; cliquant n'importe où entre le châssis 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 la scène et modifier son réglage de Alpha à 0 pour cent en allant à la "Propriétés" onglet sous "Couleur." L'image sur la scène est maintenant invisible.

  13. Verrouiller le "Image 1" couche et insérer un nouveau calque "Image 2." Utilisez le "Verrouiller / déverrouiller tous les calques" icône ci-dessus les couches.

  14. Sélectionnez l'image 55 de la "Image 2" couche et appuyez sur F5.

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

  16. Traînée "Image 2" sur la F8 de scène et appuyez sur.




  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 châssis 25 et 55.

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

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

  21. Sélectionnez l'image 55 et l'image sur la 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é "Actes" et appuyez sur F6 sur le bâti 30 et 55 pour ajouter des images clés.

  23. Cliquez sur l'image 1 du "Actes" couche et appuyez sur F9 pour ajouter le code suivant:
    Arrêtez ()
    GO
    image1_mc.addEventListener (MouseEvent.MOUSE_OVER, imageOver)
    GO
    fonction imageOver (event: MouseEvent): void {
    play ()
    GO
    }

  24. Sélectionnez l'image 30 de la "Actes" couche et entrez le code ci-dessous:
    Arrêtez ()
    GO
    image2_mc.addEventListener (MouseEvent.MOUSE_OVER, imageOver2)
    GO
    fonction imageOver2 (event: MouseEvent): void {
    play ()
    GO
    }

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

  25. Testez l'animation en appuyant "Ctrl + Entrée." Votre effet retournement d'image devrait maintenant fonctionner.
    Publier l'animation en allant à "Fichier" et "Publier."

Conseils & Avertissements

  • Vous pouvez avoir autant d'objets que possible coulissantes et arrière.

    Utilisez des graphiques, du texte d'entrée et boutons intégrés dans le symbole de clip pour créer des animations dynamiques.
» » » » Comment faire un flash Survoler l'image