Filmora per mobile

App di Montaggio Video, Facile da Usare

appstore
Scarica dall'App Store
Scaricalo su Google Play

Filmora Video Editor

Il miglior software di editing video e audio
  • Strumenti avanzati di regolazione del colore per aiutarti a realizzare video creativi.
  • Oltre mille effetti straordinari progettati per bellezza, giocatore, viaggiatore, ecc.
  • Premi per le app di Microsoft Store 2022 & Leader nell'editing video di G2 Crowd Report Primavera 2022

Come creare gif After Effects

Aggiornato il 09/04/2024• Soluzioni comprovate

Come creare gif di After Effects

Un editor facile ma potente

Numerosi effetti tra cui scegliere

Tutorial dettagliati forniti dal canale ufficiale


Provalo Gratis
Per win11 / Win10 / 8.1 / 8/ 7 (64 bit)
Scopri di Più
Homepage di Filmora Windows
Garanzia di Download Sicuro, zero malware
endorse
Provalo Gratis
Per macOS V 10.14 o versioni successive
Scopri di Più
Homepage di Filmora macOS
Garanzia di Download Sicuro, zero malware
endorse

(vai a scaricare Filmora mobile sul tuo dispositivo mobile tramite Appstore e GooglePlay).

Acquista Filmora Desktop sul tuo smartphone!
Compra per Windows Compra per macOS

*Le informazioni sul prodotto e sulla fatturazione ti verranno inviate via email dopo l'acquisto.


Le GIF sono in circolazione da un po' di tempo, ma poiché il flusso di contenuti continua a precipitare su piattaforme di social media popolari come Facebook o Instagram, la domanda di GIF continuerà ad aumentare.

Sfortunatamente, non sarai in grado di creare una gif direttamente in After Effects, a meno che non ti aiuti con un plug-in come GIFGun.

Prima di andare avanti, tieni presente che l'utilizzo di Adobe Media Encoder è un metodo più semplice per comprimere le tue esportazioni piuttosto che qualsiasi compressore di terze parti.

In questo articolo troverai metodi facili da seguire con i quali puoi creare GIF after effects in pochi minuti.

Parte 1 Conoscenze generali sull'animazione GIF

01Che cos'è una GIF?

L'acronimo GIF sta per Graphics Interchange Format e il file viene creato in formato immagine bitmap. Questo è stato sviluppato nel 1987 da un collaboratore di CompuServe.

Questo formato ha avuto un incredibile successo sul web grazie a vantaggi come file di dimensioni ridotte, supporto più ampio e la sua facile compatibilità con i sistemi operativi.

Tuttavia, le GIF sono molto più adatte come grafica e loghi semplici piuttosto che come video live action con la sua limitazione della tavolozza di 256 per immagine.

Creare una GIF è come riprodurre in loop un'animazione o elementi animati. Puoi utilizzare queste GIF animate nei banner per coinvolgere il tuo pubblico o persino creare contenuti condivisibili divertenti per le tue pagine Facebook.

Puoi iniziare creando animazioni semplici di base in Photoshop e quindi elevarle utilizzando After Effects.

02Perché creare una GIF?

Ecco alcune cose su cui puoi tenere d'occhio se stai appena iniziando a creare GIF;

 Semplici dimostrazioni di prodotti. Con semplici GIF da 3 a 4 passaggi, puoi introdurre brevemente i passaggi su come utilizzare un prodotto.

 È possibile fornire istruzioni in un breve lasso di tempo.

 I designer UX utilizzano le GIF per mostrare il funzionamento di determinate esperienze digitali.

 Puoi introdurre GIF sulla tua pagina per coinvolgere i follower.

 Puoi mostrare cose straordinarie sul tuo sito web.

Parte 2 Differenza tra la creazione di GIF in After Effects e Photoshop

La creazione di GIF in After Effects e Photoshop è la stessa cosa, ma i risultati possono variare a seconda della scelta di strumenti e funzionalità più adatta a te.

Ora, per coloro che stanno imparando Photoshop e After Effects per la prima volta, per comprendere la differenza nei risultati tra entrambi questi software è possibile familiarizzare in breve con le loro funzionalità.

01Che cosa è simile?

Poiché entrambi sono progettati da Adobe, è inevitabile che ci siano somiglianze negli strumenti e nell'interfaccia che utilizzano. Entrambi questi software ti consentono di utilizzare i livelli di modifica dal pannello dei livelli in cui separi la fusione o trasformi più livelli. È possibile applicare maschere a questi livelli in modi diversi su entrambi i software.

02Composizione di gruppi (PS) e nested (AE).

In Photoshop, puoi raggruppare i livelli e applicare insieme stili, fusioni e trasformazioni. Tuttavia, in After Effects, questo è chiamato Nesting.

Entrambi sono in un certo senso simili tra loro, ma Nesting Comps offre agli utenti più funzionalità poiché interpreta le probabili composizioni durante il processo di annidamento.

Gli oggetti intelligenti utilizzati in PS sono anche paragonabili alle composizioni nidificate in quanto puoi applicare filtri su uno mentre applichi effetti all'altro.

03Vettore e forme

Puoi utilizzare lo strumento Penna o lo strumento Forma sia in PS che in AE che crea livelli di forma senza perdere l'integrità. Entrambe le applicazioni supportano Bezier che ti consente di controllare le curve tra i punti di ancoraggio in PS e i vertici in AE.

04Effetti distruttivi

After Effects non fornisce effetti distruttivi mentre in Photoshop puoi applicare filtri non distruttivi. Puoi anche combinare più livelli per applicare modifiche o distorcere le immagini, ma queste modifiche permanenti non possono essere apportate in After Effects.

Noterai anche che, sebbene ci siano molte similitudini, ci sono strumenti e funzionalità che non sono condivisi tra entrambe le applicazioni. Anche i tipi di categorie di strumenti varierebbero. Come con After Effects, puoi creare stili di paragrafo e carattere da applicare ai testi.

Parte 3 Come creare gif di After Effects

After Effects offre maggiori capacità di editing video piuttosto che le opzioni di animazione di base che puoi provare su Photoshop. Nella creazione di una GIF, vorrai sfruttare la combinazione di strumenti offerti sia su After Effects che su Photoshop.

Vediamo prima come creare un video animato su After Effects e poi convertirlo in una GIF animata in Photoshop.

01Animazione in After Effects

Passaggio 1: apri After Effects, vai su "Composizione" e crea "Nuova composizione". Dovrai compilare le dimensioni e le specifiche per il tuo progetto nella finestra che si apre. Ad esempio, 300x250 px a 30 fps e 6 secondi di durata.

nuova composizione dopo gli effetti

Passaggio 2: puoi importare le risorse trascinandole o selezionando il "Pannello del progetto" nell'area di lavoro di After Effects, come mostrato nell'immagine.

pannello del progetto dopo gli effetti

Passaggio 3: ora puoi iniziare ad animare le tue risorse. Trascinali e aggiungili al pannello "Composizione" o al pannello "Sequenza temporale". Metterli in uno dei due li farà apparire su entrambi. Regola i livelli in base allo strato più in alto sul pannello.

pannello della sequenza temporale

Riduci la scala di ogni animazione allo 0% in modo che possa essere animata in una sequenza crescente. Seleziona il livello che desideri regolare e clicca su "Trasforma". Clicca su "Scala" per assegnare a quel livello un indicatore attivo sulla timeline. Impostare la scala su 0%.

imposta la scala dopo gli effetti

Ora puoi iniziare ad animare il primo elemento spostando l'indicatore del tempo corrente su 06f (il 6o fotogramma sulla timeline 30fps). Ridimensiona l'elemento al 100% e l'indicatore riapparirà.

imposta la scala dopo gli effetti

Ripetere questa operazione per gli altri elementi. Tieni presente che ogni elemento ha uno spazio 06f tra di loro per una successiva regolazione.

ripetere il processo

La tua equazione è ora completa e tutto ciò che resta da fare è animare il tuo pulsante CTA. Regola la posizione del livello superiore sul tuo CTA e imposta l'indicatore del tempo corrente per iniziare il tempo sull'animazione del pulsante. Clicca su "posizione" per impostare un indicatore sulla timeline. Avanti lo 04f quindi spingere il pulsante e tornare alla posizione originale in modo che assomigli all'animazione di un click di un pulsante.

posizione impostata

La tua animazione è ora completa. Ora vai su "Composizione" e accorcia il tempo nel pannello "Durata".

Passaggio 4: vai a Composizione. Clicca su Pre-rendering e apparirà una nuova selezione. Ora clicca su "Render". Il tuo output sarà un file .mov.

rendere dopo gli effetti

Se trovi l'esportazione di gif da After Effects troppo complicata, puoi anche caricare e riprodurre in loop i video utilizzando Wondershare Filmora Video Editor che ha molte altre fantastiche funzioni di editing video che puoi trascinare e rilasciare per creare.

Wondershare Filmora - Miglior editor video per Mac/Windows


Provalo Gratis
Per win11 / Win10 / 8.1 / 8/ 7 (64 bit)
Scopri di Più
Homepage di Filmora Windows
Garanzia di Download Sicuro, zero malware
endorse
Provalo Gratis
Per macOS V 10.14 o versioni successive
Scopri di Più
Homepage di Filmora macOS
Garanzia di Download Sicuro, zero malware
endorse

(vai a scaricare Filmora mobile sul tuo dispositivo mobile tramite Appstore e GooglePlay).

Acquista Filmora Desktop sul tuo smartphone!
Compra per Windows Compra per macOS

*Le informazioni sul prodotto e sulla fatturazione ti verranno inviate via email dopo l'acquisto.


5.481.435 persone l'hanno scaricato.

Crea animazioni personalizzate uniche senza sudare.

Concentrati sulla creazione di storie epiche e lascia i dettagli alle funzionalità automatiche di Filmora.

Inizia un'avventura creativa con effetti drag & drop e infinite possibilità.

Filmora semplifica le funzionalità avanzate per farti risparmiare tempo e fatica.

Filmora elimina le ripetizioni in modo da poter passare alla tua prossima svolta creativa.

02Conversione di animazioni in GIF in Photoshop

Passaggio 1: crea un nuovo file in Photoshop con le stesse specifiche di After Effects. Ora vai su "File" > "Importa" > "Frame su livelli" e importa il file .mov salvato.

importa file Photoshop

Passaggio 2: se non vedi automaticamente la sequenza temporale, vai su Windows > Sequenza temporale.

photoshop della sequenza temporale

Passaggio 3: decidi quanti loop desideri nell'animazione. Una volta che hai finito con la tua GIF, vai su "File"> Esporta. Applica il Legacy Save for Web e scegli il formato per la tua GIF.

esporta e salva come gif photoshop

Passaggio 4: nelle opzioni di esportazione, puoi accedere a diversi predefiniti da applicare alle GIF animate. Più colore viene visualizzato nella tua GIF, maggiore è la sua dimensione. Puoi usare Dethering per ammorbidire sfumature e sfumature.  Il loop è disattivato anche su Photoshop, ma puoi applicare il loop dalle "Opzioni" mostrate nella parte inferiore del menu.

Parte 1 Pensieri finali:

 Le GIF sono un tipo di media popolare che è piuttosto trendy e facile da realizzare utilizzando le gif di Adobe After Effects o Photoshop. Sono chiamati Graphics Interchange Format e vengono utilizzati al meglio come semplici immagini grafiche.

 È necessaria una combinazione di Photoshop e After Effects, sebbene entrambi condividano interfacce, strumenti ed effetti simili. Puoi raggruppare o annidare composizioni, applicare filtri o effetti e regolare vettori e forme.

 After Effects è migliore di Photoshop in termini di creazione di video, quindi puoi prima creare un progetto in AE e quindi importare il progetto su PS dopo aver esportato After Effects in gif. Puoi anche usare Filmora per il primo passaggio di questo processo.

Gianni
Gianni is a writer and a lover of all things video.