Animationer

2 min read

Ta med dina mönster till liv med inbyggda animationer.

Animationstyper

PinePaper innehåller 8 animationsförinställningar:

Animation Beskrivning Bäst för
Puls Gentle skalning in och ut Rubriker, betoning
Rotate Kontinuerlig 360° rotation Ikoner, logos
Bounce Studsar upp och ner Spelbart innehåll
Fade Fade in och ut Subtil betoning
Wobble Side-to-side wobble Attention grabbing
Slide Horisontell glidning Inträdeseffekter
Rise Vertikal stigande rörelse Inträdeseffekter
Typewriter Letter-by-letter avslöjar Text avslöjar

Applicera animationer

Metod 1: Properties Panel

  1. Välj ett objekt med valverktyget (V)
  2. I fastighetspanelen, hitta Animation
  3. Välj en animation från nedgången
  4. Justera Speed om så önskas
Animation dropdown
Select en animationstyp från dropdown

Metod 2: Högerklicksmeny

  1. Högerklicka på ett objekt
  2. Välj Animate * Välj animationstyp

Animationsinställningar

Hastighet

Kontrollera hur snabbt animationen spelar:

  • *0.5 – Halvfart (slower)
  • *1.0 - Normal hastighet
  • *2.0 - Dubbel hastighet (faster)

Ta bort animation

  1. Välj det animerade objektet
  2. Animation till Ingen i fastighetspanelen

Förhandsgranska animationer

  • Tryck på Space för att spela/pausa alla animationer
  • Animationer spelar automatiskt i duken

Exportkompatibilitet

Animation MP4 GIF SVG
Puls ✅ ✅ ✅
Rotate ✅ ✅ ✅
Bounce ✅ ✅ ✅
Fade ✅ ✅ ✅
Wobble ✅ ✅ ✅
Slide ✅ ✅ ✅
Rise ✅ ✅ ✅
Typewriter ✅ ✅ Limited

**SVG Limitationer:***********************************************SVG Limitationer: Typewriter animation har begränsat stöd i animerad SVG. För fullständig kompatibilitet, export som MP4 eller GIF.

Avancerad: Keyframe Animations

För komplexa animationer med exakt kontroll, använd [Keyframe Editor] (/features/keyframes).

Tips

Animationstips:

  • Använd subtila animationer (puls, blekning) för professionellt innehåll
  • Match animationshastighet till din video varaktighet
  • Överanimera inte - en eller två animerade element är ofta tillräckligt