Sammendrag
I denne opplæringen vil du lære hvordan du oppretter en vann refleksjon til å gjelde på et bevegelig MovieClip.
Her det endelige resultatet:
Krav
8 Flash, Flash CS3 eller Flash CS4.
Merk: skjermbilder 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 - Installer effekten komponenten
Last ned Water Reflection Effect her . Følg monteringsanvisningen og dra komponenten fra komponenten panelet inn i biblioteket på. FLA-fil.
Trinn 2 - Lag and MovieClip
Importer det and bildet [trykk Ctrl-R] eller "Fil" -> "Import" -> "Importer på Stage ...". Pass på at anda bildet er en. PNG med gjennomsiktig bakgrunn.
Velg dette bildet, og konvertere den til en MovieClip [trykke F8] eller høyreklikk på MovieClip -> "Convert to Symbol ...". Gi MovieClip navnet "anda".
Trinn 3 - Lag Animasjon MovieClip
Opprett en ny MovieClip med trykk [Ctrl-F8] eller Sett inn -> "New Symbol ...". Navn denne MovieClip "animasjon".
Dra and MovieClip fra biblioteket til den første rammen på tidslinjen. Nå klikker du på ramme 60 og oppretter en ny nøkkelbilde [trykk F6] eller høyreklikk og "Sett inn Nøkkelbildekontroll".
Klikk på nyopprettede nøkkelbilde og velg anda MovieClip på lerretet. Nå flytte denne MovieClip med markøren tasten til høyre (kan si 100px). Du kan sjekke den nye posisjonen i info-panelet.
Gå tilbake til den første nøkkelbilde av tidslinjen. På eiendommen panelet velger Tween: "Motion". Hvis du klikker et sted i tidslinjen nå, ser du at det and MovieClip går fra venstre til høyre.
Trinn 4 - Sett animasjon MovieClip på hovedtidslinjen
Klikk deretter på "Scene 1" for å komme tilbake til hovedsiden tidslinjen. Hvis anda MovieClip er fremdeles der, tar du den.
Flytt animasjon MovieClip fra biblioteket til det første bildet i tidslinjen.
Angi forekomsten navnet på MovieClip til "animation_mc" (du kan velge et annet navn hvis du vil. Kontroller at forekomsten navnet er unike). Uten en forekomst navn, er komponenten klarer å oppdage MovieClip.
Trinn 5 - Bruk effekt komponent
Opprett et nytt lag, velger du den første rammen og dra effekten komponenten fra biblioteket på animasjonen MovieClip. Komponenten vil automatisk snapper.
Sette parameteren til komponenten inne i komponenten inspektør panelet som i skjermbildet. Alle Movieclips med forekomst navn i denne rammen er oppført i "Target MovieClip" velg liste. Siden du bare har én MovieClip, antar komponenten, som du vil bruke effekten på MovieClip "animation_mc".
Merk: Disse innstillingene bare brukes på denne ene forekomsten av effekten komponenten. Hvis du tegner komponenten på en annen MovieClip (et annet sted inne i. FLA eller i et nytt prosjekt) du må sette innstillingene på nytt.
Nå eksport (trykk [Ctrl-Enter] eller ...). Du vil se at hodet på anda er liksom kuttet. Dvs fordi komponenten har nøyaktig størrelsen på anda MovieClip. Men siden den refleksjon bølge vil øke størrelsen dette ikke passer lenger.
Trinn 6 - Juster animasjon MovieClip
For å fikse dette, vil du sette inn en usynlig form i bakgrunnen av det and MovieClip, hvilken størrelse opp MovieClip litt.
Kom tilbake til anda MovieClip ved å dobbeltklikke på den i biblioteket.
Opprett et nytt lag under det mellom laget.
Velg rektangel-verktøyet og tegn en figur med bredden på and. Høyden bør være noen piksel høyere verdi enn anda (ca 10 pixel). Det kan hjelpe å sette disposisjonen ikonet i tidslinjen, for å se bare størrelsen på anda bildet.
Med formen valgte åpne fargen panelet og sett alpha til 0.
Når du tester film nå, vil du se at refleksjon er brukt på hullet anda.
Steg 6 - Legg Bakgrunnsbilde
Lag et nytt lag under laget med animasjon og komponent. Importer et bilde som passer. Nå kan du endre plasseringen av animasjonen MovieClip slik at det passer inn med bakgrunnen.
Last ned
Klikk her for å laste ned FLA av denne opplæringen. Merk:. FLA inkluderer prøveversjonen av effekten komponent, som vil bare fungere i Flash IDE (, Flash 8 Flash CS3 eller CS4 Flash), men ikke inne i nettleseren.
Du kan også laste ned Water Reflection Effect her .






















Skriv en kommentar