Animazione della lavagna - The Mask Reveal
Continueremo a lavorare sulla prima scena dell'animazione della lavagna Mygrafico, che verrà utilizzata come video di branding per l'azienda sul loro canale YouTube. Nell'ultimo movimentoR tutorial, abbiamo disegnato il tracciato del movimento di Bezier che guiderà il braccio quando disegna la linea sullo schermo. Ora useremo lo stesso percorso di Bezier per creare la maschera che rivelerà la linea grafica mentre il braccio si anima.

Dupliceremo il percorso di Bezier che abbiamo tracciato in precedenza e trasformeremo il duplicato in una maschera sopra la linea. Poiché il tracciato ha lo stesso colore dello sfondo, nasconde la linea grafica sottostante fino a quando non animiamo la maschera per rivelare la linea grafica.

  1. Fai clic con il pulsante destro del mouse sul livello Bezier_Lineart che abbiamo disegnato in precedenza (ora sotto il livello Motion Path) e scegli Duplica. Trascina Bezier_Lineart copia strato nel gruppo Lineart e posizionarlo sopra il livello grafico Lineart. Disattiva la visibilità di originale Bezier_Lineart layer layer.

  2. Parte del Lineart sarà probabilmente visibile da sotto il Bezier_Lineart copia strato. Allarghiamo la larghezza del percorso da 10 a 30 (Ispettore - Forma - Stile - Contorno). Se riesci ancora a vedere il Lineart sotto, aumenta la larghezza fino a quando non puoi.

  3. Nel riquadro Livelli, fare clic con il pulsante destro del mouse sul livello grafico Lineart e selezionare Aggiungi maschera immagine. Trascina Bezier_Lineart copia strato nel nuovo livello Maschera immagine.

  4. La visibilità di Bezier_Lineart copia il layer ora dovrebbe essere disattivato. Spostare la testina di riproduzione sul primo fotogramma della linea temporale.

    Useremo due fotogrammi chiave e la proprietà Offset ultimo punto di Bezier_Lineart copia livello per animare la maschera immagine per rivelare la linea grafica.

  5. Con Bezier_Lineart copia livello ancora selezionato, vai su Impostazioni - Forma - Stile - Contorno e sposta il cursore Scostamento ultimo punto su zero.

  6. Fare clic sull'icona Aggiungi fotogramma chiave a destra del cursore Scostamento ultimo punto per aggiungere un fotogramma chiave al primo fotogramma della linea temporale.

  7. Spostare la testina di riproduzione alla fine del tracciato animato, che è stato impostato su 2 secondi nella linea temporale (al segno 02:00). Torna alla sezione Struttura e sposta il dispositivo di scorrimento al 100%. Ciò dovrebbe aggiungere un secondo fotogramma chiave nella posizione di 2 secondi sulla linea temporale.

  8. Nella linea temporale, trascinare il bordo destro del livello Maschera immagine sul segno 02:00 sulla linea temporale.

Prova l'animazione. Salva il tuo lavoro.

//www.mygrafico.com/


Istruzioni Video: Little Nightmares | All Characters Face Revealed + Model Animation (Potrebbe 2024).