Paden ophalen

3 min read

Met trimpaden kun je animeren hoeveel van een slag zichtbaar is, waardoor “draw-on” effecten ontstaan waarbij lijnen in real time getekend lijken te worden. Dit is een van de meest populaire technieken in beweging graphics voor het onthullen van tekst, illustraties en diagrammen.

Path with partial trim visible
A pad met trimEnd ingesteld op 0,5, met alleen de eerste helft van de stroke

Hoe het werkt

Elk pad heeft drie trimeigenschappen:

Eigenschap Bereik Omschrijving
trimStart 0 - 1 Waar het zichtbare gedeelte begint (0 = pad start)
trimEnd 0 - 1 Waar het zichtbare gedeelte eindigt (1 = padeinde)
trimVerschuiving 0 - 1 Verschuift het zichtbare venster langs het pad

Wanneer trimStart = 0 en trimEnd = 1 is het volledige pad zichtbaar (standaard). Het veranderen van deze waarden onthult of verbergt delen van de beroerte.

Draw-on effect

Het meest voorkomende gebruik: een slag die zichzelf lijkt te tekenen.

  1. Een pad of vorm aanmaken met een zichtbare lijn
  2. Keyframe-animatie toevoegen:
    • Op tijd 0: trimEnd = 0 (niets zichtbaar)
    • Op tijd 2: trimEnd = 1 (volledig getekend)
  3. Speel de tijdlijn af om het pad zelf te zien tekenen

Dit werkt vooral goed bij:

  • Cursieve tekst gemaakt met het Cursieve Lettertype systeem
  • Handtekeningen gemaakt met het tekengereedschap
  • Diagramconnectoren voor geanimeerde stroomschema’s

Gedeeltelijke bekendmaking

Alleen een deel van een pad tonen:

  • Stel trimStart = 0.2 en trimEnd = 0.8 in om de middelste 60% te tonen
  • Beide waarden animeren om het zichtbare gedeelte uit te breiden of te contracteren
  • De verborgen delen zijn volledig onzichtbaar (niet alleen transparant)

Schuifvenster

Maak een segment dat langs het pad beweegt:

  1. Stel een vaste venstergrootte in: trimStart = 0, trimEnd = 0.3
  2. trimOffset animeren van 0 tot 1
  3. Het zichtbare segment glijdt over de gehele padlengte

Dit creëert effecten zoals:

  • Laden van indicatoren
  • Scannen/traceren van animaties
  • Race track of voortgang lijn effecten

Compatibele items

Trimpaden werken met:

Itemtype Opmerkingen
Paden Lijnen, bochten, vrije tekeningen
Samengestelde paden Complexe vormen met meerdere subpaden
Groepen Geldt voor alle paden binnen de groep
Gemaskerde groepen Werkt met items die maskers toegepast

Tip: Voor de beste draw-on effecten met tekst, gebruik het Cursive Font systeem. Het creëert single-stroke tekst paden die ideaal zijn voor trim pad animatie.

Combineren met andere functies

  • Keyframe Editor - Animate trim eigenschappen na verloop van tijd met aangepaste versoepeling
  • Relaties - Gebruik driven_by om trimwaarden te koppelen aan andere item eigenschappen
  • Time Expressions - Gebruik wiskunde expressies om complexe trim patronen te creĂ«ren

Tips

  1. Gebruik gemakOut voor trekeffecten - het geeft een natuurlijke vertraging aan het einde
  2. Houd de lijnen zichtbaar - de trimpaden zijn alleen van invloed op de gestreepte paden, niet opvult
  3. Check slagbreedte* - dikkere slagen zien er beter uit voor draw-on animaties
  4. Stagger meerdere paden - Gebruik tijdverschuivingen om paden in volgorde te tekenen
  5. Preview op volle snelheid - Trim animaties kunnen zich anders voelen bij trage vs. normale snelheid

Related: Keyframe Editor