Flash CS6 bevegelsesbaner

• Kan 4, 2024

I den siste blitsen^R CS6 opplæring, laget vi en enkel Motion Tween-animasjon som flyttet et objekt langs en rett linje. Nå vil vi endre animasjonen for å flytte objektet langs en buet linje.

Vi har allerede diskutert den lille endringen i tween-spennet for Motion Tween, men vi tok ikke en titt på scenen. Som du ser har vi en stiplet, grønn rett linje som spenner fra startposisjonen til venstre til sluttposisjonen til høyre for animasjonen. Dette kalles animasjonens bevegelsessti.

Når du arbeider med Motion Tweens, er det enkelt å endre denne bevegelsesstien. La oss gi det en sjanse.

1. Med markeringsverktøyet plasserer du markøren ved siden av den grønne linjen og midt på banen.
   
   Du vil se markøren endre til en pil med en liten buet linje.
   
   
2. La oss gjøre banen kurve oppover. Klikk på midten av banen og dra oppover til linjen bøyes.
   
   
3. Flytt Playhead over tidslinjen, så ser du at plassen beveger seg langs den buede banen.
   
   Nå er det et godt tidspunkt å teste animasjonen vår.
   
   
4. Fra menylinjen, klikk Kontroll - Test film - I Flash Professional.
   
   Dette vil åpne animasjonen vår i Flash Player. Du bør se at plassen beveger seg langs den buede banen. Animasjonen vil sløyfe (spille kontinuerlig) fordi vi ikke har fortalt den om å stoppe på slutten. Lukk Flash Player og gå tilbake til arbeidsområdet.
   
   På dette tidspunktet beveger kvadratet seg langs den buede banen, men torget roterer ikke. Den holder seg på nivå med bunnen av scenen gjennom hele animasjonen. Vi kan legge til litt interesse for animasjonen ved å rotere firkanten når den beveger seg langs stien.
   
   Vi vil at torget skal være i nivå med bunnen av scenen når animasjonen starter og roterer trinnvis langs banen. Så vi må endre sluttposisjonen til animasjonen.
   
   
5. Velg Frame 50 og velg deretter Free Transform-verktøyet fra Verktøy-panelet.
   
   Du vil se en svart linje med åtte kontrollpunkter rundt torget.
   
   
6. Fra menylinjen klikker du Endre - Transform - Skala og roter.
   
   
7. I dialogboksen Skala og roter setter du rotasjonsverdien til 120 grader og klikker OK.
   
   
8. Flytt Playhead sakte langs tidslinjen så ser du torget rotere langs banen.
   
   

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.