Kwik 2 Sti-animation til en filmklip eller Sprite

• April 23, 2024

Nu kan vi oprette sti-animationen. Forskellen mellem en lineær og sti-animation er linjen. I begge animationer bevæger objektet sig langs en udpeget linje. Som vi opdagede med flip-animationen, flytter en lineær animation objektet langs en lige linje. I denne sti-animation tegner vi en sti langs en buet linje, som objektet skal følge. Vores første skridt er at tegne stien med Photoshop Pen-værktøjet.

1. Når det lag, der indeholder objektet (flyvefilmklippet) er valgt, skal du klikke på fluen med værktøjet Pen. Vi placerer det andet punkt for stien omkring 3 fluelængder over toppen af ​​siden. Klik på det andet punkt, og træk musen op og til højre for at lave en buet linje.
   
   
2. I panelet Stier (grupperet med panelet Lag) skal du omdøbe arbejdsstien til "flysti1".
   
   Nu kan vi bede Kwik om at bruge denne sti til vores Sti-animation.
   
   
3. Når fly_pg8-laget stadig er valgt, skal du klikke på Animationsikon i kategoribjælken.
   
   
4. Klik på Sti-animationsikon for at åbne dialogboksen.
   
   
5. Navngiv denne animation "fly1Ani".
   
   
6. Denne animation er til lag fly_pg8.
   
   
7. Sti: Vælg sti1-stien fra rullelisten.
   
   Når fluen bevæger sig langs kurven, ønsker vi, at han roterer lidt, så hans hoved fortsætter med at pege i retning af stien.
   
   
8. Marker afkrydsningsfeltet for automatisk drejning, og indstil mængden for rotationsvinklen til bare -10 grader.
   
   
9. Fluerne bevæger sig hurtigt. Lad os indstille varigheden til 1 eller 0,5 sekund.
   
   
10. Vi ønsker, at fluen skal forblive uden for siden efter animationen. Marker afkrydsningsfeltet for pause, når det er gennemført, og indstil loopen til 1 tid. Lad omvendt ved slutning fjerne markeringen.
    
    
11. Lad os tilføje lidt realisme ved at få fluen til at tøve, når den klikkes og derefter flyve væk. Vi kan gøre dette ved at indstille Easing til inOutExpo.
    
    
12. Indstil ankerpunktet til TopCenter, så hans krop roterer mere end hovedet.
    
    
13. Vi ønsker ikke, at fluen skal bevæge sig, før der klikkes på knappen. Indstil venteanmodning.
    
    
14. Lad boksen for Retur til startposition ikke være markeret.
    
    
15. Klik på Opret.
    
    

Nu kan vi tilføje knappen. Stadig på fly_pg8-laget.

1. Klik på Interaktionsikon fra kategoribjælken.
   
   
2. Klik på Tilføj knapikon for at åbne dialogboksen.
   
   
3. Navngiv knappen "fly1btn".
   
   
4. Vi vil have laget fly_pg8 til både tilstanden Standard og Over-knappen.
   
   
5. Udvid sektionen Animation fra interaktionsafsnittet.
   
   
6. Vælg Play Animation. Vælg fly1Ani fra rullelisten.
   
   
7. Udvid sektionen Audio.
   
   Vælg Stop Audio, og vælg den første lyd fra rullelisten.
   
   Vælg stadig Afspil lyd i afsnittet Lyd, og vælg den anden lydfil fra rullelisten.
   
   
8. Klik på Opret.
   
   

Nu kan vi teste vores interaktive sekvens. Når siden indlæses, skal fluen klappe med vingerne på siden med baggrundsflue lyden afspilles kontinuerligt. Når vi klikker på siden, skal vi høre en højere flyvelyd, og han bevæger sig væk fra siden.

Gem ændringerne på side8.

Klik på Eksport ikonet Aktuel side kun og knappen Publicer for at teste din animation.

Gå til din LearnKwik-mappe, og lav en sikkerhedskopi af mappen Template-projekt. Omdøb backup-mappen ved at tilføje den aktuelle dato til slutningen. (TemplateMM-DD-YY).

← Tilbage

Disse tutorials er til den ældre version af Kwik 2 og er måske ikke meget til hjælp, når du bruger Kwik 3 og derover. Hvis du har problemer, skal du bruge Kwik-forummet.

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.
Kwik-produkt, Kwik-logoet og Kwiksher er egenskaber for Kwiksher.com - Copyright 2011. Skærmbilleder, der bruges med tilladelse.

Video Instruktioner: Mario VS Sonic (Nintendo VS Sega) | DEATH BATTLE! (April 2024).