Whiteboard Video Scribe Animation - Bezier Path

• Potrebbe 4, 2024

In questo tutorial, continueremo a creare un semplice video sulla lavagna in Motion^R. Il prossimo passo è disegnare il percorso di Bezier che è la base dell'animazione.

Disegnerai un percorso di Bezier che controllerà il movimento della mano. Un duplicato di questo percorso di Bezier verrà utilizzato per creare la maschera che nasconderà il grafico che viene disegnato sullo schermo e lo rivelerà al passaggio del braccio. Poiché la maschera viene creata da un duplicato del percorso di Bezier che la mano seguirà, il risultato è una simulazione del disegno della mano sullo schermo.

Prima di disegnare il tracciato di Bezier, dobbiamo regolare il punto di ancoraggio del grafico Mano. Per impostazione predefinita, Motion posiziona il punto di ancoraggio al centro del grafico. Ma questo punto di ancoraggio sarà ciò che segue il percorso. Non vogliamo che il centro del braccio si attiri sullo schermo. Vogliamo che la punta della matita sia disegnata sullo schermo. Risolviamo questo.

1. Seleziona il grafico Mano, quindi seleziona lo strumento Punto di ancoraggio. Utilizzare le frecce rosse e blu per posizionare il punto di ancoraggio sulla punta della matita.
   
   Ora arriviamo a quella buona parte.
   
   
2. Seleziona il livello grafico Mano, quindi seleziona lo strumento Bezier. Posiziona il primo punto di Bezier sulla punta della matita. Quindi, passa al logo e disegna un percorso a zig zag sul logo. Infine, torna alla mano e aggiungi l'ultimo punto. Non chiudere il percorso.
   
   
3. Per dire a Motion che hai finito di disegnare il percorso di Bezier, seleziona lo strumento Seleziona / Trasforma. Otterrai un nuovo livello di Bezier nel riquadro Livelli. Trascina questo nuovo livello sotto il livello Mano e rinominalo "Bezier_Logo" perché questo è il percorso di Bezier per disegnare l'immagine del logo.
   
   Ora che abbiamo il percorso di Bezier, possiamo aggiungere il comportamento del tracciato animato all'immagine della mano. Questo comportamento è ciò che farà animare la mano. Ma vogliamo che la mano segua il percorso di Bezier_Logo. Quindi diremo a Motion di usare il percorso Bezier_Logo per questo comportamento di Motion Path.
   
   
4. Per aggiungere il comportamento al grafico Mano, selezionare il livello Grafico Mano nel riquadro Livelli. Dal menu Comportamenti in basso a destra, scegli Motion Path. Vedrai un nuovo livello Motion Path aggiunto sotto il livello Mano.
   
   
5. Seleziona il livello Motion Path e vai su Inspector (Inspector - Behaviors - Motion Path). Impostare il menu Forma tracciato su Geometria. Deseleziona l'opzione Allega alla forma. Torna al livello Bezier_Logo nel riquadro Livelli e fai clic / trascina nel riquadro Sorgente forma. Quando vedi la piccola freccia, rilascia il mouse.
   
   Con Playhead ancora sul primo fotogramma, prova l'animazione. Se la matita non segue direttamente il percorso, apportare le modifiche al punto di ancoraggio sulla punta della matita, se necessario.
   
   La mano sembra disegnare un po 'troppo lentamente per l'animazione della lavagna? Bene, possiamo accelerarlo accorciando le tracce Motion Path e Bezier_Logo nella linea temporale.
   
   
6. Vai alla linea temporale e trova la traccia Motion Path di colore viola. Trascina il bordo destro sulla traccia del percorso verso sinistra finché non si trova nella posizione di due secondi sulla linea temporale (02:00). Ripeti l'operazione per la traccia Bezier_Logo.
   
   

OK, è tempo di una pausa caffè. Nel prossimo tutorial, creeremo la maschera che rivela il logo.

← Indietro | Successivo →

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: How to Create Videoscribe Effect in PowerPoint : Practical Animation Series (Potrebbe 2024).