InfoProGraphie Simple > Cours > Créer un site en flash > Notre premier site en flash > Créer une bannière animée

B) Créer une bannière animée

Dans ce chapitre, on va créer notre premier fichier externe .swf, qui sera une bannière. Ici nous allons créer une bannière toute basique;). Vous allez voir c'est très simple;).

1)Une bannière en image

Rien de bien comliquer, mais tout de même important;) On utilisera cette image pour le fond de la bannière (cliquez sur l'image pour avoir la taille réelle;)):

I_I_2_min_banniere.png

Vous pouvez bien sûr utiliser une autre image mais à condition qu'elle respecte la taille de 700px de largeur et 140px de hauteur;).

Donc ouvrons E-anim, nouveau document, et modifons la taille du projet à 700x140, comme l'est la taille de la bannière.

I_I_2_taille_anim.png

Ensuite ajoutons l'image de fond, avec le bouton ajouter une image bt_ajouter_image.png et sélectionnons l'image de la bannière;). Voilà ce que l'on obtient:

I_I_2_banniere_ajouter.png

Si on le souhaite on peut s'arrêter là, il ne nous reste plus qu'à enregistrer le fichier .phi bt_enregistrer_phi.png en le nommant "banniere.phi" et ensuite d'enregistrer une page html contenant l'anim pour générer le fichier .swf bt_enregistrer_html.png. Mettons ensuite le fichier .swf généré (qui devrait porter le nom de "banniere.swf") dans le même dossier qui contient l'animation principal, celle que l'on a créé dans le chapitre précédent;). Ouvrons maintenant la page anim_principal.html et comme par magie, on voit notre bannière :p.

Bien sûr, si vous le souhaitez, vous pouvez aussi animer votre banniere etc. A vous de jouer;) ( Si vous avez besoin d'idée n'hésitez pas à regarde ce tuto et celui-là)

2)A retenir

Alors, si vous souhaitez refaire une bannière à votre sauce, il y a deux étapes à suivre;):
1)Créez une anim en respectant la taille maximale de la bannière c'est à dire 700x140.
2)Et ensuite enregistrez le fichier .phi et générez le fichier .swf

Voilà sinon rien d'autre à rajouter, on peut passer au chapitre suivant;), où on va créer le corps du site;).

Les cours sont la propriété de leurs auteurs respectifs.
Toute reproduction totale ou partielle sans l'accord des auteurs est interdite.