AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 E-ANIM {Ou comment faire du flash?}

Aller en bas 
AuteurMessage
Invité
Invité



MessageSujet: E-ANIM {Ou comment faire du flash?}   Mer 18 Mar - 13:21

Alors, voila comment apprendre a flasher une image ! C'est une sorte d'animation qui ne fait pas que faire " défiler" des images, mais qui a des " contrôles ". On peux faire de nombreuses choses avec e-anim un logiciel gratuit de flash. Et avec un peu de créativité, on peux faire sans arrêt de nouvelles choses ^w^

    Explication et aperçut des options :




Si vous passez votre souris sur une option, un texte apparait pour vous montrer l'option en question. Si vous ne comprenez pas à quoi ça sert ( comme " cacher-montrer " ) ne vous inquiétez pas, vous en aurez besoin plus tard ( pour faire une signature musicale, par exemple ^^ )
Je n'ai mis que les option vraiment " utiles " ou celles dont on parle après :p
( si deux textes apparaissent en même temps, l'un sur l'autre, c'est que vous avez passé votre souris d'une option a une autre trop vite, enlevez la puis repassez sur l'option en question )


    1) Télécharger E-anim

http://phildes.com
cliquez sur " télécharger e-anim 7.01 béta " et suivez les instruction. Normalement, en quelques minutes a peine, il est installé. Une petite présentation vous montre les outils généraux de e-anim, regardez la bien ça pourrais vous servir :p
Donc voila, vous possédez E-anim ! Alors, dans ce logiciel, tout tourne autour de la " barre du temps ". Autrement dis, chaque objet pourra avoir une action. M'enfin, ça parait bizarre dis comme ça mais en fait c'est simple!

    2) Faire bouger un texte

Alors on vas apprendre a faire simplement bouger un texte !
Vous ouvrez votre logiciel, vous avez normalement une page " blanche ". Pour travailler a partir d'une image faites projet => dimensions => et vous mettez la taille de votre image. Ensuite vous cliquez sur ajouter une image et vous choisissez l'image en question ^^
Bon, la on va travailler sur fond blanc. E-anim ne permet pas de faire de beaux effets de texte, par la suite je montrerais comment avoir un joli texte quand même, donc on est obligé de prendre un texte tout simple.
On fait ajouter texte et on choisit les mesures que l'on veux^^



Ensuite on place le texte ou on veux sur l'écran. Normalement la barre du temps est a 0 ( la barre graduée en haut ) ce qui veux dire que au début de l'animation, le texte sera la ou vous l'avez placé.
Maintenant cliquez sur la barre du temps au temps 50 ( peu importe mais moi je choisit ce temps xD ) et la, déplacez votre texte a un autre endroit. Donc, lorsque le temps sera a 50, le texte sera au nouvel embrassement, ce qui veux dire que entre temps, il va bouger.



Maintenant, il faut le faire revenir. Pour qu'il soit a la même vitesse, vous vous placez au temps 100 et vous remettez votre texte a l'emplacement du début ( c'est pas grave si c'est pas pile au même endroit)



sur la capture je me suis trompé j'ai mis a 99 mais c'est pas grave xD Si vous vous trompez comme ça, ne re-cliquez surtout pas sur 100 !

Maintenant, on va voir votre animation. On se place sur le temps 0 et la vous cliquez sur " play" ( enfin le petit triangle ). Normalement votre texte se déplace sans s'arrêter :



( le fond est transparent car j'ai travaillé sur " fond blanc ", ou plutôt sur aucun fond :p )
Vous pouvez lui faire faire plus de déplacements ^^



A la fin faut toujours bien remettre le texte a son emplacement du début !

Par contre, vous ne pouvez pas héberger normalement du flash, je vais poster le tuto suivant sur comment l'héberger!

Tuto by ~Esky~


Dernière édition par Hachii le Mer 22 Avr - 20:24, édité 2 fois
Revenir en haut Aller en bas
Invité
Invité



MessageSujet: Re: E-ANIM {Ou comment faire du flash?}   Mer 18 Mar - 13:35

    3) Comment héberger ( tuto by lunard )

Bon, maintenant avec l'anim', il faut pouvoir l'héberger et la poster sur un forum :p
D'abord il faut enregistrer votre travail, attention, ça ne marche que si tu n'a jamais enregistré ton travail auparavant !

Faites fichier => importer/exporter=> exporter l'animation au format macromedia flash

Une fenêtre s'ouvre et te demande de "créer la page html", tu cliques "créer la page html"

Un message apparait et te conseil d'enregistrer ta création, tu clique "sauver"

Tu donne un nom.phi à ta création et tu l'enregistre dans le dossier que tu veux:

Ta création a bien été enregistré en .phi et en .swf!

Une autre fenêtre s'ouvre et te demande d'enregistrer en .htlm
Comme tu ne veux pas créer une page html mais mettre ta création sur le forum, annule, ça ne sert à rien de t'encombrer avec un fichier inutile! (Mais si tu le fait c'est pas grave, ça sert juste à rien pour toi!).

Maintenant il faut héberger ta création.
Il faut un hébergeur qui accepte le flash, en voici un: https://www.archive-host.com/
Clic "parcourir", retrouve le dossier ou tu as enregistré ta création.
Il doit y avoir deux fichiers côte à côte avec le même nom, mais l'un porte l'extension .phi et l'autre n'a pas d'extension apparente. C'est ce deuxième fichier qu'il faut héberger.

Clic "envoyer"

L' hébergeur te donne tout un tas de codes, celui qui nous intéresse est le premier, marqué "absolu"

Mets l'adresse entre ces balises:

Code:
[embed-flash(longueur,hauteur)]http://ton url.swf[/embed-flash]

Sans oublier de changer les valeurs de hauteur, longueur par les bonnes valeurs en pixel!

( ce tutoriel n'est pas de moi, j'en ai trouvé un très bien fait par lunard- que je remercie-sur un autre forum, je dois donc mettre le lien >ici< si c'est considéré comme de la publicité, je referais le tuto)
Revenir en haut Aller en bas
Invité
Invité



MessageSujet: Re: E-ANIM {Ou comment faire du flash?}   Mer 18 Mar - 13:40

    4) Autres effets sur objets ( rotation, transparence .... )


Il existe bien d'autres effets que faire bouger un texte, le tout et de jouer avec la barre du temps. Ainsi, on peux par exemple au temps 10 décider de rajouter un objet et lorsqu'il y aura l'animation, l'objet apparaitra au temps 10 ou alors de le faire disparaitre en le supprimant au temps 15 ^^
Dans ce post je mettrais tous les petits effets que peuvent faire un objet ou un texte.
D'abord, il faut savoir que chaque objet est indépendant de tous les autres ( enfin sauf si on met des roll over ou autre mais j'explique ça plus tard xD ) et que donc, on peux mettre une action sur chaque objet.
Par exemple, si vous mettez une image ( pour travailler dessus ) ensuite vous pouvez mettre 5 textes différents qui apparaissent, bougent, tournent, se fondes, ou même d'autres images qui apparaissent et disparaissent ...

1 ) la rotation :
=> placez vous au temps 0 et ouvrez l'image ou créez le texte que vous voulez faire tourner
=> placez vous a un autre temps ( 20 / 30 / 40 .... )
=> faites " objet => rotation "
=> ne touchez surtout pas aux flèches ! mettez juste un nombre a la place du 0 dans " tour complet "
=> revenez au temps 0 et faites play, l'image tourne !

( image résultat a venir )

2) la transparence
=> de même que pour la rotation, ouvrez l'image ou le texte que vous voulez faire " disparaitre " progressivement
=> placez vous a un autre temps
=> faites " objet => transparence " et réglez la transparence comme vous voulez qu'elle soit a la fin. Si vous voulez voir complètement disparaitre votre objet mettez une transparence complète
=> revenez au temps 0 et faite play, l'image disparait progressivement !

3) changement de couleur
Alors ca, c'est pour le texte ^^
=> vous vous placez temps 0 et vous créez votre texte d'une couleur de votre choix
=> placez vous a un autre temps
=> double cliquez sur votre texte et changez la couleur
=> mettez vous au temps 0 et faites play ^^

4) l'animation basique ( défilement d'image xD )
=> ouvrez la première image
=> placez vous a un autre temps et ouvrez la 2ème image, de la même taille que la 1ère
=> mettez la au même endroit que la première
=> si vous en avez plusieurs a mettre, répétez l'opération
=> mettez vous au temps 0 et faites play ^^

5) faire un bouton original
Alors, le " bouton " sert a pas mal de choses. Déjà pour mettre son puf discrètement :
=> faites " objet => ajouter => un bouton "
=> cliquez sur " relief "
=> choisissez la taille et la police de votre puf
=> sur " couleur " cliquez sur le "N" et choisissez une couleur presque identique a votre créa ( pour que votre puf soit " invisible " )
=>cliquez sur " texte survolée " et choisissez une couleur qui ressort bien
=> placez votre puf

Maintenant, votre puf est invisible jusqu'à ce qu'on passe la souris dessus !
Si vous voulez un " beau " texte il faut auparavant le créer sous The GIMP ou photoshop, sur un fond transparent et l'enregistrer en PSD. Comme ça, vous pouvez créer des boutons de la même manière en posant un brush sur fond transparent et en l'enregistrant en PSD ^^

Vous pouvez combiner les 5 et les mouvement ^^

Tuto by ~Esky~

Remarque: J'avoue que je n'ai pas essayer tout ces effets, mais si vous me demandais conseil,j'essaierais de les réaliser pour vous aider! ^^
Revenir en haut Aller en bas
Invité
Invité



MessageSujet: Re: E-ANIM {Ou comment faire du flash?}   Mer 18 Mar - 13:45

    5) Le roll over


Le principe du roll over est que, quand on passe la souris par dessus un objet alors une action se passe. Contrairement aux effets précédents, l'action a " besoin " de nous pour se faire.
Il peux y avoir des éléments qui apparaissent quand on passe la souris dessus, des changements de couleur, de nouvelles choses, et ces éléments peuvent eux aussi être animé.

Exemple :


Lorsque l'on survole l' œil de l'oiseau, une étoile apparait. Et cette étoile a été animée grâce a la rotation ( comme dis auparavant :p ) et grâce a l'opacité .
on peux bien sur mettre plusieurs éléments, donc j'aurais pu mettre tout pleins d'étoiles et toutes les animées ^^

Comment faire =>

=> ouvrez un nouveau projet et mettez votre image de " base " ( sans oublier de changer les dimensions du projet )
=> cliquez sur "objet/dynamique =>ajouter un roll over "
=> vous êtes maintenant dans l'image " principale " légèrement grisée. C'est l'image que l'on vois normalement. la, vous allez choisir l'objet qu'il faudra survoler. Donc vous ajoutez une image, un texte ou alors si vous ne voulez pas d'objet vous faites " objet => ajouter => un rectangle transparent " et vous placez le rectangle a l'endroit qu'il faudra survoler
=> maintenant vous cliquez sur le carré jaune ( état survolé )
=> vous êtes maintenant dans ce qui sera visible lorsque l'on passe la souris sur l'objet choisit avant
=> ajoutez les objets voulus et animez les ( rotation, transparence .... )
=> cliquez sur " écran de base " et faites play, si ça marche, votre roll over marche lorsque vous passez sur l'objet ^^



Il faut savoir que e-anim accepte le PNG donc pour avoir une " étoile " transparente, sans contour, il faut avoir une étoile avec un contour transparent et enregistré en PNG ^^
Pour avoir un bel effet de texte, comme on ne peux pas avec e-anim, c'est pareil, il faut avoir un texte fait et mettre un tour transparent et enregistré en PNG et ensuite, on l'anime comme une image.

Tuto by ~Esky~
Revenir en haut Aller en bas
Invité
Invité



MessageSujet: Re: E-ANIM {Ou comment faire du flash?}   Mer 18 Mar - 13:53

    6) La signature musicale

Je vais vous expliquer direct comment faire un bouton play ( qui marche ^w^ ) qui se transforme en bouton stop ^^ Moi j'ai commencé par la et j'ai trouvé ça plus simple.

Mettez le projet aux dimensions de votre image puis ajoutez la.
C'est bon ? Bon alors, vous faites " objet => ajouter => un groupe "( vous ne touchez a aucun moment a la barre du temps )
Votre image est grisée, normalement[. Vous faites " objet => ajouter => un bouton "
La vous pouvez choisir de mettre un texte ou une image ( Vous cliquez sur un des 4 carré pour choisir une image ^^ ) et cliquez sur " relief " pour enlever le tour pas beau x3 Ne faites pas ok
ensuite vous cliquez sur " action" et ensuite sur " programmer " et vous marquez ce code EXACTEMENT
Code:
Mp3Play("http://ma musique.Mp3");
Goto(1);
Stop();
Et a la place de http://ma musique.Mp3 vous mettez le lien de votre musique
Et pour avoir ce lien, il faut avoir la musique en format mp3 sur votre ordi et l'heberger avec cet hebergeur : https://www.archive-host.com ( vous prennez le premier lien )
la, vous faites ok.
Ensuite, toujours au temps 0 vous stoppez l'animation ( cliquez sur le petit triangle rouge vers le bas ^^ )
vous vous mettez au temps 1 précisément ! La vous faites " cacher " ( cliquez sur l'œil )
et la vous faites " objet => ajouter => un bouton "
Vous choisissez votre bouton stop cette fois, soit un texte soit une image. Faites action, programmer. Normalement, il y a l'autre code, vous l'effacez et vous mettez ce code exactement a la place :
Code:
Mp3Stop( );
Goto(0);
Stop( );

La vous faites ok. Voila, vous avez votre image avec la musique ! Mais, vous ne pouvez pas l'entendre avant de l'avoir héberger ^^
Pour essayer même si vous n'avez pas de musique : http://anonyme.archive-host.com/waltdisney-leroilion-lamourbrillesouslesetoiles_vbv2ff9ufu.mp3
( l'amour brille sous les étoiles du roi lion x3 )

Tuto by ~Esky~

Remarque : Les signatures musicales, c'est ma spécialité, alors demandez moi ce que vous voulez 8D
Revenir en haut Aller en bas
Invité
Invité



MessageSujet: Re: E-ANIM {Ou comment faire du flash?}   Mer 18 Mar - 14:00

Bon, il reste pleins de choses à voir sur e-anim, amis comme moi-même je ne sais pas le faire, je ne le porterai pas tout de suite.
Je ferais, si vous me le demandez gentiment, un "volume" 2 du tuto!
Alors voilà, j'espère que ça vous a plu et que vous avez bien compris!

PLACE A VOS QUESTIONS!
Revenir en haut Aller en bas
ABOUHOUDA

avatar

Nombre de messages : 2
Date d'inscription : 03/11/2014

MessageSujet: Re: E-ANIM {Ou comment faire du flash?}   Lun 3 Nov - 2:53

TRAVAIL DE GROUPE DANS E ANIM?????
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
ABOUHOUDA

avatar

Nombre de messages : 2
Date d'inscription : 03/11/2014

MessageSujet: Re: E-ANIM {Ou comment faire du flash?}   Lun 3 Nov - 2:59

MERCI POUR VOTRE GENTILLESSE.TOUT SIMPLEMENT SI POSSIBLE UNE VIDEO QUI EXPLIQUE COMMENT /JE CLIQUE SUR UN BOUTON IL DECLENCHE UNE ACION .UN AUTRE DECLENCHE UNE AUTRE.MERCIIIIII
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: E-ANIM {Ou comment faire du flash?}   

Revenir en haut Aller en bas
 
E-ANIM {Ou comment faire du flash?}
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Comment faire pour créer un raccourci ? [resolu]
» comment faire avec la carte sd
» Comment faire!
» Comment faire: if label(r3$)=1 then resultat=r3$ ?
» (Résolu) Comment faire apparaitre Aires CC dans le menu Point d'intérêt

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Topola. :: » Using Photofiltre. :: HELP :: TUTORIAUX.-
Sauter vers: