| [Log.Graph+E.Anim]Bannière musicale(fini) | |
|
|
Enfant Sauvage
Nombre de messages : 818 Age : 30 Logiciel : Photoshop CS5, Tablette graphique Media Tablet 14000U Aiptek. Niveau sur ED : Olympienne (13) Pseudo Gaia/Ouranos : Ydana (Ouranos) Date d'inscription : 21/06/2007 Fiche PersonnelleTon humeur: (50/100) | 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 =DEnsuite, il vous faut le logiciel E-Anim disponible içi => E-AnimParfois, il arrive que votre version de Java ne soit pas assez récentepour cette version de E-Anim donc il faut que vous la téléchargiez aussi=> JavaEnfin, 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:Nous allons tous d'abord commencer par hébergé votre musiquecela 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ébergervotre bannière une fois finie qui sera sous format .swf, un format pas courant...=> Archive-HostOuvrez E-Anim.Faites Projet->Dimensions et redimensionnez votre travail au formatde 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êtreva 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 à gaucheet le bouton Stop dans la case en bas à gauche. => 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 votrebannière. Attention ! Retenez les coordonnées inscrites en haut à gauchede la fenêtre de E.Anim !!!!Mes coordonnées sont de 142.-64 sur cet exemple.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 !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 exactementce code (effacez l'ancien): - Code:
-
Mp3Stop( ); Goto(0); Stop( ); Validez le tout. Placez maintenant votre nouveau bouton aux coordonéesde l'ancien.Ca y est ! votre bannière est finie !!! Il ne vous reste plusqu'à l'enregistrer et à l'héberger.NB: Vous ne pouvez écouter la musqiue sur E.Anim. Il faudra attendrel'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 fermercette 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ésormaissupprimer le fichier .phi il ne sert plus.Maintenant vous pouvez aller sur Archive-Host et l'héberger en tantque 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:
Dernière édition par Ydana le Mer 26 Nov 2008, 19:05, édité 2 fois |
|
| |
| Mer 26 Nov 2008, 16:40 | | cool ça faisait longtemps que je cherchais =D merci nyda <3 |
|
| |
Enfant Sauvage
Nombre de messages : 818 Age : 30 Logiciel : Photoshop CS5, Tablette graphique Media Tablet 14000U Aiptek. Niveau sur ED : Olympienne (13) Pseudo Gaia/Ouranos : Ydana (Ouranos) Date d'inscription : 21/06/2007 Fiche PersonnelleTon humeur: (50/100) | Mer 26 Nov 2008, 17:53 | | Pas de quoi ^^ c'est bientôt finit. |
|
| |
Enfant Sauvage
Nombre de messages : 818 Age : 30 Logiciel : Photoshop CS5, Tablette graphique Media Tablet 14000U Aiptek. Niveau sur ED : Olympienne (13) Pseudo Gaia/Ouranos : Ydana (Ouranos) Date d'inscription : 21/06/2007 Fiche PersonnelleTon humeur: (50/100) | Mer 26 Nov 2008, 18:18 | | Voilà c'est finit ! Je veux voir de la musique maintenant !!! |
|
| |
Cueilleur de Fraises
Nombre de messages : 83 Age : 29 Logiciel : Gimp 2.4.5 Niveau sur ED : Apprenti ? Pseudo Gaia/Ouranos : dorianpeq sur Gaïa Date d'inscription : 22/09/2007 Fiche PersonnelleTon humeur: (75/100) | Mer 26 Nov 2008, 18:48 | | Génial Mais je connaissait sans y arriver xD j'essayerais plus tard ^^ |
|
| |
| Mer 26 Nov 2008, 19:17 | | • 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"• |
|
| |
Enfant Sauvage
Nombre de messages : 818 Age : 30 Logiciel : Photoshop CS5, Tablette graphique Media Tablet 14000U Aiptek. Niveau sur ED : Olympienne (13) Pseudo Gaia/Ouranos : Ydana (Ouranos) Date d'inscription : 21/06/2007 Fiche PersonnelleTon humeur: (50/100) | 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 ??? |
|
| |
| Mer 03 Déc 2008, 21:13 | | 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 !! |
|
| |
| |
| |
| Dim 28 Déc 2008, 19:38 | | Super tuto, très bien expliqué : la preuve, j'ai réussis du premier coup (regarde ma signature) |
|
| |
Enfant Sauvage
Nombre de messages : 818 Age : 30 Logiciel : Photoshop CS5, Tablette graphique Media Tablet 14000U Aiptek. Niveau sur ED : Olympienne (13) Pseudo Gaia/Ouranos : Ydana (Ouranos) Date d'inscription : 21/06/2007 Fiche PersonnelleTon humeur: (50/100) | Mar 30 Déc 2008, 19:50 | | - 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 ^^
|
|
| |
| Mar 30 Déc 2008, 20:01 | | J'ai réussi !! Merci boucoup pour ce tutos , super bien expliquer ! c'est extra !( petite étoile ^^ )
|
|
| |
Enfant Sauvage
Nombre de messages : 818 Age : 30 Logiciel : Photoshop CS5, Tablette graphique Media Tablet 14000U Aiptek. Niveau sur ED : Olympienne (13) Pseudo Gaia/Ouranos : Ydana (Ouranos) Date d'inscription : 21/06/2007 Fiche PersonnelleTon humeur: (50/100) | Mer 31 Déc 2008, 16:47 | | C'est bien ! Mais dommage que les coordonnées de tes deux étoiles ne soit pas les mêmes :S |
|
| |
| |
| |
| Sam 14 Fév 2009, 18:52 | | 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! |
|
| |
| Mer 18 Fév 2009, 17:16 | | 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... |
|
| |
Enfant Sauvage
Nombre de messages : 818 Age : 30 Logiciel : Photoshop CS5, Tablette graphique Media Tablet 14000U Aiptek. Niveau sur ED : Olympienne (13) Pseudo Gaia/Ouranos : Ydana (Ouranos) Date d'inscription : 21/06/2007 Fiche PersonnelleTon humeur: (50/100) | Dim 24 Mai 2009, 22:13 | | 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 |
|
| |
Voyageur Nomade
Nombre de messages : 1466 Age : 28 Logiciel : gimp, sai, ps2, tablette bamboo. Niveau sur ED : CreVETte o/ (5) Pseudo Gaia/Ouranos : \\\ Date d'inscription : 28/03/2009 Fiche PersonnelleTon humeur: (42/42) | 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 |
|
| |
| Lun 08 Fév 2010, 19:18 | | moi j'arrive pas à télécharger E-Anim
|
|
| |
Voyageur Nomade
Nombre de messages : 1466 Age : 28 Logiciel : gimp, sai, ps2, tablette bamboo. Niveau sur ED : CreVETte o/ (5) Pseudo Gaia/Ouranos : \\\ Date d'inscription : 28/03/2009 Fiche PersonnelleTon humeur: (42/42) | Lun 08 Fév 2010, 19:22 | | Il faut le chercher ailleurs le lien donné ne marche plus |
|
| |
| |
| |
| |
| |
| Lun 08 Fév 2010, 19:31 | | J'arrive pas à héberger ma musique ils disent que le fichier n'est pas accepter ! |
|
| |
| |
| |
Ex Staff
Nombre de messages : 2215 Age : 30 Logiciel : Tofiltre // Photoshop Cs4 // SAI // Tablette Bamboo pen Niveau sur ED : Oly [PO 18][ RH 2 ] Pseudo Gaia/Ouranos : Maître Corbeau ( Ouranos ) Date d'inscription : 26/06/2007 Fiche PersonnelleTon humeur: (100/100) | Mer 10 Fév 2010, 20:40 | | 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? =° |
|
| |
Cueilleur de Fraises
Nombre de messages : 144 Age : 28 Logiciel : Gimp 2.6, PhotoshopCS5+tablette wacom a5 Niveau sur ED : a vous de le juger =P Pseudo Gaia/Ouranos : Ouranos: loupa28 Date d'inscription : 26/02/2009 Fiche PersonnelleTon humeur: (50/100) | |
| |
Cueilleur de Fraises
Nombre de messages : 219 Age : 27 Logiciel : The Gimp et tablette trust A5 (qui ne s'entend pas bien avec Gimp xD) Niveau sur ED : tite Débutante *noon c'est vrai?* Pseudo Gaia/Ouranos : Delous10 sur les deux monde Date d'inscription : 01/09/2009 Fiche PersonnelleTon humeur: (1250/200) | Sam 03 Avr 2010, 20:32 | | 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
|
|
| |
Enfant Sauvage
Nombre de messages : 612 Age : 26 Logiciel : Tablette Trust S.W.D.T. + photoshop CS5 portable Niveau sur ED : Mangeuse de herissons Pseudo Gaia/Ouranos : Zoriane ,Gaia/Ouranos Date d'inscription : 15/05/2010 Fiche PersonnelleTon humeur: (60/100) | |
| |
| |
| |
Enfant Sauvage
Nombre de messages : 612 Age : 26 Logiciel : Tablette Trust S.W.D.T. + photoshop CS5 portable Niveau sur ED : Mangeuse de herissons Pseudo Gaia/Ouranos : Zoriane ,Gaia/Ouranos Date d'inscription : 15/05/2010 Fiche PersonnelleTon humeur: (60/100) | 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 ^^ |
|
| |
| |
| |
|