Tutorial: Create vann refleksjon effekt med animasjon
Skriv kommentar den 18 november 2008
Sammendrag
I denne opplæringen vil du lære hvordan du oppretter en vann refleksjon å søke på et bevegelig videoklipp.
Her er resultatet:
Krav
Flash 8, Flash CS3 eller Flash CS4.
Merk: screenshots i denne opplæringen er laget i Flash CS3. Det fungerer akkurat det samme i Flash 8. Denne opplæringen er ActionScript 2 (Selv om ingen ActionScript er nødvendig).
Trinn 1 - Installere effekten komponenten
Last ned Water Reflection Effect her. Følg installasjonsinstruksjoner og dra komponent fra komponenten panelet inn i biblioteket ditt. FLA fil.
Trinn 2 - Opprette duck videoklipp
Importer duck bildet [Trykk Ctrl-R] eller "Fil" -> "Import" -> "Import på scenen ...". Pass på at anda bildet er. PNG med transparent bakgrunn.
Velg dette bildet, og konvertere den til et videoklipp [trykke F8] eller høyreklikk på videoklipp -> "Konverter til Symbol ...". Gi videoklipp navnet "duck".
Trinn 3 - Opprett Animasjon videoklipp
Opprett et nytt videoklipp med [trykke Ctrl-F8] eller Sett inn -> "New Symbol ...". Navn denne videoklipp "animasjon".
Dra duck videoklipp fra biblioteket til den første frame på tidslinjen. Nå kan du klikke på ramme 60 og opprette en ny keyframe [trykke F6] eller høyreklikk og "Sett Keyframe".
Klikk på den nyopprettede keyframe og velg anda videoklipp på lerretet. Nå flytter denne videoklipp med markøren nøkkelen til høyre (kan si 100px). Du kan sjekke den nye posisjonen i info-panelet.
Gå tilbake til den første keyframe i tidslinjen. På eiendommen panelet velg Tween: "Motion". Hvis du klikker et sted i tidslinjen nå, ser du at anda videoklipp beveger seg fra venstre til høyre.
Steg 4 - Sett animasjon videoklipp på hovedtidslinjen
Nå kan du klikke på "Scene 1" for å komme tilbake til hovedsiden tidslinjen. Hvis duck videoklipp er der fortsatt, fjerne den.
Flytt animasjonen videoklipp fra biblioteket til det første bildet av tidslinjen.
Angi eksempel navnet på videoklipp til "animation_mc" (du kan velge et annet navn hvis du ønsker. Kontroller at forekomsten navnet er unikt). Uten en forekomst navn, er komponenten klarer å oppdage videoklipp.
Trinn 5 - Bruk effekt komponent
Opprett et nytt lag å velge det første bildet og dra effekten komponenten fra biblioteket på animasjonen videoklipp. Komponenten vil automatisk snapper.
Angi parameteren av komponenten inne i komponenten inspektøren panelet som i skjermbildet. Alle Movieclips med forekomst navnene i denne rammen er oppført i "Mål videoklipp" select liste. Siden du bare har én videoklipp antar komponent, som du vil bruke effekten på videoklipp "animation_mc".
Merk: Disse innstillingene er kun brukes på denne ene forekomsten av effekten komponenten. Hvis du tegner komponenten på et annet videoklipp (et annet sted inni. Fla eller i et nytt prosjekt) må du sette innstillingene på nytt.
Nå eksporterer ([trykk Ctrl-Enter] eller ...). Du vil se at hodet på anda er liksom kuttet. Thats fordi komponenten har nøyaktig størrelsen på duck videoklipp. Men siden refleksjon bølgen vil øke størrelsen vil dette ikke passer lenger.
Trinn 6 - Juster animasjon videoklipp
For å løse dette, vil du sette inn en usynlig figur i bakgrunnen av anda videoklipp, hvilken størrelse opp videoklipp litt.
Kom tilbake til anda videoklipp ved å dobbeltklikke på den i biblioteket.
Opprett et nytt lag under tween laget.
Velg rektangel verktøyet og tegne en figur med bredden på andebryst. Høyden skal få pixel høyere enn anda (ca 10 pixel). Det kan hjelpe å sette omrisset ikonet i tidslinjen, for å se bare dimensjonene anda bildet.
Med formen valgte åpne fargen panel og sette alpha til 0.
Når du tester film nå, vil du se at refleksjon er brukt på hullet anda.
Steg 6 - Legg Bakgrunnsbilde
Opprett et nytt lag under lag med animasjon og komponent. Importere et bilde som samsvarer. Nå kan du endre plasseringen av animasjonen videoklipp for å gjøre det passer med bakgrunnen.
Laste ned
Klikk her for å laste ned Fla av denne opplæringen. Merk:. Fla inkluderer prøveversjonen av effekten komponent, som bare fungerer i Flash IDE (8 Flash, Flash CS3 eller Flash CS4), men ikke inne i nettleseren.
Du kan også laste ned Water Reflection Effect her.






















Skriv en kommentar