Trim stier

3 min read

Trim baner lar deg animere hvor mye av et slag som er synlig, og skaper “drage-on” effekter der linjer ser ut til å være tegnet i sanntid. Dette er en av de mest populære teknikkene i bevegelsesgrafikk for å avsløre tekst, illustrasjoner og diagrammer.

Path with partial trim visible
A bane med trimEnd satt til 0,5, viser bare den første halvdelen av slaget

Hvordan det fungerer

Hver bane har tre trim egenskaper:

Eiendom Område Beskrivelse
trimStart 0 - 1 Når den synlige delen begynner (0 = banestart)
trimEnd 0 - 1 Når den synlige delen ender (1 = baneenden)
trimOffset 0 - 1 Flytter det synlige vinduet langs banen

Når trimStart = 0 og trimEnd = 1, er hele banen synlig (standard). Endring av disse verdiene avslører eller skjuler deler av slaget.

Tegneeffekt

Den vanligste bruken: et slag som ser ut til å tegne seg selv.

  1. Opprett en bane eller form med et synlig slag
  2. Legg til nøkkelrammeanimasjon:
    • På tide 0: trimEnd = 0 (ingen synlig)
    • Ved tiden 2: trimEnd = 1 (fullstendig tegnet)
  3. Spill tidslinjen for å se banen tegne seg selv

Dette fungerer spesielt bra med:

  • Kursiv tekst opprettet med Cursive Font System
  • Handtegnede illustrasjoner laget med tegneverktøyet
  • Diagramkontakter for animerte flowcharts

Delvis åpenbar

Vis bare en del av en bane:

  • Sett trimStart = 0.2 og trimEnd = 0.8 til å vise midten 60%
  • Animere begge verdiene for å utvide eller kontrakte den synlige delen
  • De skjulte delene er helt usynlige (ikke bare gjennomsiktige)

Skyvevindu

Opprett et segment som beveger seg langs banen:

  1. Sett en fast vindusstørrelse: trimStart = 0, trimEnd = 0.3
  2. Animer trimOffset fra 0 til 1
  3. Det synlige segmentet glider langs hele banelengden

Dette skaper effekter som:

  • Laster inn indikatorer
  • Skanne/tracing animasjoner
  • Racespor eller fremdriftslinjeeffekter

Kompatible elementer

Trimveier jobber med:

Varetype Noter
Stier Linjer, kurver, freehand tegninger
Forbindelsesstier Komplekse former med flere understier
Grupper Gjelder alle stier i gruppen
Maskerte grupper Arbeider med elementer som har masker påført

Tip: For de beste draw-on-effekter med tekst, bruk Cursive Font-systemet. Det skaper entakts tekststier som er ideelle for trim bane animasjon.

Kombinering med andre funksjoner

  • Keyframe Editor - Animer trim egenskaper over tid med tilpasset easing
  • Relasjoner - Bruk driven_by til å koble trimverdier til andre elementegenskaper
  • Tidsuttrykk - Bruk matematiske uttrykk for å skape komplekse trimmønstre

Tips

  1. Bruk easyOut for draw-on effekter - det gir en naturlig destillat i slutten
  2. Hold slag synlige - Trim stier påvirker bare slagveier, ikke fylles
  3. Sjekk slagbredde - Tykkere slag ser bedre ut for draw-on animasjoner
  4. Stagger flere stier - Bruk tidsforsinkelser for å tegne stier i rekkefølge
  5. Forhåndsvisning med full hastighet - Trim animasjoner kan føle seg annerledes ved langsom vs normal hastighet

Relatert: Keyframe Editor | Font Studio | Animasjoner