La maggior parte delle animazioni in pixel art dà il meglio tra 8 e 12 fotogrammi al secondo. Potrebbe sembrare sorprendentemente basso se provieni dal cinema o dai video, dove 24 o 30 FPS sono lo standard, ma la pixel art è tutta un'altra cosa. Ogni fotogramma è disegnato a mano, ogni pixel è intenzionale e lo stile della pixel art fa sì che il cervello completi più facilmente il movimento tra un fotogramma e l'altro rispetto a quanto farebbe con immagini fotografiche.
Il vantaggio pratico? Non devi disegnare centinaia di immagini per creare animazioni fluide e appaganti. Un ciclo di camminata di 6 fotogrammi a 12 FPS si ripete ogni mezzo secondo. Un'animazione respiratoria d'attesa di 2 fotogrammi a 8 FPS richiede meno di un minuto per essere disegnata. Una volta compreso il rapporto tra frame rate, numero di fotogrammi e durata del ciclo, puoi pianificare qualsiasi animazione in pixel art prima ancora di prendere in mano la tavoletta grafica.
Questa guida illustra le differenze visive tra i frame rate più comuni, fornisce numeri di riferimento per ciascun tipo di animazione e condivide un semplice trucco matematico per pianificare i tuoi progetti con sicurezza.
Cosa significa il frame rate per la pixel art
Il frame rate — misurato in fotogrammi al secondo (FPS) — controlla quante immagini singole appaiono sullo schermo ogni secondo. Nel cinema, 24 FPS catturano il movimento del mondo reale con una fluidità tale che l'occhio fonde i fotogrammi in un movimento continuo. Nella pixel art non stai catturando la realtà; ne stai creando una rappresentazione stilizzata, un disegno intenzionale alla volta.
Poiché la pixel art astrae già il mondo — un volto potrebbe essere largo 16 pixel, un personaggio alto 32 pixel — il sistema visivo non si aspetta un movimento fotorealistico. Accetta salti più ampi tra una posizione e l'altra. Ecco perché da 8 a 12 FPS la pixel art appare naturale: il “passo” tra i fotogrammi diventa parte dell'estetica, anziché un difetto.
C'è un compromesso da considerare. Un FPS più alto significa un movimento più fluido, ma anche più fotogrammi da disegnare. Poiché ogni fotogramma di pixel art viene realizzato a mano (non generato da una videocamera), il frame rate determina direttamente il tuo carico di lavoro. Scegliere l'FPS giusto significa trovare l'equilibrio in cui l'animazione appare bella e puoi davvero portarla a termine.
Come appare ogni frame rate
Il modo più semplice per scegliere il frame rate è capire come si percepisce in pratica ciascuna velocità comune. Ecco un confronto tra le quattro velocità che incontrerai più spesso nella pixel art:
| FPS | Resa visiva | Ideale per | Fotogrammi al secondo |
|---|---|---|---|
| 4 FPS | Sfarfallio rétro, fascino a scatti — ogni fotogramma è chiaramente visibile | Effetti di lampeggiamento, estetica rétro da Game Boy, semplici loop di respirazione | 4 |
| 8 FPS | Minimo fluido — il movimento è chiaro, con un leggero effetto a scatti | Cicli di camminata, movimenti di base dei personaggi, animazioni di attesa | 8 |
| 12 FPS | Fluido e naturale — il punto ideale per la maggior parte della pixel art | La maggior parte delle animazioni: camminata, corsa, attacchi, espressioni, effetti | 12 |
| 24 FPS | Eccessivo — più fluido di quanto la pixel art richieda normalmente | Solo effetti speciali: schizzi d'acqua, capelli al vento, esplosioni | 24 |
4 FPS sono la scelta volutamente rétro. Pensa ai primi giochi per Game Boy o ai giochi per Pico-8, in cui ogni fotogramma lampeggia visibilmente. Funziona alla perfezione per semplici effetti in loop — un personaggio che sbatte le palpebre, la fiamma di una candela che ondeggia — dove la rigidità fa parte del fascino. A 4 FPS, devi disegnare solo 4 immagini per ogni secondo di animazione, il che li rende l'opzione più rapida da produrre.
8 FPS sono la velocità minima alla quale il movimento inizia a risultare “fluido”. Un ciclo di camminata a 8 FPS appare abbastanza naturale per la maggior parte dei giochi e delle schermate in pixel art. Tra un fotogramma e l'altro si nota un leggero effetto a scatti, ma sembra intenzionale anziché un difetto. Molti celebri giochi per SNES e GBA animavano i personaggi all'incirca a questa velocità.
12 FPS sono il valore predefinito generalmente accettato. Se non sai cosa scegliere, inizia da qui. A 12 fotogrammi al secondo, le animazioni in pixel art risultano fluide senza richiedere un numero irragionevole di disegni. La maggior parte dei tutorial di pixel art, dei fogli di sprite per videogiochi e delle community di animazione considera 12 FPS il punto di partenza standard.
24 FPS sono quasi mai necessari per la pixel art. La natura stilizzata della pixel art fa sì che il miglioramento visivo passando da 12 a 24 FPS sia marginale, mentre il carico di lavoro raddoppia. L'eccezione sono gli effetti speciali in rapido movimento — schizzi d'acqua, capelli al vento, particelle che si disperdono — in cui i fotogrammi aggiuntivi creano una sensazione di movimento organico e imprevedibile.
Se vuoi vedere all'opera queste differenze di frame rate, questo tutorial analizza i principi fondamentali del timing nelle animazioni in pixel art, incluso il motivo per cui, quando si tratta del numero di fotogrammi, spesso meno è meglio.
Di quanti fotogrammi hai davvero bisogno
Il frame rate indica la velocità di riproduzione dell'animazione. Il numero di fotogrammi indica quanto lavoro devi svolgere. La buona notizia è che la maggior parte delle animazioni in pixel art più comuni richiede molti meno fotogrammi di quanto i principianti immaginino.
Il numero di fotogrammi dipende dal tipo di animazione che stai creando. Una posa d'attesa discreta richiede solo 2 o 3 disegni. Un ciclo di camminata completo potrebbe richiederne da 6 a 8. Ecco una tabella di riferimento che puoi usare ogni volta che inizi un nuovo progetto di animazione:
| Tipo di animazione | Fotogrammi necessari | Ciclo a 12 FPS | Cosa succede |
|---|---|---|---|
| In attesa / respirazione | 2–4 | 0.17–0.33 s | Leggero sollevamento del petto, battito di ciglia, spostamento del peso |
| Ciclo di camminata | 4–8 | 0.33–0.67 s | Contatto, passaggio, sollevamento, punto più alto — ripetuti per entrambe le gambe |
| Ciclo di corsa | 6–8 | 0.5–0.67 s | Passo più rapido con inclinazione in avanti, entrambi i piedi sollevati da terra |
| Attacco / azione | 6–12 | 0.5–1.0 s | Anticipazione, colpo, recupero — tre fasi |
| Cambio di espressione | 2–3 | 0.17–0.25 s | Battito di ciglia, sorriso, sorpresa — rapidi cambiamenti dell'espressione |
| Effetto in loop | 3–6 | 0.25–0.5 s | Fuoco, acqua, nuvole — semplici motivi ripetuti |
Lascia che il concetto si depositi per un momento. Un ciclo di camminata — una delle animazioni più fondamentali nel repertorio di ogni pixel artist — richiede solo da 4 a 8 disegni distinti. A 8 FPS, equivale a un ciclo di mezzo secondo. A 12 FPS è ancora più rapido. Il classico ciclo di camminata a 4 fotogrammi (contatto → abbassamento → passaggio → sollevamento, specchiato per entrambe le gambe) dà vita ai personaggi dei videogiochi fin dall'epoca del NES e funziona ancora oggi.
Un'animazione in attesa è ancora più semplice: bastano 2 fotogrammi. Il fotogramma 1 mostra la posa normale del personaggio. Nel fotogramma 2 il personaggio si abbassa di uno o due pixel per suggerire la respirazione. Riproducila in loop a 8 FPS e avrai un personaggio dall'aspetto vivo — disegnato in circa 30 secondi.
Le animazioni d'attacco richiedono più fotogrammi perché hanno tre fasi distinte: anticipazione (arretramento), il colpo vero e proprio e il recupero (ritorno alla posizione neutra). Sei fotogrammi bastano per un semplice fendente di spada; dodici ti danno spazio per un'azione più drammatica e dotata di maggior peso.
Il trucco della durata del ciclo
Ecco una formula che ti evita di dover indovinare quanti fotogrammi disegnare:
Durata del ciclo (secondi) = Numero di fotogrammi ÷ FPS
Puoi anche fare il calcolo inverso quando sai quale durata vuoi:
Fotogrammi necessari = Secondi desiderati × FPS
Alcuni esempi pratici per rendere il concetto più concreto:
- "Voglio un ciclo di camminata di mezzo secondo a 12 FPS" → 0.5 × 12 = 6 fotogrammi. Disegna 6 immagini.
- "Voglio un battito di ciglia rapido a 8 FPS" → 0.25 × 8 = 2 fotogrammi. Occhi aperti, occhi chiusi. Fatto.
- "Voglio un'animazione d'attacco di 1 secondo a 12 FPS" → 1 × 12 = 12 fotogrammi. Tre fasi, 4 fotogrammi ciascuna.
- "Voglio un ciclo di fuoco di 0,5 secondi a 4 FPS" → 0,5 × 4 = 2 fotogrammi. Minimo, tremolante, perfetto.
Inizia dalla temporizzazione che desideri, poi procedi a ritroso per calcolare il numero di fotogrammi. In questo modo eviti l'errore più comune dei principianti: disegnare troppi fotogrammi perché non hai pianificato prima la durata del ciclo.
Quando infrangere le regole
La linea guida degli 8–12 FPS è un punto di partenza, non una legge. A volte la scelta creativa migliore è andare contro le impostazioni predefinite.
Scendi a 2–3 FPS quando vuoi un'estetica volutamente rudimentale e rétro. I primi giochi per Game Boy, i titoli per Pico-8 e spesso la pixel art "maledetta" usano frequenze dei fotogrammi estremamente basse come scelta stilistica. Lo scatto visibile diventa parte dell'atmosfera.
Passa a 15–24 FPS per gli effetti speciali in rapido movimento, quando la fluidità conta più dell'efficienza nel disegno. Spruzzi d'acqua, esplosioni, scintille e capelli fluttuanti traggono tutti vantaggio da fotogrammi aggiuntivi, perché il movimento è imprevedibile e organico.
Usa una temporizzazione variabile se il tuo strumento di animazione lo supporta. Molti animatori di pixel art mantengono le pose chiave per 3–4 fotogrammi, rendendole più ponderate e incisive, mentre mostrano i fotogrammi di transizione in appena 1–2 fotogrammi, così il movimento risulta scattante. Questa tecnica, chiamata "animare su uno e due fotogrammi" nell'animazione tradizionale, offre un controllo espressivo senza richiedere frequenze dei fotogrammi uniformi.
Guarda la tua animazione su una vera griglia di pixel
C'è una differenza tra visualizzare in anteprima l'animazione su un monitor fluido e vederla su un vero display pixel. Su un monitor, l'alta risoluzione dello schermo e l'antialiasing possono mascherare i problemi di temporizzazione. Su una griglia di pixel dedicata, ogni fotogramma appare esattamente come l'hai disegnato: ogni punto è nitido e ogni transizione è visibile.
Un display come il Divoom Pixoo-64 offre una tela da 64×64 pixel sulla quale caricare animazioni personalizzate e visualizzarle alla velocità reale. Testare il ciclo di camminata su un display pixel fisico aiuta a capire se 8 FPS offrono una fluidità sufficiente o se vale la pena usare 12 FPS per avere più fotogrammi. È la differenza tra progettare sulla carta e vedere il proprio lavoro illuminato sulla scrivania.
Per saperne di più su come i dispositivi Divoom gestiscono le impostazioni di animazione e visualizzazione, il manuale del prodotto illustra i controlli dell'app e le opzioni di riproduzione dei fotogrammi.
Domande frequenti
Qual è la frequenza dei fotogrammi migliore per la pixel art?
La maggior parte delle animazioni in pixel art dà il meglio a 8-12 FPS. 12 FPS è il valore predefinito generalmente accettato: abbastanza fluido per la maggior parte degli scopi senza richiedere un numero irragionevole di disegni. Inizia da 12 FPS e regola il valore in base alle esigenze specifiche della tua animazione.
Quanti fotogrammi servono per un ciclo di camminata?
Un ciclo di camminata richiede in genere da 4 a 8 fotogrammi. A 12 FPS, un ciclo di camminata di 6 fotogrammi si ripete ogni mezzo secondo. Il classico ciclo di camminata di 4 fotogrammi (contatto, abbassamento, passaggio, sollevamento, specchiato per entrambe le gambe) viene utilizzato fin dall'epoca del NES e funziona ancora perfettamente oggi.
I 24 FPS sono mai necessari per la pixel art?
Quasi mai. La natura stilizzata della pixel art fa sì che il miglioramento visivo passando da 12 a 24 FPS sia marginale, mentre il carico di lavoro raddoppia. L'unica eccezione riguarda gli effetti speciali in rapido movimento, come schizzi d'acqua, esplosioni o capelli al vento, nei quali fotogrammi aggiuntivi creano un movimento organico e imprevedibile.
Come faccio a calcolare quanti fotogrammi mi servono?
Usa la formula: fotogrammi necessari = secondi desiderati × FPS. Ad esempio, un'animazione di 1 secondo a 12 FPS richiede 12 fotogrammi. Un ciclo di mezzo secondo a 8 FPS richiede 4 fotogrammi. Inizia dalla durata che desideri, poi calcola a ritroso il numero di fotogrammi.
Inizia con la tua prima animazione
Se hai rimandato l'animazione in pixel art perché ti sembrava richiedere troppo lavoro, ecco da dove iniziare: apri un qualsiasi editor di pixel art, imposta il progetto a 12 FPS e disegna un'animazione inattiva di 2 fotogrammi. Nel fotogramma 1 il personaggio è fermo in piedi. Nel fotogramma 2 lo stesso personaggio è spostato verso il basso di un pixel, quanto basta per suggerire la respirazione. Premi play.
Hai appena creato un'animazione in pixel art. Due fotogrammi. Meno di un minuto di lavoro.
Da lì, prova un ciclo di camminata di 4 fotogrammi. Poi un attacco di 6 fotogrammi. I numeri in questo articolo sono il tuo riferimento: fidati e smetti di preoccuparti di disegnare il numero "giusto" di fotogrammi. Inizia in piccolo, acquista sicurezza e lascia che ogni progetto ti insegni quale dovrebbe essere la sensazione associata al numero di fotogrammi successivo.
Scopri altre guide per la configurazione e la creazione di pixel art nella pagina della collezione di display a pixel Divoom, oppure acquista un Pixoo-64 e inizia a mostrare le tue animazioni già stasera.
Consulta il nostro processo editoriale di test e revisione dei prodotti.
