<< Février 2012 >>
LuMaMeJeVeSaDi
12345
6789101112
13141516171819
20212223242526
272829
Revenir a la liste des tutoriels Flash de difficulté Intermediaire

5 questions
3 commentaires sur ce tutorial
Définition des mots

Tutorial réalisé par Nakura.

Les horloges flash



Pour commencer vous devrez faire la base de votre horloge avec votre logiciel de graphisme habituel.
Voilà pour moi. ^^

Image

Une fois ceci fait ouvrez flash, et créez un Fichier Flash (AS 2.0).
Importez votre image dans la bibliothèque.

Nous allons dessiner les aiguilles à côté alors prévoyez de la place pour. ^^
(Bien sûr vous pouvez les faire à l'avance avec photoshop par exemple..)

Pour ceci, munissez vous de l'outil ligne. (N)

Pour commencer, tracez l'aiguille des heures, elle devra être petite et épaisse.
Ensuite celle des minutes un peu plus fine et longue, de même pour les secondes..

Maintenant convertissez en clip vos trois aiguilles (en mettant le même alignement que l'image).

Image


Dans 'Nom de l'occurrence", écrivez "hours" pour les heures, "minutes" pour les minutes et "seconds" pour les secondes.

Maintenant nous allons placer les aiguilles sur l'horloge.
Pour être sûr qu'elle seront au milieu servez vous des petits traits qui servent de repère.

Maintenant que tout est bien placé, arrangez la taille de votre arrière plan.

Cliquez sur Calque 1 cela va sélectionner le calque entier : les aiguilles et le fond, appuyez sur F8 (cela va convertir en symbole), cochez la case clip et mettez le milieu pour l'alignement puis OK.
Ensuite collez le code suivant dans "Action"

Code flash

onClipEvent (enterFrame) {
time = new Date();
mil = time.getMilliseconds();
s = time.getSeconds();
m = time.getMinutes();
h = time.getHours();
seconds._rotation = s*6+(mil/(1000/6));
minutes._rotation = m*6+(s/10);
hours._rotation = h*30+(m/2);
}


Et voilà le résultat! ^_^

Installez le plugin Flash pour voir l'animation : Cliquez ici pour le télécharger


Revenir à la liste des tutoriels Flash de difficulté Intermediaire

Haut