Graph-Design




  • Publicité

[Flash] Horloge analogique + indicateur du jour

Image Listing des tutoriels flash validés .
Le support se fait dans le sous-forum prévu à cet effet .


Avatar de l’utilisateur



Kaz Mag

Messages: 52
Age: 25 ans
Inscription: 21/06/2010
Localisation: root@localhost
Logiciels:
Gamme Master CS5 (Photoshop, Illustrator, Indesign, Fireworks, Flash et AfterEffect) , Divers logiciels 3D et animation vidéo.
Message Perso:
Salut ^^
MessagePosté: Sam 29 Jan 2011 13:09
En fait c'est pas super compliqué je vais t'expliquer tout ceci.

Créez un nouveau calque et nommez le "jours" afin de vous repérer plus facilement sur votre scénario.
Image
A l'aide de l'outil elipse créez un rond.
Image
Convertissez le en clip, nommez ce clip "jour" et son point de pivot au centre.
Image
Double cliquez sur votre clip "jour" puis créez un trait à l'aide de l'outil trait.
Image
Convertissez le en sclip dont le point de pivot se trouve en bas.
Image
Alignez le au centre du cercle.
Image
Donnez lui "jours" comme nom d'occurence.
Image
Revenez à la scéne principal.
Image
Cliquez sur le cercle fraichement conçus puis dans la fenêtre action rajoutez le code suivant :

Code: Tout sélectionner
onClipEvent (enterFrame)
{
    timedate = new Date();//on crée la date actuelle
    todaydate = timedate.getDate();//on récupère la date actuelle
    day = timedate.getDay();//on récupère le jour actuel
    jours._rotation = (day*51.43)-51.43;//on donne une rotation de 51.43° par jour la soustraction servant juste à supprimer là première rotation afin que le lundi reste en haut (le calcul est simple 360/7=51.43)
}


Testez et voilà. Le lundi se trouve à 0°, le mardi à 51.43°, le mercredi à 102.86°, le jeudi à 154.29°, le vendredi à 205.72°, le samedi à 257.15° et le dimanche à 308.58°. Il ne vous reste plus qu'à vous faire un jolie design sur photoshop en suivants ces mesures.

Résultat



--Edité par EnYgmA --
-Ce message a été divisé depuis une demande de tutoriel -
Encore Merci à Kaz d'avoir donné l'astuce pour réaliser l'animation .
Validé Image par : EnYgmA
Image

Publicité


Retourner vers Tutos Flash

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité

Référencement gratuit • Forum informatique • Annuaire généraliste • Inforumatique • Hébergement d'images • Geekeden • Forum de services phpbb • Hébergeur web • Forum InfoPc
blog de création graphique, PAO et retouche photo • KazMag • Artkabis