Les partenaires publicitaires:

Comment créer une image interactive pour un site en flash

Flash propose la possibilité de créer, effets interactifs visuellement engageantes au sein de sites Web. Utilisation de Flash, vous pouvez ajouter un niveau d'interaction d'images du site. Avec un peu de code ActionScript, vous pouvez déclarer des comportements différents lorsque l'utilisateur interagit avec une image de site Web, y compris le déplacement de leur souris sur et en dehors, appuyant et en relâchant le bouton de la souris sur elle. Une raison que Flash est si largement utilisé est qu'il rend la création de ces éléments interactifs facile, même pour les personnes ayant peu ou pas d'expérience de codage.

Instructions

  1. 1

    Créez un nouveau document Flash en choisissant "Fichier", puis "Nouveau" puis en sélectionnant "Document Flash" de la liste. Votre document sera ouvert et afficher la zone de la scène blanche au milieu. Vous pouvez utiliser les outils de dessin sur la gauche pour dessiner une image, mais si vous avez déjà un fichier image, comme une photographie que vous souhaitez utiliser, vous pouvez l'importer dans votre document Flash. Choisissez "Fichier", puis "Importer", puis "Importer sur la scène" et puis accédez à votre fichier image choisie. Votre image apparaîtra sur l'espace scénique.

  2. 2

    Convertissez votre image en un symbole de sorte que vous pouvez ajouter des effets interactifs à elle. Sélectionnez votre image sur la scène en cliquant dessus. Appuyez sur "F8" pour le convertir en un symbole ou choisissez "Modifier", puis "Convertir en symbole." Cliquez sur le bouton "Movie Clip" de radio et de donner à votre Symbole un nom, puis cliquez sur le bouton "OK". Avec votre symbole sélectionné sur la scène, ouvrez le panneau "Propriétés" en cliquant au bas de votre écran. Dans la zone de texte "Nom de l'instance", entrer "myObject_mc" ou tout autre nom que vous préférez.

  3. 3



    Ajouter un autre élément visuel à votre document Flash. Pour des fins de démonstration, ajouter du texte. Insérez un nouveau calque dans votre document en appuyant sur le bouton "Nouveau calque" à côté de la ligne de temps en haut de votre écran. Verrouillez l'autre couche en utilisant le bouton de cadenas sur le scénario, puis sélectionnez la nouvelle couche, en vous assurant qu'il est déverrouillé. Insérer du texte sur ce nouveau calque en cliquant sur l'outil de texte dans le panneau à gauche, puis en cliquant sur la zone de la scène et en tapant du texte. Convertissez votre texte à un symbole de clip en utilisant la même technique que vous avez utilisé pour l'image, mais le choix d'un nom différent. Dans le panneau Propriétés, donner le Symbole de texte, le nom de l'instance "text_mc."

  4. 4

    Ajouter de l'interactivité à votre fichier Flash. Créez un nouveau calque dans votre document. Ouvrez le panneau Actions pour le nouveau calque en cliquant sur le sélectionner dans la zone Timeline, puis choisissez "Fenêtre", puis "Actions", ou appuyez sur "F9." Le panneau Actions apparaît afin que vous puissiez entrer le code. Cliquez dans le texte blanc zone de saisie, et entrez la commande suivante, en changeant "myObject_mc" si vous avez choisi un nom différent:

    text_mc.visible = false;

    fonction picClicked (event: MouseEvent): void



    {Text_mc.visible = vrai-}

    myObject_mc.addEventListener (MouseEvent.CLICK, picClicked);

  5. 5

    Enregistrez votre fichier avec un nom de votre choix, tels que "interactivepic.fla." Export et tester votre animation Flash en choisissant "configuration", puis "Tester l'animation." Votre film sera ouvert dans une fenêtre séparée. Tester la fonctionnalité en cliquant sur l'image et vérifier que le texte apparaît lorsque vous faites. Ceci est un exemple simple pour démontrer le principe d'avoir une image interactive en Flash, mais vous pouvez ajouter de nombreux effets différents en fonction de vos propres projets.

Conseils Avertissements

  • Vous pouvez ajouter des gestionnaires d'événements à plusieurs éléments dans un document Flash, écoutant les événements de l'utilisateur, comme le clic, déplacer l'entrée de la souris et du texte.
  • Lorsque vous incluez des animations Flash dans les sites Web, il ya de fortes chances que certains utilisateurs ne seront pas en mesure de les voir parce qu'ils ne disposent pas de Flash Player. Il est donc préférable d'inclure du contenu alternatif.
» » » » Comment créer une image interactive pour un site en flash