AccueilPortailFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 Horloge analogique simplifié [e-anim 8]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Lunard
Chef
Chef
avatar

Féminin
Nombre de messages : 642
Age : 28
Date d'inscription : 01/04/2006

MessageSujet: Horloge analogique simplifié [e-anim 8]   Lun 24 Nov 2008, 01:46

Attention: ce tuto n'est possible qu'à partir de la version 8 de e-anim, mettez à jour votre logiciel si vous l'avez téléchargé avant cette version là ( lien du site de e-anim: http://e-anim.com/ )

1) Faites votre horloge avec votre logiciel de graphisme habituel, avec les chiffres et tout sauf les aiguilles et le centre de l'horloge, puis faites séparément chaque aiguille et ce centre.
Nommez toutes vos images sans caractère spécial ni espace, cette version de e-anim n'accepte pas les caractères spéciaux.
Les aiguilles doivent forcément être dirigées vers le haut.

Voici pour moi:


C'est bon vous avez tout? Et bien on peux ouvrir e-anim!

2) Pour commencer, aller dans l'onglet "Projet" et "Dimensions" et régler la taille de la création de la taille de votre horloge (200x200 pixel pour moi)
Vous pouvez, au passage, changer la couleur de fond, même si elle n'apparaitra pas dans l'animation finale, ça aide parfois à mieux voir l'horloge.

3) Maintenant on ajoute le fond de l'horloge. Faites "Objet" => "Ajouter" => "Une image" et sélectionnez le fond de votre horloge. Il apparait dans e-anim déjà bien placé, puisqu'on a mis l'animation de la même taille juste avant.
Si vous voulez ajouter une animation autre, vous pouvez le faire maintenant. Moi je vais ajouter ma signature et quelques boules de lumières qui disparaissent/réapparaissent en se déplaçant. Je les fais dans un nouveau groupe (objet => ajouter => un groupe)

4) Il est temps d'ajouter les aiguilles.
Allez dans "Objets-dynamiques" => "Objets clefs en main" => "Bibliothèque de prites
Cette fenêtre apparait:

Cliquez sur ajouter en face de horloge.

Voici mon animation à présent:

trois choses à remarquer:
- surligner en jaune sur ma capture d'écran: les onglets qui permettent de passer d'un groupe à l'autre. Ici nous sommes dans le groupe secondes, et si on veux retourner à l'écran de base où on était avant d'ajouter le groupe de l'horloge, il suffit de cliquer sur l'onglet à gauche. Pour revenir dans l'onglet seconde, il faut double cliquer sur les aiguilles.
- entouré en rouge: les pages, nommées 0 1 et 2, la 0 correspond à l'aiguille des secondes, la 1 à l'aiguille des minutes et la 2 à l'aiguille des heures.
- entouré en bleu: les aiguilles, enfin ici celle des secondes, mais on peux afficher celle des minutes ou des heures en cliquant sur les pages comme expliqué si dessus. On remarque aussi un texte en bleu, il est là pour expliquer comment changer les aiguilles, et n'apparaitra pas lors de l'animation finale, nous n'en tiendrons donc pas compte.

Vous avez compris? Alors vous avez du comprendre comment changer les images, c'est très simple:
Nous sommes dans l'onglet secondes, sur la page 0, et nous avons devant nous l'aiguille des secondes; nous allons donc cliquer une fois dessus pour la sélectionner et faire Objet => transformer en => en image. On choisi son aiguille des secondes et on la replace de manière à ce que le centre, matérialisé par une flèche, soit en bas de notre aiguille.



Maintenant je clic sur la page 1 pour aller changer de la même façon mon aiguille des minutes, puis sur la page 2 pour changer celle des heures.

Une fois que c'est fait, je retourne à l'écran de base.

5) Maintenant j'ajoute le centre de l'horloge, il n'est pas obligatoire, mais c'est plus joli avec ^^
Objet => ajouter => une image, je choisis mon image et je la place bien au centre pour cacher le bas des aiguilles.

6) Et voilà notre horloge est terminée, il n'y a plus qu'à l'enregistrer.
Pour cela rappel: je l'enregistre une première fois en .phi , le format de e-anim, via le menu Fichier => enregistrer sous (il est même préférable de l'enregistrer dès le début pour pouvoir faire des sauvegarde de temps en temps pour ne pas tout perdre en cas de bug); puis on l'exporte en .swf en faisant Fichier => Importer/Exporter => Exporter l'animation au format Macromedia Flash (SWF)
on laisse la console du programme écrire son petit texte puis on peut la fermer. Le logiciel nous propose ensuite d'enregistrer en html, ici c'est inutile, on ferme donc sans enregistrer, le .swf est déjà enregistrer avec le même nom que le .phi

7) Plus qu'à l'héberger, je conseil aux plus feignants cet hébergeur: http://uplofile.free.fr , parce que si on lui précise bien qu'il s'agit d'une animation, il nous crée tout seul les codes html et bbcode dont nous avons besoin =D
Et on héberge le fichier swf bien sûr, pas le .phi

Voilà pour moi:


Code:
<embed src="http://uplofile.free.fr/rep3/7875994horloge.swf" width="200" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0"  WMode="Transparent"></embed>

Horloge en libre service, donc si elle intéresse quelqu'un n'hésitez pas.


Toutes les questions sont les bienvenues dans le coin des questions.

_________________
Revenir en haut Aller en bas
http://collegepoudlard.virtuaboard.com
 
Horloge analogique simplifié [e-anim 8]
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Comment faire une horloge
» Créer une horloge avec E-Anim
» Tutorial créer une simple horloge digital animé avec e anim
» manuel de code e-anim
» [résolu]horloge test en swf

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le fofo de Lunard :: étagère 3: Tutos et astuces :: ● Tutoriels :: E-anim-
Sauter vers: