Overzicht

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 te zien:

Beweeg uw muis over swf

Eisen

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 sleept u het onderdeel van de samenstellende paneel in de bibliotheek van uw. FLA-bestand.

Sleep de component in de bibliotheek

Stap 2 - Maak een Image MovieClip

Importeer een afbeelding [Ctrl-R] of "File" -> "Import" -> "Import ... on Stage".

Importeer een plaatje

Selecteer deze afbeelding en het omzetten in een movieclip [druk op F8] of klik met de rechtermuisknop op de MovieClip -> "Convert to Symbol ...". Geef de movieclip de naam "image".

Noem het Filmpje

Stel bijvoorbeeld de naam van de movieclip. Gebruik "image_mc". Het is belangrijk om een instance naam gezet, anders wordt het onderdeel niet kan vinden die dit filmpje. BTW, de naamgeving is aan u, kunt u een andere naam kiezen als Oyu wilt. Zorg ervoor dat de naam uniek is bijvoorbeeld projectwide.

Stel bijvoorbeeld de naam

Stap 3 - Breng het effect naar een movieclip en stel parameter

Sleep de component op het Filmpje. De component snapps automatisch.

Sleep onderdeel op Filmpje

Open het onderdeel inspecteur panel Windows -> "Component Inspector". Hier kunt u de parameters voor het effect. Alle filmpjes met bijvoorbeeld namen in dit kader zijn opgenomen in de "Target Filmpje" te kiezen lijst. Aangezien u slechts een Filmpje, het onderdeel veronderstelt, dat u wilt het effect op de movieclip "image_mc". Stel de "gevoelige Cursor"-optie toe te passen "Ja" om het water effect volg de muis.

Stel parameter in de component inspector

Opmerking: Deze instellingen worden alleen toegepast op dit ene geval van het effect component. Als u tekent de component op een andere Filmpje (ergens anders binnen het. Fla of in een nieuw project) moet je opnieuw de instellingen.

Stap 4 - Export

Exporteer de Film Command -> "Test Movie" of [Ctrl-Enter] en zie het resultaat. Als u niet tevreden bent, ga dan terug en wijzig de instellingen in de component inspector paneel.

Download

Klik hier om tutorial download de fla van deze. Opmerking: De. FLA omvat de trial versie van de component ingang, die alleen werkt in de Flash IDE (Flash 8, Flash CS3 of Flash CS4), maar niet in de browser.

U kunt ook downloaden van de Ripple Component even Water .

  • Share / Bookmark