|
Flash offre la possibilité de créer des effets visuels interactifs d'engagement au sein de sites Web. Utilisation de Flash , vous pouvez ajouter un niveau d'interaction aux 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 , en appuyant et en relâchant le bouton de la souris dessus. Une des raisons 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 une expérience de codage peu ou pas . Instructions
1 Créer un nouveau document dans Flash en cliquant sur " Fichier", puis "Nouveau" puis en sélectionnant " document Flash " de la liste . Votre document s'ouvre et affiche la zone de scène blanche au milieu. Vous pouvez utiliser les outils de dessin sur la gauche pour faire un dessin, mais si vous avez déjà un fichier image , comme une photo que vous voulez utiliser, vous pouvez l'importer dans votre document Flash. Choisissez "Importer ", " Fichier", puis ensuite " Importer sur la scène », puis naviguez jusqu'à votre fichier image choisi. Votre image s'affiche sur l' espace scénique .
2 Convertissez votre image en un symbole de sorte que vous pouvez ajouter des effets interactifs pour elle . Choisissez votre image sur la scène en cliquant dessus. Appuyez sur "F8" pour le convertir en un symbole ou choisir "Modifier" puis " Convertir en symbole . " Choisissez le bouton radio " Movie clip" et donner vos Symbole d'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 le champ " Nom d'instance " zone de texte , saisissez « myObject_mc " ou n'importe quel nom que vous préférez .
3 Ajouter un élément visuel à votre document Flash. Pour des fins de démonstration , ajouter un peu de 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 cadenas sur le scénario, puis sélectionnez le nouveau calque , en s'assurant qu'il est déverrouillé. Insérer un texte sur ce nouveau calque en cliquant sur l'outil Texte dans le panneau vers la 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 , donnez le symbole de texte le nom d'occurrence " text_mc . "
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 région de la timeline , puis choisissez " Fenêtre ", puis " Actions " ou appuyez sur " F9 ". Le panneau Actions apparaît afin que vous puissiez saisir le code. Cliquez dans la zone de saisie de texte blanc, 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 ) : vide
{ text_mc.visible = true; }
myObject_mc.addEventListener ( MouseEvent.CLICK, picClicked ) ;
5 Enregistrez votre fichier avec un nom de votre choix , comme « interactivepic.fla . " Exporter et tester votre animation Flash en choisissant " configuration", puis " Tester l'animation. " Votre film s'ouvrira 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 simple exemple 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.
|
