Come creare i personaggi dei pixel

Cosa starai creando

Se hai mai pensato di creare pixel art, ecco un'introduzione rapida e semplice a uno degli aspetti più fondamentali: i personaggi.

Creeremo un personaggio estremamente semplice, ma anche se sarà semplice, consentirà comunque una discreta quantità di dettagli, quindi funzionerà perfettamente come avatar per te stesso o per rappresentare i tuoi film preferiti o personaggi televisivi o celebrità.

Non riesci a pensare ad alcuna ispirazione? Forse funziona da un'immagine di stock da Envato Market.

1. Crea il corpo del personaggio

Di solito raccomanderei di iniziare con la testa, ed è ancora un punto di partenza praticabile, ma dal momento che questo personaggio sarà così semplice e le sue proporzioni saranno in qualche modo realistiche, il corpo sarà un altrettanto buon punto di partenza.

Dovrai creare un nuovo file in Adobe Photoshop. Potrebbe essere 100 px di 100 px; il personaggio che ho creato è solo 28 px alto.

Passo 1

Definiamo un colore della pelle. Questo è 25˚ nel colore, 40% Saturazione e 98% Luminosità, ma scegli cosa funziona per te.

Passo 2

Lavoreremo con il Strumento di matita con un 1 px dimensione del punto e sotto una buona quantità di zoom, come 800%.

Con il nostro colore appena creato, disegna le gambe, che saranno 2 px attraverso con un pixel vuoto tra ogni gamba ... questo funzionerà bene a meno che non stiate facendo un personaggio chubbier.

Le dimensioni delle gambe ci aiuteranno a definire il resto del personaggio.

Puoi provare le tue dimensioni / proporzioni, piuttosto che seguire le mie, per trovare quello che ti piace di più. Ma se vuoi che il tuo personaggio assomigli al mio, allora le gambe sopra sono 9 px alto, e così è il torso.

Passaggio 3

Per completare le estremità, aggiungiamo le braccia sul lato; sono semplicemente un pixel in più sul lato del busto. Aggiungiamo anche una fila aggiuntiva di pixel nella parte inferiore delle gambe con un pixel in più su ciascun lato per i piedi.

Ho anche aggiunto una fila di pixel per le spalle. È un po 'strano definire gli angoli delle spalle "arrotondati", ma quei pixel mancanti danno un aspetto più arrotondato e quindi più naturale alla fine.

Passaggio 4

Infine aggiungiamo la testa, anche con alcuni angoli "arrotondati". L'ho reso largo quanto il busto e 7 px alto.

2. Aggiungi caratteristiche facciali

Il nostro personaggio sarà molto minimale, limitato dalle sue piccole dimensioni, ma saremo comunque in grado di aggiungere qualche dettaglio.

Passo 1

C'è abbastanza spazio sul viso per aggiungere un paio di occhi.

Ho scelto di renderli un po 'più scuri (circa 15% più scuro) rispetto al tono della pelle. Non volevo avere troppo contrasto lì perché non pensavo che dovremmo essere in grado di vedere il colore degli occhi con una risoluzione così piccola.

Passo 2

Aggiungiamo un po 'di capelli. Ho usato una sfumatura marrone scuro e ho aggiunto una fila di pixel in più, quindi la testa è cresciuta leggermente, a causa dei capelli.

Passaggio 3

Aggiungi un po 'di capelli ai lati della testa. Ho usato un colore più chiaro come se fosse corto o antialias. Per aggiungere questo colore ho abbassato il Opacità del Strumento di matita a 50%, che può essere fatto facilmente premendo il numero 5 mentre il Strumento di matita è acceso Ricordati solo di restituirlo a 100% in seguito (è possibile premere il numero 0.) E alla fine ho dato al mio personaggio un po 'di pettinatura pompadour.

3. Aggiungi i vestiti

I vestiti saranno dove possiamo fare la maggior parte della nostra personalizzazione. Questo stile trae vantaggio dal non utilizzare alcun pixel sui contorni, quindi anche se il personaggio è piccolo, consente molti dettagli.

Passo 1

Prendiamo alcuni pantaloni sul personaggio. L'ombra qui è un'acquamarina a bassa saturazione, che sto usando per rappresentare i blue jeans. Per provare le variazioni sui colori, di solito copia l'area che sto colorando ad a Nuovo strato e apri il Tonalità / saturazione / luminosità pannello (Immagine> Regolazioni> Tonalità / Saturazione...) e sposta i cursori su quel pannello finché non mi piace il risultato.

Passo 2

Aggiungi delle scarpe. Li farò scarpe da ginnastica e saranno quasi bianchi; non c'è davvero molto spazio per dare questi dettagli.

Non li renderò bianchi perché lascerò lo sfondo bianco. Uno svantaggio di non usare i contorni è che se i colori di sfondo e in primo piano sono gli stessi, alcuni dettagli possono andare persi.

Passaggio 3

Dai al personaggio una maglietta. Mi è piaciuto come questo colore è andato con il colore dei pantaloni. Ho fatto la maglia con maniche corte e scollo a V.

Passaggio 4

Come ho detto prima, puoi aggiungere una quantità decente di dettagli, magari una cravatta o un elemento grafico nel mezzo della maglietta. Ho aggiunto alcune strisce (a basso contrasto).

Passaggio 5

E infine un altro strato di vestiti: una giacca. Se vuoi, puoi anche dare gli accessori del personaggio come un gilet o un orologio da polso o cuffie.

4. Ombreggia il personaggio

Ora che tutti i dettagli sui personaggi e sui vestiti sono stati completati, aggiungiamo un tocco di ombreggiatura che corrisponde ai diversi volumi del personaggio.

Passo 1

Creare un Nuovo strato e in esso disegna le tue ombre in nero.

Alcune ombre qui corrispondono alla testa che proietta un'ombra sul collo e alla giacca proiettando un'ombra sulla camicia. Il resto corrisponde solo ai volumi del personaggio; le gambe non sono piatte, quindi l'ombreggiatura su un lato trasmette un volume extra, e lo stesso vale per il lato destro del busto.

Le braccia, pensavo, erano troppo piccole per ombreggiare.

Passo 2

E per applicare l'ombreggiatura, basta abbassare il Opacità del livello a 15% o da qualche parte lì intorno. Puoi farlo nel Livelli pannello o anche premendo 15 sulla tastiera, mentre il Sposta strumento è selezionato.

Puoi quindi Unisci giù (Livello> Unisci giù) ed esporta la tua grafica.

Visto a 100%, il personaggio potrebbe essere troppo piccolo per apprezzarlo. Così puoi Selezionare esso, copia e Riscala a 200% o 300% (Modifica> Trasformazione libera) con interpolazione impostato Il vicino più prossimo.

Poi Salvare, preferibilmente come PNG o GIF, e il gioco è fatto!

Impressionante, personaggio completo!

Congratulazioni! Hai finito il carattere pixel.

Certo, ora puoi crearne altri, o affrontare qualcosa come la tua rock band preferita o un gruppo di personaggi che ti piace dalla TV o dal cinema, o pixel te stesso o i tuoi amici, ecc..