Aide gratuite et appels d'offre pour la création de site internet, nos développeurs et graphistes professionnels vous répondent.


    [ FLASH] Tuto créer un bouton + effets + lien

    Partagez
    avatar
    gaia
    aide-flasheur

    Nombre de messages : 312
    Réputation : 0
    Date d'inscription : 20/04/2006

    [ FLASH] Tuto créer un bouton + effets + lien

    Message par gaia le Lun 1 Mai - 11:59

    Ce tuto, que j’espère assez complet et détaillé, vous permettra d’apprendre à dessiner un bouton, à lui mettre un texte, un reflet et un effet au passage de la souris ainsi que de lui incorporer un lien web.

    1 : Ouvrez un nouveau document flash de la taille que vous voulez.

    2 : Insertion / Nouveau symbole, nommez le comme vous voulez et choisissez le « type » bouton puis faite ok.





    3 : Votre « bouton » est maintenant dans votre bibliothèque vous allez travailler dessus.
    Tracez un rectangle arrondi, pour cela sélectionnez l’outil rectangle puis allez tout en bas de votre palette d’outil dans les options / définir le rayon de l’angle, cliquez dessus, une fenêtre apparaît, réglez le rayon à 10 pixels, puis tracez votre bouton (ici en rouge avec un contour noir).







    A noter que dans votre ligne de temps vous avez 4 « états » : haut, dessus, abaissé et cliqué. Par défaut vous devez être sur « haut » et c’est la que vous avez tracez votre bouton.



    4 : Une fois votre bouton tracé, insérer votre texte (ici en noir), appuyer sur F6 pour reproduire votre image dans l’état « dessus ».



    5 : Toujours placé sur l’état « dessus » revenez sur votre texte et changer la couleur (ici en blanc) puis faites 2 fois F6 pour reproduire votre image dans les 2 états suivants.






    6 : Créez un nouveau calque, puis faites un clic droit sur l’état « haut » sur votre premier claque, faites « copier les images », retourner sur le même état « haut » dans votre second calque et là faites un clic droit puis « coller les images », faites de même pour l’état dessus.

    7 : Etant toujours sur l’état « dessus » de votre second calque, sélectionnez le fond rouge en cliquant dessus (seul le fond rouge sera hachuré), puis allez sur fenêtre/mélangeur et choisissez le « type » linéaire (en haut à gauche), cela va vous permettre de faire un « dégradé ». Pour la couleur 1 choississez du blanc (#ffffff) et réglez l’alpha à 0 % pour la couleur 2 toujours du blanc mais avec l’alpha à 100 %.







    Votre bouton devrait ressemblez à ça :



    8 : Prenez maintenant l’outil « transformer le remplissage » , grâce à lui faites pivoter le dégradé, le blanc à 100% se trouvant vers le haut de votre bouton, puis rabaissez les barres afin d’entourer de ce dégradé votre bouton qui devra ressembler à cela :





    9 : A l’aide de l’outil sélection faites un clic gauche pour sélectionner votre dégradé, puis un clic droit et choisissez « transformer librement » et diminuer la taille de votre dégradé comme ceci (ou selon ce que vous désirez comme effet) :



    Desselectionnez, vous devriez avoir quelque chose comme cela :




    10 : Faites 2 fois F6 afin de dupliquer votre image dans les états « abaissé » et « cliqué ».

    11 : Retournez sur la scène et faites y glisser votre bouton, puis maj+enter pour tester votre animation.

    12 : Nous allons maintenant ajouter à notre bouton un lien « web », Faites F9 pour ouvrir le menu actions et collez les codes suivants :

    Pour un simple lien vers une page web :

    on (release) {
    getURL("
    http://url_de_la_page/");
    }


    Pour un lien qui s'ouvre sans que la page précédente ne se ferme :

    on (release) {
    getURL("
    http://url_de_la_page/", "_blank");
    }


    Pour un lien vers une adresse mail :

    on (release) {
    getURL("mailto:
    votre_adresse");
    }


    Voila, il n’y a plus qu’a contrôler votre animation et à l’exporter.




    Merci de me signaler d’éventuelles erreurs.


    _________________
    avatar
    Mr-WiLLy
    ancien

    Masculin Nombre de messages : 308
    Age : 27
    Logiciel de graphisme : PhotoShop
    Langages web / CMS : Echecs, Informatique
    Réputation : 0
    Date d'inscription : 03/03/2006

    Re: [ FLASH] Tuto créer un bouton + effets + lien

    Message par Mr-WiLLy le Lun 1 Mai - 18:07

    Merçi bien gaia .


    _________________
    [b:2106][i:2106]Je reviens vers vous, en ce moment décisif...[/i:2106][/b:2106]
    avatar
    nossibe
    Fondateur

    Masculin Nombre de messages : 2306
    Age : 37
    Logiciel de graphisme : Gimp, Blender, Inkscape
    Langages web / CMS : HTML, CSS, PHP, Joomla, Prestashop, Wordpress
    Réputation : 6
    Date d'inscription : 30/09/2005

    Re: [ FLASH] Tuto créer un bouton + effets + lien

    Message par nossibe le Mar 2 Mai - 19:35

    super tuto Gaia,
    très clair et précis... je pense qu'avec une telle aide n'importe qui peut se metre à flash, merci beaucoup Surprised
    avatar
    Mr-WiLLy
    ancien

    Masculin Nombre de messages : 308
    Age : 27
    Logiciel de graphisme : PhotoShop
    Langages web / CMS : Echecs, Informatique
    Réputation : 0
    Date d'inscription : 03/03/2006

    Re: [ FLASH] Tuto créer un bouton + effets + lien

    Message par Mr-WiLLy le Mar 2 Mai - 19:38

    Moi le temps à mon 56k de télécharger macromedia flash 8 (encore quelques petites heures) et comme je suis quelqu'un qui veut tout savoir faire (au niveau graphique et flash) je passeré mon temps à faire quelques tuto flash (celui-ci en premier)
    Pitié pourvu que sa ne soit pas trop dur pale


    _________________
    [b:2106][i:2106]Je reviens vers vous, en ce moment décisif...[/i:2106][/b:2106]
    avatar
    nossibe
    Fondateur

    Masculin Nombre de messages : 2306
    Age : 37
    Logiciel de graphisme : Gimp, Blender, Inkscape
    Langages web / CMS : HTML, CSS, PHP, Joomla, Prestashop, Wordpress
    Réputation : 6
    Date d'inscription : 30/09/2005

    Re: [ FLASH] Tuto créer un bouton + effets + lien

    Message par nossibe le Mar 2 Mai - 19:41

    je te souhaite bon courage, avec des tutos comme celui ci tu y arriveras Wink
    avatar
    Esca
    Passioné

    Nombre de messages : 103
    Réputation : 0
    Date d'inscription : 26/10/2005

    Re: [ FLASH] Tuto créer un bouton + effets + lien

    Message par Esca le Sam 3 Juin - 17:01

    C'est genial bravo !

    télécharger macromedia flash 8
    On le trouve ou siouplet ??
    avatar
    gaia
    aide-flasheur

    Nombre de messages : 312
    Réputation : 0
    Date d'inscription : 20/04/2006

    Re: [ FLASH] Tuto créer un bouton + effets + lien

    Message par gaia le Dim 4 Juin - 13:39

    Esca a écrit:C'est genial bravo !

    télécharger macromedia flash 8
    On le trouve ou siouplet ??

    http://www.adobe.com/fr/products/flash/flashpro/

    Quelqu'un en avait fait la demande sur le forum ici :

    http://aide-graphique.conceptforum.net/viewtopic.forum?t=878


    _________________
    avatar
    mio the boss
    Passioné

    Masculin Nombre de messages : 129
    Age : 34
    Logiciel de graphisme : flash / toshop / shop pro
    Réputation : 0
    Date d'inscription : 16/05/2006

    Re: [ FLASH] Tuto créer un bouton + effets + lien

    Message par mio the boss le Sam 1 Juil - 16:58

    c cool merci du tuto il vas m'etre tres utile
    avatar
    minixender
    Membre

    Masculin Nombre de messages : 27
    Age : 26
    Langages web / CMS : voiture,tuning,informatique,moto,vélo,dessin,...
    Réputation : 0
    Date d'inscription : 11/07/2006

    Re: [ FLASH] Tuto créer un bouton + effets + lien

    Message par minixender le Sam 29 Juil - 18:05

    je suis arrivé jusqu'au numéro 10 mais je ne comprend pas le 11 donc si quelqu'un pouvait m'aider !!!!!
    avatar
    minixender
    Membre

    Masculin Nombre de messages : 27
    Age : 26
    Langages web / CMS : voiture,tuning,informatique,moto,vélo,dessin,...
    Réputation : 0
    Date d'inscription : 11/07/2006

    Re: [ FLASH] Tuto créer un bouton + effets + lien

    Message par minixender le Sam 29 Juil - 19:00

    c'set bon j'ai réussit le n°11 mais moi c'est pour faire un bouton play pour de la musique donc comment on fait pour mettre la musique ???

    Contenu sponsorisé

    Re: [ FLASH] Tuto créer un bouton + effets + lien

    Message par Contenu sponsorisé


      La date/heure actuelle est Ven 24 Nov - 4:01