Căi de trim

3 min read

Trasee trim vă permit să animați cât de mult de un accident vascular cerebral este vizibil, creând efecte “desenate” în cazul în care liniile par a fi trase în timp real. Aceasta este una dintre cele mai populare tehnici în grafica de mișcare pentru a dezvălui text, ilustrații și diagrame.

Path with partial trim visible Traseu
A cu trimEnd setat la 0,5, arătând doar prima jumătate a AVC

Cum funcţionează

Fiecare cale are trei proprietăţi:

Proprietate Interval Descriere
trimStart 0 - 1 În cazul în care partea vizibilă începe (0 = începutul trasei)
trimend 0 - 1 În cazul în care partea vizibilă se termină (1 = capătul căii)
trimOffset 0 - 1 Schimbă fereastra vizibilă de-a lungul căii

Atunci când trimStart = 0 și trimEnd = 1, calea completă este vizibilă (default). Schimbarea acestor valori dezvăluie sau ascunde porţiuni din accidentul vascular cerebral.

Desenează efectul

Cea mai frecventă utilizare: un accident vascular cerebral care pare să se deseneze.

  1. Creează o cale sau formă cu un accident vascular cerebral vizibil
  2. Adaugă animație keyframe:
    • La momentul 0: trimEnd = 0 (nimic vizibil)
    • La ora 2: trimEnd = 1 (desenat complet)
  3. Joaca cronologie pentru a vedea calea trage în sine

Acest lucru funcționează în special bine cu:

  • Text blestemativ creat cu sistemul de font Cursive
  • Ilustrații trase de mână realizate cu instrumentul de desen
  • Conectori de diagramă pentru filtre animate

Dezvăluire parțială

Arată doar o parte dintr-o cale:

  • Setează trimStart = 0.2 și trimEnd = 0.8 pentru a arăta mijlocul 60%
  • Animează ambele valori pentru a extinde sau contracta secțiunea vizibilă
  • Porţiile ascunse sunt complet invizibile (nu doar transparente)

Fereastra alunecătoare

Creați un segment care se mișcă de-a lungul căii:

  1. Setează o dimensiune fixă a ferestrei: trimStart = 0, trimEnd = 0.3
  2. Animat trimOffset de la 0 la 1
  3. Segmentul vizibil alunecă de-a lungul întregii lungimi a traseului

Acest lucru creează efecte ca:

  • Indicatori de încărcare
  • Animații de scanare/tras
  • Efectele cursei sau ale liniei de progres

Elemente compatibile

Trasee trim lucrează cu:

Tip element Note
Căi Linii, curbe, desene de mână liberă
Căi compuse Forme complexe cu mai multe sub-cale
Grupuri Se aplică tuturor căilor din cadrul grupului
Grupuri mascate Funcționează cu elemente care au măști aplicate

Sfat: Pentru cele mai bune efecte de tragere cu text, utilizați sistemul Cursive Font. Acesta creează căi de text uni-stroke, care sunt ideale pentru animație trase tapițerie.

Combinarea cu alte caracteristici

  • Keyframe Editor - Proprietăţi animate de-a lungul timpului cu uşurinţă personalizată
  • Relații - Utilizați driven_by pentru a lega valorile trim la alte proprietăți ale articolului
  • Time Expressions - Utilizați expresiile matematice pentru a crea modele trim complexe

Sfaturi

  1. Foloseste usurinta pentru efecte de tragere - iti da o decelerare naturala la sfarsit
  2. Păstrați accidente vasculare cerebrale vizibile - Trasee trim afectează doar căi accident vascular cerebral, nu umple
  3. Check accident vascular cerebral latime - accident vascular cerebral mai gros arata mai bine pentru desene animate
  4. Stagger mai multe căi - Utilizați timp offsets pentru a desena căi în ordine
  5. Previzualizare la viteza maxima - Animații Trim pot simți diferit la viteza lenta vs. normală

Related: Keyframe Editor