Animationer

3 min read

Bring dine designs til live med bygge-i animationer.

Animationstyper

PinePaper indeholder 8 animationspresets:

Animation Varebeskrivelse Best for
Pulse Let skalering ind og ud Hovedlinjer, vægt
Rotér Kontinuerlig 360 ° rotation Ikoner, logoer
Bounce Bouncing op og ned Legesygt indhold
Fade Fade ind og ud Subtle vægt
Wobble Side- to- side wobble Hør efter
Slide Vandret glidning Indgangsvirkninger
Rejs dig Lodret bevægelse Indgangsvirkninger
Skrivemaskine Letter- by- brev afslører Tekst afslører

Anvendelse af animationer

Metode 1: Egenskaber Panel

  1. Vælg et element med valgværktøjet (V)
  2. I egenskabspanelet, find * * Animation * *
  3. Vælg en animation fra dropdown
  4. Justér * * Hastighed * * hvis ønsket
Animation dropdown
Vælg en animationstype fra dropdown

Metode 2: Højre-Klik Menu

  1. Højre-klik på et element
  2. Vælg * * Animér * * → Vælg animationstype

Animeringsindstillinger

Hastighed

Styr hvor hurtigt animationen spiller:

      • 0, 5 * * - Halv hastighed (langsommere)
      • 1.0 * * - Normal hastighed
      • 2.0 * * - Dobbelt hastighed (hurtigere)

Fjerner animering

  1. Vælg det animerede element
  2. Sæt Animation til * * Ingen * * i Egenskabspanelet

Forhåndsvisning af animationer

  • Tryk på Space for at spille / pause alle animationer
  • Animationer spiller automatisk i lærredet

Eksportkompatibilitet

Animation MP4 GIF SVG
Pulse ✅ ✅ ✅
Rotér ✅ ✅ ✅
Bounce ✅ ✅ ✅
Fade ✅ ✅ ✅
Wobble ✅ ✅ ✅
Slide ✅ ✅ ✅
Rejs dig ✅ ✅ ✅
Skrivemaskine ✅ ✅ Bevis begrænset
    • SVG Begrænsninger: * * Skrivemaskine animation har begrænset støtte i animeret SVG. For fuld kompatibilitet, eksportere som MP4 eller GIF.

Avanceret: Keyframe Animations

For komplekse animationer med præcis kontrol, bruge [Keyframe Editor] (/features/keyframes).

Tips

Animeringstips:

  • Brug subtile animationer (puls, fade) til professionelt indhold
  • Match animation hastighed til din video varighed
  • Må ikke over- animere - en eller to animerede elementer er ofte nok