Welkom!

Deel je kennis met anderen in deze Flashgemeenschap!
Gebruikersnaam:
Wachtwoord:
Wachtwoord opslaan?
Wachtwoord vergeten?

FLA / Interface elementen / 2. Knoppen (Buttons)

Button met Fade in en fade out effect
2806 downloads, 20020 keer gelezen
(June 18, 2003)
Waardering: 35 keer gestemd 
 3.2 van de 5
Eigenschappen
Flash Versie  Flash MX
Moeilijkheidsgraad  Gemiddeld

Formaat:   40 KB

Zeer simpele (en begrijpbare) fade in / fade out button.

Na lang zwoegen hoe het nu in elkaar stak en hoe het simpeler kan een makkelijk aanpasbare button.

* In de scene bouw je via ctrl+F8 een movieclip waarin je je animatie bouwt. Begin- en eindframe moeten hetzelfde zijn.

* Vervolgens bouw je een button waarin je alleen het eerste keyframe (up) vult met een graphic (zo groot als je knop is)

* In de bovenste layer van je movieclip zet je de button en maakt hem d.m.v. motiontween en alpha helemaal doorzichtig.

* Het eerste keyframe van je movieclip geef de action stop. Maakt niet uit welke layer.

* Op het eerste frame van de button geef je de button de volgende actie mee :

on (rollOver, dragOver) {
 gotoAndPlay(2);
}

* In het 2e frame van de buttonlayer verander je de button in een graphic (singleframe)

* Op het punt dat je button (dit frame is hij weer gedefinieerd als button en niet als graphic) klaar is met de fade in animatie (in de FLA  frame 10) geef je de button de volgende actions mee:

on (rollOver, dragOver) {
 stop();
}
on (rollOut, dragOut) {
 gotoAndPlay(10);
}

* In het frame erna verander je de button weer in een graphic en laat hem zo doorlopen naar het eind van je fade out.

* Sleep de animatie je scene in en klaar is kees....

Geef hier je waardering: Matig 1 2 3 4 5 Geweldig!
  Waardering:
Download ( meld je eerst aan om te kunnen downloaden! )
betere tut hier jo slaghuis (26 April 2005, 19:40)
tja...niet slim zo deze tut. hier staat een betere. http://www.kirupa.com/developer/mx2004/button_effect.htm
overvloeien Vin Jeti (18 February 2005, 18:42)
de uitleg is erg duidelijk, dit is tenminste begrijpbaar en logisch, zoals het hoort. Alleen heeft je script wel een minor, namelijk; als je er snel op wilt klikken (De burtton) dan gebeurd er niks, je moet dus eerst wachten totdat de movieclip bij het einde is, dat is wel lastig.
actie toevoegen .. .. (11 August 2004, 15:56)
lukt mij dus ook niet..tenminste, actie toevoegen wel maar dan werken de fade effecten niet meer zoals al eerder beschreven. wat nu te doen?
actie toevoegen david doeterniettoe (26 April 2004, 12:27)

hey,

 

heel goed uitgelegd en lukt me ook maar wat me niet lukt is er een actie aan toekennen die werkt :'(
Kan iemand me helpen ajb?

groeten,
david


onzichtbaar maken met alpha Daan Bakker (29 November 2003, 16:04)

Hoe maak je hem onzicht baar met alpha en motion tween??

 


1-5 | 6-6