Sentieri del Trim

3 min read

I percorsi Trim consentono di animare quanto è visibile un ictus, creando effetti “disegnati” dove le linee sembrano essere disegnate in tempo reale. Questa è una delle tecniche più popolari nella grafica del movimento per rivelare testo, illustrazioni e diagrammi.

Path with partial trim visible
A percorso con trimEnd impostato a 0.5, mostrando solo la prima metĂ  del colpo

Come funziona

Ogni percorso ha tre proprietĂ  di assetto:

ProprietĂ  Ampiezza Descrizione
ripartizione 0 - 1 Dove inizia la porzione visibile (0 = inizio percorso)
trimestre 0 - 1 Dove termina la porzione visibile (1 = fine percorso)
trimOffset 0 - 1 Sposta la finestra visibile lungo il sentiero

Quando trimStart = 0 e trimEnd = 1, il percorso completo è visibile (default). Cambiare questi valori rivela o nasconde porzioni dell’ictus.

Effetto da disegno

L’uso più comune: un ictus che sembra disegnarsi.

  1. Creare un percorso o una forma con un colpo visibile
  2. Aggiungi animazione keyframe:
    • Al momento 0: trimEnd = 0 (niente visibile)
    • Al momento 2: trimEnd = 1 (completamente disegnato)
  3. Gioca la linea temporale per vedere il percorso si disegna

Questo funziona particolarmente bene con:

  • Testo curioso creato con il sistema Cursive Font
  • Illustrazioni a mano realizzate con lo strumento di disegno
  • Connettori per diagrammi per carrelli animati

Rivelazione parziale

Mostra solo una porzione di percorso:

  • Impostare trimStart = 0.2 e trimEnd = 0.8 per mostrare il 60% medio
  • Animare entrambi i valori per espandere o contrarre la sezione visibile
  • Le porzioni nascoste sono completamente invisibili (non solo trasparenti)

Finestra scorrevole

Creare un segmento che si muove lungo il percorso:

  1. Impostare una dimensione della finestra fissa: trimStart = 0, trimEnd = 0.3
  2. Animazione trimOffset da 0 a 1
  3. Il segmento visibile scorre lungo tutta la lunghezza del percorso

Questo crea effetti come:

  • Indicatori di carico
  • Scansione/tracciare animazioni
  • Effetti di pista o linea di progresso

Articoli compatibili

I percorsi Trim funzionano con:

Tipo di oggetto Note
Sentieri Linee, curve, disegni a mano libera
Sentieri composti Forme complesse con piĂą sottoperti
Gruppi Riguarda tutti i percorsi del gruppo
Gruppi mascherati Funziona con oggetti che hanno maschere applicate
  • Si’. Per i migliori effetti di estrazione con testo, utilizzare il sistema Cursive Font. Crea percorsi di testo a singolo ritmo ideali per l’animazione del percorso di trim.

Combinazione con altre funzionalitĂ 

  • Keyframe Editor - Animate le proprietĂ  di assetto nel tempo con l’asing personalizzato
  • Relazioni - Utilizzare driven_by per collegare i valori di assetto ad altre proprietĂ  dell’elemento
  • Espressioni di tempo - Utilizzare espressioni matematiche per creare modelli di trim complessi

Consigli

  1. Utilizzante per gli effetti di estrazione - dĂ  una decelerazione naturale alla fine
  2. Keep ictus visibili - I percorsi di trim influenzano solo i percorsi accarezzati, non riempiono
  3. Controlla la larghezza del tratto - I colpi di spessore sembrano migliori per le animazioni disegnate
  4. Stagger percorsi multipli - Utilizzare gli offset temporali per tracciare i percorsi in sequenza
  5. Anteprima a tutta velocitĂ  - Le animazioni Trim possono sentirsi diverse a velocitĂ  lenta e normale

Keyframe Editor | Font Studio | Animations