Lavagna Video Scribe Animation - Finish

• Aprile 26, 2024

In questa mozione^R tutorial, finiremo l'animazione della lavagna. Abbiamo già animato la simulazione del disegno per il logo. Ora creeremo una simulazione di scrittura per il nome dell'azienda.

Il metodo che stiamo per utilizzare creerà una buona simulazione della mano che scrive il nome della società sullo schermo, perché la matita traccia sopra ogni singola lettera nel testo. Questo è ottimo per un video di lavagna personalizzato per un client. Ma se stai creando un modello che consentirà di sostituire il testo segnaposto con un altro testo, vorrai utilizzare lo stesso tipo di simulazione che abbiamo usato per disegnare il logo.

Ad esempio, il percorso di Bezier verrà zig zag sul testo segnaposto anziché tracciare le singole lettere. Sebbene la simulazione non sia realistica come la simulazione della scrittura che impareremo a creare qui, è abbastanza flessibile per un modello.

Ma supponiamo che questo sia un video di lavagna personalizzato per un cliente e creeremo una simulazione di scrittura realistica.

Useremo lo strumento Testo in Motion per aggiungere il nome dell'azienda al progetto. Vogliamo che questa animazione inizi alcuni fotogrammi dopo la fine della prima animazione, che è sul segno delle 02:00 nella linea temporale. Quindi, iniziamo questa animazione con il segno 02:10 e durerà due secondi.

1. Con l'indicatore di riproduzione sul segno 02:10, aggiungi un nuovo gruppo al riquadro Livelli sopra il gruppo BG e chiamalo "Testo". Fare clic sullo schermo con lo strumento Testo nella posizione in cui si desidera iniziare ad aggiungere testo. Modella il testo secondo necessità per il tuo cliente.
   
   Ora cominciamo. Quando crei il percorso di Bezier, aggiungi punti di ancoraggio su ogni lettera come se stessi scrivendo il testo sullo schermo.
   
   
2. Seleziona il livello grafico Mano e lo strumento Bezier. Posiziona il primo punto di ancoraggio sopra la punta della matita. Passa quindi al testo e inizia ad aggiungere punti di ancoraggio al testo. Poiché questa è la parte finale della lavagna del video, aggiungi l'ultimo punto di ancoraggio appena sotto l'ultima lettera sullo schermo.
   
   
3. Selezionare lo strumento Seleziona / Trasforma per completare il percorso e rinominare il nuovo livello del percorso Bezier in "Bezier_Text". Trascina il livello Bezier_Text sotto il livello Bezier_Logo nel gruppo Mano.
   
   Ora aggiungeremo un altro comportamento del tracciato animato al livello grafico Mano.
   
   
4. Seleziona il livello grafico Mano e aggiungi un comportamento Percorso di movimento. Denominalo Motion Path 2.
   
   
5. Con il livello comportamentale Motion Path 2 selezionato, vai su Impostazioni e imposta la Forma del tracciato su Geometria. Deseleziona l'opzione Collega a forma e trascina il livello Bezier_Text nel pozzo Sorgente forma.
   
   
6. Spostare l'indicatore di riproduzione sul segno 02:10 sulla linea temporale. Trascina il bordo sinistro della traccia Motion Path 2 dall'inizio della linea temporale sul segno 02:10. Trascina il bordo destro della traccia sul segno 04:10. Ripetere l'operazione per la traccia Bezier_Text.
   
   Ora creeremo la maschera.
   
   
7. Crea un duplicato del livello Bezier_Text e trascina questo livello copia Bezier_Text nel gruppo Testo e posizionalo sopra il livello Testo. Disattiva la visibilità del livello originale Bezier_Text.
   
   
8. Con il livello di copia di Bezier_Text ancora selezionato, aumenta la Larghezza del percorso fino a quando il testo non viene nascosto sotto la maschera.
   
   
9. Aggiungi una maschera immagine al livello Testo e trascina il livello copia Bezier_Text nel nuovo livello maschera immagine.
   
   
10. Sulla linea temporale, trascinare il bordo destro della traccia Maschera immagine sul segno 04:10.
    
    Ora aggiungeremo i fotogrammi chiave per animare la maschera.
    
    
11. Posiziona la testina di riproduzione sul segno 02:10 e seleziona il livello di copia di Bezier_Text. Vai su Impostazioni (Impostazioni - Forma - Stile - Contorno) e imposta il cursore Scostamento ultimo punto su zero. Aggiungi un fotogramma chiave.
    
    
12. Spostare l'indicatore di riproduzione sul segno 04:10 e riportare il cursore Scostamento ultimo punto su 100.
    
    Prova l'animazione. Il nostro ultimo compito è rimuovere la grafica della mano dallo schermo.
    
    
13. Con la testina di riproduzione ancora alle 04:10, seleziona il livello grafico Mano. In Impostazioni (Impostazioni - Proprietà - Fusione), aggiungi un fotogramma chiave facendo clic sull'icona a destra del cursore Opacità. Spostare la testina di riproduzione su 04:20 e ridurre l'opacità a zero.
    

← Indietro

Esempio di tutorial:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie e Mac sono marchi di Apple Inc., registrati negli Stati Uniti e in altri Paesi.
CoffeBreakBlog è una pubblicazione indipendente e non è stata autorizzata, sponsorizzata o altrimenti approvata da Apple Inc. Schermate utilizzate su autorizzazione.
Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.

Istruzioni Video: Whiteboard Animation VideoScribe Complete Tutorial | एनीमेशन बनाना सीखें (Aprile 2024).