Tutorial: Maak een water rimpel muis volgen
17 Reacties 12 november 2008
Samenvatting
In deze tutorial leer je hoe je een water rimpel effect dat de muiscursor volgt te creëren.
Beweeg de muis over de flash-filmpje hieronder om het effect:
Vereisten
Flash 8, Flash CS3 of Flash CS4.
Opmerking: De screenshot in deze tutorial is gemaakt in Flash CS3. Het werkt precies hetzelfde in Flash 8 of Flash CS4. Deze tutorial is ActionScript 2 (hoewel geen ActionScript is vereist).
Stap 1 - Installeer de component ingang
Download de Rain Drop Water Effect hier. Volg de installatie instructies en sleep het onderdeel van de component paneel in de bibliotheek van uw. Fla bestand.
Stap 2 - Maak een Image MovieClip
Importeer een afbeelding [druk op Ctrl-R] of "Bestand" -> "Import" -> "Import on Stage ...".
Selecteer Afbeelding en deze omzetten in een Videoclip [druk op F8] of klik met de rechtermuisknop op de MovieClip -> "Convert to Symbol ...". Geef de Videoclip de naam "imago".
Stel de naam van de instantie Videoclip. Gebruik "image_mc". Het is belangrijk om een instance naam hier, anders wordt de component zal niet vinden Videoclip. BTW, de naamgeving is aan u, kunt u ervoor kiezen een andere naam als Oyu willen. Zorg ervoor dat de instantie naam is uniek projectwide.
Stap 3 - Breng de werking als een Videoclip en stel parameter
Sleep het onderdeel naar de Videoclip. De component SNAPPS automatisch.
Open het onderdeel inspecteur panel Windows -> "Component Inspector". Hier kunt u de parameters voor het effect. Alle filmpjes met bijvoorbeeld namen in dit frame zijn opgenomen in de "Target Videoclip" select lijst. Omdat je maar een Videoclip hebben, het onderdeel veronderstelt, dat u wilt het effect op de Videoclip "image_mc". Stel de "Cursor gevoelige" optie "Ja" om het water effect volg de muis te maken van toepassing zijn.
Opmerking: Deze instellingen zijn alleen van toepassing bij deze een exemplaar van het effect component. Als je tekent de component op een andere movieclip (ergens anders binnen het. Fla of in een nieuw project) moet je de instellingen opnieuw worden ingesteld.
Stap 4 - Export
Exporteer de Film Command -> "Test Movie" of [druk op Ctrl-ENTER] en zie het resultaat. Als u niet tevreden bent, ga terug en verander de instellingen in de component inspecteur paneel.
Downloaden
Klik hier voor het downloaden van de fla van deze tutorial. Opmerking: De. Fla bevat de proefversie van de werking van onderdelen, die alleen zal werken in de Flash IDE (Flash 8, Flash CS3 of Flash CS4), maar niet binnen de browser.
U kunt ook downloaden van de Water Ripple Component hier.
17 Reacties
awesome effect, thanks for sharing ...
nice tutorial maar maakt gebruik van 3rd party commerciële addon
het is gewoon awsome
mooi effect
Dit ziet er geweldig maar je moet het zo dat het werkt als en. SWF-bestand. Want dit is gewoon niet cool als het doet werkzaamheden die manier
Hoe maak ik het zo het SWF-bestand werkt?
De. Fla bevat de proefversie van het effect component, die alleen zal werken in de Flash IDE (Flash 8, Flash CS3 of Flash CS4), maar niet in de browser.
Een zeer goede werking, bedankt voor het openbaar maken
Ik zoek voor dit soort water effect, thanks a lot
WISH YOU ALL THE BEST
RAM
dit is erg cool en erg mooi ... ... ... ... ... ... ... ... ... .. all the best ... ...
hoe kan ik het werk in de browser?
thanx
Inbal
U moet de aankoop van de volledige versie.
waar kan ik de aanschaf van het volledige effect, van wie? en als dit het enige effect in de verpakking of zijn er meer. Kan worden gekocht als een seperrate component?
U kunt het hier downloaden: http://flash-filter.net/rain-drop-water-effect.phtml
het is niet tutorial, het is reclame. = /
dit is so amazing
Thanks much
thanx een ton .... tutorials zijn ook goed geholpen ...:)
amazing ...
mijn kennis groeien groter, thanx een bos bro ..!!!
Schrijf een reactie
1 Trackbacks en Pingbacks
[...] Maak water rimpel muis volgen Maak water reflectie effect met animatie vuur effect te creëren met de muis gevoeligheid create mask animatie overgang slideshow maken vergrootglas muis volgen Maak tv-overgang Image Slideshow [...]