[Log.Graph+E.Anim]Bannière musicale(fini)

Mer 26 Nov 2008, 16:17

Bonjour !
Beaucoup de personne demande comment on fait une bannière musicale.
Je fait donc ce tuto pour vous expliquer comment faire !
(Merci ma Sup' ^^)

Tous d'abord il vous faut un logiciel de graphiqme tel que Photoshop ou
The Gimp qui gère le format .png. Ce n'est pas obliger mais pour la
création des boutons c'est mieux =D
Ensuite, il vous faut le logiciel E-Anim disponible içi => E-Anim
Parfois, il arrive que votre version de Java ne soit pas assez récente
pour cette version de E-Anim donc il faut que vous la téléchargiez aussi
=> Java
Enfin, il vous faut un bouton Play et un bouton Stop réalisés avec votre Logiciel de Graphisme où avec les boutons qu'il y a en bas.

----------------------------------------------

Créez en premier lieu votre bannière. Elle peut très bien être sous format .png ce n'est pas grave car E-Anim gère très bien ce format.
Bien sûr, rien ne vous empêche de la faire avec Photofiltre ^^

Voiçi ma bannière:

[Log.Graph+E.Anim]Bannière musicale(fini) Ydana-10

Nous allons tous d'abord commencer par hébergé votre musique
cela peu prendre du temps.Elle doit forcément être en mp3 !!! J'utilise Archive-Host pour héberger,
une simple inscription suffit ! De plus, il vous permettra d'héberger
votre bannière une fois finie qui sera sous format .swf, un format pas courant...
=> Archive-Host

Ouvrez E-Anim.
Faites Projet->Dimensions et redimensionnez votre travail au format
de votre bannière. Faites ensuite Objet->Ajouter-> Une image et allez
chercher votre bannière.
Faites à présent Objet->Ajouter->Un groupe. Votre image va se griser,
c'est normal.

Nous allons désormais ajouter le bouton.
Faites Oblet->Ajouter->Un bouton et une petite fenêtre
va s'ouvrir.
Tous d'abord dans la case du haut où il y a le "texte du bouton",
vous supprimez la phrase et vous décochez la case "Relief" en
appuyant dessus. Après cela dans les quatres cases grises,
vous allez placer le bouton Play dans la case en haut à gauche
et le bouton Stop dans la case en bas à gauche.

[Log.Graph+E.Anim]Bannière musicale(fini) 2b10

=>

[Log.Graph+E.Anim]Bannière musicale(fini) 2c10

Faites ensuite Action en bas et une autre fenêtre va s'ouvrir.
Dans cette fenêtre appuyez sur Programmer et un cadre blanc
comme si dessus (sans le texte) va s'afficher.
Copier strictement ce code dans le cadre:

Code:: Mp3Play("http://ma musique.Mp3");
Goto(1);
Stop();

A la place de "http//ma musique.Mp3", copier/coller entre
les guillemets le lien de votre musique (sous Archive-Host
c'est le premier).
Faites Ok et validez le tout.

Vous allez désormais placer votre bouton où bon vous semble sur votre
bannière. Attention ! Retenez les coordonnées inscrites en haut à gauche
de la fenêtre de E.Anim !!!!

Mes coordonnées sont de 142.-64 sur cet exemple.

[Log.Graph+E.Anim]Bannière musicale(fini) 2d10

Maintenant soyez bien attentif cette étape est très importante..
Si vous regardez la barre de temps vous êtes au temps 0.
Vous allez alors appuyez sur le triangle rouge pour Stopper l'animation.
Placez vous désormais au temps 1 en cliquant juste à côté (vers la droite)
de la barre de 0.
Surtout n'appuyez pas sur la flèche à gauche !

[Log.Graph+E.Anim]Bannière musicale(fini) 2e10

Maintenant appuyez sur l'oeil pour masquer votre bouton.
Logiquement il disparaît ^^.
Vous faites de nouveau Objet->Ajouter->Bouton et vous faites pareil
que la première étape du bouton sauf que cette fois çi vous mettez le bouton Stop au-dessus et le bouton Play en dessous.
Allez ensuite dans Action puis Programmer et copiez/collez exactement
ce code (effacez l'ancien):

Code:: Mp3Stop( );
Goto(0);
Stop( );

Validez le tout. Placez maintenant votre nouveau bouton aux coordonées
de l'ancien.

Ca y est ! votre bannière est finie !!! Il ne vous reste plus
qu'à l'enregistrer et à l'héberger.

NB: Vous ne pouvez écouter la musqiue sur E.Anim. Il faudra attendre
l'hébergement et la mise sur le web pour cela

Enregistrement=Etape très importante !!!
Faites Fichier->Importer/Exporter->Exporter l'animation au format Macromedia Flash(SWF).
Une première sauvegarde vous est demandez.
Exécuter là elle est très importante. Votre fichier doit se terminer par .phi. Une autre fenêtre apparaît et vous devez cliquez sur Créer la page HTML.
Là une première fenêtre du nom de console de programme va s'ouvrir. Vous ne devez la fermé qu'une fois qu'il y a écrit
"Fichier SWF construit" et qu'une deuxième fenêtre apparaît
vous demandant d'enregistrer sous format HTML. Vous pouvez fermer
cette dernière et fermer la console de programme.
Maintenant lorsque vous allez sur l'endroit où le fichier .phi à été
enregistrer, vous voyez un deuxième fichier .swf.
C'est votre bannière flash ! Vous pouvez désormais
supprimer le fichier .phi il ne sert plus.

Maintenant vous pouvez aller sur Archive-Host et l'héberger en tant
que fichier (pas musique ni image). Cliquez sur le lien "Liens pour fichier flash swf" et prenez le lien commençant par [embed-flash.. .
Il y a deux lettres entre parenthèses. (X,Y).
Il faut remplacer X par la longueur de votre bannière et Y par sa hauteur
(en pixels) lorsque vous la mettez sur un forum.

Et voilà !!!

Ressources Boutons:

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled14copyld9

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled14copyld9

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled12copyck0

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled13copyql5

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled11copyyx1

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled9copyoj8

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled8copyjw4

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled7copybv6

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled6copytw1

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled5yy4

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled3copyme6

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled2copyql7

[Log.Graph+E.Anim]Bannière musicale(fini) Flocon4lm8

[Log.Graph+E.Anim]Bannière musicale(fini) Flocon3bo1

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled14545copydl1

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled155copywv6

[Log.Graph+E.Anim]Bannière musicale(fini) 2copymo2

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled1copyae5

[Log.Graph+E.Anim]Bannière musicale(fini) Untitled15copyos4

Invité Invité

cool ça faisait longtemps que je cherchais =D
merci nyda <3

Mer 26 Nov 2008, 17:53

Pas de quoi ^^ c'est bientôt finit.

Mer 26 Nov 2008, 18:18

Voilà c'est finit ! Je veux voir de la musique maintenant !!!

Mer 26 Nov 2008, 18:48

Génial

Mais je connaissait sans y arriver xD j'essayerais plus tard ^^

Invité Invité

• Superbe Ydana ^^ , par-contre j'ai déjà voulus essayer mais quand je fait Action, j'ai la fenêtre qui s'ouvre sauf que chez moi il n'y à pas programmer %), comment sa se fait ???? C'est vraiment embêtant car impossible de continuer sans cette partie..."programmer"•

Mer 26 Nov 2008, 19:30

EM!R'Ald a écrit:: • Superbe Ydana ^^ , par-contre j'ai déjà voulus essayer mais quand je fait Action, j'ai la fenêtre qui s'ouvre sauf que chez moi il n'y à pas programmer %), comment sa se fait ???? C'est vraiment embêtant car impossible de continuer sans cette partie..."programmer"•

Tu as pourtant bien la dernière version de E.Anim ? si oui tu as bien cliqué sur l'action en orange ? puis une fois sur action tu arrives bien sur la fenêtre qu'il y a en exemple ???

Invité Invité

C'est bien comme tuto !!
Merci Ydana Very Happy

Mais moi sa marche pas ; par exemple je met le flocon pour play mais il apparer pas et après il me met que il y a une erreur ou un truc comme sa !
Aide-moi Ydana stp !!

Invité Invité

J'ai réussit! ^__^ (Le bouton c'est le lampadaire xD)

Invité Invité

Super tuto, très bien expliqué : la preuve, j'ai réussis du premier coup Very Happy

(regarde ma signature)

trèfle31 a écrit:: C'est bien comme tuto !!
Merci Ydana
Mais moi sa marche pas ; par exemple je met le flocon pour play mais il apparer pas et après il me met que il y a une erreur ou un truc comme sa !
Aide-moi Ydana stp !!

Tu as bien recopié les codes pourtant ??? (copier/coller c'est le plus sûr)
Et lorsque tu mets ton lien de musique tu n'enlèves pas les guillemets ???
Ou bien tu as bien cliqué à droite du temps 0 au lieu de la flèche ???
Au pire tu recommences tout à zéro moi j'ai dû recommencer au moins 3 fois pour réussir ^^

Invité Invité

J'ai réussi !! Merci boucoup pour ce tutos , super bien expliquer ! c'est extra !( petite étoile ^^ )

C'est bien ! Mais dommage que les coordonnées de tes deux étoiles ne soit pas les mêmes :S

Invité Invité

Oups, sa me fait sa =S

Invité Invité

Bonjour!
J'ai essayé ton tuto mais j'ai un problème! =X

"Faites Fichier->Importer/Exporter->Exporter l'animation au format Macromedia Flash(SWF).
Une première sauvegarde vous est demandez.
Exécuter là elle est très importante. Votre fichier doit se terminer par .phi. Une autre fenêtre apparaît et vous devez cliquez sur Créer la page HTML.
Là une première fenêtre du nom de console de programme va s'ouvrir. Vous ne devez la fermé qu'une fois qu'il y a écrit
"Fichier SWF construit" et qu'une deuxième fenêtre apparaît
vous demandant d'enregistrer sous format HTML. Vous pouvez fermer
cette dernière et fermer la console de programme."

Cette étape ne fonctionne pas pour moi! Il ne me demande pas de sauvegarde et il n'y a pas de "console de programme" qui s'affiche! Du coup, je n'ai pas la version flash de ma sign'! Comment faire?

Merci d'avance!

Invité Invité

Super tuto , mais J'ai essayé , c'était super bien partit mais la , gros bug j'ai pas programmer , je fait un screen de mon ecran si tu veux T-T.Je crois que c'est parce que je l'ai télécharger sur un autre site =( mais sur ton site sa marche pas...

Minouche-> Bin reprend la procédure depuis le début parce que là je vois pas...

Kanel-> bah là c'est franchement bizar ! Tu es sûre d'avoir la bonne version d'E-anim ?

Gobelin-> Pareil que Minouche, reprend la procédure depuis le début je vois pas autre chose... Et pour le site ça marche, il faut que tu t'inscrives, puis tu fais "choisir un fichier musique", tu prends ta chanson et t'héberges Wink

Sam 09 Jan 2010, 02:37

J'ai réussiii !! Merci beaucoup pour ce super tuto, je n'en ai jamais vu qui soit mieux expliqué !!
Par contre, le bord de mes boutton est un peu coupé... Comment on fait pour arranger ça ?

EDIT : *3 plombes plus tard, l'illumination* Hey ! mais avec ce principe on pourrait faire des minis lecteurs exportables de musique. *puis d'un coup, la révélation* Mais en fait c'est comme ça qu'ils font... Oo

Invité Invité

moi j'arrive pas à télécharger E-Anim

Il faut le chercher ailleurs le lien donné ne marche plus Very Happy

Invité Invité

ça me fait ça :

Spoiler:

Invité Invité

Okk

merci Ewi !!

Invité Invité

J'arrive pas à héberger ma musique ils disent que le fichier n'est pas accepter ! Sad

Invité Invité

Voila du premier coup Very Happy

Super tuto 8D

Et voilà le lien vers le bon e-anim avec " programmer " itout itout =)

Code:: [u]http://fr.brothersoft.com/e-anim-download-135505.html[/u]

EDIT: Kiii ca marche 8D par contre c'est normal que ca s'arrête plus? =°

Super tuto, j'essaierai ^^
EDIT:

*pleure* j'ai enfin réussi (après une heure x)!
Merci mille fois Ydana
J'ai trouvé ça compliqué mais j'ai réussi!
Pour infos, la musique est "snow(Hey oh)" des Red Hot Chilli Pepers
--> direction ma signa

Trop cool ce tuto, merci beaucoup, voila ma bann' :

Invité Invité

Voir le Fichier : ban_music_daddus.htmlca marche ?

Dim 09 Jan 2011, 17:14

J'en ai refait une, ma signa, et je me suis gouré quelque part et du coup ça clignote, mais j'aime bien ^^

Contenu sponsorisé

» [Flash] Faire une signa' musicale
» [PhotoFiltre] Comment faire une belle bannière (débutants)
» GIMP- faire une jolie bannière pour débutants
» La bannière du forum
» [PHOTOFILTRE] Faire une bannière