Efterbehandling af Blinkie med Flash Motion Tweens

• April 26, 2024

Da vi sidst arbejdede med Flash blinkie-animationen, var vi lige færdige med teksteffekterne. Den sidste teksteffekt, der opstod i animationen, var udseendet og forsvinden af ​​webstedsnavnet “J3 Designs”. Den forsvinder fra scenen til venstre med en tidslinjeovergangseffekt (overgang 3 på tidslinjen). Der var en grund til dette, og du er ved at finde ud af, hvad den grund var.

Husk, at vi som en del af designdetaljerne har de to marihøner. Nå, det er tid til at sætte dem på arbejde. Da vi byggede lagene til vores blinkie-projekt, tilføjede vi den gyldne marihøne til Bug 1-laget. Nu, den første ting, vi vil gøre, er at tilføje den anden marihøne til et nyt lag, som vi vil kalde Bug 2. Vi ønsker, at denne røde marihøne skal vises fra under komoen. Derfor bliver vi nødt til at placere det nye lag under laget med statiske detaljer.

Åbn blinkie2.fla i Flash CS3, og lad os komme på arbejde. Vi ønsker, at marihøne begynder at bevæge sig fra under komoen, da webstedets navn begynder at forsvinde. Vi ønsker, at den skal se ud, som om teksten forsvinder på grund af marihøne. Så vi tilføjer denne nye marihøne på ramme 110, som er, når teksten begynder at forsvinde.

1. Klik på Filer - Importer - Importer til bibliotek for at åbne dialogboksen Importer og føje den røde marihøne til vores bibliotek.
   
   
2. Tilføj et nyt lag under laget Statiske detaljer, og navngiv det "Bug 2". Føj et nøglebillede (Indsæt - tidslinje - nøgleramme) til ramme 110. Træk den røde marihøne fra biblioteket til under komoet og er ude af syne for nu.
   
   Vi ønsker, at denne marihøne flytter til venstre, indtil den forsvinder fra scenen, når teksten forsvinder. Så vi ønsker marihøne hele vejen til venstre og væk fra scenen, når vi når ramme 160.
   
   
3. Klik på Frame 160 på Bug 2-laget, tilføj en Keyframe og træk den røde marihønsafstand til venstre og helt væk fra scenen. Højreklik mellem ramme 110 og 160, og vælg Opret bevægelse mellem i pop op-menuen.
   
   Test filmen, så skal du se teksten forsvinde, når marihønen løber hen over den. Når den røde marihøne er væk fra scenen, flytter vi den gyldne marihøne (bug 1-lag) op og til højre, indtil den også forsvinder fra scenen.
   
   
4. Klik på Frame 160 på Bug 1-laget, og tilføj en Keyframe til udgangspunktet for den gyldne ladybugs animation. Lad os bruge 20 billeder til at flytte guld marihøne fra scenen. Klik på Frame 180 og tilføj en Keyframe. Flyt den gyldne marihøne op og væk fra scenen.
   
   
5. Højreklik mellem Frame 160 og 180 og opret en Motion Tween. Klik på ramme 180 og tilføj en ramme til lagene Statiske detaljer og baggrund for at synliggøre indholdet på disse lag igen.
   
   Endelig vil vi flytte guld marihøne tilbage til sin oprindelige position nederst til venstre på scenen. Men vi ønsker ikke, at fejlen skal bevæge sig ned fra toppen af ​​scenen. Vi vil have, at det rykker op fra under scenen. Så vi er nødt til først at placere guld marihøne til venstre og under scenen. Så er alt, hvad vi skal gøre, at flytte det opad tilbage til sin oprindelige position, så animationen kan gentage. Vi bruger 10 rammer til at flytte marihøne tilbage på plads.
   
   
6. Gå helt tilbage til ramme 1 på Bug 1-laget, og vælg guld marihøne. Klik på Rediger - Kopier for at gemme den originale placering af guld-marihønen.
   
   
7. Fortsæt på Bug 1-laget, og tilføj en Keyframe til Frame 190. Klik på Edit - Clear for at fjerne den gyldne marihøne, der allerede er der. Klik derefter på Rediger - Indsæt på plads for at sætte den gyldne marihøne tilbage til den oprindelige position.
   
   
8. Stadig på Bug 1-laget skal du klikke på Frame 181 og tilføje en Keyframe. Fjern derefter det gyldne marihøne, der allerede er der. Sæt gylden marihøne tilbage i den oprindelige position på denne ramme (Indsæt på plads). Træk derefter denne marihøne til under scenen. Tilføj en Motion Tween mellem ramme 181 og 190, som vil bevæge denne marihøne op og ind på scenen.
   
   
9. Klik på Ramme 190, og tilføj en ramme til lagene Statiske detaljer og baggrund for at synliggøre indholdet på disse lag igen.
   
   

Test og gem blinken som blinkie3.fla. Publicer derefter din blinkie som en .swf-fil, og nyd din nye blinkie.

J3 Designs

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: Gulvafslibning og efterbehandling af trægulv (April 2024).