Come creare fantastici Pixel Art per i tuoi giochi e app

come si inizia con pixel art in poi? Fortunatamente lo è pixel art una di quelle rare occasioni in cui è davvero facile come sembra. Questa è pixel art...

Pixel Art ha un certo fascino retrò che risale all'era delle console a 8, 16 e 32 bit. Oggi, tuttavia, è più probabile che si trovi in ​​una varietà di giochi indie e mobili e sta attualmente godendo di una sorta di rinascita. È un modo fantastico per aggirare i limiti tecnologici derivanti dall'essere uno sviluppatore indipendente e hardware mobile. In questo modo, puoi fare meno lavoro e ridurre le dimensioni dei tuoi file, ma invece di sembrare economico, sembra una scelta stilistica consapevole. Aggiungi un po' di musica chiptune e una tavolozza di colori unica e avrai un'estetica fantastica che farà girare la testa sul Play Store.

Un'altra attrazione di pixel art è il modo in cui ti sfida a lavorare entro i suoi limiti. Dal momento che le immagini sono così piccole, questo impone un approccio alquanto impressionistico. Come puoi rendere uno o due pixel immediatamente riconoscibili come un sorriso carismatico o un pugnale che spunta da un avversario? Qui sta la vera arte del formato ed è per questo che alcuni dei risultati nei giochi piacciono Superbrothers: Sword & Sworcery o quello più recente Hyper Luce Drifter  così impressionante.

come iniziare

Con questo in mente, puoi deciderlo pixel art sarebbe una buona direzione per il tuo progetto. In questo caso, come si inizia? Fortunatamente lo è pixel art una di quelle rare occasioni in cui è davvero facile come sembra. Questa è pixel art...

All'inizio devi solo selezionare un programma di disegno a tua scelta. Uso GIMP poiché è gratuito, ma potresti usare altrettanto facilmente Photoshop o anche MS Paint. Tuttavia, consiglierei di utilizzare qualcosa di più complesso di MS Paint, poiché può essere utile avere accesso a funzionalità come livelli e trasparenze (come vedremo più avanti). Ci sono alcuni programmi dedicati alla pixel art con cui puoi anche lavorare, ma generalmente non sono richiesti. Tuttavia, Aseprite è una buona opzione.

Indipendentemente dal software scelto, selezionerai lo strumento penna e ti assicurerai che sia impostato per disegnare singoli pixel con un'opacità del 100%. Ora ingrandisci l'immagine fino al punto in cui puoi vedere chiaramente i pixel quadrati mentre disegni. È veramente così facile!

Ora puoi iniziare a disegnare a mano libera o posizionare ogni pixel individualmente. Nota che quando disegni oggetti come cerchi, può essere utile guardare attentamente i modelli dei tuoi pixel (due in alto, uno trasversalmente, tre sopra uno trasversalmente, quattro sopra uno trasversalmente, ecc.) poiché ciò produrrà un'immagine dall'aspetto più coerente e controllato. La buona notizia è che è molto facile annullare gli errori che fai, quindi non c'è motivo per non sperimentare.

Quello che ottieni è uno schema di base per qualsiasi cosa tu stia cercando di disegnare in pixel a blocchi. Non preoccuparti di aggiungere molti dettagli fino a dopo, prova prima a ottenere la forma e le proporzioni giuste. Questa è la parte più difficile, soprattutto con molti personaggi.

Mi piace usare un contorno per i miei dipinti, ma molte persone non si preoccupano e disegnano in blocchi di colori. Fai ciò che funziona per te, ma nota che ogni metodo ha pro e contro; I contorni rendono più facile distinguere i dettagli, ma possono diventare fastidiosi quando le immagini diventano più piccole e si esauriscono i pixel!

Aggiunta di dettagli e ombreggiatura

Una volta che sei soddisfatto del tuo profilo o sagoma, puoi aggiungere i singoli dettagli fino ad avere un quadro completo. Più dettagli aggiungi, più impressionanti appariranno i tuoi personaggi. Allo stesso tempo, però, devi evitare di far sembrare la tua immagine troppo angusta. È importante iniziare con un contorno della giusta dimensione e ricordare che anche gli altri oggetti nel tuo mondo di gioco devono essere relativi.

Ora che hai i tuoi dettagli, aggiungi semplicemente i colori che desideri con lo strumento di riempimento. Tuttavia, all'inizio può sembrare un po' piatto, quindi molto probabilmente vorrai aggiungere una sorta di illuminazione in seguito.

Per fare ciò, immagina semplicemente una fonte di luce per il tuo personaggio, quindi seleziona due o più sfumature aggiuntive da aggiungere alla tua tavolozza di colori. Ne serve almeno uno per le ombre e uno per le luci. Assicurati che tutta l'ombreggiatura appaia sulla stessa pagina e pensa ai contorni che verrebbero creati naturalmente dalle forme che disegni se fossero XNUMXD. Uso molta ombra su un lato e poi solo una sottile striscia di luce sull'altro per far risaltare i punti salienti, ma ancora una volta, la chiave è sperimentare e vedere cosa funziona per il tuo stile personale.

Ricorda che stai disegnando personaggi e oggetti per i giochi. Ciò significa che devi pensare attentamente alla tua fonte di luce. Creare un effetto ombra molto evidente sulla mano destra del tuo sprite può sembrare strano in alcuni contesti, specialmente se capovolgi il tuo sprite mentre sta andando nella direzione opposta! Tienilo a mente mentre crei la tua immagine e considera di rendere l'illuminazione più sottile o di proiettarla sopra la testa.

Esporta la tua immagine

Una volta terminato, puoi salvare ed esportare la tua immagine. Ovviamente dobbiamo stare attenti a questo punto perché l'immagine è in realtà minuscolo sarà . Ci sono anche alcune altre cose da tenere a mente quando usi la tua grafica nei tuoi giochi.

Innanzitutto, assicurati di ritagliare automaticamente l'immagine in modo che non ci siano aree bianche attorno ai bordi. Questo è utile per il rilevamento delle collisioni e ti aiuta anche a non rendere l'immagine inutilmente grande. Tuttavia, potresti invece voler creare un "foglio sprite", il che significa che aggiungerai ogni fotogramma di animazione a un singolo file. Ciò riduce le dimensioni complessive del file e semplifica l'organizzazione. In questo caso, il ritaglio è meno importante poiché lo farai in seguito nell'IDE scelto.

Devi anche assicurarti che lo sfondo sia trasparente in modo che i personaggi si muovano nel tuo mondo di gioco, piuttosto che grandi quadrati bianchi con i personaggi disegnati su di essi. In Gimp lo fai selezionando "Livello" dal menu, quindi "Trasparenza" e "Aggiungi canale alfa". Da lì puoi cancellare il tuo sfondo bianco e lasciare che la tua immagine galleggi sopra il nulla.

Se esporti la tua immagine, puoi farlo con le dimensioni effettive del file se prevedi di utilizzarla in un gioco. In Unity puoi scegliere i "Pixel per unità" per ogni singolo sprite, rendendo facile ingrandire la tua immagine quanto vuoi pur beneficiando delle piccole dimensioni del file.

Al contrario, tuttavia, se prevedi di condividere le tue immagini online, desideri che appaiano più grandi. Quindi vai su "immagine", quindi su "dimensione immagine" e aumenta le dimensioni. Assicurati di aver disattivato Interpolazione o selezionato Mantieni bordi rigidi (a seconda del software). In caso contrario, l'immagine apparirà sfocata.

7 Suggerimenti per Pixel Art

Infine, alcuni suggerimenti per iniziare a padroneggiare il pixel art dovrebbe aiutare...

1. Tieni a mente il quadro generale

Quando ingrandisci e modifichi attentamente ogni pixel, può essere difficile immaginare come apparirà la tua immagine quando sarà finita. Per questo motivo, è importante ridurre lo zoom di tanto in tanto. O meglio ancora, prova lo strumento di navigazione (disponibile con la maggior parte dei programmi artistici) che ti consente di visualizzare una prospettiva ridotta sulla tua tela e anche di saltare a punti specifici.

2. Usa lo strumento bacchetta magica

Puoi selezionare un'intera regione o colore utilizzando gli strumenti Bacchetta magica o Selezione colore. In questo modo puoi disegnare solo su quell'area Prima a sua volta, ti assicura di poter disegnare liberamente senza preoccuparti di attraversare le linee. Alpha Lock è un altro strumento che puoi usare per farlo.

3. Aggiungi l'antialias

L'antialiasing è un termine di computer grafica inteso ad ammorbidire l'aspetto dei pixel, di solito riducendo il contrasto e aggiungendo più colori di transizione. I giocatori PC riconosceranno questa come un'opzione grafica che può essere attivata e disattivata per migliorare le prestazioni.

Nel nostro caso, l'antialias è un effetto che possiamo imitare per rendere le nostre immagini un po' più autentiche. Per creare l'effetto, trova i punti in cui hai un contrasto improvviso, quindi introduci quei colori di transizione lungo i bordi. L'idea qui non è quella di creare una sfumatura uniforme, ma solo di far apparire la transizione un po' meno forte. Ho aggiunto un po' di antialiasing a Link qui in modo da poter vedere la differenza:

Qui imparerai anche qualcosa su Pixel Art: Richiede molta pazienza!

4. Usa i livelli

La maggior parte dei programmi artistici ti consente di utilizzare i livelli, il che significa che puoi far apparire le immagini sullo sfondo e disegnarle senza influire su quel livello. Puoi anche modificare la trasparenza dei singoli livelli, ecc.

Questo ci consente di prendere un'immagine con cui vogliamo lavorare, ridimensionarla completamente (mantenendo le proporzioni corrette) e quindi tracciarla con lo strumento penna. È così che ho fatto questo ritratto di Gary...

5. Prova i filtri

mentre il migliore pixel art Modificati al 99% a mano, ci sono alcuni filtri che possono semplificarti la vita a seconda delle tue ambizioni. Ad esempio, Gimp ha un filtro sfocato chiamato "Pixelize" che fa esattamente quello che dice sulla scatola. Puoi usarlo per aggiungere un ulteriore antialias alla tua immagine esistente, oppure puoi usarlo per "barare" e trasformare un'immagine normale in qualcosa di un po' più simile pixel art sembra. Lo strumento di affilatura può anche essere una risorsa utile.

6. Cerca l'ispirazione

Il modo migliore per pixel art Migliorare, come la maggior parte delle cose, significa continuare a provare. Tuttavia, anche fare qualche ricerca e cercare ispirazione online può essere molto utile. In particolare, guardare esempi esistenti di "sprite di riferimento" può essere utile, specialmente se vuoi creare rapidamente oggetti come forzieri, alberi e simili. "The Spriter's Resource" è un ottimo sito per trovare fogli sprite di tutti i tuoi vecchi giochi preferiti. Anche guardare i fogli sprite può essere molto utile quando provi ad animare i tuoi personaggi, in quanto ti dà un riferimento per la biomeccanica del camminare, correre e saltare (la biomeccanica si riferisce al modo in cui le braccia e le gambe si muovono). ).

E ovviamente c'è molta ispirazione su Deviant Art e Pinterest, oltre a un sacco di fantastici giochi proprio sul Play Store. Alcuni esempi eccellenti sono: Superbrothers: Sword & Sworcery, Pewdiepie: Legend of the Brofist, VVVVVV (per così dire), Sonic il Riccio 1, 2 & CD , Terrario.

7. Sii originale

mentre pixel art sembra incredibile su base regolare e il potenziale di sperimentazione è infinito, è importante assicurarsi di lavorare per assicurarsi che il tuo non sembri artificioso. Ce n'è uno al momento lotto pixel art, quindi è fin troppo facile usarne uno generico pixel art-Crea un look e chiamalo tag. Se vuoi che il tuo gioco abbia un aspetto unico, devi pensare fuori dagli schemi e cercare di inventare il tuo stile. Che ne dite di, pixel art da combinare con un altro stile, come il cyberpunk? Sperimenta, prova cose nuove e crea pixel artche è in qualche modo unico per te. uso pixel art come mezzo per esprimere te stesso e dare vita alla tua immaginazione - dopotutto, è proprio questo l'arte!

Condividi i tuoi pensieri con noi!