Fullføre Blinkie med Flash Motion Tweens

• Kan 4, 2024

Da vi sist jobbet med Flash blinkie-animasjonen, var vi akkurat ferdige med teksteffektene. Den siste teksteffekten som skjedde i animasjonen var utseendet og forsvinningen av nettstednavnet “J3 Designs”. Den forsvinner av scenen til venstre med en tidslinjeovergangseffekt (overgang 3 på tidslinjen). Det var en grunn til dette, og du er i ferd med å finne ut hva den grunnen var.

Husk at vi, som en del av designdetaljene, har de to marihøyrene. Det er på tide å sette dem i gang. Da vi bygde lagene til blinkprosjektet vårt, la vi gull marihøna til Bug 1-laget. Det første vi vil gjøre er å legge den andre marihøna til et nytt lag som vi vil kalle Bug 2. Vi vil at denne røde marihøna skal vises fra under komoen. Derfor må vi plassere det nye laget under laget av Static Details.

Åpne blinkie2.fla i Flash CS3 og la oss begynne å fungere. Vi vil at marihøna skal begynne å bevege seg fra under komoen etter hvert som navnet på nettstedet begynner å forsvinne. Vi vil at den skal se ut som teksten forsvinner på grunn av marihøna. Så vi vil legge til denne nye marihøna på Frame 110, som er når teksten begynner å forsvinne.

1. Klikk på Fil - Importer - Importer til bibliotek for å åpne Importer-dialogboksen og legge til den røde marihønaen til biblioteket vårt.
   
   
2. Legg til et nytt lag under Static Details-laget og navngi det "Bug 2". Legg til et nøkkelbilde (Sett inn - tidslinje - nøkkelbilde) til ramme 110. Dra den røde marihønaen fra biblioteket til under komoen og er ute av syne for nå.
   
   Vi vil at denne marihøna skal bevege seg til venstre til den forsvinner av scenen når teksten forsvinner. Så vi vil ha marihøna helt til venstre og utenfor scenen når vi når Frame 160.
   
   
3. Klikk på Frame 160 på Bug 2-laget, legg til en Keyframe og dra den røde marihønaen til venstre og helt av scenen. Høyreklikk mellom ramme 110 og 160 og velg Create Motion Tween fra hurtigmenyen.
   
   Test filmen, så skal du se teksten forsvinne mens marihøna beveger seg over den. Når den røde marihøna er utenfor scenen, vil vi flytte den gullfrie marihøna (Bug 1-laget) opp og til høyre til den også forsvinner fra scenen.
   
   
4. Klikk på Frame 160 på Bug 1-laget, og legg til en Keyframe for utgangspunktet for animasjonen til gullfarebladet. La oss bruke 20 rammer for å flytte gullfrøylen fra scenen. Klikk på Frame 180 og legg til en Keyframe. Flytt gullfrøylen opp og utenfor scenen.
   
   
5. Høyreklikk mellom ramme 160 og 180 og lag en Motion Tween. Klikk på ramme 180 og legg til en ramme i lagene Statiske detaljer og bakgrunn for å synliggjøre innholdet på disse lagene igjen.
   
   Til slutt ønsker vi å flytte gullhønsveien tilbake til sin opprinnelige posisjon nederst til venstre på scenen. Men vi ønsker ikke at feilen skal bevege seg fra toppen av scenen. Vi vil at den skal rykke opp fra under scenen. Så vi må først plassere gullfrøylen til venstre og under scenen. Så alt vi trenger å gjøre er å flytte den oppover tilbake til sin opprinnelige posisjon slik at animasjonen kan gjenta seg. Vi vil bruke 10 rammer for å flytte marihøna igjen på plass.
   
   
6. Gå helt tilbake til ramme 1 på Bug 1-laget, og velg gull-marihøna. Klikk på Rediger - Kopier for å lagre den opprinnelige plasseringen til gullfrøylen.
   
   
7. Fortsett på Bug 1-laget, legg til et nøkkelbilde til ramme 190. Klikk på Rediger - Fjern for å fjerne gullfargen som allerede er der. Deretter klikker du på Rediger - Lim inn på plass for å sette gullløvehornet tilbake til den opprinnelige plasseringen.
   
   
8. Fortsatt på Bug 1-laget, klikk på Frame 181 og legg til en Keyframe. Deretter fjerner du gullfargen som allerede er der. Sett gullønskebøtten tilbake til den opprinnelige posisjonen på denne rammen (Lim inn på plass). Deretter drar du marihøna under scenen. Legg til en Motion Tween mellom ramme 181 og 190 som vil flytte denne marihøna opp og inn på scenen.
   
   
9. Klikk på Ramme 190 og legg til en ramme i lagene Statiske detaljer og bakgrunn for å synliggjøre innholdet på disse lagene igjen.
   
   

Test og lagre blinkingen som blinkie3.fla. Publiser deretter din blinkie som en .swf-fil og nyt den nye blinkingen din.

J3-design

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.