Sì, puoi creare le tue animazioni in pixel art per un display Divoom, e il processo è più semplice di quanto sembri. Realizzare animazioni proprie non significa solo riempire uno schermo: significa trasformare un display generico in un compagno personale in pixel art che racconta la tua storia sulla scrivania. L'intero flusso di lavoro si riduce a cinque passaggi: adattare la tela al dispositivo, scegliere uno strumento di animazione, disegnare i fotogrammi, esportare una GIF e importarla tramite l'app Divoom. Che tu possieda un Pixoo-64 con il suo pannello LED da 64×64, un Pixoo Max da 32×32 o un Ditoo Pro da 16×16, gli stessi principi dell'animazione fotogramma per fotogramma restano validi. Questa guida illustra ogni passaggio con consigli specifici sugli strumenti, indicazioni sulla frequenza dei fotogrammi e la procedura esatta per importare il file nell'app.
Il video qui sopra mostra l'intero percorso, dalla tela vuota al display acceso. L'autore crea un'animazione di un teschio rotante su una griglia da 64×64, la esporta e la invia a un Pixoo-64 utilizzando l'app Divoom. Lo stesso approccio funziona per animazioni più semplici su griglie più piccole.
Che cos'è l'animazione in pixel art?
L'animazione in pixel art è l'arte di mettere in sequenza fotogrammi pixel disegnati a mano per creare l'illusione del movimento. Ogni fotogramma è un'immagine statica disegnata a livello di pixel e, quando li riproduci a una velocità costante, il tuo cervello colma gli intervalli. Secondo la definizione di pixel art di Wikipedia, è "una forma di arte digitale disegnata con un software di grafica, in cui le immagini sono costruite utilizzando i pixel come unico elemento costitutivo". Animare significa semplicemente disegnare più immagini in pixel art e riprodurle in sequenza.
Per i display Divoom, il risultato finale è un file GIF. L'app Divoom legge la GIF, estrae ogni fotogramma e lo invia al pannello LED alla velocità che hai impostato. Poiché il display utilizza LED fisici anziché uno schermo, ogni pixel è distintamente visibile, conferendo all'animazione in pixel art una qualità tattile e luminosa che gli strumenti basati su schermo non possono replicare.
Abbina la tela al tuo dispositivo Divoom
Prima di disegnare un solo pixel, devi conoscere le dimensioni della tua tela. I display Divoom sono disponibili in tre principali dimensioni di griglia, e ciascuna determina il tipo di animazione che è possibile realizzare.
Il Pixoo-64 offre una griglia da 64×64, per un totale di 4.096 pixel. È la tela più grande della linea Pixoo e consente di creare personaggi dettagliati, scene con più elementi e rotazioni fluide. Se vuoi animare un personaggio che attraversa un piccolo paesaggio o un quadrante di orologio con ingranaggi in movimento, questo è il display in grado di farlo.
Il Pixoo Max si colloca nel mezzo, con una griglia 32×32, ovvero 1.024 pixel. Offre un buon equilibrio tra dettaglio e semplicità. Loghi, icone rimbalzanti e brevi loop con personaggi funzionano bene su questa griglia. Non potrai inserire tanti dettagli quanti su una griglia 64×64, ma ti serviranno anche meno fotogrammi per riempire lo spazio in modo convincente.
Il Ditoo Pro ha una griglia 16×16, ovvero solo 256 pixel. È qui che l’economia dei pixel conta di più. Ogni pixel è prezioso e la leggibilità deriva da sagome nitide, più che dai dettagli raffinati. I movimenti semplici funzionano meglio: un occhio che sbatte le palpebre, una palla che rimbalza, un cambio di colore, un’icona meteo che passa dal sole alla pioggia. Una tela 16×16 potrebbe aver bisogno solo di quattro-sei fotogrammi per creare un loop convincente, mentre una tela 64×64 potrebbe richiederne da dodici a ventiquattro per ottenere la stessa fluidità.
Scegli il tuo strumento di animazione
Hai quattro opzioni realistiche per creare animazioni in pixel art e quella giusta dipende dalla tua piattaforma, dal budget e dal livello di controllo che desideri.
Aseprite è lo strumento di animazione in pixel art più popolare tra gli sviluppatori di videogiochi indie e gli appassionati di pixel art. Costa circa 20 $ e funziona su Windows, Mac e Linux. Offre una vera timeline, l’effetto onion skin (per vedere i fotogrammi precedenti e successivi come fantasmi), la gestione delle palette e l’esportazione diretta in GIF. Se prevedi di creare animazioni regolarmente, Aseprite è lo strumento che crescerà insieme a te. Puoi saperne di più o scaricarlo dal sito ufficiale di Aseprite. Per una guida dettagliata sull’esportazione da Aseprite specificamente verso Divoom, consulta il nostro tutorial sull’esportazione da Aseprite a Divoom.
Piskel è un’alternativa gratuita basata sul browser. Non è necessario installare nulla e supporta l’editing fotogramma per fotogramma, l’effetto onion skin e l’esportazione in GIF. È più lento di Aseprite sulle tele di dimensioni maggiori, ma per provare a creare animazioni senza spendere nulla è difficile trovare di meglio. Visita piskelapp.com per iniziare subito a disegnare.
Procreate su iPad non è uno strumento dedicato alla pixel art, ma la sua funzione Animation Assist è efficace per la creazione fotogramma per fotogramma. Ogni gruppo di livelli diventa un singolo fotogramma e puoi scorrere la timeline per controllare i progressi. Se possiedi già un iPad e Procreate, questo è un ottimo punto di partenza. Il video incorporato qui sopra mostra un flusso di lavoro completo da Procreate a Divoom.
L'editor integrato nell'app Divoom è l'opzione più semplice. È gratuito, disponibile su iOS e Android e non richiede software esterni. Gli strumenti di modifica sono essenziali, ma sono sufficienti per animazioni semplici come un'icona che cambia colore o un battito di ciglia di due fotogrammi. È anche il percorso più rapido dall'idea al display, perché ti permette di saltare completamente i passaggi di esportazione e caricamento.
Imposta la frequenza dei fotogrammi
La frequenza dei fotogrammi determina quante immagini vengono riprodotte ogni secondo e influisce sulla resa dell'animazione più di qualsiasi altra impostazione. La maggior parte delle animazioni in pixel art dà il meglio a 8-12 fotogrammi al secondo (FPS). Dodici FPS è un punto di partenza comune perché corrisponde a una tecnica chiamata "animazione sui due" — si disegna un nuovo fotogramma ogni due posizioni alla frequenza cinematografica standard di 24 FPS, ottenendo un movimento fluido senza raddoppiare il lavoro.
Le frequenze dei fotogrammi più basse (da 4 a 8 FPS) creano un effetto scattoso e rétro che può funzionare per determinati stili, soprattutto sulle piccole griglie 16×16, dove ci sono meno pixel da spostare. Le frequenze più alte (15+ FPS) producono un movimento più fluido, ma richiedono più fotogrammi, file GIF più grandi e più tempo per disegnare. Per i display Divoom, da 8 a 12 FPS è il punto ideale, perché i pannelli LED si aggiornano in modo diverso dagli schermi e le griglie di pixel sono abbastanza piccole da rendere poco visibile la maggiore fluidità offerta da frequenze più alte.
Consiglio rapido: ciò che conta di più è la sensazione del movimento, non il numero visualizzato sul cursore. Prova l'animazione a 8 FPS e a 12 FPS una accanto all'altra: se non riesci a notare la differenza, scegli la frequenza più bassa e risparmia tempo nel disegno.
Per approfondire la scelta della frequenza dei fotogrammi più adatta ai diversi tipi di animazione, leggi la nostra guida alla frequenza dei fotogrammi nelle animazioni di pixel art.
Disegna l'animazione fotogramma per fotogramma
Una volta impostata la tela e pronto lo strumento, inizia il disegno vero e proprio. Il processo è lo stesso sia che tu stia creando un battito di ciglia di quattro fotogrammi, sia un ciclo di camminata di ventiquattro fotogrammi. Nella computer grafica, ogni fotogramma viene talvolta chiamato sprite — un'immagine bidimensionale che viene composta all'interno di una scena più grande. Per i display Divoom, l'intera animazione è contenuta in un'unica griglia di sprite.
Passaggio 1: pianifica l’animazione. Prima di disegnare, decidi cosa si muove e come. Immagina o abbozza su carta le pose chiave. Per un’animazione in loop, individua le posizioni iniziale e finale: devono coincidere. Una palla che rimbalza segue un arco semplice: alto, centro, basso, centro, alto. Un teschio che ruota presenta le viste frontale, laterale e posteriore. Pianificare ti evita di ridisegnare i fotogrammi in seguito.
Passaggio 2: disegna i fotogrammi chiave. Sono le posizioni più importanti della tua animazione. Per un ciclo di camminata, si tratta della posa di contatto (il piede che tocca il suolo) e della posa di passaggio (a metà del passo). Per una rotazione, disegna prima le viste frontale, laterale e posteriore. Non preoccuparti ancora della fluidità: concentrati sulle posizioni chiave corrette.
Passaggio 3: completa i fotogrammi intermedi. Aggiungi fotogrammi tra quelli chiave per creare transizioni fluide. Usa la funzione onion skin per vedere i fotogrammi precedente e successivo come ombre evanescenti, così da mantenere coerenti le proporzioni. Il numero di fotogrammi intermedi determina la fluidità del movimento: più fotogrammi significano un’animazione più fluida ma più lenta.
Passaggio 4: applica l’easing. Nella vita reale gli oggetti non si muovono a velocità costante. Partono lentamente, accelerano e rallentano di nuovo prima di fermarsi. Nella pixel art, questo significa spostare il soggetto di 1 o 2 pixel per fotogramma all’inizio e alla fine del movimento, e di 8 o 9 pixel per fotogramma nel mezzo. Questa tecnica, chiamata accelerazione e decelerazione progressive, è la differenza più importante tra un’animazione amatoriale e una convincente.
Passaggio 5: aggiungi l’animazione secondaria. Gli elementi della scena dovrebbero reagire al movimento principale. Se un personaggio salta, i capelli o i vestiti dovrebbero seguire il movimento con un leggero ritardo e assestarsi dopo l’atterraggio. Se una palla colpisce il terreno, potrebbero sollevarsi particelle di polvere. Questo rapporto di causa ed effetto rende l’animazione viva anziché meccanica.
Passaggio 6: verifica l’impatto e le deformazioni. Per i movimenti rapidi, come un colpo di spada o un pugno, non disegnare ogni singolo fotogramma. Due o tre fotogrammi sono sufficienti per qualcosa che si muove così velocemente. Per rendere l’idea della velocità, usa le deformazioni: allunga il soggetto fino a creare una striscia di colore che ne mostri la direzione. Pensala come una sfocatura di movimento per la pixel art. Usala con parsimonia, solo nei fotogrammi più veloci.
Crea un loop senza interruzioni
Un’animazione in loop viene riprodotta continuamente senza salti visibili. Il segreto è semplice: l’ultimo fotogramma deve passare fluidamente al primo. Se il personaggio finisce anche solo un pixel a sinistra rispetto alla posizione iniziale, il loop presenterà uno scatto.
Per testare il ciclo, riproduci l’animazione alla frequenza dei fotogrammi desiderata e osserva il passaggio dall’ultimo fotogramma al primo. Se noti un salto, regola le posizioni dei pixel nell’ultimo fotogramma finché non corrispondono a quelle del primo. Per movimenti circolari, come un oggetto che ruota, l’ultimo fotogramma dovrebbe essere un passaggio prima del primo, non una sua copia. Per i movimenti di rimbalzo, l’ultimo fotogramma dovrebbe rispecchiare il secondo, così il rimbalzo inverte naturalmente la direzione.
Alcuni tipi di ripetizione sono più semplici di altri. Un cambiamento di colore (dal sole alla luna e ritorno) è il più semplice perché la posizione non è importante. Una palla che rimbalza viene subito dopo, perché il movimento è simmetrico. Un ciclo di camminata è più difficile perché gli arti devono tornare nelle posizioni iniziali. Inizia con un semplice rimbalzo di quattro fotogrammi o con un cambiamento di colore prima di provare ad animare un personaggio.
Esporta come GIF
Quando l’animazione è completa, esportala come file GIF. La GIF è il formato accettato dall’app Divoom per le immagini pixel art animate. Tieni presenti queste impostazioni:
- Dimensioni della tela: devono corrispondere esattamente alla griglia del dispositivo — 64×64, 32×32 o 16×16. Se la tela è più grande, ridimensionala prima dell’esportazione.
- Ritardo tra i fotogrammi: per 12 FPS, imposta un ritardo di circa 83 millisecondi (1/12 di secondo). La maggior parte degli strumenti consente di specificarlo nella finestra di dialogo per l’esportazione.
- Palette di colori: il formato GIF supporta un massimo di 256 colori. Usa colori comuni ed evita sfumature sottili, che il formato GIF convertirà tramite dithering e che potrebbero apparire disturbate su un pannello LED.
- Dimensione del file: mantienila inferiore a 1 MB per garantire un caricamento affidabile tramite l’app Divoom. Un numero inferiore di fotogrammi e dimensioni della tela più ridotte producono naturalmente file più piccoli.
- Ripetizione: imposta la GIF in modo che venga riprodotta all’infinito (numero di ripetizioni = 0 nella maggior parte degli strumenti di esportazione).
Se hai già uno sprite sheet — una singola immagine contenente tutti i fotogrammi disposti in una griglia — puoi convertirlo in una GIF animata usando strumenti come Aseprite o convertitori online. Consulta la nostra guida su come trasformare uno sprite sheet in una GIF per Divoom per istruzioni dettagliate.
Importa la tua animazione nell’app Divoom
Una volta ottenuto il file GIF, il passaggio finale consiste nel trasferirlo sul display. L’app Divoom gestisce questo processo:
- Apri l’app Divoom sul telefono e assicurati che il dispositivo sia connesso tramite Bluetooth o Wi-Fi.
- Tocca il pulsante Galleria (l’icona del cubo nella parte centrale inferiore dello schermo).
- Tocca l’icona più (+) per creare una nuova voce.
- Seleziona «Converti animazioni» per caricare il file GIF dalla memoria del telefono.
- L’app elabora la GIF e mostra un’anteprima di come apparirà sul tuo display.
- Assegna l’animazione a un canale personalizzato — Personalizzato 1, 2 o 3. Ogni canale funziona come una playlist e puoi combinare la tua animazione con altre immagini.
- Invialo al tuo dispositivo. L’animazione apparirà sullo schermo entro pochi secondi.
Se riscontri problemi durante il caricamento, ad esempio se la GIF non viene importata o appare distorta, verifica che le dimensioni della tela corrispondano esattamente alla griglia del dispositivo e che le dimensioni del file siano inferiori a 1 MB. Per le istruzioni generali sul caricamento delle immagini (immagini statiche, foto e altri tipi di file), consulta la nostra guida su come caricare immagini personalizzate su Divoom. Per la risoluzione dei problemi specifici del dispositivo, il manuale del prodotto Divoom contiene i dettagli sulla configurazione e sulla connessione di ogni modello.
Su quale schermo Divoom dovresti animare?
Se stai scegliendo uno schermo Divoom appositamente per l’animazione, ecco un confronto tra i tre modelli:
| Caratteristica |
Pixoo-64 Ampia tela creativa 
|
Pixoo Max Compromesso equilibrato 
|
Ditoo Pro Modalità sfida compatta 
|
|---|---|---|---|
| Dimensioni della griglia | 64×64 (4.096 px) | 32×32 (1.024 px) | 16×16 (256 px) |
| Stile di animazione ideale | Personaggi dettagliati, scene, rotazioni | Loghi, icone, brevi cicli | Lampeggiamenti, rimbalzi, variazioni di colore |
| Fotogrammi per un ciclo fluido | 12–24 | 8–12 | 4–6 |
| Difficoltà per principianti | Media — più spazio, ma anche più lavoro | Bassa — un buon punto di partenza | Alta — ogni pixel conta |
Se sei alle prime armi con l’animazione, il Pixoo Max 32×32 è il punto di partenza più semplice: offre abbastanza pixel per creare immagini riconoscibili, ma non così tanti da sentirti sopraffatto. Il Pixoo-64 è ideale se hai già una certa esperienza nel disegno e vuoi maggiore libertà creativa. Il Ditoo Pro è una sfida divertente per gli animatori minimalisti che amano lavorare con vincoli ristretti.
Domande frequenti
Di quanti fotogrammi ho bisogno per un’animazione in pixel art su uno schermo Divoom?
Per uno schermo 16×16 come il Ditoo Pro, di solito bastano da 4 a 6 fotogrammi per un ciclo fluido. Per un Pixoo Max 32×32, punta a 8-12 fotogrammi. Per un Pixoo-64 64×64, da 12 a 24 fotogrammi garantiscono un movimento fluido. Inizia con meno fotogrammi e aggiungine altri solo se l’animazione risulta scattosa. Per indicazioni dettagliate sulla frequenza dei fotogrammi, consulta la nostra guida alla frequenza dei fotogrammi.
Posso usare l’IA per animare la pixel art su Divoom?
Esistono strumenti di animazione della pixel art basati sull’IA, ma sono ancora nelle prime fasi di sviluppo e spesso producono risultati incoerenti alle ridotte dimensioni della tela richieste dagli schermi Divoom. Per ora, la creazione manuale fotogramma per fotogramma offre un maggiore controllo e risultati più prevedibili. Se vuoi fare qualche esperimento, usa l’IA per generare fotogrammi statici in pixel art, poi assemblali manualmente in Aseprite o Piskel.
Perché la mia GIF non viene importata nell’app Divoom?
Le cause più comuni sono una mancata corrispondenza delle dimensioni della tela, una dimensione del file superiore a 1 MB o un numero eccessivo di fotogrammi. Assicurati che le dimensioni della GIF corrispondano esattamente alla griglia del tuo dispositivo (64×64, 32×32 o 16×16). Riduci il numero di fotogrammi o il numero di colori se il file è troppo grande. Se l'app si arresta durante l'importazione, prova a chiudere le altre app sul telefono per liberare memoria prima di riprovare.
Posso animare direttamente nell'app Divoom senza strumenti esterni?
Sì. L'app Divoom include un editor di pixel art integrato che supporta l'animazione fotogramma per fotogramma. Rispetto ad Aseprite o Piskel è basilare, ma funziona per animazioni semplici come cambi di colore, occhi che sbattono o icone che rimbalzano. Il vantaggio è che puoi saltare completamente i passaggi di esportazione e caricamento: ciò che disegni passa direttamente al display.
Qual è la dimensione della tela migliore per i principianti dell'animazione pixel art?
32×32 è il punto di partenza migliore per i principianti. Offre abbastanza pixel per creare illustrazioni riconoscibili senza i dettagli travolgenti del 64×64 o i vincoli estremi del 16×16. Pixoo Max è il display che corrisponde a queste dimensioni della tela. Quando ti sentirai a tuo agio, potrai passare al Pixoo-64 o scendere al Ditoo Pro.
Continua a imparare
Inizia con un semplice ciclo di quattro fotogrammi: una palla che rimbalza, un occhio che sbatte o un'icona che cambia colore. Quando ti sembrerà naturale, passa all'animazione dei personaggi e a sequenze più lunghe. Ecco risorse più approfondite per argomenti specifici:
- Guida alla frequenza dei fotogrammi nelle animazioni pixel art — quanti fotogrammi e quanti FPS servono davvero
- Trasforma uno sprite sheet in una GIF per Divoom — conversione di sprite sheet esistenti
- Esporta pixel art da Aseprite a Divoom — procedura dettagliata di esportazione da Aseprite
- Come caricare illustrazioni personalizzate su Divoom — procedura generale di caricamento per immagini e GIF
- Trova, salva e applica i modelli dell'app Divoom — usando i design della community come fonte d'ispirazione
Gli strumenti e le tecniche di questa guida funzionano su tutti i display a pixel Divoom. Ciò che conta non sono le dimensioni della tua tela o il costo del software, ma il tempo che dedichi a rendere perfetto ogni fotogramma. Scegli la tua tela, prendi uno strumento e inizia a disegnare il tuo primo fotogramma. Il risultato sarà un'animazione memorabile, unica nel suo genere, che illuminerà la tua scrivania come un compagno pixel che hai creato da zero.
