Design5 min di lettura
Come fare un overlay per lo stream: misure ed errori
In breve: un overlay è il livello grafico che si mette sopra il gioco e la webcam dentro OBS: cornice della webcam, scene di inizio e pausa, elementi della chat e alert. Si progetta alla misura della tela base di OBS (di solito 1920x1080) e si organizza in scene con pezzi separati. Questa guida ti spiega cosa include un buon overlay, come montarlo in OBS senza deformarlo e gli errori più frequenti.
Cos’è un overlay e a cosa serve
Quando qualcuno entra nella tua live, la prima cosa che vede è la tua scena: il gioco, la tua webcam e tutto ciò che li circonda. L’overlay è quella «cornice» visiva. Ha tre funzioni:
- Identità: far riconoscere il tuo canale con un solo fotogramma.
- Ordine: chiarisce dove sta la webcam, dove va il gioco e dove compaiono gli alert.
- Contesto: può mostrare l’ultimo follower, un contatore o un messaggio di «torno subito».
Un overlay non è la stessa cosa degli alert: l’overlay è il design fisso delle tue scene, e gli alert sono avvisi che scattano per eventi. Gli alert li vediamo nella guida agli alert.
Cosa include un overlay completo
Un pacchetto di overlay di solito si costruisce come una famiglia di scene con lo stesso stile:
| Elemento | A cosa serve |
|---|---|
| Scena di inizio («starting soon») | Schermata mentre aspetti che arrivi la gente |
| Scena di gioco | Cornice per la webcam, bordi e zona libera per il gioco |
| Scena di sola chiacchierata | Webcam grande per Just Chatting o conversazione |
| Scena di pausa («BRB») | Avviso che torni subito |
| Scena di chiusura | Saluto, social e prossima live |
| Cornice webcam e dettagli | Riquadro che incornicia la tua webcam con la tua palette |
| Elementi di chat ed eventi | Chat box, elenco eventi o etichette con l’ultimo follower |
Secondo la guida di OBS agli alert, gli elementi dinamici più comuni sono gli alert, l’elenco eventi, la chat box, le etichette con informazioni singole (ultimo follower, ultimo abbonato) e il «barattolo» che si riempie di icone degli eventi.
A che misura progettarlo
Non esiste una misura di overlay imposta dalle piattaforme: quella che conta è la tela base di OBS. Secondo la guida generale di OBS, la tela è lo spazio in cui posizioni le sorgenti e di solito coincide con la risoluzione del tuo monitor o del tuo gioco. Per questo la regola è semplice:
- Progetta ogni scena alla stessa misura della tua tela base. Se la tua tela è 1920x1080, progetta a 1920x1080.
- Tieni fissa la tela. Cambiarla dopo ti obbliga a riposizionare tutte le sorgenti. Se devi trasmettere a una risoluzione più bassa, abbassa solo la risoluzione di uscita, non la tela.
- Ricorda il tetto della tua piattaforma. Kick accetta fino a 1920x1080 e 60 fps, e le raccomandazioni di Twitch arrivano fino a 1080p60. Un overlay 4K non ti serve se trasmetterai in 1080p.
Se l’overlay è una pagina web (sorgente Browser)
Molti overlay animati e tutti gli alert funzionano con una sorgente di tipo Browser (Browser Source). Secondo la documentazione ufficiale di OBS:
- La dimensione predefinita è 800x600, quindi devi adattarla a mano alla misura del tuo overlay (per esempio 1920x1080).
- Il CSS predefinito lascia lo sfondo trasparente e toglie margini e barre di scorrimento.
- Puoi attivare «Spegni la sorgente quando non è visibile» (Shutdown source when not visible) per scaricare la pagina quando non è a schermo, e «Aggiorna il browser quando la scena diventa attiva» per riavviarla ogni volta che cambi scena.
Immagini e trasparenza
Per i pezzi statici (cornici, bordi, testi) usa un’immagine con sfondo trasparente che occupi l’intera tela. Così, quando la metti come sorgente immagine, occupa tutta la scena e ciò che è «vuoto» lascia vedere sotto il gioco o la webcam.
Contano anche le misure del tuo canale
L’overlay vive dentro la live, ma il tuo canale ha elementi visivi fuori da OBS. Su Twitch, per esempio, l’aiuto ufficiale alla configurazione del canale indica:
- Banner del profilo consigliato: 1200x480 px; concentra la grafica a sinistra perché la pagina si scala in base alla finestra di ciascuno.
- Pannelli informativi: immagini larghe al massimo 320 px (e alte 300 px), con meno di 2,9 MB.
- Foto del profilo: JPEG, PNG o GIF fino a 10 MB.
Se usi gli stessi colori, lo stesso font e lo stesso logo su overlay, pannelli e banner, il tuo canale appare come un unico brand. Come ottenerlo lo trattiamo nella guida al branding.
Come montarlo in OBS, passo passo
- Fissa la tua tela base in Impostazioni > Video (per esempio 1920x1080).
- Crea una scena per ogni situazione: inizio, gioco, chiacchierata, pausa e chiusura.
- Aggiungi prima le sorgenti di sfondo (gioco, webcam) e sopra l’immagine dell’overlay con trasparenza.
- Allunga la cornice della webcam fino alla misura del riquadro dell’overlay; ritaglia con il filtro Ritaglia/Riempi (Crop/Pad) se serve.
- Aggiungi le tue sorgenti browser (alert, chat, etichette) in cima a tutto, così nessuna immagine le copre.
- Fai una breve prova di trasmissione o registrazione e controlla che nulla copra elementi del gioco.
Per la configurazione completa di OBS, compresi CBR e bitrate, c’è la guida a OBS.
Errori comuni
- Coprire l’interfaccia del gioco. Controlla nel tuo gioco dove stanno minimappa, vita e testi importanti prima di disegnare bordi grandi.
- Webcam minuscola o riquadri che non combaciano. Se la cornice non coincide con la tua webcam, appare sciatto. Misura il riquadro e adatta la webcam.
- Troppi elementi insieme. Ogni contatore e ogni box in più sporca l’immagine e fa perdere il focus su di te e sul gioco.
- Testo troppo piccolo. Su un telefono, una lettera da 12 px è illeggibile. Usa poche parole e dimensioni generose.
- Alert duplicati. Se copi la sorgente degli alert in più scene e ne lasci un’altra dentro l’overlay, l’alert suona due volte. Tienine una sola.
- Mescolare stili. Una cornice neon con pannelli minimalisti ed emote di un altro stile dà l’idea di un canale improvvisato.
Overlay fatti per il tuo canale
In Epik puoi ordinare un overlay singolo a 20 USD l’uno. Il pack Boost include logo, 3 overlay, 3 pannelli e 1 banner (per una sola piattaforma), e il pack Epik aggiunge overlay, frame, pannelli, banner, emote, badge da abbonato, alert, TTS e configurazione di OBS multipiattaforma. Tutto si paga per intero su PayPal e partiamo dal tuo brief.
