Menu glissière avec effet lumineux (intermédiaire)

    Partager

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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)

    Menu glissière avec effet lumineux (intermédiaire)

    Message par artkabis le Sam 18 Juil - 13:15

    Salut, après avoir passé pas mal de temps à préparer ce tutoriel, je peux enfin vous le présenter:

    Dans cette vidéo, nous créerons un menu glissière avec apparition dynamique, pour cela, nous utiliserons la classe TweenLite pour les transitions et la classe Rollover (personnalisé) pour la gestion des états des boutons, cette dernière classe vous avez déjà été proposé dans la partie 'partage de code', je l'ai juste légèrement réadapté pour l'occasion, mais elle reste tout même similaire à celle de mon framework.

    Le résultat:


    Voici quelques unes des fonctionnalité de ce menu:

    •Formatage css interne pour les titres de notre menu.
    •Reflet lumineux
    •Rollover dynamique géré en externe
    •Bride des boutons pendant la navigation
    •Bride des boutons en fonction de la page en cours.
    •Filtres dynamiques (ombres)

    Vous trouverez la classe Rollover ici>>
    class_rollOver

    Et le fichier fla ici>>
    Menu_cache

    Le tutoriel>>


    Dernière édition par artkabis le Dim 1 Nov - 22:40, édité 3 fois

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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: Menu glissière avec effet lumineux (intermédiaire)

    Message par artkabis le Sam 18 Juil - 18:17

    Le tuto est pratiquement uploadé, il devrait être visible dans moins d'une demi heure...


    _________________
    J'me fais de la pub et na tongue

    Invité
    Invité

    Re: Menu glissière avec effet lumineux (intermédiaire)

    Message par Invité le Lun 20 Juil - 11:07

    super tuto art merci Smile

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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: Menu glissière avec effet lumineux (intermédiaire)

    Message par artkabis le Lun 20 Juil - 11:53

    Pas de quoi, j'ai passé pas mal de temps à le préparer celui-là...

    Normalement il y a pas mal de choses qui sont passé en revu et on y apprend quelques petites astuces bien utiles pour la prog en as3


    _________________
    J'me fais de la pub et na tongue

    mathieu020
    Newbie
    Newbie

    Nombre de messages: 4
    Age: 24
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 09/09/2009

    Re: Menu glissière avec effet lumineux (intermédiaire)

    Message par mathieu020 le Jeu 10 Sep - 14:12

    Merci, c'est trop cool

    philippe maurice
    Newbie
    Newbie

    Nombre de messages: 4
    Age: 31
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 09/08/2009

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

    Re: Menu glissière avec effet lumineux (intermédiaire)

    Message par philippe maurice le Ven 11 Sep - 4:39

    Bonjour,
    Bravo c'est du beau travail et ton tuto en vidéo est très bien expliqué.

    Je me heurte toutefois à un petit problème avec ce code quoi que je fasse le premier clic fonctionne puis tous se bloque sauf l'effet lumineux en rollover. Je n'ai aucune erreur même en déboguage J'ai recommencé depuis le début trois fois et c'est toujours pareil. de plus je ne peut pas ouvrir ton fichier source alors je ne peut même pas comparer pour trouver mon erreur.

    Petite précision, j'utilise CS3.

    si quelqu'un à rencontré toute aide serait la bienvenue.

    Merci et bonne continuation à tous.

    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    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: Menu glissière avec effet lumineux (intermédiaire)

    Message par artkabis le Ven 11 Sep - 18:13

    Salut es-tu bien certain d'avoir ceci dans la fonction 'ouvrePage ?
    Code:

          TweenLite.to(page,1,{x:centreX,ease:Back.easeOut,onComplete:function reactiv():void{m.mouseChildren = true}});


    _________________
    J'me fais de la pub et na tongue

    philippe maurice
    Newbie
    Newbie

    Nombre de messages: 4
    Age: 31
    Logiciels: Quelles logiciel utilisez vous?
    Date d'inscription: 09/08/2009

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

    Re: Menu glissière avec effet lumineux (intermédiaire)

    Message par philippe maurice le Sam 12 Sep - 2:32

    bonjour à tous et merci de t'intérresser à mon problème mais c'est résolu
    ce n'était en fait qu'une simple erreur d'inattention veuillez m'excuser pour le message inutile. TOUT marche NIKEL c'est du beau travail merci encore.

    juliendangers
    Newbie
    Newbie

    Nombre de messages: 30
    Age: 20
    Logiciels: Adobe flash professionnel CS4, adobe photoshop CS4
    Date d'inscription: 22/10/2009

    Re: Menu glissière avec effet lumineux (intermédiaire)

    Message par juliendangers le Ven 30 Oct - 18:26

    suis je le seul à ne voir aucun liens?? Car ce tuto m'aurait intéressé :D

    Plumaillon
    Ceinture jaune
    Ceinture jaune

    Nombre de messages: 274
    Age: 23
    Date d'inscription: 28/03/2009

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

    Re: Menu glissière avec effet lumineux (intermédiaire)

    Message par Plumaillon le Ven 30 Oct - 18:56

    Pour ma part je vois le .swf, les liens pour les téléchargements ont perdus leurs images mais fonctionnent et le tuto est là^^
    Donc oui c'est surement juste pour toi....

    Edit : rectification les liens ne fonctionnent pas xD
    et le tuto non plus apparament

      La date/heure actuelle est Mar 22 Mai - 21:21