Come convertire le GIF animate in video con lo sfondo trasparente

Le animazioni in formato GIF stanno vivendo una seconda giovinezza. Agli albori di internet rappresentavano gli unici oggetti in movimento nelle pagine web. Successivamente sono state soppiantate dai video per la loro eccessiva pesantezza. Da qualche anno vengono supportate di più importanti social network come Facebook, X e Instagram.

Ci sono due tipi di GIF, quelle che vengono realizzate attraverso la conversione di video sono quasi sempre senza lo sfondo trasparente mentre quelle create con programmi di grafica, frame per frame in formato PNG, hanno spesso uno sfondo trasparente. Qualunque sia il tipo di GIF ci sono però programmi di editing video che non le supportano perché non vengono rilevate come possibili input o addirittura perché fanno crashare il programma.

Come inserire nei documenti di Word Modelli 3D e animazioni in GIF

L'inserimento di immagini statiche in formato JPG è cosa comunissima in tutti i processori di testo. Nei più importanti programmi di Office è possibile anche aggiungere immagini animate in formato GIF e pure dei modelli in tre dimensioni presi dalla libreria della Microsoft ma anche caricati dal computer dopo averli trovati online.

In questo post vedremo come aggiungere questi elementi a documenti di Word ma la procedura è identica anche con Excel e Powerpoint. Specie le GIF stanno vivendo un periodo di grande interesse dopo anni di oblio dovuti alla loro pesantezza. Sono supportate praticamente da tutti i social e sono alla base di molti Meme.

Il procedimento per aggiungere GIF a un documento di Word non differisce da quello per inserire immagini statiche. Dopo averle aggiunte si potranno ridimensionare, posizionare e ruotare come le altre foto. La differenza sostanziale sta nel fatto che si potranno anche riprodurre all'infinito e mettere in pausa con pulsanti sovrimpressi.

Creare GIF animate con GIMP da foto e da disegni a mano libera

Gimp è il programma di grafica gratuito più usato e la migliore alternativa a Photoshop. In questo articolo vedremo come usare le sue funzioni per creare delle animazioni in GIF. Tali animazioni non sono altro che dei file che contengono le immagini intese come fotogrammi della animazione e l'informazione di quanto ciascuna di esse debba rimanere visibile oltre a quelle se riprodursi indefinitamente o bloccarsi dopo un certo numero di loop.

Le GIF non è l'unico formato per riprodurre le animazioni di immagini. Ci sono anche quelli APNG e WebP ma sicuramente il formato GIF è di gran lunga il più utilizzato e viene supportato anche da quasi tutti i social.

Ricordo che Gimp è open source rilasciato con licenza GNU, è multipiattaforma e quindi installabile su Windows, Mac e Linux. Un utente Windows cliccherà sul pulsante Download 2.10.32 per scaricare quella che è la versione più recente nel momento in cui scrivo questo post. Successivamente andrà sul pulsante Download GIMP 2.10.32 directly per scaricare un file .exe su cui fare un doppio click e seguire le finestre di dialogo.

Come estrarre i fotogrammi dalle immagini animate in GIF

Le immagini animate in formato GIF fanno parte della preistoria del web quando rappresentavano gli unici oggetti animati presenti nelle pagine web, visto che ancora non vi si potevano inserire dei video. In realtà concettualmente sono molto simili a dei filmati perché non sono altro che la riproduzione di immagini una dopo l'altra, a intervalli predefiniti, più o meno come avviene quando si visualizza un filmato, il cui frame rate è il numero di fotogrammi del filmato che vengono riprodotti ogni secondo. Come cercare immagini animate in GIF nel web?

Per evitare problemi di copyright, se si vuole utilizzare una GIF per i nostri progetti, è opportuno scegliere delle GIF che non abbiano limitazioni di ripubblicazione. Abbiamo già visto come trovare GIF su Giphy ma questo sito non garantisce che le animazioni in esso contenute siano riutilizzabili in altri contesti specie se commerciali.

Consiglio quindi di andare sulla Ricerca Avanzata di Immagini di Google per aprire l'apposito modulo. Nella prima riga si digita la parola o la frase chiave per filtrare i risultati di ricerca. Nelle righe successive si può lasciare tutto di default escluso le ultime due. In Qualsiasi Formato si seleziona GIF e in Diritti di Utilizzo si sceglie Licenze Creative Commons che permettono di ripubblicare le immagini inserendo un link di attribuzione.

Come mostrare immagini PNG e GIF sopra ai video con Shotcut

Ho pubblicato molti post su Shotcut, video editor gratuito e multipiattaforma, di semplice utilizzo ma con molte funzionalità. Mi sono però accorto che non ho mai postato un tutorial che trattasse in modo esauriente come mostrare delle immagini sovrapposte ai video. Le immagini vengono trattate da Shotcut come fossero video.

Quando si trascina una foto in una traccia viene creata una clip di cui si può regolare la durata. Se tale traccia è posizionata sopra a quella di un video, l'immagine si vedrà sovrimpressa. Attraverso il Filtro della Dimensione, Posizione e Rotazione si potrà poi riposizionare e ridimensionare nello schermo.

Contrariamente a DaVinci Resolve, Shotcut supporta l'importazione anche delle immagini animate in formato GIF. Per avere dei risultati esteticamente apprezzabili occorre che le immagini mostrate sopra ai video abbiano lo sfondo trasparente e che quindi siano in formato PNG o GIF. Mentre le immagini PNG possono essere regolate in durata quelle in GIF, essendo delle animazioni hanno una durata prestabilita. Si può però risolvere facendo il copia incolla della GIF per creare quindi una clip con l'animazione che si riproduce in loop.

Come importare GIF in DaVinci Resolve anche con la trasparenza

Il pur eccellente video editor DaVinci Resolve non supporta le immagini animate in GIF. Se si prova a trascinare dei file GIF nella finestra della Media Pool del programma, queste non verranno importate.

Si può però ovviare convertendo la GIF in un insieme di immagini che costituiscono i suoi fotogrammi. La conversione può essere fatta con un tool online, come Split di EzGIF, che però impone delle limitazioni alla pesantezza dei file e che permette di esportare le singole immagini in un file ZIP con i file senza una numerazione.   

È invece molto più pratico usare per questo scopo l'altro video editor gratuito e multipiattaforma Shotcut che, oltre a supportare le GIF, ci consente anche di esportarne i fotogrammi in JPEG o PNG. La domanda che sorge spontanea è perché usare DaVinci Resolve con le GIF invece di Shotcut. La risposta è che spesso le GIF fanno parte di un progetto più ampio, e che su DaVinci Resolve ci sono molte più funzionalità che in Shotcut.

Scaricare GIF da Giphy e convertirle in video in loop senza barre nere

Le immagini in formato GIF sono costituite da successioni di fotogrammi che si riproducono a intervalli determinati e che danno l'impressione del movimento, come fossero un video, anche se ovviamente non hanno audio.

Le GIF per loro natura si riproducono all'infinito, a meno che in fase di creazione non sia stato impostato il numero di volte in cui si possano riprodurre. Da qualche tempo è possibile mettere online queste immagini, anche nei social network più importanti come Facebook e Twitter.

In realtà le GIF vengono convertite dai social in altri formati più leggeri sebbene al navigatore che le visualizza diano l'impressione di essere immagini animate. Ci sono anche siti specializzati in cui caricare e scaricare le GIF in modo assolutamente legale, visto che sono gli stessi siti a mettere a disposizione degli utenti gli strumenti per farlo.

Come rimuovere lo sfondo dai video e dalle GIF

Eliminare lo sfondo dai video è operazione estremamente complicata e fattibile solo con programmi professionali. Quando lo sfondo è di un solo colore, la sua rimozione diventa più semplice e si può usare la funzionalità del Chroma Key, disponibile anche nei software Shotcut e DaVinci Resolve, gratuiti e multipiattaforma.

Recentemente è stato reso disponibile uno strumento online che rimuove lo sfondo dai video e dalle GIF rendendolo trasparente. Successivamente si potrà sostituire la trasparenza con un colore a nostra scelta, con una immagine o con un video tra quelli disponibili nel sito. Vedremo anche come sostituire lo sfondo con un nostro video utilizzando la funzionalità del Chroma Key dopo aver scaricato il video con il Green Screen di sfondo.

Al momento nel tool online in oggetto ci sono delle forti limitazioni. Si possono caricare solo video o GIF di lunghezza massima di 5 secondi. Se la durata fosse superiore, verranno comunque processati solo i primi 5 secondi. I video trasparenti senza sfondo, o con sfondi aggiunti scegliendoli dallo strumento, potranno essere scaricati in formato GIF o PNG. Inoltre sarà mostrato un watermark in basso a destra. Si tratta di una filigrana con il nome del servizio, poco invasiva perché piccola e trasparente. Il tool può essere usato senza registrazione.

Creare video senza player con audio simili alle GIF

Le immagini animate in formato GIF ovviamente non possono contenere audio che invece si può aggiungere ai formati video. Quando però navigate su Facebook o su Twitter vi sarete certamente accorti di oggetti multimediali che hanno tutto l'aspetto di essere delle GIF ma che hanno anche audio.

In realtà non sono delle GIF animate ma sono dei veri e propri video, solitamente in formato MP4. Data la pesantezza del formato GIF, i social network che supportano le immagini animate, convertono subito i file GIF in video per renderli più leggeri. Quelle che noi visualizziamo come GIF sono quindi dei video e alcune hanno addirittura l'audio. In questo articolo mostrerò come sia possibile pubblicare su una pagina web un video senza player, anche eventualmente con l'audio, che però al navigatore darà l'impressione di essere una GIF.

Per questa personalizzazione si usa il player HTML5 con il tag <video>, insieme agli attributi autoplay e loop per riprodurre il video senza soluzione di continuità. Contestualmente verranno tolti gli attributi che mostrano i controlli del player ma che potranno essere riattivati dal lettore.

Come convertire GIF in video con il PC, online e con Android

Le immagini animate in GIF sono una serie di fotogrammi (o frame) che vengono riprodotti a una velocità prestabilita. Solitamente le GIF hanno un frame rate di 10 fotogrammi per secondo, sensibilmente inferiore ai frame rate dei video, che sono tutti superiori ai 20fps, per evitare che si vedano a scatti come succedeva agli albori del cinematografo.

Nei file GIF sono quindi contenuti dei file di immagini, talvolta anche che supportano la trasparenza, in un numero che è dato dal frame rate moltiplicato per il numero di secondi che dura la GIF. Per fare un esempio una GIF di 20 secondi con frame rate di 15fps contiene 20x15=300 immagini.

Si tratta quindi di file di grandi dimensioni, anche 20 volte più pesanti dei video che mostrano lo stesso movimento con la stessa risoluzione. Le immagini animate in GIF sono però supportate da tutti i social e sono molto usate dagli utenti, per la loro immediatezza e la loro facilità di utilizzo. In realtà i social network convertono automaticamente le GIF in video per alleggerire i loro server. Questa procedura può essere utilizzata anche da chi possiede un sito web per ottimizzare le GIF e quindi alleggerire la pagina in cui è inserita, aumentando la sua velocità di caricamento.

Come creare GIF da video

Le immagini animate sono supportate da quasi tutti i social network e continuano ad avere il gradimento degli utenti per la facilità del loro utilizzo. Le animazioni vengono cioè caricate come fossero immagini invece che come video anche se poi i social le convertono per non appesantire troppo i loro server.

La controindicazione all'utilizzo delle immagini in formato GIF è infatti dovuta alla estrema pesantezza di questo formato. Una immagine animata in formato GIF è circa 20 volte più pesante del video che mostra la medesima scena, con la stessa risoluzione e lo stesso numero di fotogrammi per secondo.

Proprio per questa pesantezza, le animazioni in GIF non possono durare più di qualche secondo. Le GIF possono essere create a partire da foto, ognuna delle quali potrà essere usata come fotogramma. Lo si può fare con editor grafici come Photoshop e Gimp.

Le GIF sono molto utilizzate anche nei dispositivi mobili e ci sono molte applicazioni che permettono di creare GIF da mobile. Il sistema di elezione per la creazione delle immagini animate è però quello di convertire una clip video in GIF. In questo post vedremo come farlo per creare GIF di altissima qualità ma molto pesanti e come contentarsi di una qualità un po' più bassa, ma pur sempre accettabile, però con un peso più basso.

Creare animazione GIF con Google Foto

Le immagini animate in formato GIF sono una successione di fotogrammi di immagini che, se visualizzati uno di seguito all'altro, danno l'impressione del movimento.

Le immagini animate non esistono solo in formato GIF ma ci sono anche in altri formati, come APNG, ma il formato GIF è sicuramente il più utilizzato. Le immagini animate sono da tempo supportate dai principali social network, come Facebook e Twitter e piacciono molto agli utenti che le possono pubblicare senza particolari difficoltà.

Uno dei modi più usati per creare una immagine animata è quello di convertire un video in GIF, magari usando dei tool online. Naturalmente le animazioni possono anche essere create a partire dai singoli fotogrammi ovvero da singole foto, ognuna delle quali resterà visibile per un determinato periodo di tempo.

Per realizzare animazioni dalle foto si possono usare degli Editor grafici come Photoshop o Gimp. In questo post vedremo come usare un semplicissimo tool di Google per creare delle immagini animate in GIF.

Aggiungere GIF animate in sovrimpressione ai video

Gli editor video gratuiti più comuni non supportano l'inserimento nella Timeline di immagini animate in formato GIF. Riguardo ai programmi che conosco, il solo Adobe Premiere Pro permette di aggiungere nella Timeline immagini animate in formato GIF. Si tratta però di un software commerciale estremamente costoso.

In un precedente ho post ho mostrato come risolvere il problema utilizzando un particolare filtro di Shotcut, che però rende la cosa un po' troppo laboriosa. Le immagini animate in GIF sono ormai supportate dalla quasi totalità dei social network che però, data il loro peso eccessivo, le convertono in un formato video per alleggerirle.

Possiamo quindi anche noi agire in tal senso, e convertire le GIF in video, prima di aggiungerle in overlay a un altro filmato. D'altra parte abbiamo già visto un procedimento simile per ottimizzare le GIF, mediante questa conversione che lascia le animazioni praticamente con le stesse caratteristiche, pur essendo diventate dei video.

Creare cartoni e disegni animati con Gimp

Con Gimp si possono creare immagini animate in formato GIF partendo da delle immagini, ciascuna delle quali non sarà altro che un fotogramma della animazione.

Per farlo si va su File -> Apri come livelli per poi selezionare le immagini che formeranno i vari fotogrammi, o frame, della GIF. Sotto certi aspetti trovo gli strumenti di Gimp migliori di quelli di Photoshop per la creazione di immagini animate.

Invece che realizzare delle animazioni con immagini già predisposte, usando Gimp possiamo creare dei disegni da utilizzare come fotogrammi per creare dei cartoni animati o, molto più modestamente, delle scritte o dei disegni animati. Per mostrare una scritta che si forma progressivamente dobbiamo aggiungere altri segni al fotogramma iniziale; invece per creare un disegno animato dobbiamo aggiungere livelli vuoti per poter aggiungervi il disegno modificato del fotogramma precedente.

Come estrarre i fotogrammi da una GIF

Le immagini animate in formato GIF sono una serie di fotogrammi che si susseguono con una determinata frequenza, che poi è lo stesso meccanismo che viene usato anche per i video. Le GIF di maggiore qualità sono quelle che hanno un maggior numero di fotogrammi a parità di durata.

Le GIF possono essere facilmente create con computer desktop, con app per il mobile o con strumenti online. Se si apre una GIF con un visualizzatore di immagini che non supporta le animazioni, ne visualizzeremo solo il primo fotogramma. Sarà salvato solo il primo fotogramma anche se si convertono le GIF in JPG o PNG.

In questo articolo vedremo come estrarre un fotogramma a piacere da una GIF, anzi vedremo pure come estrarre tutti i frame da cui è composta. A questo scopo useremo un programma desktop gratuito e dei tool online, sempre gratuiti.

Come convertire video in GIF di alta qualità dal PC

Nel precedente post abbiamo visto come convertire GIF in video da computer e da cellulare. La conversione di video in GIF è molto più comune e spesso viene fatta in modo automatico con dei tool online. 

Anche diverse applicazioni per cellulari supportano questa funzionalità come la già recensita Video2me. È noto che le GIF non possono avere audio ma possono essere personalizzate in alcuni parametri e create con una maggiore o minore qualità. Ho effettuato dei test creando GIF da video con due programmi desktop per Windows e il risultato è stato che uno di questi converte i filmati in GIF con una qualità decisamente maggiore dell'altro.

La maggiore qualità della GIF convertita, è però controbilanciata da un supporto molto più limitato dei file di input, visto che il solo AVI viene processato correttamente. Quindi per ottenere il massimo di qualità da una GIF creata da un filmato, occorre che quest'ultimo all'inizio venga convertito in AVI prima di passare alla creazione della GIF.

Come convertire GIF in video

Nel precedente post abbiamo visto come convertire in GIF immagini animate in formato WebP visto che spesso vengono scaricate in questo formato dai portali specializzati presenti nel web.

Un'altra operazione piuttosto comune con le GIF è quella della conversione in GIF di un video. Lo si può fare con applicazioni per browser online o anche con app per Android.

L'operazione inversa, ovvero la conversione di GIF in video, è più rara ma non del tutto assente. Si può avere l'esigenza di convertire una GIF in un video per poterla pubblicare in un sito senza appesantire troppo la pagina. Ho anche presentato un sistema per ottimizzare le GIF che si basa proprio sulla conversione in un video.

Come convertire animazioni WEBP in GIF

Il formato GIF non è l'unico utilizzato per le immagini animate. Per la sua eccessiva pesantezza gli viene spesso preferito il formato più leggero WebP, sviluppato da Google nel 2010. Un altro formato per le animazioni è l'APNG. 

Le immagini WebP non sono però universalmente supportate. Possono però essere facilmente aperte con un browser come Chrome. Si può crearle a partire da una GIF, con con il convertitore di immagini Format Factory. Sono però difficilmente utilizzabili, perché al momento non vengono supportate da Facebook, da Twitter e da Instagram.

Se cerchiamo GIF online, ci può capitare però di scaricare immagini animate in formato WebP. Questo per esempio succede quando si cercano GIF nel loro portale di riferimento che è Giphy. Quando si clicca su una GIF per scaricarla, ci vengono proposti diverse opzioni.

Come creare testo animato anche su foto per video o GIF

Fino a qualche tempo fa, per realizzare dei video con personalizzazioni sofisticate, dovevamo farlo nel computer per poi trasferire i filmati nel cellulare, se era lì che li volevamo utilizzare.

Sta accadendo che le applicazioni per i dispositivi mobili, in molti casi, stanno diventando più performanti di quelle per i computer desktop. Andrà a finire che in certi casi dovremo effettuare il trasferimento inverso, cioè da computer e cellulare, per applicare alcune funzionalità particolari.

È il caso della creazione di testi animati su sfondo colorato oppure su foto, che possono servire per creare delle GIF di meme ma anche dei filmati di introduzione a video postati su Youtube, o addirittura da essere usati come sigle di un canale. Nel Google Play Store esiste infatti una applicazione sviluppata appositamente per creare delle animazioni di un qualsiasi testo che digitiamo. Non ne ho trovata una analoga di così semplice utilizzo da usare nei computer desktop.

Come creare immagini e testi glitter online e con app per cellulare

Le immagini glitter sono immagini a cui sono stati aggiunti effetti scintillanti quindi, in linea di massima, si tratta di immagini animate. Le foto con questi effetti vengono spesso definite glitterate e sono molto usate per abbellire immagini natalizie o festive in genere. 

Con i programmi di grafica più evoluti come Photoshop e Gimp è sempre possibile creare immagini glitter. In un prossimo post magari vedremo come si usa almeno uno di questi programmi grafici. In questo articolo mi limiterò a elencare le migliori applicazioni web e app per cellulari con cui creare le immagini glitterate.

Oltre a immagini glitterate,con i tool che andrò a presentare, si potranno pure creare scritte scintillanti, digitando un testo e scegliendo l'effetto. Per le immagini glitter si presuppone di partire da una foto già presente nell'hard-disc del computer o nella memoria del cellulare.