Overzicht
In deze tutorial leer je hoe je een water reflectie te maken toe te passen op een bewegende Filmpje.
Hier het eindresultaat:
Eisen
Flash 8, Flash CS3 of Flash CS4.
Opmerking: De screenshots in deze tutorial zijn gemaakt in Flash CS3. Het werkt precies hetzelfde in Flash 8. Deze tutorial is ActionScript 2 (Hoewel er geen ActionScript is vereist).
Stap 1 - Installeer de component ingang
Download het water reflectie Effect hier . Volg de installatie-instructies en sleep de component van de component paneel in de bibliotheek van uw. FLA-bestand.
Stap 2 - Maak eend Filmpje
Importeer de eend beeld [Ctrl-R] of "File" -> "Import" -> "Import ... on Stage". Zorg ervoor dat het beeld een eend is. PNG met transparante achtergrond.
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 "duck".
Stap 3 - Maak Animatie Filmpje
Maak een nieuwe Filmpje met [Ctrl-F8] of Insert -> "New Symbol ...". Naam dit filmpje "animatie".
Sleep de eend Filmpje uit uw bibliotheek naar het eerste frame op de tijdlijn. Klik nu op frame 60 en maak een nieuwe keyframe [druk op F6] of klik met de rechtermuisknop en "Insert Keyframe".
Klik op de nieuw gecreëerde keyframe en kies de eend Filmpje op het doek. Ga nu verder met dit filmpje met de cursor naar rechts (laten we zeggen 100px). U kunt de nieuwe positie in het infopaneel in.
Ga terug naar de eerste keyframe van de tijdlijn. Op het terrein panel selecteert Tween: "Motion". Als je klikt ergens in de tijdlijn er nu, zie je dat de eend Filmpje beweegt van links naar rechts.
Stap 4 - Zet animatie Filmpje over de belangrijkste tijdlijn
Klik nu op "Scene 1" terug naar de belangrijkste tijdlijn te krijgen. Als de eend Filmpje is er nog steeds, te verwijderen.
Verplaats de animatie Filmpje uit uw bibliotheek naar het eerste frame van de tijdlijn.
Stel bijvoorbeeld de naam van de movieclip naar "animation_mc" (u kunt kiezen voor een andere naam als je wilt. Zorg ervoor dat de naam uniek is bijvoorbeeld). Zonder een instance naam, het onderdeel is niet in staat om de movieclip te detecteren.
Stap 5 - Effect toepassen component
Maak een nieuwe laag, selecteert u het eerste frame en sleep het effect onderdeel van uw bibliotheek naar de animatie Filmpje. De component zal automatisch snap.
Stel de parameter van het onderdeel in de component inspector panel zoals in de screenshot. 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 het Filmpje van toepassing "animation_mc".
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.
Nu uitvoer ([Ctrl-Enter] of ...). U zult zien dat het hoofd van de eend of andere manier wordt gesneden. Dat is omdat het onderdeel is precies de grootte van de eend Filmpje. Maar sinds de reflectie golf zal de omvang van deze stijging zal niet meer passen.
Stap 6 - Stel animatie Filmpje
Om dit te verhelpen, zult u met een onzichtbare vorm in de achtergrond van de eend Filmpje, welke grootte van de MovieClip een beetje.
Ga terug naar de eend Filmpje door erop te dubbelklikken in uw bibliotheek.
Maak een nieuwe laag onder de tween-laag.
Selecteer het gereedschap Rechthoek en teken een vorm met de breedte van de eend. De hoogte moet een enkele pixel hoger dan de eend (ongeveer 10 pixels). Het kan helpen om de omtrek pictogram in de tijdlijn te stellen, om alleen de afmetingen van de eend beeld te zien.
Met de vorm geselecteerde open de kleur panel en zet de alpha op 0.
Als je nu test uw film, zie je dat de reflectie wordt toegepast op het gat eend.
Stap 6 - Voeg Achtergrondafbeelding
Maak een nieuwe laag onder de laag met animatie en component. Importeer een afbeelding die overeenkomen. Nu kunt u de positie van de animatie Filmpje te maken passen bij de achtergrond.
Download
Klik hier om het downloaden van de FLA van deze tutorial. 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 Reflectie Water Effect hier .
Schrijf een reactie