Mask Transition Animation
11 kommentarer 29 december 2008
Sammanfattning
I den här guiden lär du dig hur du skapar en effekt, där delar av MovieClip är fading i. Olika delar av MovieClip kommer att vara maskerade och se annorlunda ut. Även du kan kontrollera storleken på dessa delar och hastigheten på fading.
Se effekten nedan:
Krav
Flash 8, Flash CS3 eller Flash CS4.
2 bilder (i detta fall 550 × 400, bilder finns i handledningen zip-fil)
Obs: screenshot i denna handledning är gjord i Flash CS3. Det fungerar exakt likadant i Flash 8 och Flash CS4. Denna handledning är ActionScript 2 (även om ingen ActionScript krävs).
Steg 1 - Installera effekt komponenten
Download the Mask övergångseffekt här. Följ installationsinstruktionerna och dra denna komponent av komponent panelen i biblioteket på din. Fla-filen.
Steg 2 - Importera bild
Importera en bild [tryck Ctrl-R] eller "File" -> "Importera" -> "Importera on Stage ...".
Markera bilden och omvandlar den till en MovieClip [trycka på F8] eller högerklicka på MovieClip -> "Konvertera till Symbol ...". Ge MovieClip namnet "bild".
Steg 3 - Placera Bild MovieClip och effekt komponent på scenen
Byt namn på lagret där bilden MovieClip placeras på "image". Skapa ett nytt lager, namnge det "effekt" och välj den första bildrutan (namngivningen av skikten är bara att hålla saker så kan du lämna lagernamn standard eller välja andra namn).
Ge MovieClip instansen namnet "my_image" (Du kan välja ett annat namn om du vill. Kontrollera att exempelvis namnet är unikt). Utan ett exempel namn, är den del inte att identifiera MovieClip.
Markera den första bildrutan i lagret "effekten". Dra Mask övergångseffekt från ditt bibliotek på bilden MovieClip på scen. Komponenten kommer snap automatiskt till övre vänstra hörnet av bilden MovieClip.
Steg 4 - Justera inställningen
Klicka på komponenten och öppna panelen komponent inspektören [trycka SHIFT-F7] eller "Window" -> "Component Inspector". I "Target MovieClip" välj lista "my_image" bör väljas. Alla filmklipp med exempelvis namn i denna ram anges i "Mål MovieClip" Välj lista. Eftersom du har bara ett MovieClip, förutsätter den komponent som du vill använda effekten på MovieClip "my_image". För nu lämna inställningen så här. Exportera Flash movie [tryck Ctrl-ENTER] eller "Command" -> "Test Movie" och du ser att bilden visas.
Steg 5 - Lägg till bakgrundsbild
Om du vill ha en övergång från en bild till en annan, måste du lägga en bild i bakgrunden. Upprepa steg 2 för att skapa en annan bild MovieClip, skapa ett nytt lager, namnge det "bakgrund" och sätter just skapat MovieClip där. Exportera Flash movie [tryck Ctrl-ENTER] eller "Command" -> "Test Movie" och du kommer först se bakgrundsbild och sedan bilden MovieClip försvinner i.
Steg 6 - Inställning varianter
Parametern är Se mestadels själv beskriver, men har en närmare titt på "Animation Mode" Välj lista. Samtliga animation lägen här. Använd inställningarna för följande skärmdump och testa filmen.
Leka med inställningarna. Hitta en som passar just dina krav.
Hämta
Klicka här för att ladda ner. Fla av den här guiden. Anmärkning:. Fla innehåller testversion av effekten komponent, som bara kan fungera i Flash IDE (Flash 8, Flash CS3 eller Flash CS4) men inte inuti webbläsaren.
Du kan också ladda ner Mask övergångseffekt här.
Här hittar du en video tutorial på hur man kan använda en annan effekt.













11 kommentarer
Good work
FINT KILLE ... ... ... ... THANKS YOU
Här finns bara 2 bilder, men denna effekt arbeta med flera bilder i rad, jag skränande få det att fungera ... ..
Hej Ronny,
Vänligen ladda ner en provversion av effekten här.
http://www.flash-filter.net/mask-transition-effect-download.phtml
Inuti Hämta ZIP du hitta en timline_demo.fla. Enligt denna struktur du kan använda så mycket bilder som du vill.
Hej, tack själv en lott
Hej
ya it's good
thx alot
Jag älskar effekten, dock har jag ett projekt som kräver en mask form. Inom mask formen jag måste ha ett bildspel med övergångar i säga om 8 eller 10 bilder. Kan dina komponenter göra detta? Eller vad skulle vara det bästa scenariot?
Tack,
Monte
Hej Monte,
kolla in denna: http://www.flash-filter.net/effect-component-faq.phtml # cpid599
vänliga hälsningar
Aron
hej. din handledning fungerar. men när jag försökte köra SWF-filen fanns ett meddelande snabb ans sa:
"Att SWF-filen försöker kommunicera med denna möjlighet till Internet-platsen: http://www.flash-filter.net"
Vad ska jag göra så att SWF-filen kommer att visas?
tack.
Vilka är de exempel på maskera animation? tack!
Exempel kommer inom Hämta ZIP: http://www.flash-filter.net/mask-transition-effect-download.phtml
Skriv en kommentar
3 Trackbacks och Pingbacks
[...] Läs hela tutorial [...]
[...] Vielleicht hilft dir das weiter: Mask Transition Animation - Cool Flash Effect Tutorials! [...]
[...] Http://flash-effects.com/tutorial-mask-transition-animation/ [...]