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.
Le schermate sono importanti per molte ragioni:
E naturalmente, bene gli screenshot miglioreranno tutte queste cose.
Mentre ci sono strumenti esterni per creare schermate, rendere il gioco catturare schermate di per sé è utile in diversi modi:
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.
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.
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.
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.
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ò!
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.
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:
E, ancora, troverai questa funzionalità utile anche per altre cose, come testare i tuoi livelli e meccaniche o eseguire il debug del tuo gioco.
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:
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.
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à.
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.
Iniziamo con questo screenshot. Puoi vedere alcuni falò e probabilmente alcuni nemici e muri se strizza gli occhi. Diamo un'occhiata al suo istogramma:
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 ':
Non è l'ideale, ma è molto meglio. Diamo un'occhiata all'istogramma ora:
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.
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.
Ok, sembra ancora meglio di quello post-elaborato. E il suo istogramma ora?
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:
Ed ecco di nuovo l'originale da confrontare:
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.
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.
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.
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.
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.
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.