Kwik Page Turn-animation

• Kan 2, 2024

I de sidste par tutorials har vi arbejdet med sideskabelonen til vores Kwik-bog-app. Vi har endnu en ting at tilføje til skabelonen, som er den lineære animation, der emulerer en sidesving.

Vi vil have, at denne animation skal afspilles straks, når siden indlæses. Vi har allerede grafikken til animationen på kwkpgTurn-laget på side1. Dette lag er også indstillet til et delt aktiv, så det fungerer gennem bogappen.

Lineær animation

På dette tidspunkt opretter vi en meget enkel animation og bruger de fleste af standardindstillingerne. Men vi lærer meget om lineære animationer, når vi tilføjer mange af dem til bogen.

En lineær animation flytter et objekt fra et punkt på skærmen til et andet. Derfor er hovedindstillingerne for en lineær animation start- og slutpunkter. Kwik indstiller automatisk startpunktet for animationen som den aktuelle position for objektet på laget. Vi bliver nødt til at indstille slutpunktet for animationen.

Vi indstiller også varigheden for animationen i sekunder, da dette vil bestemme, hvor hurtigt objektet bevæger sig. Endelig vil vi indstille animationen til at starte, når siden indlæses.

Side Turn Animation

1. Vælg side1 i afsnittet Side / komponenter i Kwik-panelet. Du skal se "@ side1" øverst i sektionen.
   
   
2. Klik på Skift til ikonet Komponentervisning for at se din liste over komponenter, der allerede er føjet til denne side.
   
   
3. Vælg kwkpgTurn-laget i panelet Lag.
   
   
4. Fra kategorilinjen skal du klikke på Animationsikon.
   
   
5. Klik på Lineært animationsikon (første ikon i første række af værktøjer).
   
   
6. I dialogboksen Lineær animation skal du omdøbe animationen "pgTurn".
   
   
7. Layer kwkpgTurn: Dette fortæller Kwik at bruge grafikken på kwkpgTurn laget til animationen. Hold dette valgt
   
   

I afsnittet Egenskaber viser Kwik os X- og Y-positioner for objektet på kwkpgTurn-laget og bredden og højden af ​​det grafiske objekt. Fordi vi vil flytte hele grafikken fra skærmen, bliver vi nødt til at flytte den mindst det samme antal pixels som grafikens bredde (732 px). Lad os flytte det 732 pixels til venstre. Fordi den aktuelle X-position er 0. Dette vil resultere i et negativt tal for slutpositionen. Vi ønsker ikke at bevæge objektet lodret, så vi vil holde Y-positionen indstillet til 0. Dette vil medføre, at objektet kun bevæger sig vandret.

8. Slutposition:
   x -732
   y 0
   
   
9. Randomiseret slutposition: Vi bruger ikke denne funktion, så lad den være indstillet til standardindstillingerne.
   
   
10. Varighed: Vi ønsker, at grafikken skal bevæge sig meget hurtigt for at give flip-effekten. Så lad os indstille dette til 1 sekund og 0,25 sekunders forsinkelse.
    
    
11. Marker afkrydsningsfeltet for Pauset, når du er færdig.
    
    
12. Loop: Indstil denne indstilling til l tid.
    
    
13. Starter: Indstil dette til Når siden starter.
    
    
14. Klik på Opret.
    
    
15. Du skal se, at pgTurn-animationen er føjet til komponentlisten for denne side.
    
    

Nu er det et godt tidspunkt at teste projektet. Klik på knappen Publicer i Kwik-panelet. Test navigeringsknapperne, og animering af siden drejes.

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.

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 forum.

Video Instruktioner: Before You Scroll Down, WATCH THIS! One of The Most Eye Opening Videos (Kan 2024).