Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

[Flash] Créer une horloge numérique et/ou la date

Voir le sujet précédent Voir le sujet suivant Aller en bas

Tutoriel [Flash] Créer une horloge numérique et/ou la date

Message par Nilana le Ven 7 Jan 2011 - 14:59

[Flash] Créer une horloge numérique et/ou la date Peindre
[Flash] Créer une horloge numérique et/ou la date


Voici un Tutorial qui nous a été offert par un membre de ForumActif. Wink
  • Question ? : Les questions sur les tutoriaux sont à poser ICI.
  • Auteur : gg69
  • Tutorial :

    Bonjour à tous,

    il existe sur le net des tonnes de tutos pour réaliser des horloges, mais je les trouves trop compliqués lorsque l'on s'adresse à des néophytes.
    J'ai testé plusieurs d'entres-eux avec des personnes n'ayant jamais fait de flash et le résultat était qu'ils n'y arrivaient pas Crying or Very sad
    Donc vous l'aurez compris, ce tuto s'adresse aux personnes qui ne connaissent pas du tout ce logiciel Wink

    D'abord il faut se procurer le logiciel Adobe Flash qui est payant, mais la version d'essai de 30 jours est suffisante Wink
    Téléchargez-le ici.
    Il est en anglais, mais cela ne devrait poser aucun problème.

    Une fois installé, démarrez le logiciel et ouvrez un nouveau document.
    Ca y est on peut commencer.

    Ne vous affolez pas, le tuto est long car je détaille au maximum, mais en réalité c'est très rapide.

    1- Choisissez une image (pas trop grande)
    Je vais partir de celle-ci :
    [Flash] Créer une horloge numérique et/ou la date Ecliplunef37n6oi2


    2- Notre nouveau document est ouvert (dans Flash) il faut lui donner sa taille qui sera la taille de notre image (ici 300 X 224)
    Spoiler:
    [Flash] Créer une horloge numérique et/ou la date Sanstitre1iw4
    3- On importe notre image dans la bibliothèque par un simple glissé/déposé.
    Si vous ne voyez pas la bibliothèque faites Ctrl+L
    Spoiler:
    [Flash] Créer une horloge numérique et/ou la date Sanstitre1xc4
    4- Faites glisser de la bibliothèque à la scène votre image et "posez" là n'importe où.
    Spoiler:
    [Flash] Créer une horloge numérique et/ou la date Sanstitre1ly1
    5- Ouvrez le menu Window et cliquez sur align. Vous devez avoir une fenêtre qui apparaît.
    Cliquez sur votre image puis sur les symboles repère 1 et 2. Vous centrerez votre image automatiquement.[Flash] Créer une horloge numérique et/ou la date Sanstitre1sz3

    6- Sélectionnez l'outil text, puis choisissez l'option dynamic et créez un cadre d'environ 2/3 de la longueur de l'image sur 1.5 cm de haut. ce n'est pas précis au millimètre. Remplissez le champ Var par ce mot : affichage
    Puis terminez en cliquant sur le pointeur.
    Spoiler:
    [Flash] Créer une horloge numérique et/ou la date Sanstitre2yo5
    7- Sélectionnez votre cadre de texte (il doit être bleu) en cliquant à l'intérieur.
    Puis pressez la touche F8 pour créer un clip. Nommez-le mc_num (mc voulant dire movie clip et num pour numérique)
    Les noms n'ont pas beaucoup d'importance dans ce tuto, mais si vous devez jongler avec plusieurs calques et plusieurs clips donnez des noms appropriés. Sinon vous allez vous perdre dans vos créations Confused
    Une fois fait, le clip apparaît dans la bibliothèque.
    Spoiler:
    [Flash] Créer une horloge numérique et/ou la date Sanstitre2ff6
    8- Le cadre de texte doit être sélectionné et bleu.
    Pressez la touche F9 pour faire apparaître le champ Action ou regardez s'il n'est pas déjà en bas de votre écran.
    Copiez et collez ce script dans cette fenêtre, puis validez en fermant cette même fenêtre.
    Code:
    onClipEvent (enterFrame)
    {
    horloge = new Date();
    heure = horloge.getHours();
    if (heure<10) heure = "0"+ horloge.getHours();
    minute = horloge.getMinutes();
    if (minute<10) minute = "0"+horloge.getMinutes();
    seconde = horloge.getSeconds();
    if (seconde<10) seconde = "0"+horloge.getSeconds();
    affichage =""+this.heure+":"+this.minute+":"+this.seconde+"";
    }
    Spoiler:
    [Flash] Créer une horloge numérique et/ou la date Sanstitre2sv1
    9- Double cliquez sur votre cadre de texte pour l'éditer.
    Choisissez votre police et taille de caractères. Cochez le centrage du texte pour éviter les secondes coupées Wink
    Dans mon cas, l'image est noire donc je choisi une police de taille 42 et blanche.
    Spoiler:
    [Flash] Créer une horloge numérique et/ou la date Sanstitre2zy2
    10- Cliquez sur Séquence 1 pour revenir à votre point de départ.
    Vérifiez que votre cadre de texte est toujours bleu (sinon, cliquez dedans) nous allons le mettre en place sur l'image avec les fonctions suivantes (rappelez-vous qu'on les a déjà utilisées)
    [Flash] Créer une horloge numérique et/ou la date Sanstitre2zj4
    Spoiler:
    [Flash] Créer une horloge numérique et/ou la date Sanstitre2hs4

    C'est fini cheers
    Pour voir le résultat faite une pression simultanée sur les touches Ctrl et Entrée
    Spoiler:
    [Flash] Créer une horloge numérique et/ou la date Sanstitre2bt4

    Sauvegardez votre travail en fichier .swf en utilisant File -> Export -> Export animation.
    Choisissez l'endroit de sauvegarde et donnez lui un nom pour moi ce sera "lune".
    Fermez Flash. Une fenêtre apparaît pour vous demander de sauvegarder. Dites OUI.
    Un fichier .fla est automatiquement créé pour que vous puissiez modifier votre travail plus tard Wink

    Voilà, ce n'est pas si difficile que ça Mr. Green
    Bonnes créations.
    gg69.

avatar

Nilana
Membre actif

Féminin
Messages : 2597
Inscrit(e) le : 23/10/2007

http://gurafikku.forumactif.com/
Nilana a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum