AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    [Swish max] Faire une horloge à aiguilles

    Partagez
    avatar
    Kaly
    FémininAge : 45Messages : 7087

    le Jeu 25 Oct 2007 - 11:08




    _________________________
    _________________________________________________________

    Voici donc un tuto qui vous aidera à réaliser une horloge à aiguilles personnalisée, très simplement



    1 - allez sur File, cliquez sur Samples puis sur Beginner, et enfin sur Analog_clock

    une horloge s'affiche alors sur votre scène de travail.

    2 - vous constatez qu'il y a un fond coloré derrière votre horloge, pas
    très joli une fois celle-ci terminée, on va donc le supprimer ainsi :
    cliquez sur Background comme indiqué sur la capture






    cliquez ensuite sur l'onglet Tint, et sur le premier rectangle
    déroulant où est inscrit " alpha : unchanged" sélectionnez Transparent
    ; puis revenez sur l'onglet Shape.






    3 - on va maintenant commencer à personnaliser notre horloge en commençant par l'image de fond ou la couleur de celle ci ;

    tout
    d'abord sélectionnez le fond de l'horloge en cliquant sur ce fond
    jusqu'à ce que vous visualisiez sur la droite "innerScreenGloss" sous
    les onglets à droite ; là vous voyez en dessous un rectangle avec
    inscrit "radial gradient", cliquez dessus , vous voyez alors :

    * none

    * solid ==> à cliquer pour mettre une couleur unie


    - pour changer la couleur, cliquez dans le grand rectangle qui doit
    être gris actuellement et sélectionner une des couleurs proposées, ou
    avec la petite pipette, prélevez une couleur de votre scène.

    * linear gratient ==> à cliquer pour mettre un dégradé linéaire


    - pour modifier le dégradé, vous voyez deux petits curseurs, cliquez
    dessus pour en changer les couleurs, et bougez les pour modifier le
    dégradé

    * tiled image

    * clipped image ==> à cliquer pour mettre une image


    - pour celui ci en particulier, ensuite, vous cliquez sur le petit
    dossier jaune pour aller chercher votre image, cliquez une fois pour la
    sélectionner, puis "ouvrir" (ne faites pas de double clic pour
    l'ouvrir, sinon l'image va se décaler du centre de l'horloge et c'est
    une vraie galère pour la recentrer ...)

    4 - passons maintenant
    au contour de votre horloge ; cliquez plusieurs fois sur le contour
    jusqu'à ce que vous ayez "outerBorder" qui s'affiche sous les onglets à
    droite ; c'est ensuite exactement les mêmes manipulations qu'au dessus
    pour modifier les couleurs ou mettre une image.

    5 - on va
    maintenant travailler les petits carrés gris qu'il y a sur le contour
    intérieur de l'horloge ; cliquez plusieurs fois dessus jusqu'à ce
    qu'apparaisse "hourMarkers" sous les onglets (si vous n'y parvenez pas,
    ça arrive des fois, cliquez une fois hors de votre scène de travail,
    sur le fond gris foncé, pour déselectionner tout, puis cliquez à
    nouveau sur vos petits carrés, plusieurs fois ; cette astuce est
    valable pour tout les éléments de l'horloge)
    procédez ensuite de la même manière que le fond et le contour pour modifier la couleur ou l'image.

    6 - passons maintenant aux chiffres ; cliquez hors de votre scène pour
    déselectionner tout ; cliquez maintenant sur un des chiffres (de
    préférence le 55) vous le voyez maintenant entouré de petits carrés
    blancs, et au dessus de votre scène, tout les chiffres sont prêts à
    être modifié individuellement , voyez la capture






    à cet endroit, cliquez sur chacun des chiffres, les uns après les
    autres, y compris les chiffres romains, pour les modifier (et oui il
    faut le faire un par un)
    procédez toujours de la même manière pour
    les modifier ; petites options supplémentaires, vous pouvez ici changer
    la police, la taille des caractères etc ...

    7 - maintenant , les
    aiguilles ; cliquez sur une des aiguilles, jusqu'à ce qu'apparaisse
    "hourhand" (celle des heures) sous les onglets à droite (celà apparait
    également au dessus, où vous aviez vos chiffres précédemment) là,
    procédez toujours de la même manière pour les modifier ;
    au dessus
    de votre scène de travail, cliquez maintenant sur "MinuteHand" pour
    modifier l'aiguille des minutes, puis sur "SecondHand" pour modifier
    celle des secondes.






    8 - vous pouvez également changer l'apparence ou carrément supprimer le
    petit rond gris au centre de l'horloge qui est la base de vos
    aiguilles. Pour cela, cliquez dessus plusieurs fois pour le
    séléctionner, jusqu'à ce qu'apparaisse "dialcenter" sous vos onglets à
    droite ; si vous voulez le supprimer, cliquez sur l'onglet "Tint" et
    sélectionnez "Transparent" ; si vous voulez simplement modifier la
    couleur, restez où vous ètes (shape) et cliquez d'abord sur le menu
    déroulant "None" et choisissez entre les choix qui vous sont proposés,
    que nous avons vu plus haut.

    en cas d'erreur, si vous voulez
    revenir à l'étape précédente, faites soit "édition" - "undo", ou
    cliquez sur la petites flèche dirigée sur la gauche dans votre menu.

    Voilà,
    si j'ai été suffisamment claire dans mes explications, vous savez
    maintenant faire une horloge simple ; ça paraît très compliqué à faire,
    mais en fait, se sont quasimment toujours les mêmes manipulations qui
    se répètent et on prend très vite la main.

    Bien sûr si vous rencontrez un problème, n'hésitez pas à demander.


    Tuto by Kaly, toute reproduction interdite sans mon autorisation.



    avatar
    Cr@zy ^^
    MasculinAge : 37Messages : 118

    le Ven 26 Oct 2007 - 2:19

    merci kaly ^^ et on fait comment pour metre une animation dans horloge mdr^^



    bon voila ma photo et ne pas ce moquer ^^ ==>>> Clic Ici <<<==


    "Ne crains pas d'avancer lentement, crains seulement de t'arrêter."
    avatar
    Kaly
    FémininAge : 45Messages : 7087

    le Ven 26 Oct 2007 - 3:18

    là c'est la poêle qui se fout du chaudron loool

    ... tu sais parfaitement faire toi,alors oust !!!



    avatar
    Cr@zy ^^
    MasculinAge : 37Messages : 118

    le Ven 26 Oct 2007 - 11:57

    je rigole kaly oooooohhhh Wink



    bon voila ma photo et ne pas ce moquer ^^ ==>>> Clic Ici <<<==


    "Ne crains pas d'avancer lentement, crains seulement de t'arrêter."
    Contenu sponsorisé


      La date/heure actuelle est Jeu 14 Déc 2017 - 21:54