[Flash] Faire une signa' musicale

Bonjour à tous ! o/
Après quelques demandes je me suis lancée dans la création de ce tuto, qui permet de réaliser des signatures ( ou bannières etc.. ) avec de la musique intégrée. J'espère qu'il vous plaira et que vous comprendrez facilement. Sachez qu'une fois le résultat obtenu pour la première fois, il est facile de le reproduire encore et encore des images musicales sans se planter \o/

Comme ça peut paraître assez compliqué j'ai séparé en plusieurs étapes.

I- Les logiciels.

Pour réaliser une création de ce type, il vous faut d'abord un logiciel spécifique qui utilise flash. Cela peut être Macromédia Flash ou bien encore Adobe Flash par exemple.
Personnellement, je possède les deux mais je préfère faire avec Macromedia, même si au final ça ne change pas grand chose.

Si vous avez le bon logiciel, c'est parti o/

II- Création de l'image.

a) Tout d'abord, ouvrez votre logiciel ( sisi, ça aide. ) et ouvrez un nouveau document Flash. Regardez les dimensions de votre signature que vous aurez préparée avant, et redimensionnez le document à la taille de celle ci ;

[Flash] Faire une signa' musicale 85727202

[Flash] Faire une signa' musicale 85727202

Une fois que cela est fait, il vous faut importer votre signature et votre musique à partir de votre ordinateur, allez donc dans : Fichier -> Importer -> Importer dans la scène ;

[Flash] Faire une signa' musicale 33164111

[Flash] Faire une signa' musicale 33164111

b) Ensuite, passons aux bouton Play & Stop, qui vous permettrons d'arrêter ou de lire votre musique. 2 solutions s'offres à vous ;
Technique n°1 ( + rapide ) : Vous importez des boutons play & stop en allant dans : Fenêtre -> Bibliothèques communes -> boutons. Il faut chercher un peu, vers le bas de la liste des boutons " play back .. " y seront proposés.

[Flash] Faire une signa' musicale 30976699

[Flash] Faire une signa' musicale 30976699

Technique n°2 : Vous créez vous même vos boutons avant ; dans ce cas, il vous faudra aller dans : Fichier -> Importer -> Importer dans la bibliothèque.
Attention /!\ Si vous choisissez cette méthode, il faudra les convertir en bouton donc : Selectionez vos boutons l'un après l'autre, faites pour les deux un clic droit, et allez dans "Convertir en symbole" . Dans la fenêtre qui s'ouvre choisissez un nom, et cochez la case "Bouton".

Au final de cette étape, vous devriez avoir quelque chose qui ressemble à ceci ;

[Flash] Faire une signa' musicale 35193013

[Flash] Faire une signa' musicale 35193013

Faites bien attention, là où j'ai mit en rouge ; il faut absolument que ce soit écrit "bouton", sinon regardez l'étape juste avant qui permet de le convertir.

c) Il faut ensuite lier le son, pour la suite de la création. Faites donc un clic droit sur votre musique dans la bibliothèque, puis cliquez sur "liaison".
Dans la fenêtre "Propriétés de liaison" cochez les cases "Exporter pour ActionScript" et "Exporter dans la première image"
et mettez en identifiant "musique" ( C'es très Important, "musique" défini le fichier "son" dans le code, ou alors si vous voulez mettre autre chose pour vous compliquer la vie changez également le nom dans le code plus bas x) ).
Illustration :

[Flash] Faire une signa' musicale 96662162

[Flash] Faire une signa' musicale 96662162

[Flash] Faire une signa' musicale 19366924

Cette deuxième partie est terminée. /o/

III- Codage \o/ ( ~~Sisi c'est le plusrigolo~~ )

a) En premier temps, faites un clic droit sur votre bouton " play " et sélectionnez " actions " :

[Flash] Faire une signa' musicale Sansre6qj

[Flash] Faire une signa' musicale Sansre6qj

Dans la fenêtre qui s'ouvre, collez ce code ( qui permet de faire passer l'info pour lire le son o/ )

Code:: on (release) {
play();
}
on (release) {
stopAllSounds();
}
on (release) {
song = new Sound();
}
on (release) {
song.attachSound("musique");
}
on (release) {
song.start(0,100);
}
on (release) {
}

Une fois que ceci est terminé, faites clic droit -> actions pour le bouton stop de même, mais en collant ce code cette fois ci :

Code:: on (release) {
stop();
}
on (release) {
stopAllSounds();
}

Et voilà \o/ Votre signature est normalement prête. Pour visualiser le résultat avant d'enregistrer itou, faites : Contrôle ->Tester l'animation
Donc là vous cliquez sur vos boutons play & stop, pour voir si ça fonctionne, si ce n'est pas le cas, relisez ce tuto \o/ Sinon, GG vous, on va pouvoir passer à la phase de l'enregistrement o/ ;

[Flash] Faire une signa' musicale Sansre7s

[Flash] Faire une signa' musicale Sansre7s

VI- Enregistrement / Hébergement / Mise en place

a) Cliquez sur (Fichier > Exporter > Exporter l'animation)
Par contre, laissez le format de l'animation en .swf, sinon elle est hyper lourde D:
Après avoir fait enregistrer, une dernière fenêtre s'ouvre.
Cochez la case "Protéger contre l'importation", et mettez "Qualité JPEG" à 100 (80 de base) comme ça :

[Flash] Faire une signa' musicale Sansre8s

[Flash] Faire une signa' musicale Sansre8s

b) Pour héberger votre image afin de pouvoir la mettre sur un site ( qui accepte le flash, tous ne le font pas ) vous pouvez en trouver plusieurs en tapant sur Google " Hébergement SWF " etc.. Dont ce site qui est bien.

c) Dernière phase : la mise en place ( sur un forum par exemple ) :
Vous allez sur votre profil, signature puis faite ça :

[Flash] Faire une signa' musicale Sansre10d

[Flash] Faire une signa' musicale Sansre10d

( Bon j'ai mit 378x150 Pasque c'est la taille de ma signa, mais vous ça peut varier donc faites en fonction de la votre . )

Et voilà, ce tuto est finit, vous pouvez admirer votre créa' \o/ Résultat final dans ma signature (;

Cool comme tuto ! Quand j'aurai pas la flemme de me faire une signa, j'm'en servirai probablement *sort*

Super!

Merci, contente qu'il puisse servir ^^

C'est original Very Happy

c'est la première fois que je vois une signa musicale !!

Bon tuto, bien expliqué [Flash] Faire une signa' musicale 781345

J'me sens nulle là ô_o j'arrive pas à ouvrir un document comme t'as fait. Je fais Fichier ==> Nouveau et ça m'ouvre direct un document Scène 1, y a pas les mêmes boutons que toi et j'trouve pas comment redimensionner ><

Merci etoilefilante72 Wink

Issën , ta bien pris macromédia Flash 8 ? et c'est là ou y a nouveau document flash qu'il faut cliquer Wink

Ah nan. C'est Macromedia Flash 5. '_'

Ba wala, c'est pasque du coup ça change pas mal de trucs ( même si je pense que c'est faisable aussi, mais ça suit pas mon tuto à cause des différences d'affichage ) Razz

Du coup la flemme *shame* tant pis ma signature se taira encore longtemps. Pis t'façon elle a la bouche fermée elle peut pas chanter *sort*

Issën, j'ai eu le même souci que toi, j'ai réussi en farfouillant un peu dans le logiciel, ça fonctionne très bien :'). Pour redimensionner par exemple, clic droit puis propriétés de l'animation ;')... J'ai mis pas mal de temps à trouver alors autant que ça serve pas qu'à moi...
Par contre, j'ai massacré Vivaldi, la qualité du son se fait ressentir, mais bon pour un fichier de c'te taille, c'était déjà très bien... x')

Merci pour ce tuto, en tous cas. :'D

Sam 03 Sep 2011, 23:20

De rien \o/ ça fait plaisir de voir qu'il sert Wink

C'est pas mal du tout ! j'essaierais p'têtre... Tu sais ou on peut télécharger ce type de logiciel pour mac ?

Contenu sponsorisé

» Faire une belle signa!
» [Log.Graph+E.Anim]Bannière musicale(fini)
» [PHOTOFILTRE] Faire une bannière
» [The gimp] faire une créa
» Comment faire une palette ?