Forums Développement Multimédia

Aller au contenu

Un chouette bouton

PAO Flash

19 réponses à ce sujet

#1 zucchero

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 241 messages

Posté 05 July 2005 - 12:04 PM

Hello gourou.gif
Je cherche à comprendre comment le bouton GET STARTED a été réalisé sur cette page
J'ai essayé une interpolation de forme sans succès. Merci de votre aide. icon_wink.gif

#2 lupjiggoe1327249920

    Ceinture à clous

  • Members
  • PipPipPipPipPipPipPipPip
  • 713 messages

Posté 05 July 2005 - 13:12 PM

Pour le fond du bouton, y'a un degradé de blanc vers gris en partant du haut.
Par dessus un degradé gris vers blanc toujours en partant du haut qui est en
alpha 0 et qui apparait et disparait progressivement sur un rollover.

Modifié par lupjiggoe, 05 July 2005 - 13:13 PM.


#3 zucchero

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 241 messages

Posté 05 July 2005 - 13:29 PM

Merci pour ta réponse. gourou.gif

#4 zucchero

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 241 messages

Posté 05 July 2005 - 13:34 PM

Ce que j'arrive pas à faire c'est l'effet de transition. icon_cry.gif

#5 lupjiggoe1327249920

    Ceinture à clous

  • Members
  • PipPipPipPipPipPipPipPip
  • 713 messages

Posté 05 July 2005 - 16:06 PM

Un moyen pour garder la transition fluide est de faire par exemple :
(attention, secret de fabrication !!! icon_smile.gif )
(on a toujours le premier degradé fixe en dessous et le deuxième que l'on va animer au dessus)

Dans "leClip" qui contient le degradé du dessus :
frame 1 : stop();
frame 1 à 10 : le degradé du dessus apparait
frame 10 : stop();
frame 11 à 20 : tu repète les images des frames 1 à 10
frame 21 à 30 : le degradé du dessus disparait
frame 30 : gotoAndStop(1);

Ensuite, le rollover de ton bouton fait un leClip.gotoAndPlay(2);
Alors que le rollout fait un leClip.gotoAndPlay(this._currentFrame+20);

De cette manière, même si tu passe juste une fraction de seconde sur le bouton,
l'anim est jouée entièrement.
Tu auras remarqué que le clip n'est pas dans le bouton, mais à part...

Modifié par lupjiggoe, 05 July 2005 - 16:08 PM.


#6 zucchero

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 241 messages

Posté 06 July 2005 - 08:22 AM

Tu voudrais pas me faire une p'tite démo des fois ? icon_redface.gif

#7 lupjiggoe1327249920

    Ceinture à clous

  • Members
  • PipPipPipPipPipPipPipPip
  • 713 messages

Posté 06 July 2005 - 09:08 AM

C'est ce que je viens de faire dans mon message d'avant...
Faut travailler un peu maintenant !
icon_biggrin.gif

Modifié par lupjiggoe, 06 July 2005 - 09:09 AM.


#8 zucchero

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 241 messages

Posté 06 July 2005 - 09:18 AM

Mince ! icon_confused.gif
Bon... Merci à toi. Mais si tu as envie de me faire une p'tite démo pour que je puisse décortiquer le fla et mieux comprendre, n'hésite pas. gourou.gif

#9 zucchero

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 241 messages

Posté 06 July 2005 - 09:34 AM

En fait j'y suis mais c'est ça :

leClip.gotoAndPlay(2);
leClip.gotoAndPlay(this._currentFrame+20);

que je ne sais pas où placer... icon_redface.gif (voir fla joint)

Fichier(s) joint(s)

  • Fichier joint  bouton.fla   25 Ko   181 téléchargement(s)


#10 miloup

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 317 messages

Posté 06 July 2005 - 12:41 PM

J'ai regardé ton fla, tu y es presque. icon_wink.gif

L'erreur c'est d'avoir mis ton clip dans un bouton, c'est pas nécessaire.
Tu mets directement ton clip sur la scène, tu lui donnes un nom en bas dans Propriétés.
Alors, je te conseille aussi de rajouter un calque tout au-dessus de ta pile et d'y mettre tout l'action-script, c'est plus clair et Flash trouve tout de suite ce qu'il doit faire.
Tu cliques sur la première image de ton nouveau calque "action" et tu y mets le code de lupjiggoe... En mettant le nom de ton clip à la place de leClip.

Miloup

#11 zucchero

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 241 messages

Posté 06 July 2005 - 13:05 PM

J'ai suivi tes indications à la lettre et ça marche pas ! icon_cry.gif

#12 miloup

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 317 messages

Posté 06 July 2005 - 13:06 PM

poste ton fla que je voie ou est l'erreur ! icon_razz.gif

Miloup

#13 zucchero

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 241 messages

Posté 06 July 2005 - 15:08 PM

Ben c'est le même que plus haut. gourou.gif

#14 lupjiggoe1327249920

    Ceinture à clous

  • Members
  • PipPipPipPipPipPipPipPip
  • 713 messages

Posté 06 July 2005 - 17:10 PM

j'avais un peu de temps...

Fichier(s) joint(s)

  • Fichier joint  bouton.fla   64 Ko   267 téléchargement(s)


#15 zucchero

    Ceinture Noire

  • Members
  • PipPipPipPipPipPipPip
  • 241 messages

Posté 18 July 2005 - 12:53 PM

Je rentre de congés et je découvre ton post. icon_biggrin.gif
J'ai pigé la procédure. Merci à toi. L'effet est bien celui recherché. gourou.gif

#16 mail

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 163 messages

Posté 03 August 2005 - 22:24 PM

lupjiggoe (Jul 6 2005, 05:10 PM) a dit :
j'avais un peu de temps...

Voir le message




Je te remercie de l'exemple que tu as fourni, ca m'a vraiment bc aidé à avancer...
(j'ai mis plus de 3 heures à le mettre en pratique, (je suis débutant), mais au final ca marche)

#17 kenjtb

  • Members
  • PipPipPipPipPipPipPipPip
  • 1917 messages

Posté 04 August 2005 - 00:33 AM

lupjiggoe le roi du bouton de-stressant !

Vraiment bien très ingenieu ta technique ^^, je garde le procédé au chaud

Modifié par kenjutsu, 04 August 2005 - 00:33 AM.


#18 yastrale

    Ceinture Blanche

  • Members
  • Pip
  • 2 messages

Posté 07 September 2005 - 08:06 AM

coucou les copains j'ai lu le sujet du superbe bouton,mais j'ai téléchargé le fla et quand je veux l'ouvrir avec mon flash mx v6 il me dit format du fichier inattendu !!!
pouvez vous me donner quelques info merci icon_redface.gif

#19 lupjiggoe1327249920

    Ceinture à clous

  • Members
  • PipPipPipPipPipPipPipPip
  • 713 messages

Posté 07 September 2005 - 09:42 AM

Voilà, j'ai converti la source en flashMX, ça devrait aller...

Fichier(s) joint(s)



#20 lupjiggoe1327249920

    Ceinture à clous

  • Members
  • PipPipPipPipPipPipPipPip
  • 713 messages

Posté 08 September 2005 - 13:41 PM

Et pour ceux qui tomberont encore ici :
Cette source s'est transformée en tutoriel !
Passez sur le wiki :

http://wiki.media-box.net/tutoriaux/flash/bouton_fluide



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP