Flash CS6 bevægelsesstier
I den sidste FlashR CS6-tutorial, vi oprettede en simpel Motion Tween-animation, der flyttede et objekt langs en lige linje. Nu ændrer vi animationen for at flytte objektet langs en buet linje.

Vi diskuterede allerede den lille ændring af tween-spændet for Motion Tween, men vi kiggede ikke på scenen. Som du kan se, har vi en prikket grøn lige linje, der spænder fra startpositionen til venstre til slutpositionen til højre for animationen. Dette kaldes animationens bevægelsessti.

Når du arbejder med Motion Tweens, er det let at ændre denne Motion Path. Lad os prøve det.

  1. Med markeringsværktøjet skal du placere din markør ved siden af ​​den grønne linje og i midten af ​​stien.

    Du vil se markøren ændre sig til en pil med en lille buet linje.

  2. Lad os gøre stien kurve opad. Klik på midten af ​​stien, og træk opad, indtil linjen kurver.

  3. Flyt Playhead over tidslinjen, så vil du se, at firkanten bevæger sig langs den buede sti.

    Nu er det et godt tidspunkt at teste vores animation.

  4. Fra menulinjen skal du klikke på Kontrol - Test film - I Flash Professional.

    Dette åbner vores animation i Flash Player. Du skal se, at firkanten bevæger sig langs den buede sti. Animationen sløjfer (afspilles kontinuerligt), fordi vi ikke har bedt den om at stoppe i slutningen. Luk Flash Player, og vend tilbage til arbejdsområdet.

    På dette tidspunkt bevæger kvadratet sig langs den buede sti, men firkanten roterer ikke. Det forbliver på niveau med bunden af ​​scenen i hele animationen. Vi kan tilføje animationen lidt interesse ved at dreje firkanten, når den bevæger sig langs stien.

    Vi ønsker, at firkanten skal være i niveau med bunden af ​​scenen, når animationen starter og roterer trinvist langs stien. Så vi er nødt til at ændre animationens slutposition.

  5. Vælg Frame 50, og vælg derefter Free Transform-værktøjet fra værktøjspanelet.

    Du vil se en sort linje med otte kontrolpunkter rundt om pladsen.

  6. Klik på Modify - Transform - Scale and Rotate fra menulinjen.

  7. I dialogboksen Scale and Rotate skal du indstille Rotate-værdien til 120 grader og klikke på OK.

  8. Flyt Playhead langsomt langs tidslinjen, så vil du se firkanten rotere langs stien.

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: How To Animate in Flash CS6 & CC | Tutorial for Beginners (Kan 2024).