Come animare l’opacità di un’ombra mascherata su una parte deformabile di un personaggio

Prima di aggiungere l’animazione, individua tre elementi: l’artwork di base, un livello separato per l’ombra e la deformazione che muove la parte. In un esempio, chiamali PartBase, PartShadow e PartWarp. Sono nomi suggeriti per organizzare gli elementi, non oggetti integrati.

Seleziona l’ArtMesh dell’ombra e controlla i campi Deformer, Clipping ID, Draw Order e Opacity. Cubism li espone come proprietà separate, quindi puoi verificare singolarmente l’aggancio, la maschera, la sovrapposizione e la trasparenza. Posiziona l’ombra sopra l’artwork di base nell’ordine di disegno e impostane temporaneamente l’opacità a un valore sufficiente per ispezionarla con chiarezza. Live2D: tavolozza Inspector

Decidi cosa deve rappresentare l’opacità prima di eseguire il rigging. Se l’ombra deve sempre scurirsi in corrispondenza di una particolare piega, può essere opportuno collegarla a quel movimento. Se invece devi attenuarla mantenendo la stessa posa, usa un parametro indipendente per l’ombra. I passaggi seguenti usano questo controllo indipendente.

Inserisci PartBase e PartShadow sotto il deformatore warp che fornisce loro il movimento condiviso. I deformatori warp di Cubism possono deformare insieme più oggetti figlio, caratteristica utile per mantenere un livello sovrapposto agganciato all’artwork sottostante. Crea o ridimensiona il deformatore in modo che comprenda l’artwork durante tutti i movimenti previsti. Live2D: deformatore Warp

Verifica la deformazione mantenendo costante l’opacità dell’ombra. Passa da una posa estrema all’altra e controlla quella intermedia. Osserva gli elementi riconoscibili: il bordo curvo dell’ombra resta accanto allo stesso contorno? L’estremità più sottile rimane agganciata alla stessa area?

Un genitore condiviso gestisce la deformazione applicata da quel genitore. Questo non garantisce che anche le modifiche separate ai vertici dell’ArtMesh di base siano state replicate sull’ombra. Se il livello si sposta, controlla come viene effettivamente modellato ciascun oggetto. Come scelta di rigging, quando è pratico sposta il movimento condiviso nel deformatore comune, oppure modifica le forme dell’ombra affinché seguano la base.

Seleziona PartBase e copia il suo ArtMesh ID. Seleziona PartShadow e incolla quell’ID nel campo Clipping ID dell’ombra. In questo modo, l’ArtMesh di base diventa la sorgente di ritaglio e l’ombra l’artwork ritagliato. Per un’ombra normale contenuta nella parte, lascia disattivata l’opzione Reverse mask. Live2D: maschera di ritaglio, Live2D: tavolozza Inspector

Esegui questa verifica pratica del contorno: fai estendere leggermente l’artwork dell’ombra oltre il contorno di base, quindi scorri la deformazione. Il risultato ritagliato dovrebbe rimanere entro il contorno previsto. In questo modo puoi distinguere un problema di mascheratura da un livello che semplicemente termina troppo presto.

Il ritaglio e la deformazione risolvono problemi diversi. Un contorno corretto può nascondere l’artwork in eccesso, mentre la forma interna dell’ombra continua a spostarsi. Prima di procedere, controlla sia il contorno esterno sia la posizione dell’ombra al suo interno.

Crea un parametro normale chiamato ShadowOpacity, con valore minimo 0, predefinito 0 e massimo 1. Questo intervallo è una scelta di progettazione a scopo illustrativo. I parametri di Cubism hanno valori minimo, predefinito e massimo configurabili, e le forme registrate interpolano tra i fotogrammi chiave. Live2D: informazioni sui parametri

Per un ArtMesh dell’ombra senza forme chiave della posa preesistenti, segui questa procedura:

1. Seleziona PartShadow.
2. Seleziona ShadowOpacity nella tavolozza Parameter.
3. Usa Add 2 Keyforms e conferma i valori chiave 0 e 1.
4. Con il valore del parametro impostato su 0, imposta l’opacità dell’ombra su 0% in Inspector.
5. Con il valore del parametro impostato su 1, imposta l’opacità su un massimo illustrativo del 40%.
6. Scorri tra i valori chiave e verifica che cambi solo l’ombreggiatura prevista.

La procedura documentata di Cubism per le forme chiave inizia selezionando l’oggetto, selezionando il relativo parametro e aggiungendo due o tre forme chiave. In questo caso, la proprietà modificata è l’opacità dell’ArtMesh selezionato. Quando esegui queste modifiche, lascia deselezionato l’artwork di base. Live2D: aggiungere o eliminare chiavi dai parametri, Live2D: tavolozza Inspector

Se l’ombra presenta già diverse forme chiave della posa, valuta l’aggiunta di un deformatore dedicato sopra la sola ombra, a cui assegnare il parametro di opacità. Questa gerarchia suggerita mantiene il controllo della sfumatura separato dalle modifiche esistenti alla forma dell’ombra. I deformatori di Cubism supportano le regolazioni dell’opacità oltre alla deformazione. Live2D: deformatore Warp

Salva il modello, caricalo in una scena Animation ed espandi il gruppo Live2D Parameters della traccia del modello. Inserisci un valore per ShadowOpacity in ogni fotogramma desiderato. Cubism crea chiavi nella timeline quando modifichi i valori dei parametri e la riproduzione interpola tra queste chiavi. Live2D: 6. Creazione delle animazioni

Per una prova illustrativa a 30 fps, usa i valori seguenti. Rappresentano una dissolvenza in entrata, una breve pausa e una dissolvenza in uscita; non sono durate prescritte.

Fotogramma	Valore di ShadowOpacity	Risultato previsto
0	0	Ombra assente
12	1	L’ombra raggiunge il massimo impostato
24	1	L’ombra rimane al massimo
36	0	L’ombra scompare gradualmente

Anima la deformazione della parte nello stesso intervallo. Quindi ripeti la dissolvenza mantenendo la parte nella posa di massima compressione. Provare separatamente questi due elementi aiuta a capire se una variazione indesiderata dipende dalla forma o dalla dissolvenza.

Apri il Graph Editor per esaminare la transizione del parametro e regolarne i tempi. Verifica inoltre che la traccia del modello e l’area di lavoro di riproduzione coprano tutta la prova; il tutorial sulle animazioni di Cubism spiega che una traccia più breve può far scomparire l’intero modello prima della fine della scena. Live2D: 6. Creazione delle animazioni

Prima di aggiungere altre chiavi, segui questo ordine diagnostico. È una sequenza pratica basata sui controlli distinti descritti sopra.

Sintomo	Primo controllo	Azione successiva
Scompare anche l’artwork di base	Oggetto selezionato e figli del controller dell’opacità	Limita il controller all’ombra
L’ombra si sposta mentre la parte si piega	Deformazione condivisa e modifiche separate alla mesh	Correggi il movimento prima di cambiare l’opacità
L’intensità dell’ombra cambia tra le chiavi della posa	Opacità memorizzata nelle forme chiave esistenti	Controlla che non vi siano valori involontari in queste forme
L’ombra fuoriesce dalla parte	Clipping ID e disponibilità della maschera	Ripristina la sorgente di ritaglio prevista

Se le forme chiave esistenti contengono valori di opacità incoerenti, la funzione Multiple Keys Editing di Cubism può applicare in blocco la modifica dell’opacità a un intervallo selezionato. Seleziona solo le forme che devono condividere lo stesso valore, attiva Opacity e controlla gli oggetti interessati prima di applicare la modifica. Mantieni le differenze intenzionali ed evita di sovrascrivere indistintamente tutte le forme. Live2D: funzione Multiple Keys Editing

Se appare un alone pallido, controlla il bordo traslucido della maschera. Live2D documenta una soluzione che usa una maschera duplicata ingrandita, con opacità visualizzata allo 0%, trasformata insieme all’originale. Se il ritaglio viene inaspettatamente rimosso, controlla anche l’assenza di forme chiave agli estremi e le sorgenti della maschera nascoste. Verifica l’aspetto esportato nel renderer previsto, perché il comportamento delle maschere può variare a seconda dell’implementazione. Live2D: maschera di ritaglio

In Spine, anima il canale alpha dello slot dell’ombra tramite la proprietà Color. Il colore dello slot controlla l’opacità dell’attachment e può essere animato con chiavi; il colore separato dell’attachment non può essere animato con chiavi. Mantieni l’ombra nel proprio slot, in modo che la dissolvenza interessi il livello previsto. Guida utente di Spine: slot

Per il contorno, crea un attachment di clipping attorno alla parte. Disponi l’ombra entro l’intervallo di clipping e imposta esplicitamente lo slot End: il ritaglio si applica fino a quello slot, incluso. Il poligono di clipping può seguire le ossa tramite i pesi e le posizioni dei vertici possono anche essere animate. Questo contorno deve seguire la deformazione indipendentemente dall’animazione alpha dell’ombra. Guida utente di Spine: attachment di clipping

Se l’ombra deve rimanere assente dopo la dissolvenza, Spine consiglia di nascondere il suo attachment con una chiave attachment dello slot dopo aver raggiunto la trasparenza. Il solo valore alpha a zero può comunque comportare lavoro di disegno. Per far riapparire l’ombra con una dissolvenza, ripristina l’attachment prima che inizi la dissolvenza visibile. Guida utente di Spine: slot

Concludi provando l’ombra con opacità zero, parziale e massima nella posa neutra, a entrambi gli estremi della deformazione e nelle pose intermedie. Una configurazione funzionante consente di cambiare l’intensità dell’ombra mantenendone la posizione e il contorno durante tutto il movimento.

• Tavolozza Inspector — Manuali e tutorial di Live2D
• Deformatore Warp — Manuali e tutorial di Live2D
• Maschera di ritaglio — Manuali e tutorial di Live2D
• Informazioni sui parametri — Manuali e tutorial di Live2D
• Aggiungere o eliminare chiavi dai parametri — Manuali e tutorial di Live2D
• 6. Creazione delle animazioni — Manuali e tutorial di Live2D
• Funzione Multiple Keys Editing — Manuali e tutorial di Live2D
• Slot — Guida utente di Spine
• Attachment di clipping — Guida utente di Spine