Avere un logo figo ormai non è sufficiente nell’attuale panorama, dove il successo online si basa sempre di più su reel, shorts e TikTok. Ormai i loghi devono poter essere manipolati in mille modi diversi, ad esempio rendendoli in 3D o animandoli in fase di motion. L’elemento chiave è riuscire a dare vita al tuo logo attraverso un’animazione accattivante, rendendo così la tua pagina dinamica e interessante. Questo è particolarmente cruciale perché gli algoritmi dei social, ormai, premiano i video rispetto ai post statici. Come animare un logo è un processo altamente personalizzabile, dipendente dalla natura del logo stesso e dal tipo di animazione desiderata. Tuttavia, esistono fondamenta solide che possono guidarci. Nel tutorial di oggi, affronteremo il percorso per portare un logo da Illustrator ad After Effects e animarlo in maniera efficace e semplice. Realizzare un’animazione tramite After Effects potrebbe rivelarsi più accessibile di quanto si possa pensare.
Con le nozioni di base presenti in questo tutorial, potrete tranquillamente arrivare a un risultato simile al seguente:
Da Illustrator ad After Effects
Assicuratevi di avere il vostro logo in un file Illustrator e salvatelo con nome nel formato AI (formato standard di Illustrator). È cruciale che gli elementi del logo siano separati su differenti livelli, poiché l’animazione si baserà su questi singoli elementi.
Aprite ora After Effects e create un nuovo progetto e una nuova composizione
(composizione -> nuova composizione nella barra superiore).
Portate ora il file Logo.ai che hai salvato precedentemente trascinandolo dalla cartella direttamente nel pannello del progetto, ovvero il pannello laterale di sinistra di After Effects. Si aprirà una finestra in cui verrà chiesto il tipo di importazione: selezionate “composizione” per ottenere tutti i livelli separati e poterli animare individualmente.
Trascinate quindi i livelli del logo dal progetto alla composizione nel pannello in basso.
Come animare un logo
Per iniziare l’animazione del logo, spostatevi lungo la timeline per lavorare con i keyframes. Io mi sono spostato sulla timeline a circa 2 secondi.
A questo punto è importantissimo fissare la posizione finale dei vari elementi del logo. Per farlo selezioniamo tutti i livelli nella composizione e premiamo sulla tastiera P, shortcut che sta per “posizione”.
Per fissare i keyframes dovremo cliccare sull’icona a forma di cronometro. A questo punto è come se avessimo detto “in questo momento della timeline, questi elementi devono essere in questa posizione precisa”.
Ora per modificate la posizione di uno degli elementi e fare quindi l’animazione vera e propria del logo, tornate indietro nella timeline, nel punto in cui desiderate che l’animazione abbia inizio.
Ora molto semplicemente selezioniamo l’elemento che vogliamo muovere, e direttamente dalla tavola di lavoro lo spostiamo con il cursore del mouse.
Come potete vedere l’elemento si è spostato e l’animazione è fatta. Per muovere gli altri elementi del logo vi basterà seguire lo stesso procedimento con ciascuno di essi.
N.B. non limitatevi soltanto a cambiare posizione, ma divertitevi nell’animare il vostro logo al 100%.
Vi lascio qui altri shortcut utili oltre alla P di posizione:
- S per scala
- R per rotazione
- T per opacità.
Usando queste funzioni in modo combinato ho creato l’intro ufficiale di RAD:
Un piccolo extra: il graph editor di After Effects
Come sicuramente avrete notato, l’animazione è molto meccanica, fredda e innaturale nel movimento, questo perché si sposta semplicemente da un punto a a un punto b in un determinato lasso di tempo senza averne gestito la velocità. Anche Adobe ha fatto alcuni tutorial in merito.
Questo passaggio vuole essere una piccola introduzione al graph editor di After effects, ma tenete presente che in realtà ci sono ben 12 principi dell’animazione.
Per prima cosa selezioniamo i due keyframes della nostra animazione, facciamo tasto destro-> assistente fotogramma chiave -> regolazione automatica.
A questo punto i due keyframes avranno assunto la forma di una clessidra.
Passate adesso al graph editor cliccando sull’icona a forma di grafico.
Muovendo i cursori gialli, potrete modificare la forma del grafico e la velocità dell’animazione. Creando una forma simile a quella nell’immagine seguente, otterrai un’iniziale lentezza, seguita da rapidità e infine un’ulteriore lentezza, rendendo l’animazione più naturale.
Come si può vedere, c’è una differenza sostanziale tra i due tipi di animazione.
Conclusioni
In conclusione, animare un logo è un passo essenziale nel mondo digitale odierno, in cui reel, shorts e TikTok dominano la scena online. Trasformare il tuo logo statico in un’animazione dinamica e accattivante può fare la differenza nel catturare l’attenzione del pubblico e ottenere risultati di successo. Con gli strumenti giusti, come After Effects, puoi rendere il tuo logo vivo e coinvolgente, aprendo nuove opportunità creative nell’espressione del tuo brand.
