L'animazione del percorso è un modo efficace per dare vita alla grafica in movimento, ad esempio animando loghi, guidando le frecce lungo un percorso o facendo fluttuare naturalmente le icone sullo schermo.
In After Effects, puoi creare questi movimenti curvi e morbidi utilizzando lo strumento Penna, che ti consente di disegnare percorsi personalizzati e collegarvi oggetti.
In questa guida imparerai come animare lungo un percorso passo dopo passo, oltre a un editor alternativo che fornisce lo stesso risultato con meno passaggi. Cominciamo..
Parte 1. Prima di far sì che un oggetto segua un percorso in After Effects
Quando imposti un'animazione, devi comprendere il flusso di lavoro che fa sì che un oggetto segua un percorso in After Effects. Inizia determinando il tipo di contenuto che desideri creare. Quindi, pianifica il tuo percorso e l'oggetto che si muoverà lungo esso.
1. Lo strumento principale:strumento Penna
Lo strumento Penna è lo strumento principale per disegnare percorsi di movimento in After Effects. Puoi anche accedervi premendo G sulla tastiera. Lo strumento Penna ti consente di tracciare punti di ancoraggio che modellano il modo in cui l'oggetto si sposta quando After Effects si anima lungo un percorso.
Ogni punto definisce parte del percorso e capire come funziona ogni clic renderà il processo di animazione più fluido. Ecco le tre principali modalità di clic da conoscere:
- Clic singolo:aggiunge punti di ancoraggio diritti per percorsi lineari. Funziona bene quando desideri un movimento costante o meccanico, come un'auto che guida su una strada diritta.
- Clicca e trascina:crea punti di ancoraggio curvi per archi più morbidi. Il trascinamento regola le maniglie di direzione, offrendoti un maggiore controllo su come il percorso si piega tra i punti.
- Tieni premuto Opzione (o Alt su Windows):regola la maniglia della curva o trasforma la curva in un angolo appuntito. Questo ti aiuta a controllare come il percorso si piega o gira.
Mentre disegni, prova a visualizzare come il tuo oggetto si muove nello spazio. Una volta che il percorso sembrerà corretto, lo utilizzerai per fare in modo che After Effects sposti un oggetto lungo un percorso (questo verrà spiegato nella Parte 2).
After Effects dispone anche di un'opzione di orientamento automatico che puoi abilitare per far sì che l'oggetto sia rivolto nella direzione del movimento. Mantiene il movimento fluido e aiuta ogni svolta o curva a fluire in modo naturale lungo il percorso.
2. Prepara l'oggetto da animare
Prima di fare in modo che l'oggetto segua un percorso in After Effects, imposta l'oggetto che desideri spostare. Puoi animare qualsiasi elemento, come una freccia, un aereo, un'auto o un'icona di testo, purché si adatti alla scena.
Utilizza una grafica semplice che si adatti allo stile del tuo progetto. Per risultati nitidi, utilizza un file .PNG con uno sfondo trasparente in modo che si fonda perfettamente con il tuo filmato. Se non hai ancora l'icona giusta, puoi trovare online tantissime risorse gratuite e di alta qualità.
Ecco alcune fonti attendibili:
- Flaticon:ottimo per icone in stile piatto, simboli e illustrazioni semplici.
- Pixabay:offre molte foto, icone e PNG trasparenti adatti a vari temi.
- Freepik:ottimo per grafica vettoriale modificabile, icone e pacchetti di design che funzionano bene in After Effects.
Controlla sempre i termini di licenza di ciascun sito prima di utilizzare le risorse nel tuo video. Una volta che il tuo oggetto è pronto, passiamo alla Parte 2, dove lo sposterai lungo un percorso in After Effects.
Parte 2. Come animare un oggetto lungo un percorso in After Effects
Ora che hai preparato la tua icona o oggetto, animiamolo lungo un percorso in After Effects. In questa sezione imparerai come disegnare il percorso di movimento con lo strumento Penna. Inoltre, come controllare il modo in cui il tuo oggetto si sposta attraverso la scena.
Segui le istruzioni seguenti per far muovere un oggetto lungo un percorso in After Effects:
Passaggio 1
Disegna il percorso di movimento
Dopo aver inserito l'oggetto nella timeline, assicurati che non siano selezionati altri livelli. Ciò ti assicura di disegnare su un nuovo livello invece di modificarne uno esistente.
Seleziona lo strumento Penna (o la scorciatoia G) dalla barra degli strumenti. Imposta Riempi su Nessuno e Traccia su un colore solido. Regola la larghezza del tratto su circa 10-12 pixel in modo che sia facile da vedere.
Per disegnare il percorso:
- Fai clic sulla composizione per posizionare punti di ancoraggio e disegnare il tuo percorso.
- Fai clic una volta per creare punti diritti oppure fai clic e trascina per creare curve per curve più fluide.
Ripeti l'inserimento dei punti ogni volta che vuoi effettuare una svolta. Puoi regolare i punti di ancoraggio e le maniglie della curva in qualsiasi momento utilizzando lo strumento di selezione (V) per un movimento più pulito.
Seleziona il livello forma che contiene il tuo percorso.
Espandi le sue opzioni facendo clic sulla freccia accanto ad essa, quindi vai su Contenuti> Forma 1> Percorso 1. Fai clic su Percorso per evidenziarlo.
Premi Comando + C (o Ctrl + C su Windows) per copiarlo. Questo passaggio salverà i dati del percorso di movimento in modo da poterli applicare al tuo oggetto in un secondo momento.
Passaggio 3
Applica il percorso al tuo oggetto
Seleziona il livello dell'oggetto e premi P sulla tastiera per rivelare la proprietà Posizione. Fai clic sulla proprietà Posizione e incolla il percorso utilizzando Comando + V (o Ctrl + V su Windows).
Dopo aver incollato, vedrai apparire una linea nella tua composizione; questo è il percorso del movimento. Anche i fotogrammi chiave verranno visualizzati automaticamente nella timeline.
Premi la barra spaziatrice per riprodurre l'animazione e vedrai After Effects spostare l'oggetto lungo il percorso che hai disegnato.
Puoi nascondere o eliminare il livello forma prima poiché non ti servirà più.
Passaggio 4
Regola velocità e tempistica
La lunghezza dell'animazione dipende dalla distanza tra il primo e l'ultimo fotogramma chiave. Per modificare i tempi:
- Sposta l'ultimo fotogramma chiave più avanti lungo la sequenza temporale per rallentare il movimento.
- Avvicinalo per accelerare l'animazione.
Questo controllo ti consente di abbinare il movimento dell'oggetto con altri elementi del tuo progetto.
Per fare in modo che l'oggetto sia rivolto automaticamente nella direzione di marcia:
- Fai clic con il pulsante destro del mouse sul livello dell'oggetto e scegli Trasforma> Orientamento automatico.
- Nella finestra pop-up, seleziona Orienta lungo il percorso e fai clic su OK.
Questa impostazione mantiene l'oggetto rivolto nella direzione del viaggio mentre After Effects si anima lungo il percorso. Contribuirà a rendere il movimento più realistico, il che è perfetto per cose come aerei, automobili o frecce che dovrebbero puntare in avanti.
Una volta completati questi passaggi, hai fatto sì che l'animazione di un oggetto segua un percorso in After Effects. Puoi utilizzare la stessa tecnica per animare icone, testo o altri elementi di design per titoli, mappe o sequenze di grafica animata.
Bonus:editor alternativo per animare un oggetto lungo un percorso
Hai provato ad animare un oggetto lungo un percorso in After Effects ma hai riscontrato problemi? L’ecosistema Adobe è da tempo un punto di riferimento nel mondo del design. Ma per i principianti può sembrare complesso e difficile da imparare.
Ecco alcuni problemi comuni che le persone devono affrontare quando fanno sì che un oggetto segua un percorso in After Effects:
- I punti di ancoraggio finiscono nel posto sbagliato,
- Le maniglie di Bezier rendono le svolte difficili da controllare,
- L'orientamento automatico punta l'icona nella direzione sbagliata,
- L'oggetto gira su angoli acuti e
- Sono necessarie troppe regolazioni per una semplice animazione del percorso.
Se questi problemi ti sembrano familiari, prova un'opzione più semplice. Wondershare Filmora ora include uno strumento Penna nella versione 15. Ti consente di creare e animare percorsi animati come faresti quando animi un oggetto lungo un percorso in After Effects, ma con meno passaggi.
Download sicuro
Perché scegliere Filmora per l'animazione del percorso
Ecco come si confronta Filmora con il tipico flusso di lavoro di After Effects che segue il percorso dell'oggetto:
- Configurazione semplice:in After Effects, devi disegnare, copiare e incollare il percorso prima di collegarlo all'oggetto. In Filmora, puoi connettere l'oggetto direttamente dalle impostazioni del percorso nel pannello di modifica della forma.
- Oggetti preimpostati incorporati:Filmora include oggetti già pronti che si adattano alle animazioni del percorso, come aerei, automobili, scooter e indicatori di mappa.
- Facile da imparare:Filmora mantiene tutti i controlli, i tratti, gli effetti e le impostazioni del percorso di ritaglio in un unico pannello. Puoi vedere tutto mentre lavori invece di saltare da un menu all'altro.
- Modifica timeline organizzata:Filmora ha una timeline semplice in cui puoi disegnare, animare, aggiungere testo e applicare effetti in un unico posto. Non è necessario precomporre o aprire più pannelli come in After Effects.
- Direzione automatica del volto:attiva Segui percorso per far sì che il tuo oggetto sia rivolto nella direzione giusta mentre si muove. È sufficiente un clic anziché diversi passaggi di menu.
Come far muovere un oggetto lungo un percorso in Filmora
Segui i passaggi seguenti per imparare come utilizzare lo strumento Penna di Filmora per disegnare e animare un percorso come questo:
Passaggio 1
Avvia il progetto e aggiungi risorse
Crea un nuovo progetto in Filmora, importa il tuo video o immagine e trascinalo sulla timeline. Regolane la scala e la posizione in modo che la scena appaia chiara.
Download sicuro
Passaggio 2
Disegna il percorso con lo strumento Penna
Vai su Strumenti di disegno> Strumento Penna e disegna il tuo percorso direttamente nella finestra di anteprima.
Fai clic per aggiungere punti oppure fai clic e trascina per creare curve per svolte più fluide.
Quando finisci di delineare la linea, fai clic con il pulsante destro del mouse in un punto qualsiasi della finestra Anteprima e seleziona Interrompi per completare il disegno.
Passaggio 3
Regola lo stile del tratto
Quando disegni una forma con lo strumento Penna, il pannello Modifica forma viene visualizzato sulla destra. Scorri fino alla sezione Tratto per impostare il colore, lo spessore della linea (Spessore) e l'opacità. Puoi anche scegliere tra stili di tratto preimpostati per risparmiare tempo.
Passaggio 4
Aggiungi un effetto di ritaglio
Vai al pannello Percorso di taglio e imposta Segui percorso su Preimpostazione. Seleziona un oggetto dall'elenco delle preimpostazioni e fai clic su Collega per collegarlo al tuo percorso.
Passaggio 5
Anima con i fotogrammi chiave
Per animare la linea, seleziona la traccia Pen Path sulla timeline e vai alle impostazioni del Trim Path.
- Sposta la testina di riproduzione all'inizio della clip e imposta il valore Fine su 0%, quindi aggiungi un fotogramma chiave.
- Successivamente, sposta la testina di riproduzione alla fine della clip, modifica il valore Fine su 100% e aggiungi un altro fotogramma chiave.
- Riproduci il video per visualizzare l'anteprima del movimento.
Passaggio 6
Regola la direzione dell'oggetto
Se il tuo oggetto non è rivolto nella direzione giusta, fai clic su di esso nella finestra di anteprima e ruotalo finché non corrisponde al percorso.
Conclusione
Animare un oggetto per seguire un percorso in After Effects è un'abilità utile per creare movimenti fluidi nei tuoi progetti. Con lo strumento Penna puoi progettare percorsi, curve o forme e far spostare icone, frecce o testo esattamente dove vuoi.
Se il processo di animazione lungo il percorso di After Effects sembra troppo complesso, Filmora offre un approccio più semplice. Puoi ottenere risultati simili senza gestire più livelli o configurazioni dettagliate.
Prova prima Filmora e vedi se hai davvero bisogno del percorso di movimento di After Effects per la tua prossima animazione.
Filmora
App e software di editing video AI
Il miglior strumento per realizzare video ovunque per tutti i creatori!
Il tuo primo montaggio video perfetto inizia qui:non è necessaria alcuna esperienza