Cool Flash Effect Tutorials!

Samenvatting

In deze tutorial leer je hoe je een water reflectie creëren toe te passen op een bewegende Videoclip.

Hier het eindresultaat:

Vereisten

Flash 8, Flash CS3 of Flash CS4.

Opmerking: De screenshots in deze handleiding 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 de Water Reflection 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 Videoclip

Importeer de eend afbeelding [druk op Ctrl-R] of "Bestand" -> "Import" -> "Import on Stage ...". Zorg ervoor dat het beeld is een eend. PNG met transparante achtergrond.

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

Stap 3 - Maak Animatie Videoclip

Maak een nieuwe Videoclip met [Ctrl-F8] of Invoegen -> "New Symbol ...". Geef deze Videoclip "animatie".

Sleep de eend Videoclip van uw bibliotheek op de eerste frame op de tijdlijn. Klik nu op frame 60 en maak een nieuwe keyframe [druk op F6] of rechts klikken en "Insert Keyframe".

Klik op de nieuw aangemaakte keyframe en selecteer de eend Videoclip op het doek. Nu zet dit filmpje met de cursortoets naar rechts (laten we zeggen 100px). Je kunt de nieuwe positie in het infopaneel.

Ga terug naar de eerste keyframe van de tijdlijn. Op het terrein panel selecteert Tween: "Motion". Als u klikt ergens in de tijdbalk nu, zie je dat de eend Videoclip beweegt van links naar rechts.

Stap 4 - Zet animatie Videoclip over de belangrijkste tijdlijn

Klik nu op "Scene 1" om terug te gaan naar de belangrijkste tijdlijn. Als de eend Videoclip is er nog steeds, te verwijderen.

Verplaats de animatie Videoclip van uw bibliotheek naar het eerste frame van de tijdlijn.

Stel de instantie naam van de Videoclip op "animation_mc" (u kunt kiezen voor een andere naam als je wilt. Zorg ervoor dat de instantie naam is uniek). Zonder een instance naam, is de component niet in staat de Videoclip op te sporen.

Stap 5 - Effect toepassen component

Maak een nieuwe laag, selecteer het eerste frame en sleep het effect component uit de bibliotheek naar de animatie Videoclip. Het onderdeel wordt automatisch snap.

Stel de parameter van de onderdelen binnen de component inspecteur paneel zoals in de screenshot. 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 toepassing van de Videoclip "animation_mc".

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.

Nu uitvoer ([druk op Ctrl-Enter] of ...). U zult zien dat het hoofd van de eend of andere manier wordt gesneden. Dat is omdat de component heeft precies de grootte van de eend Videoclip. Maar aangezien de reflectie golf zal de omvang dit zal niet meer past.

Stap 6 - Pas animatie Videoclip

Om dit te verhelpen, zal u een onzichtbare vorm in de achtergrond van de eend Videoclip, welke maat het Videoclip een beetje.

Ga terug naar de eend Videoclip 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, om te zien alleen de afmetingen van de eend beeld.

Met de vorm geselecteerde open de kleur paneel en zet de alpha op 0.

Wanneer u uw film test nu, zie je dat de reflectie wordt toegepast op het gat eend.

Stap 6 - Voeg Achtergrond afbeelding

Maak een nieuwe laag onder de laag met animatie en component. Importeer een afbeelding die overeenkomen. Nu kunt u de positie van de animatie Videoclip te maken passen bij de achtergrond.

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 Reflection Effect hier.