Maison

Comment Créer une Image Interactive pour un Site web en Flash

1/1/2016

657096

Comment Créer une Image Interactive pour un Site web en Flash

Flash offre la possibilité de créer visuellement attrayant, interactif effets à l'intérieur de sites web. À l'aide de Flash, vous pouvez ajouter un niveau d'interaction pour les images du site web. Avec un peu de code ActionScript, vous pouvez déclarer des comportements différents lorsque l'utilisateur interagit avec un site web d'image, y compris le déplacement de la souris sur et hors d'elle, en appuyant et en relâchant le bouton de la souris sur elle. L'une des raisons que Flash est si largement utilisé, c'est qu'il rend la création de tels éléments interactifs facile, même pour les personnes avec peu ou pas de codage de l'expérience.

Comment Créer une Image Interactive pour un Site web en Flash src=

Flash offre la possibilité de créer visuellement attrayant, interactif effets à l'intérieur de sites web. À l'aide de Flash, vous pouvez ajouter un niveau d'interaction pour les images du site web. Avec un peu de code ActionScript, vous pouvez déclarer des comportements différents lorsque l'utilisateur interagit avec un site web d'image, y compris le déplacement de la souris sur et hors d'elle, en appuyant et en relâchant le bouton de la souris sur elle. L'une des raisons que Flash est si largement utilisé, c'est qu'il rend la création de tels éléments interactifs facile, même pour les personnes avec peu ou pas de codage de l'expérience.

Créer un nouveau document dans Flash en choisissant 'Fichier', puis 'Nouveau' puis en sélectionnant 'Document Flash' de la liste. Votre document s'ouvre et affiche le blanc de la scène dans le 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 photo que vous souhaitez utiliser, vous pouvez l'importer dans votre document Flash. Choisissez 'Fichier', puis 'Importer', puis 'Importer dans la Scène', puis naviguez jusqu'à votre fichier image. Votre image apparaît sur la scène.
Convertir votre image en un Symbole de sorte que vous pouvez ajouter des effets interactifs. Sélectionnez votre image sur la scène en cliquant sur elle. Appuyez sur la touche 'F8' pour le convertir en un Symbole ou choisissez 'Modifier' puis 'Convertir en Symbole.' Choisissez le 'clip' bouton radio et à 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 en bas de votre écran. Dans le 'Nom de l'Instance' zone de texte, saisissez 'myObject_mc' ou tout autre nom que vous préférez.
Ajouter un élément visuel à votre document Flash. Pour des fins de démonstration, d'ajouter du texte. Insérez un nouveau calque dans votre document en appuyant sur le 'Nouveau Calque' bouton à côté de la Timeline en haut de votre écran. Verrouillage de l'autre calque à l'aide du cadenas bouton sur la Timeline, puis sélectionnez le nouveau calque, faire en sorte qu'il est déverrouillé. Insérer du texte sur ce nouveau calque en cliquant sur l'outil texte dans le panneau de gauche, puis en cliquant sur la zone de la scène et de taper du texte. Convertir votre texte en 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, donnez le Symbole de texte le nom de l'instance 'text_mc.'
Ajouter de l'interactivité à votre fichier Flash. Créer une nouvelle couche dans votre document. Ouvrez le panneau Actions pour le nouveau calque en cliquant dessus pour le sélectionner dans la Timeline, puis choisissez 'Fenêtre', puis 'Actions', ou appuyez sur la touche 'F9.' Le panneau Actions apparaîtra pour vous permettre d'entrer le code. Cliquez dans le blanc de la zone d'entrée de texte, puis saisissez les informations suivantes, en changeant 'myObject_mc' si vous avez choisi un nom différent:
text_mc.visible=false
fonction de picClicked(event:MouseEvent):void
{ text_mc.visible=true }
myObject_mc.la méthode addEventListener(MouseEvent.CLIQUEZ sur, picClicked)
Enregistrez votre fichier avec un nom de votre choix, tels que 'interactivepic.fla.' D'exportation et de tester votre animation Flash en choisissant le 'Contrôle', puis 'Tester l'animation.' Votre film sera ouvert dans une fenêtre séparée. Test de la fonctionnalité en cliquant sur la photo, et en vérifiant que le texte s'affiche lorsque vous le faites. C'est un exemple simple pour illustrer le principe d'avoir une image interactif en Flash, mais vous pouvez ajouter de nombreux effets différents en fonction de vos projets.

Conseils & Avertissements

Vous pouvez ajouter des gestionnaires d'événements pour plusieurs éléments dans un document Flash, écouter les événements de l'utilisateur, comme le clic, le déplacement de la souris et saisie de texte.

Lorsque vous incluez des animations Flash dans les sites web, il est fort probable que certains utilisateurs ne seront pas en mesure de les voir parce qu'ils n'ont pas de Flash Player. Il est donc préférable d'inclure un contenu de remplacement.

Comment Creer une Image Interactive pour un Site web en Flash

Flash offre la possibilite de creer visuellement attrayant, interactif effets a l'interieur de sites web. A l'aide de Flash, vous pouvez ajouter un niveau d'interaction pour les images du site web. Avec un peu de code ActionScript, vous pouvez declarer des comportements differents lorsque l'utilisateur interagit avec un site web d'image, y compris le deplacement de la souris sur et hors d'elle, en appuyant et en relachant le bouton de la souris sur elle. L'une des raisons que Flash est si largement utilise, c'est qu'il rend la creation de tels elements interactifs facile, meme pour les personnes avec peu ou pas de codage de l'experience.

Flash offre la possibilite de creer visuellement attrayant, interactif effets a l'interieur de sites web. A l'aide de Flash, vous pouvez ajouter un niveau d'interaction pour les images du site web. Avec un peu de code ActionScript, vous pouvez declarer des comportements differents lorsque l'utilisateur interagit avec un site web d'image, y compris le deplacement de la souris sur et hors d'elle, en appuyant et en relachant le bouton de la souris sur elle. L'une des raisons que Flash est si largement utilise, c'est qu'il rend la creation de tels elements interactifs facile, meme pour les personnes avec peu ou pas de codage de l'experience.

Creer un nouveau document dans Flash en choisissant 'Fichier', puis 'Nouveau' puis en selectionnant 'Document Flash' de la liste. Votre document s'ouvre et affiche le blanc de la scene dans le milieu. Vous pouvez utiliser les outils de dessin sur la gauche pour dessiner une image, mais si vous avez deja un fichier image, comme une photo que vous souhaitez utiliser, vous pouvez l'importer dans votre document Flash. Choisissez 'Fichier', puis 'Importer', puis 'Importer dans la Scene', puis naviguez jusqu'a votre fichier image. Votre image apparaît sur la scene.
Convertir votre image en un Symbole de sorte que vous pouvez ajouter des effets interactifs. Selectionnez votre image sur la scene en cliquant sur elle. Appuyez sur la touche 'F8' pour le convertir en un Symbole ou choisissez 'Modifier' puis 'Convertir en Symbole.' Choisissez le 'clip' bouton radio et a donner votre Symbole un nom, puis cliquez sur le bouton 'OK'. Avec votre Symbole selectionne sur la scene, ouvrez le panneau 'Proprietes' en cliquant en bas de votre ecran. Dans le 'Nom de l'Instance' zone de texte, saisissez 'myObject_mc' ou tout autre nom que vous preferez.
Ajouter un element visuel a votre document Flash. Pour des fins de demonstration, d'ajouter du texte. Inserez un nouveau calque dans votre document en appuyant sur le 'Nouveau Calque' bouton a cote de la Timeline en haut de votre ecran. Verrouillage de l'autre calque a l'aide du cadenas bouton sur la Timeline, puis selectionnez le nouveau calque, faire en sorte qu'il est deverrouille. Inserer du texte sur ce nouveau calque en cliquant sur l'outil texte dans le panneau de gauche, puis en cliquant sur la zone de la scene et de taper du texte. Convertir votre texte en un Symbole de Clip en utilisant la meme technique que vous avez utilise pour l'image, mais le choix d'un nom different. Dans le panneau Proprietes, donnez le Symbole de texte le nom de l'instance 'text_mc.'
Ajouter de l'interactivite a votre fichier Flash. Creer une nouvelle couche dans votre document. Ouvrez le panneau Actions pour le nouveau calque en cliquant dessus pour le selectionner dans la Timeline, puis choisissez 'Fenetre', puis 'Actions', ou appuyez sur la touche 'F9.' Le panneau Actions apparaîtra pour vous permettre d'entrer le code. Cliquez dans le blanc de la zone d'entree de texte, puis saisissez les informations suivantes, en changeant 'myObject_mc' si vous avez choisi un nom different:
text_mc.visible=false
fonction de picClicked(event:MouseEvent):void
{ text_mc.visible=true }
myObject_mc.la methode addEventListener(MouseEvent.CLIQUEZ sur, picClicked)
Enregistrez votre fichier avec un nom de votre choix, tels que 'interactivepic.fla.' D'exportation et de tester votre animation Flash en choisissant le 'Controle', puis 'Tester l'animation.' Votre film sera ouvert dans une fenetre separee. Test de la fonctionnalite en cliquant sur la photo, et en verifiant que le texte s'affiche lorsque vous le faites. C'est un exemple simple pour illustrer le principe d'avoir une image interactif en Flash, mais vous pouvez ajouter de nombreux effets differents en fonction de vos projets.

Conseils & Avertissements

Vous pouvez ajouter des gestionnaires d'evenements pour plusieurs elements dans un document Flash, ecouter les evenements de l'utilisateur, comme le clic, le deplacement de la souris et saisie de texte.

Lorsque vous incluez des animations Flash dans les sites web, il est fort probable que certains utilisateurs ne seront pas en mesure de les voir parce qu'ils n'ont pas de Flash Player. Il est donc preferable d'inclure un contenu de remplacement.