6 cose semplici che puoi fare per migliorare i tuoi screenshot

Un buon screenshot può davvero vendere il tuo gioco. In questo tutorial, descriverò diversi trucchi semplici che miglioreranno la qualità dei tuoi screenshot. Questi suggerimenti sono abbastanza generici da essere applicati alla maggior parte dei giochi, sia 2D che 3D. Parlerò di strumenti che ti aiutano a scegliere meglio la posizione e l'angolo di visualizzazione, le considerazioni sull'interfaccia utente, i modi per migliorare i colori degli screenshot, i problemi di ritaglio e altro.

Perché la qualità degli screenshot è importante

Le schermate sono importanti per molte ragioni:

  • Puoi mostrare il gioco nella luce migliore.
  • Condividere una foto è un modo semplice ed efficace per diffondere la voce sul tuo gioco.
  • Le persone riconosceranno il tuo gioco tramite screenshot prima che guardino un articolo o un video.
  • Ne avrai bisogno per commercializzare il tuo gioco sul tuo sito.
  • Dovrebbero essere inseriti nel tuo kit di stampa e nelle e-mail in modo che i revisori possano utilizzarli facilmente.
  • Ne avrai bisogno per l'invio al negozio.
  • Sono una buona fonte della tua arte di gioco per pubblicità e materiali di marketing.

E naturalmente, bene gli screenshot miglioreranno tutte queste cose.

Usa il tuo meccanismo di screenshot

Mentre ci sono strumenti esterni per creare schermate, rendere il gioco catturare schermate di per sé è utile in diversi modi:

  • È sempre lì; non è necessario ricordare di eseguire programmi per creare screenshot quando ne hai bisogno. Ogni volta che ottieni "Wow! Ottima vista!" momento di testare il tuo gioco, puoi semplicemente premere un pulsante per catturarlo.
  • Puoi salvare schermate dove vuoi, in qualsiasi formato tu voglia.
  • Puoi nascondere automaticamente le cose che non vuoi nei tuoi screenshot (come le informazioni di debug su schermo, le linee guida o l'HUD).
  • Puoi aggiungere automaticamente elementi come filigrane o il nome del tuo gioco e l'URL del sito web.
  • È possibile postare le immagini se necessario.
  • Una volta ottenuto, è più facile aggiungere funzionalità extra come la registrazione di brevi animazioni o realizzare enormi screenshot per i poster riproducendo più immagini.

Sfortunatamente, questo potrebbe non essere un'opzione (o potrebbe essere troppo difficile) in alcuni motori. Fortunatamente, è già stato fatto per te in molti motori; dovrai solo adattarlo alle tue esigenze.

Modalità di pausa con fotocamera attiva

Vuoi fare uno screenshot, ma i nemici scappano o appaiono all'improvviso e attaccano il tuo personaggio. O l'effetto particellare che vuoi catturare è solo così sfuggente.

La soluzione? Aggiungi un pulsante che mette in pausa il tuo gioco immediatamente (e lo spegne quando viene premuto di nuovo) mentre ti permette di spostare la telecamera per ottenere l'angolo giusto per il tuo screenshot.


Ho appena interrotto il mio gioco Arcane Worlds. Questa non è la migliore angolazione per lo screenshot.
La stessa scena, ma da un diverso punto di vista.

Trovo questa funzionalità estremamente utile. Puoi catturare qualsiasi immagine, indipendentemente dal fatto che il giocatore possa vederle normalmente nel gioco o meno. Puoi ottenere primi piani dello scenario o dei personaggi. Puoi anche usarlo per eseguire il debug del tuo gioco, metterlo in pausa per analizzare la situazione, che è ancora più utile se hai degli aiuti visivi per il debug.

Modalità Single-Step o Slow-Motion

Puoi migliorare ulteriormente la modalità di pausa aggiungendo un pulsante per eseguire un singolo passo del tuo gioco o eseguirlo al rallentatore. Questo ti aiuterà a catturare il momento giusto dell'animazione (oltre all'angolo della camera) ed è molto utile anche per il debug.

Composizione

Lo scopo di avere la modalità di pausa con la fotocamera attiva è la composizione dei tuoi screenshot. Il tema della composizione va oltre lo scopo di questo articolo, ma c'è una cosa semplice che puoi fare per aiutarti: aggiungi linee guida.

La regola dei terzi è un modo comune per comporre le immagini e potresti anche trovare utile la sezione aurea. Certo, puoi sempre guardare le cose, ma se hai problemi con questo, le linee guida sono utili. Assicurati di non includere queste linee guida nello screenshot attuale, però!


Usando le linee guida "regola dei terzi".

Le linee guida possono anche essere utilizzate per vedere in anteprima come apparirà l'immagine quando ritagliata in vari rapporti di aspetto. Maggiori informazioni su quello sotto.

Teleport Player Character

Il personaggio controllato dal giocatore è spesso un pezzo importante nella composizione dei tuoi screenshot. Risparmia un sacco di tempo e problemi rendendo più facile spostarlo ovunque tu voglia nel tuo livello.

Il metodo esatto varia a seconda del gioco, ma qualcosa come "punta e premi un pulsante" o "tieni premuto un pulsante e punta" è solitamente il migliore. Anche la modalità di movimento del turbo No-clip funziona bene. Non è necessario arrivare a qualsiasi luogo in un salto, ma arrivare in qualsiasi momento in pochi secondi è essenziale.

Nel mio gioco LEVEL UP! Ho una "modalità di visualizzazione" che viene attivata premendo un solo tasto. La vista può essere scorsa rapidamente con il mouse e il personaggio può essere teletrasportato sul mirino con una sola pressione di un pulsante:


"Modalità di visualizzazione" dal mio gioco LIVELLO SU!

E, ancora, troverai questa funzionalità utile anche per altre cose, come testare i tuoi livelli e meccaniche o eseguire il debug del tuo gioco.

Testo, interfaccia utente e menu

Evita di inserire troppo testo negli screenshot. Tutto sommato, stai facendo delle foto; se vuoi dire qualcosa con il testo, faresti meglio a scriverlo separatamente.

L'interfaccia utente richiede molto tempo per essere creata, quindi vorresti naturalmente mostrarla nei tuoi screenshot (lo so che lo so). Ma non è una buona idea. Va bene come uno screenshot di sviluppo nel tuo blog, ma le interfacce e i menu degli utenti non dovrebbero essere al centro delle schermate della tua galleria di giochi a meno che non si tratti di una simulazione hardcore con ampi fogli di lavoro o qualcosa del genere.

Tuttavia, esiste un altro tipo di interfaccia utente: l'HUD (head-up display) o l'interfaccia di gioco (quest'ultima è principalmente per giochi di strategia). Dovresti considerare se lo vuoi nei tuoi screenshot.

Per chiunque sia interessato abbastanza, l'HUD fornisce informazioni sulle meccaniche di gioco e sul gameplay. Ciò significa che può offrire maggiori informazioni sul tuo gioco:


Uno screenshot di Bastion, che mostra il suo HUD.
Si può indovinare molto sul gameplay dallo screenshot qui sopra!

Tuttavia, mostrando l'interfaccia spesso ridondante su più schermate, e potresti non voler farlo per ragioni di marketing, (lavoro precoce, competizione, furto). Inoltre nasconde e ingombra la tua arte. È necessario quando giochi, ma non quando mostri le sue foto ad altri.

Come puoi vedere, ci sono più svantaggi dei vantaggi di includere l'interfaccia utente, ma dovresti pesarli per il tuo gioco.

Aggiungi un pulsante per nascondere l'HUD e la GUI di gioco

Anche se decidi di mantenere l'HUD negli screenshot, aggiungere un pulsante per attivarlo è comunque una buona idea. Potresti aver bisogno della tua arte di gioco per cose diverse dagli screenshot: design del sito, materiali di stampa e pubblicità.

E, naturalmente, i tuoi giocatori potrebbero voler prendere degli screenshot del tuo gioco da condividere sul Web o creare sfondi, in cui un HUD si intrometterà.

Analizza il tuo istogramma Screenshot

Un istogramma mostra il numero di pixel per ogni livello di luminosità come una barra. Lo puoi trovare in Photoshop, GIMP (come finestra separata) e Paint.NET (in Regolazioni> Livelli). Gli esempi seguenti utilizzano l'istogramma GIMP, con una scala logaritmica per chiarezza.


Ecco lo screenshot originale di un gioco immaginario. Si svolge in un dungeon, quindi è buio. Difficile vedere qualcosa.

Iniziamo con questo screenshot. Puoi vedere alcuni falò e probabilmente alcuni nemici e muri se strizza gli occhi. Diamo un'occhiata al suo istogramma:


Istogramma dello screenshot originale.

Il buco all'estrema sinistra rappresenta i colori scuri inutilizzati: non c'è affatto nero nell'immagine! Il divario a destra (che è circa un terzo della gamma) rappresenta i colori chiari inutilizzati (fino al bianco).

I colori effettivi dell'immagine usano solo circa la metà dell'intervallo totale, il che è pessimo. Risolviamolo con qualche post-elaborazione. Userò la regolazione dei "livelli", che è disponibile in molti programmi di elaborazione grafica, e imposta l'intervallo di input per abbinare i colori usati nell'istogramma e regolare la gamma (curva) un po ':


Screenshot elaborato. Il metodo di elaborazione è chiamato "livelli" nella maggior parte dei programmi di elaborazione delle immagini.

Non è l'ideale, ma è molto meglio. Diamo un'occhiata all'istogramma ora:


Istogramma dello screenshot elaborato.

Come puoi vedere, i colori usati ora riempiono l'intera gamma di luminosità; la regolazione "allunga" i valori del colore per riempire l'intervallo. Questo può essere fatto automaticamente come una fase di post-elaborazione nel rendering. Puoi anche provare altri effetti di elaborazione nel tuo programma di manipolazione delle immagini di tua scelta, quindi applicare quelli che ti piacciono nel gioco.

Tuttavia, c'è un altro modo.

Regola l'arte in base all'istogramma

L'istogramma dell'istantanea originale ci dice che mancano colori scuri e luminosi, quindi l'intervallo utilizzato è più piccolo di quanto potrebbe essere. Risolviamo ciò migliorando l'arte. Le cose luminose qui sono fiamme e occhi mostri, e quelle scure sono lo sfondo (pavimento) e la cenere.


Arte migliorata: fiamme più brillanti e occhi mostri, sfondo e cenere più scuri.

Ok, sembra ancora meglio di quello post-elaborato. E il suo istogramma ora?


Istogramma dello screenshot con arte migliorata.

Come vedi, la gamma di luminosità viene utilizzata molto meglio ora. Naturalmente, puoi combinare le regolazioni artistiche con la post-elaborazione!

Ho compresso la parte più luminosa dell'intervallo (le fiamme), sacrificando alcuni dettagli al suo interno per espandere la gamma del resto dell'immagine:


Istogramma dello screenshot con arte migliorata e post-elaborazione.
Miglioramento dell'arte con un po 'di post-elaborazione applicata.

Ed ecco di nuovo l'originale da confrontare:


Lo screenshot originale del nostro gioco immaginario.

Risoluzione e proporzioni

Ovunque ci sia una galleria di screenshot per il tuo gioco (il tuo sito, un negozio online e così via) è meglio mantenere la risoluzione dello screenshot coerente in quella galleria. Per lo meno, dovresti mantenere il aspetto rapporto (come 16: 9, 4: 3 o 2: 1) coerente.

Ciò solleva la questione di come scegliere la migliore risoluzione dello schermo per il tuo gioco. Considera quale sia la tua piattaforma di destinazione principale e scegli la risoluzione e le proporzioni basate su quella.

ritaglio

Qualunque sia la risoluzione che hai scelto, prima o poi troverai il problema di ritaglio. Sia che si tratti di foto di Twitter o di Screenshot sabato, alcuni siti ritagliano le tue immagini per conformarsi ai loro standard.

Per affrontarlo, ti consiglio di mantenere le cose più interessanti al centro del tuo screenshot e controllare come verrà ritagliato sul quadrato. Anche l'aggiunta di linee guida nel tuo gioco può aiutarti. Puoi anche aggiungere linee guida per altri rapporti di aspetto se ne hai bisogno.


Linee guida di composizione (regola dei terzi) e linee guida di ritaglio (quadrato e 2: 1).

miniature

Un altro problema simile è quando le immagini vengono ridimensionate per creare miniature. Questo rimuove efficacemente i dettagli piccoli e ad alta frequenza dallo screenshot, lasciando solo caratteristiche grandi e a bassa frequenza. Quindi assicurati di averli e di avere abbastanza contrasto. Ciò è positivo anche per il tuo gioco, dal momento che è più facile ottenere ciò che è sullo schermo quando ci sono grandi funzioni visive a contrasto per guidare il tuo sguardo.

Per aiutarti, aggiungi una miniatura di anteprima che viene mostrata insieme ad altri strumenti di screenshot come le linee guida.

Screenshot animati

Alcuni giochi hanno un bell'aspetto, ma non altrettanto bene negli screenshot. E a volte, un'immagine statica non può fornire abbastanza informazioni sul tuo gioco.

Valuta la possibilità di creare schermate animate con GIF. Ci sono altri modi per farlo, ma le GIF sono ampiamente supportate, consentendo a molte persone di visualizzarle su vari dispositivi. Se vuoi diventare più moderno o efficiente, prova Gfycat per i video HTML5.

Puoi registrare un video e convertirlo in GIF, oppure utilizzare un programma in grado di registrare su GIF direttamente come GifCam o LICEcap.

Buffer ciclico

Questa funzione è integrata in FRAPS e puoi implementarla direttamente nel tuo gioco. L'idea è che il programma registra sempre su un buffer di dimensioni limitate, diciamo 30 secondi di video. Quindi, quando giochi, fai qualcosa e pensa "hey, è stato fantastico" puoi semplicemente premere un pulsante per salvare un video degli ultimi 30 secondi prima l'hai premuto, come se la registrazione fosse iniziata 30 secondi fa.

Conclusione

Ora conosci diversi strumenti e metodi che ti aiuteranno a mostrare il tuo gioco nel modo migliore possibile: modalità di pausa attiva e personaggio del giocatore di teletrasporto per ottenere la vista migliore, nascondendo l'HUD (o conservandolo e quando farlo), analizzando il tuo istogramma screenshot per migliorare i suoi colori e usando le linee guida per aiutare il ritaglio e la composizione.

Molti di questi suggerimenti ti aiuteranno anche durante lo sviluppo del gioco e miglioreranno la qualità della tua arte di gioco e screenshot creati dalla community.