KeySoul - Guida e Tutorial sull'Animazione Grafica | Looping Background With Toon Boom Studio

Looping Background

Tutorial Toon Boom Studio - Impariamo a creare uno sfondo ciclico.

In alcune situazioni vi potrebbe capitare di dover ripetere uno sfondo, soprattutto in circostanze in cui si ha a che fare con un personaggio, o oggetto in movimento, la cui persistenza visiva sia prolungata per diversi secondi successivi.
Lo sfondo cosi' animato sarà in loop, il che significa che continuerà ciclicamente all'infinito, permettendoci di non dover disegnare un unico sfondo di dimensioni maggiori.

Disegnamo lo sfondo

Ciò che andremo a rappresentare sarà un ragazzo che corre in spiaggia: iniziamo quindi a disegnare gli elementi che comporranno il nostro sfondo, nel nostro caso la sabbia, le palme e qualche noce di cocco. Ogni elemento sarà convertito in gruppo, questo ci permetterà di riutilizzare più volte i nostri oggetti nella scena. Selezionate una palma, fate click col tasto destro e scegliete la voce Group per creare un gruppo.
Per ottenere un loop, è necessario creare uno sfondo che abbia come larghezza il doppio del valore della vista della telecamera (Camera view).
Per ottenere tale scopo, selezionate e copiate l'intero disegno di sfondo, e poi incollatelo. Ora dovremo posizionarlo sul lato destro in modo che lo sfondo sia raddoppiato in larghezza.

Se vuoi essere più preciso durante questa operazione, puoi in alternativa creare un elemento di Annotazione dove riporterai, sotto forma di linee guida, la misura esatta della larghezza dello sfondo. Per far ciò crea sulla timeline un nuovo livello e nella voce Type seleziona Annotation e dai ok. Traccia due linette verticali in corrispondenza dei due bordi inferiori della vista Camera e tracciatene un altra in modo che le unisca entrambe (osserva le due frecce in figura). Fai copia e incolla, e posiziona le linee appena create sul lato destro.

Una volta posizionato lo sfondo, spostate le palme ed aggiungete qualche altro particolare, come una casetta o delle noci di cocco sparse sulla sabbia. Questo aiuterà a non rendere monotono e ripetitivo lo sfondo.
Ora dovrete nuovamente selezionare e copiare l'intero sfondo e incollatelo sul lato destro, come riportato nella figura sottostante.

Durante questa operazione potrebbe capitare che le due porzioni di sfondo non siano allineate correttamente. Utilizzando lo strumento Countour Editor per regolare le maniglie delle linee in modo che si uniscano senza soluzione di continuità.

looping background In alternativa potrete utilizzare per questa operazione lo strumento Scissor: selezionate le parti dello sfondo in eccesso e cancellatele, in questo modo ripulirete in un attimo i bordi laterali in eccesso.

Animate the Background

Una volta completato lo sfondo, dovrete aggiungere un elemento parent peg (guarda in figura) presente sulla timeline. Automaticamente l'elemento Parent peg avrà creato una gerarchia fra i due livelli. Utilizzate lo strumento Mothion Path per centrare l'immagine sullo stage. Fatto ciò create un secondo fotogramma, subito dopo il primo, e utilizzate la funzione Onion skin (impostato per mostrare un disegno precedente) per allineare la seconda parte dello sfondo con il primo.

Ora dovrai aumentare l'esposizione delle celle fino al fotogramma 30. Il movimento così creato presenta alcuni problemi, infatti se riproduciamo l'animazione in loop vedremo nel tratto finale un taglio netto, come se per un istante il loop si bloccasse.

Per evitare questo problema il secondo fotogramma chiave non deve essere esattamente come il primo, ma leggermente in anticipo. Effettuate questa modifica utilizzando sempre lo strumento Mothion Path fino a quando l'anteprima dell'animazione cicla ripetutamente senza nessun blocco.