Artkabis

Salut !!!
Si vous êtes membre du forum, vous pouvez vous connecter.
Au cas contraire vous avez la possibilité de créer gratuitement un compte...

Forum d'entraide en graphisme et webdesign. Formation pour Flash, Photoshop et les langages: as2, as3, html, php, javascript, etc.


    Animer le menu glow créé avec photoshop

    Partagez

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Animer le menu glow créé avec photoshop

    Message par artkabis le Lun 5 Jan - 15:23

    Voici la seconde partie de notre tutoriel "créer un menu glow et l'animer", dans cette deuxième partie nous allons importer toutes les images qui ont été découpées au par avant dans Photoshop pour mettre en place un menu avec différents états.

    Pour ceux qui n'auraient pas encore vu la première partie je vous invite à regarder ceci:
    1 er partie

    Voici donc la suite de notre tutoriel:

    paradiziak2604
    Nouveau membre
    Nouveau membre

    Messages : : 1
    Age : : 30
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 11/02/2009

    Re: Animer le menu glow créé avec photoshop

    Message par paradiziak2604 le Jeu 2 Avr - 18:38

    Super tutoriel! Merci beaucoup.Je vais ajouter le reflet et mon menu sera parfait!Smile

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Animer le menu glow créé avec photoshop

    Message par artkabis le Jeu 2 Avr - 20:26

    Y'a pas de quoi !!!!


    _________________
    J'me fais de la pub et na tongue

    Cr@zy
    Nouveau membre
    Nouveau membre

    Messages : : 48
    Age : : 36
    Logiciels : Logiciels : : Photoshop & flash cs3
    Date d'inscription : 17/07/2009

    Re: Animer le menu glow créé avec photoshop

    Message par Cr@zy le Sam 18 Juil - 19:13

    merci pour ce tuto superbe Wink

    voila pour moi ^^



    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Animer le menu glow créé avec photoshop

    Message par artkabis le Sam 18 Juil - 20:34

    Pas mal, le résultat respect bien le tuto !!!!


    _________________
    J'me fais de la pub et na tongue

    Cr@zy
    Nouveau membre
    Nouveau membre

    Messages : : 48
    Age : : 36
    Logiciels : Logiciels : : Photoshop & flash cs3
    Date d'inscription : 17/07/2009

    Re: Animer le menu glow créé avec photoshop

    Message par Cr@zy le Sam 18 Juil - 20:35

    merci artkabis mais c grace a ton tuto Wink

    graph_baka
    Nouveau membre
    Nouveau membre

    Messages : : 12
    Age : : 25
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 13/05/2009

    Re: Animer le menu glow créé avec photoshop

    Message par graph_baka le Jeu 13 Aoû - 21:32

    MERCI BCP IL EST CLAIR TON TUTO Smile !!

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Animer le menu glow créé avec photoshop

    Message par artkabis le Jeu 13 Aoû - 22:04

    Merci !!!


    _________________
    J'me fais de la pub et na tongue

    As_MoDerateur
    Ceinture blanche
    Ceinture blanche

    Messages : : 128
    Age : : 30
    Logiciels : Logiciels : : Flash 8 / Photoshop cs3
    Date d'inscription : 16/08/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Animer le menu glow créé avec photoshop

    Message par As_MoDerateur le Mar 18 Aoû - 1:05

    Boujour à tous

    J'ai testé ce tuto, ce qui donne un bon effet pour le premier chapitre via photoshop.

    Quand je passe au flash premiere partie tous se passe pour le mieux,
    Je recopie le script comme cité dans le tuto, je lance le test CTRL + enter et là 8 error
    Sad

    Code:

    **Erreur** Séquence = Séquence 1, calque = as, image = 1 :Ligne 6 : Impossible de charger la classe ou l'interface 'MouseEvent'.
    function over1 (pEvt:MouseEvent) {

    **Erreur** Séquence = Séquence 1, calque = as, image = 1 :Ligne 9 : Impossible de charger la classe ou l'interface 'MouseEvent'.
    function out1 (pEvt:MouseEvent) {

    **Erreur** Séquence = Séquence 1, calque = as, image = 1 :Ligne 17 : Impossible de charger la classe ou l'interface 'MouseEvent'.
    function over2 (pEvt:MouseEvent){

    **Erreur** Séquence = Séquence 1, calque = as, image = 1 :Ligne 20 : Impossible de charger la classe ou l'interface 'MouseEvent'.
    function out2 (pEvt:MouseEvent){

    **Erreur** Séquence = Séquence 1, calque = as, image = 1 :Ligne 28 : Impossible de charger la classe ou l'interface 'MouseEvent'.
    function over3 (pEvt:MouseEvent){

    **Erreur** Séquence = Séquence 1, calque = as, image = 1 :Ligne 31 : Impossible de charger la classe ou l'interface 'MouseEvent'.
    function out3 (pEvt:MouseEvent){

    **Erreur** Séquence = Séquence 1, calque = as, image = 1 :Ligne 39 : Impossible de charger la classe ou l'interface 'MouseEvent'.
    function over4 (pEvt:MouseEvent){

    **Erreur** Séquence = Séquence 1, calque = as, image = 1 :Ligne 42 : Impossible de charger la classe ou l'interface 'MouseEvent'.
    function out4 (pEvt:MouseEvent){

    Total des erreurs ActionScript : 8 Erreurs signalées : 8

    Aurai je fais une erreur ?
    Utiliserai je une version non appropriée ? ( j'use version macromedia flash professional 8 )

    Merci au futures personnes qui résoudront mon souci.

    Mika

    HerculesPoireau
    Ceinture blanche
    Ceinture blanche

    Messages : : 52
    Age : : 40
    Logiciels : Logiciels : : Illustrator, Flash, Photoshop, FireWorks, Eclipse, Komodo-edit:
    Date d'inscription : 12/08/2009

    Re: Animer le menu glow créé avec photoshop

    Message par HerculesPoireau le Mar 18 Aoû - 7:15

    sans avoir vu le tuto, et au vu de tes érreurs, je serais tenter de dire, qu'il te manque l'import de la classe MouseEvent, si tu as utilisé des classes.

    Si tout est dans l'IDE de flash, à tu nommé les mêmes occurences que le code ?

    Et par contre je ne sais pas si MFP8 prend en charge l'AS3.

    (je pencherai pour la première solution) :p

    Mais je ne suis pas non plus un expert.

    Au pire met tes sources à dispo pour qu'on puisse le tester.

    HerculesPoireau

    As_MoDerateur
    Ceinture blanche
    Ceinture blanche

    Messages : : 128
    Age : : 30
    Logiciels : Logiciels : : Flash 8 / Photoshop cs3
    Date d'inscription : 16/08/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Animer le menu glow créé avec photoshop

    Message par As_MoDerateur le Mar 18 Aoû - 11:22

    Voici le script que j'ai recopié, même aprés nouvelle vérification il semble identique au tutorial vidéo...



    ///////////////////////////////////////////////////////////////////////////
    //bt_accueil
    bt_a1.addEventListener(MouseEvent.MOUSE_OVER, over1);
    bt_a2.addEventListener(MouseEvent.MOUSE_OUT, out1);
    //////////////////////////////////////////////////////
    function over1 (pEvt:MouseEvent){
    setChildIndex(bt_a2,this.numChildren-1);
    }
    function out1 (pEvt:MouseEvent){
    setChildIndex(bt_a1,this.numChildren-1);
    }
    /////////////////////////////////////////////////////////////////////////
    //bt_forum
    bt_f1.addEventListener(MouseEvent.MOUSE_OVER, over2);
    bt_f2.addEventListener(MouseEvent.MOUSE_OUT, out2);
    /////////////////////////
    function over2 (pEvt:MouseEvent){
    setChildIndex(bt_f2,this.numChildren-1);
    }
    function out2 (pEvt:MouseEvent){
    setChildIndex(bt_f1,this.numChildren-1);
    }
    /////////////////////////////////////////////////////////////////////////
    //bt_folio
    bt_fo1.addEventListener(MouseEvent.MOUSE_OVER, over3);
    bt_fo2.addEventListener(MouseEvent.MOUSE_OUT, out3);
    //////////////////////////////
    function over3 (pEvt:MouseEvent){
    setChildIndex(bt_fo2,this.numChildren-1);
    }
    function out3 (pEvt:MouseEvent){
    setChildIndex(bt_fo1,this.numChildren-1);
    }
    /////////////////////////////////////////////////////////////////////////
    //bt_contact
    bt_c1.addEventListener(MouseEvent.MOUSE_OVER, over4);
    bt_c2.addEventListener(MouseEvent.MOUSE_OUT, out4);
    //////////////////////////////////////////////
    function over4 (pEvt:MouseEvent){
    setChildIndex(bt_c2,this.numChildren-1);
    }
    function out4 (pEvt:MouseEvent){
    setChildIndex(bt_c1,this.numChildren-1);
    }

    Merci bien.

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Animer le menu glow créé avec photoshop

    Message par artkabis le Mar 18 Aoû - 11:35

    Alors après vérification il n'y a pas d'erreur, par contre, es tu bien certain d'avoir créé un projet as3 et non as2, car à mon avis tu t'es planté...


    _________________
    J'me fais de la pub et na tongue

    Invité
    Invité

    Re: Animer le menu glow créé avec photoshop

    Message par Invité le Mar 18 Aoû - 16:40

    et bien il ne peux pas faire en AS3 ^^

    Aurai je fais une erreur ?
    Utiliserai je une version non appropriée ? ( j'use version macromedia flash professional 8 )

    donc du coupe il est en AS2 d ou les erreur Wink

    HerculesPoireau
    Ceinture blanche
    Ceinture blanche

    Messages : : 52
    Age : : 40
    Logiciels : Logiciels : : Illustrator, Flash, Photoshop, FireWorks, Eclipse, Komodo-edit:
    Date d'inscription : 12/08/2009

    Re: Animer le menu glow créé avec photoshop

    Message par HerculesPoireau le Mar 18 Aoû - 17:11

    ce que j'ai dit plus haut :p avec MFP8 pas de AS3 (enfin quasi sur :p ).

    As_MoDerateur
    Ceinture blanche
    Ceinture blanche

    Messages : : 128
    Age : : 30
    Logiciels : Logiciels : : Flash 8 / Photoshop cs3
    Date d'inscription : 16/08/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Animer le menu glow créé avec photoshop

    Message par As_MoDerateur le Mar 18 Aoû - 17:25

    Donc quelles version de macromedia flash me faudrait il acheter s'il vous plait ?

    Merci pour vos réponses.

    HerculesPoireau
    Ceinture blanche
    Ceinture blanche

    Messages : : 52
    Age : : 40
    Logiciels : Logiciels : : Illustrator, Flash, Photoshop, FireWorks, Eclipse, Komodo-edit:
    Date d'inscription : 12/08/2009

    Re: Animer le menu glow créé avec photoshop

    Message par HerculesPoireau le Mar 18 Aoû - 17:30

    alors au pire tu peux utiliser FashDevelopp ici.

    C'est un logiciel de developpement qui fait AS3/AS2, HTML, CSS, php.

    ça va être l'objet d'un tuto de ma part si Arktabis est ok :p

    sinon pour rester avec l'IDE de flash, je pense qu'a partir de CS3 c'est pour l'AS3. (à vérifier).

    HerculesPoireau

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Animer le menu glow créé avec photoshop

    Message par artkabis le Mar 18 Aoû - 18:13

    Sinon tu devras utiliser au moins flash cs3 et au mieux flash cs4, ce dernier (flash cs4) gère désormais la 3d et propose de nouveaux outils (bone tool,deco tool, 3d rotation tool et 3d translation tool). Par contre ceci n'est pas donné, alors tu peux opter pour flash develop ou un autre logiciel de compilation de swf.


    _________________
    J'me fais de la pub et na tongue

    As_MoDerateur
    Ceinture blanche
    Ceinture blanche

    Messages : : 128
    Age : : 30
    Logiciels : Logiciels : : Flash 8 / Photoshop cs3
    Date d'inscription : 16/08/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Animer le menu glow créé avec photoshop

    Message par As_MoDerateur le Mar 18 Aoû - 21:46

    Je vais me prendre Flash Cs4 et le tester de nouveau Smile
    Merci pour vos réponses et referai mon apparition une fois réussi ce projet :D

    Sur ce bon tuto pour les autres...

    Contresens
    Nouveau membre
    Nouveau membre

    Messages : : 4
    Age : : 25
    Logiciels : Logiciels : : Photoshop, Illustrator, InDesign, débutante en Flash (tout ça en CS3), puis QuarkXPress
    Date d'inscription : 22/08/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Animer le menu glow créé avec photoshop

    Message par Contresens le Dim 23 Aoû - 15:10

    Bonjour !

    Dites, j'ai un petit souci.. Je dois en être au 3ème ou 4ème menu en suivant ce tuto. Mais à chaque fois et pour chaque menu que j'ai fait, quand je teste l'animation, le premier bouton fonctionne correctement, mais les suivants "clignotent" quand je passe la souris dessus, et ne reviennent pas toujours à l'état out...
    C'est un petit bug d'affichage ou non ?
    Quelqu'un pourrait m'aider ?

    Merci d'avance.

    As_MoDerateur
    Ceinture blanche
    Ceinture blanche

    Messages : : 128
    Age : : 30
    Logiciels : Logiciels : : Flash 8 / Photoshop cs3
    Date d'inscription : 16/08/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Animer le menu glow créé avec photoshop

    Message par As_MoDerateur le Dim 23 Aoû - 16:08

    Bonjour.

    As tu bien vérifié si toutes tes actions script étaient correct et à la bonne place ?

    Contresens
    Nouveau membre
    Nouveau membre

    Messages : : 4
    Age : : 25
    Logiciels : Logiciels : : Photoshop, Illustrator, InDesign, débutante en Flash (tout ça en CS3), puis QuarkXPress
    Date d'inscription : 22/08/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Animer le menu glow créé avec photoshop

    Message par Contresens le Dim 23 Aoû - 17:02

    Oui c'est tout vérifié, et tout est en ordre...

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Animer le menu glow créé avec photoshop

    Message par artkabis le Lun 24 Aoû - 13:41

    Tu as dû oublier de mettre les stop(); au dessus des deux images clés (ceux des boutons)


    _________________
    J'me fais de la pub et na tongue

    PouChaT
    Ceinture blanche
    Ceinture blanche

    Messages : : 84
    Age : : 28
    Logiciels : Logiciels : : Adobe CS4 ( Illustrato - Photoshop - InDesign - Flash - Dreamweaver)
    Date d'inscription : 28/09/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Animer le menu glow créé avec photoshop

    Message par PouChaT le Lun 5 Oct - 0:27

    salut
    jai un ti soucis avec mon menu ke je vien de creer grace a tes 2 tuto.
    je mexplique, tant que je le manipule sous a partir de flash sa va bien, mais je test juste le SWF sa ne fonctionne plus, pareil si je lintegre a ma page web pour mon site.

    Aurais-tu une idee du pourquoi sa fait sa?

    Manip
    Nouveau membre
    Nouveau membre

    Messages : : 24
    Age : : 40
    Logiciels : Logiciels : : photoshop CS4, Illustrator CS4, FLash CS4, After Effects CS4, premiere CS4, Dreamweaver CS4, InDesign CS4, 3DS Max 2009, Zbrush 3, notepad++ :D ...
    Date d'inscription : 03/10/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Animer le menu glow créé avec photoshop

    Message par Manip le Lun 5 Oct - 2:31

    j'aime bien ce tutorial, mais j'ai malgré tout quelques questions,
    et une petite suggestion si tu me permet:
    afin que le cursseur de la souris ne reste pas une fleche au survol des bouton mais deviennne une main il pourrai etre bien d'ajouter ceci au debut du code si je ne dit pas de betise:
    Code:
    //transformation du curseur en main
    bt_a1.buttonMode = true;
    bt_a2.buttonMode = true;
    bt_f1.buttonMode = true;
    bt_f2.buttonMode = true;
    bt_fo1.buttonMode = true;
    bt_fo2.buttonMode = true;
    bt_c1.buttonMode = true;
    bt_c2.buttonMode = true;
    qu'en pense tu?

    dans le code du rollver deuxieme version n'ayant que 2 images clé pourquoi utilisé un gotoAndPlay plutôt qu'un nextFrame et prevFrame? qui évite le nommage des images clé et la duplication du stop();

    en ce qui concerne l'alignement des boutons qui est assez galère au début faut bien l'avoué je me permettrai aussi de suggéré une petite chose si cela peut aidé:

    si tu place ceux du dessous correctement une fois il te suffit de les copier coler sur le calque suivant et ensuite de faire un clic droit sur chacun en choississant la fonction permuter le bitmap (ou permuter le symbole) qui te permet de remplacer le symbole sur la scene par un de la bibliothèque attention cependant a bien placer le point d'encrage sur ces clip ou symbole graphique mais pour des bitmap i lest forcement en haut a gauche donc ....

    enfin pour finir je me demande si c'est par devoir pédagogique que tu t compliquer la vie avec autant de code, simplement pour animer un roll over? (je plaisante rassure toi, je suis à peine arriver je vais pas critiquer ont est tous la pour partager et progresser).
    bref il y a une autre façon de faire que tu connais très certainement et cela sans code, oui oui vous avez bien lu: sans code, pour animer le roll over ( comme ca pas de souci entre l'AS2 ou le 3 ), comment? c'est tout simple et très proche de ta deuxieme façon de faire, si tu m'autorise je peut faire un petit truc sur le sujet rapidement.

    en tout cas chapeau pour le setChildIndex c'est une technique que je ne connaissais pas.

    ludopene
    Nouveau membre
    Nouveau membre

    Messages : : 4
    Age : : 35
    Logiciels : Logiciels : : Quelles logiciel utilisez vous?
    Date d'inscription : 06/10/2009

    Re: Animer le menu glow créé avec photoshop

    Message par ludopene le Mar 13 Oct - 17:01

    Bonsoir,

    c'est la première fois que j'utilise flash, c'est pourquoi j'ai suivi le tuto pas à pas, je pensais avoir tout bien fait, bien observé mais...... rien, après avoir rentré le code, lors de l'aperçu il ne se passe rien !!! je vois ce texte en erreur : Séquence 1, Calque 'as', Image 1 1084: Erreur de syntaxe : rightbrace est attendu devant end of program.

    Quelqu'un peut m"éclairer ou me passer le fichier fla que je puisse comparer ? merci de votre aide ! bonne soirée

    Contenu sponsorisé

    Re: Animer le menu glow créé avec photoshop

    Message par Contenu sponsorisé Aujourd'hui à 23:47


      La date/heure actuelle est Sam 3 Déc - 23:47