Adobe Photoshop: Disegna e anima un personaggio utilizzando la tecnica Pixel Art. Programmi per creare pixel art

23.04.2019

In questo tutorial imparerai come trasformare la foto di una persona in pixel art come un personaggio immaginario di un gioco arcade dei primi anni '90.
James May, alias Smudgethis, ha sviluppato questo stile nel 2011 per un video musicale per un gruppo rock dubstep. Il primo successo di Nero, Me & You, in cui ha creato un'animazione per mostrare un vecchio gioco con i due membri di Nero. Il gioco era un platform ritmico 2D con grafica a 16 bit simile a Double Dragon, ma di gran lunga superiore ai classici retrò a 8 bit come Super Mario Bros.
Per creare questo stile, i personaggi devono ancora essere a blocchi, ma più complessi rispetto ai giochi più vecchi. E anche se dovrai utilizzare una tavolozza di colori limitata per ottenere l'aspetto, ricorda che questi giochi avevano ancora 65.536 colori.
Qui James ti mostra come creare un personaggio da una foto utilizzando una semplice tavolozza di colori e lo strumento Matita.
Proprio come la guida all'animazione, avrai bisogno anche di una foto della persona. James ha utilizzato la foto di un punk inclusa nei file di progetto per questo tutorial.
Una volta completato, dai un'occhiata a questo tutorial sull'animazione di After Effects a 16 bit in cui James ti mostra come prendere questo personaggio in AE, animarlo e applicare effetti di gioco retrò.

Passo 1

Apri la Guida all'animazione (16 bit).psd e 18888111.jpg (o foto a tua scelta) da utilizzare come base per il personaggio. Una foto del profilo a figura intera funzionerà meglio e ti aiuterà a ottenere tavolozze di colori e stili per la tua figura a 16 bit.
Il tutorial sull'animazione ha diverse pose su singoli livelli. Scegli quella che meglio si adatta alla posa nella tua foto: poiché non abbiamo le gambe nell'inquadratura, ho scelto la posa standard al livello 1.

Passo 2

Utilizzando lo strumento Selezione rettangolare (M), seleziona la testa dalla foto e copia (Cmd /Ctrl + C) e incollala (Cmd /Ctrl + V) nella Guida all'animazione (16 bit).psd.
Ridimensiona l'immagine per adattarla, proporzionalmente. Noterai che poiché le dimensioni del PSD sono molto piccole, l'immagine inizierà immediatamente a disegnare un pixel.

Passaggio 3

Crea un nuovo livello e disegna il contorno con una matita nera a pixel singolo (B), utilizzando la guida all'animazione fornita in essa e la foto come base. \ P
La guida fornita aiuta a sviluppare una gamma di personaggi da figure di boss più grandi a figure femminili più snelle. Questa è una guida approssimativa per comporre e animare i miei personaggi in pixel art.

Passaggio 4

Utilizzando lo strumento Contagocce (I), campiona l'area più scura del tono della pelle nella foto e crea un piccolo quadrato di colore. Fallo altre tre volte per creare una tavolozza di tonalità della pelle a quattro colori.
Crea un altro livello sotto il livello del contorno e utilizza un pennello da un pixel e una tavolozza di colori a quattro colori per ombreggiare l'immagine (di nuovo, utilizzando la foto come guida). \ P
È meglio memorizzare tutti gli elementi della tua opera d'arte o diversi livelli in quanto ciò semplifica il loro riutilizzo su altre forme. Ciò è particolarmente utile per i cattivi, poiché la maggior parte dei giochi a 16 bit utilizza numeri molto simili. Ad esempio, un amico potrebbe avere una maglietta rossa e un coltello, mentre un altro amico potrebbe essere identico tranne che per una maglietta blu e una pistola.

Passaggio 5

Ripeti questo processo per le altre parti della figura, ombreggiando il tessuto per abbinarlo agli altri elementi della foto originale. Assicurati di continuare a campionare con lo strumento Contagocce per creare prima le tavolozze dei colori, poiché ciò fornisce un set coerente di colori che sembra fantastico e si adatta alla tavolozza dei colori relativamente limitata dei giochi a 16 bit.

Passaggio 6

Aggiungi dati per migliorare il tuo personaggio con occhiali da sole, tatuaggi, orecchini, ecc. Cena qui e pensa a come vuoi che appaia il tuo personaggio nell'ambiente di gioco. Forse potrebbero usare un'ascia o avere un braccio robotico?

Passaggio 7

Per animare il tuo personaggio, ripeti i passaggi precedenti utilizzando gli altri cinque livelli della guida all'animazione. Questo processo può richiedere del tempo per essere padroneggiato e creare risultati uniformi, ma è possibile effettuare scorciatoie riutilizzando elementi di fotogrammi precedenti. Ad esempio, in questa sequenza di sei fotogrammi, la testa rimane invariata.

Passaggio 8

Per verificare che la sequenza dell'animazione sia in ordine, apri il pannello Animazione in Photoshop e assicurati che sia attualmente in corso solo il primo fotogramma dell'animazione. Puoi aggiungere nuovi fotogrammi e attivare e disattivare i livelli per creare la tua animazione, ma il modo più veloce è utilizzare il comando Crea fotogrammi da livelli nel menu a comparsa del pannello (in alto a destra).
Il primo fotogramma è uno sfondo vuoto, quindi selezionalo e fai clic sull'icona del cestino del pannello (in basso) per eliminarlo.

La grafica pixel (di seguito denominata semplicemente pixel art) sta diventando sempre più popolare al giorno d'oggi, soprattutto attraverso i giochi indie. Questo è comprensibile, perché in questo modo gli artisti possono riempire il gioco con una grande varietà di personaggi e non spendere centinaia di ore a modellare oggetti 3D e a disegnare manualmente oggetti complessi. Se vuoi imparare la pixel art, prima di tutto dovrai imparare a disegnare i cosiddetti “sprite”. Poi, quando gli sprite non ti spaventano più, potrai passare all'animazione e persino vendere il tuo lavoro!

Passi

Parte 1

Raccogliamo tutto ciò di cui hai bisogno

Scarica buoni editor grafici. Ovviamente puoi creare capolavori in Paint, ma è difficile e non molto conveniente. Sarebbe molto meglio lavorare in qualcosa del tipo:

Photoshop
Paint.net
Pixel

Acquista una tavoletta grafica. Se non ti piace disegnare con il mouse, allora un tablet e uno stilo sono ciò di cui hai bisogno. Le tavolette Wacom, tra l'altro, sono le più popolari.

Abilita la "griglia" nel tuo editor grafico. In realtà, se il tuo editor grafico non supporta la visualizzazione a griglia, dovresti pensare a cercare un altro programma. La griglia ti consentirà di vedere chiaramente dove e come verrà posizionato ogni singolo pixel. Di norma, il rosario viene attivato tramite il menu "Visualizza".
- Potrebbe essere necessario modificare leggermente le impostazioni di visualizzazione per garantire che ciascun segmento della griglia restituisca effettivamente un pixel. Ogni programma lo fa in modo diverso, quindi cerca suggerimenti di conseguenza.
Disegna con una matita e un pennello delle dimensioni di 1 pixel. Qualsiasi editor grafico dovrebbe avere uno strumento "Matita". Selezionalo e imposta la dimensione del pennello su 1 pixel. Ora puoi disegnare... in pixel.

Parte 2
Lavorare sulle basi
Crea una nuova immagine. Dato che stai imparando a disegnare in stile pixel art, non dovresti puntare a tele epiche. Se ricordi, nel gioco Super Mario Bros. l'intero schermo misurava 256 x 224 pixel e Mario stesso rientrava in uno spazio di 12 x 16 pixel!
1. Ingrandire. Sì, altrimenti semplicemente non sarai in grado di vedere i singoli pixel. Sì, dovrai aumentarlo molto. Diciamo che l'800% è abbastanza normale.
  
  Impara a disegnare linee rette. Sembra semplice, ma se all'improvviso tracci una linea spessa 2 pixel da qualche parte nel mezzo con mano tremante, la differenza ti colpirà gli occhi. Disegna linee rette finché non devi attivare lo strumento linea retta. Devi imparare a disegnare linee rette a mano!
  
  Impara a disegnare linee curve. In una linea curva dovrebbero esserci, diciamo, delle “interruzioni di linea” uniformi (che è chiaramente visibile nella figura appena sopra). Diciamo che, iniziando a disegnare una linea curva, disegna una linea retta di 6 pixel, sotto di essa una linea retta di tre, sotto di essa una linea retta di due e sotto di essa una linea retta di un pixel. Dall'altro lato, disegna la stessa cosa (specchiata, ovviamente). Questa è la progressione considerata ottimale. Le curve disegnate nel modello "3-1-3-1-3-1-3" non soddisfano gli standard della pixel art.
  
  Non dimenticare di cancellare gli errori. Lo strumento "Gomma" dovrebbe essere impostato in modo simile a una matita, rendendo la dimensione del pennello pari a 1 pixel. Più grande è la gomma, più difficile sarà non cancellare troppo, quindi tutto è logico.
  
  Parte 3
  Creazione del primo sprite
  1. Pensa a quali scopi servirà lo sprite. Sarà statico? Animato? Uno sprite statico può essere riempito al massimo di dettagli, ma uno animato è meglio per renderlo più semplice, in modo da non passare ore a ridisegnare tutti i dettagli su tutti i fotogrammi dell'animazione. A proposito, se il tuo sprite deve essere usato con altri, allora dovrebbero essere disegnati tutti nello stesso stile.
    
    Scopri se ci sono requisiti speciali per lo sprite. Se stai disegnando, ad esempio, per un progetto, è ragionevole aspettarsi requisiti di colore o dimensioni del file. Tuttavia, questo diventerà più importante un po’ più tardi, quando inizierai a lavorare su progetti di grandi dimensioni con molti sprite diversi.
    - Oggettivamente parlando, al giorno d'oggi raramente ci sono requisiti per la dimensione o la tavolozza degli sprite. Tuttavia, se stai disegnando la grafica per un gioco che verrà giocato su sistemi di gioco più vecchi, dovrai tenere conto di tutte le limitazioni.
  2. Fai uno schizzo. Uno schizzo su carta è la base di qualsiasi sprite, fortunatamente in questo modo potrai capire come apparirà il tutto e, se necessario, potrai correggere qualcosa in anticipo. Inoltre, puoi quindi tracciare da uno schizzo su carta (se hai ancora un tablet).
    - Non lesinare sui dettagli per il tuo schizzo! Disegna tutto quello che vuoi vedere nel disegno finale.
  3. Trasferisci lo schizzo in un editor grafico. Puoi ricalcare uno schizzo su carta su un tablet, oppure puoi ridisegnare tutto manualmente, pixel per pixel: non importa, la scelta è tua..
    - Quando tracci lo schizzo, usa il nero al 100% come colore del contorno. Se succede qualcosa, puoi modificarlo manualmente in seguito, ma per ora sarà più semplice per te lavorare con il nero.
  4. Perfeziona il contorno dello schizzo. In questo contesto, ovviamente, puoi dire diversamente: cancella tutto ciò che non è necessario. Qual è il punto: il contorno dovrebbe avere uno spessore di 1 pixel. Di conseguenza, aumenta la scala e cancella, cancella l'eccesso... o riempi ciò che manca con una matita.
    - Quando lavori su uno schizzo, non lasciarti distrarre dai dettagli: arriverà il loro turno.
  Parte 4
  Colorare lo sprite
  1. Rispolvera la teoria dei colori. Guarda la tavolozza per vedere quali colori usare. Lì tutto è semplice: più i colori sono lontani tra loro, più sono diversi tra loro; Più i colori sono vicini tra loro, più sono simili e meglio stanno uno accanto all'altro.
    - Scegli i colori che renderanno il tuo sprite bello e gradevole alla vista. E sì, i colori pastello dovrebbero essere evitati (a meno che l'intero progetto non sia realizzato in quello stile).
  2. Scegli diversi colori. Più colori usi, più il tuo sprite sarà “distraente”, per così dire. Guarda alcuni classici della pixel art e prova a contare quanti colori vengono utilizzati lì.
    - Mario: solo tre colori (se parliamo della versione classica), e anche quelli si trovano quasi uno accanto all'altro sulla tavolozza.
    - Sonic - Anche se Sonic è disegnato con più dettagli di Mario, è comunque basato solo su 4 colori (e ombre).
    - Quasi un classico degli sprite come vengono intesi nei giochi di combattimento, Ryu è costituito da ampie aree di colori semplici, più qualche ombra per la demarcazione. Ryu, tuttavia, è un po' più complicato di Sonic: ci sono già cinque colori e ombre.
  3. Colora lo sprite. Usa lo strumento Paint Fill per colorare il tuo sprite e non preoccuparti che tutto sembri piatto e senza vita: in questa fase non è previsto che faccia diversamente. Il principio dello strumento Riempimento è semplice: riempirà tutti i pixel del colore su cui hai fatto clic con il colore selezionato fino a raggiungere i bordi.
  Parte 5
  Aggiunta di ombre
  1. Inizia ad applicare le ombre usando colori leggermente più scuri della base. Se la luce viene dall'alto, dove sarà l'ombra? Esatto, dove la luce diretta non cade. Di conseguenza, per aggiungere un'ombra, aggiungi semplicemente diversi altri livelli allo sprite con pixel del colore corrispondente sopra o sotto il contorno.
    - Se riduci l'impostazione "Contrasto" del colore di base e aumenti leggermente l'impostazione "Luminosità", puoi ottenere un buon colore per disegnare le ombre.
    - Non utilizzare gradienti. I gradienti sono malvagi. I gradienti sembrano scadenti, scadenti e poco professionali. Un effetto simile a quello dei gradienti si ottiene utilizzando la tecnica del “diradamento” (vedi sotto).
  2. Non dimenticare l'ombra parziale. Scegli un colore tra il colore di base e il colore dell'ombra. Usalo per creare un altro livello, ma questa volta tra gli strati di questi due colori. Il risultato sarà l'effetto della transizione da un'area scura a una chiara.
    
    Disegna i punti salienti. Il punto culminante è il punto dello sprite dove cade più luce. Puoi disegnare un punto culminante se prendi un colore leggermente più chiaro di quello di base. L'importante è non lasciarsi trasportare dall'abbagliamento, distrae.

Arte pixelata(scritto senza trattino) o grafica pixelata- una direzione dell'arte digitale che prevede la creazione di immagini a livello di pixel (ovvero l'unità logica minima che costituisce un'immagine). Non tutte le immagini raster sono pixel art, sebbene siano tutte costituite da pixel. Perché? Perché in definitiva, il concetto di pixel art racchiude non tanto il risultato quanto il processo di creazione di un'illustrazione. Pixel per pixel e il gioco è fatto. Se scatti una foto digitale, la riduci notevolmente (in modo che i pixel diventino visibili) e affermi di averla disegnata da zero, questo sarà un vero e proprio falso. Anche se probabilmente ci saranno dei sempliciotti ingenui che ti loderanno per il tuo scrupoloso lavoro.

Al momento non si sa esattamente quando sia nata questa tecnica; le radici si perdono da qualche parte nei primi anni ’70. Tuttavia, la tecnica di comporre immagini da piccoli elementi risale a forme d'arte molto più antiche, come il mosaico, il punto croce, la tessitura di tappeti e le perline. La stessa frase "pixel art" come definizione di pixel art è stata utilizzata per la prima volta in un articolo di Adele Goldberg e Robert Flegal sulla rivista Communications of the ACM (dicembre 1982).

L'applicazione più ampia della pixel art è stata nei giochi per computer, il che non sorprende: ha permesso di creare immagini che non richiedevano risorse e sembravano davvero belle (allo stesso tempo, hanno impiegato molto tempo dall'artista e hanno richiesto alcuni competenze, e quindi richiedevano buoni salari). Il periodo di massimo splendore, il punto più alto dello sviluppo, è ufficialmente chiamato videogiochi sulle console di seconda e terza generazione (primi anni '90). Ulteriori progressi nella tecnologia, l'emergere del primo colore a 8 bit, e poi del True Color, lo sviluppo della grafica tridimensionale: tutto questo nel tempo ha spinto la pixel art in secondo piano e al terzo posto, e poi ha cominciato a sembrare che la fine della pixel art era arrivata.

Stranamente, è stato Mr. Scientific and Technological Progress, a spingere la grafica pixel nelle ultime posizioni a metà degli anni '90, e in seguito a riportarla in gioco, introducendo i dispositivi mobili nel mondo sotto forma di telefoni cellulari e PDA. Dopotutto, non importa quanto utile possa essere un nuovo dispositivo, tu ed io sappiamo che se non puoi almeno giocarci al solitario, è inutile. Ebbene, dove c'è uno schermo a bassa risoluzione, c'è la pixel art. Come si dice, bentornati.

Naturalmente, vari elementi retrogradi hanno giocato il loro ruolo nel ritorno della grafica pixel, amando essere nostalgici dei cari vecchi giochi d'infanzia, dicendo: "Eh, non lo fanno più"; esteti che sanno apprezzare la bellezza della pixel art e sviluppatori indipendenti che non percepiscono le bellezze grafiche moderne (e talvolta, anche se raramente, semplicemente non sanno come implementarle nei propri progetti), ecco perché scolpiscono la pixel art. Ma non escludiamo ancora i progetti puramente commerciali: applicazioni per dispositivi mobili, pubblicità e design Web. Quindi ora la pixel art, come si suol dire, è diffusa in circoli ristretti e si è guadagnata una sorta di status artistico "non per tutti" . E questo nonostante sia estremamente accessibile alla persona media, perché per lavorare con questa tecnica è sufficiente avere a portata di mano un computer e un semplice editor grafico! (tra l’altro anche la capacità di disegnare non farà male) Basta parole, arriviamo al dunque!

2. Strumenti.

Di cosa hai bisogno per creare pixel art? Come ho detto sopra, sono sufficienti un computer e un qualsiasi editor grafico in grado di lavorare a livello di pixel. Puoi disegnare ovunque, anche sul Game Boy, anche sul Nintendo DS, anche con Microsoft Paint (un'altra cosa è che disegnare con quest'ultimo è estremamente scomodo). Esistono una grande varietà di editor raster, molti dei quali sono gratuiti e abbastanza funzionali, in modo che ognuno possa decidere autonomamente quale software utilizzare.

Disegno in Adobe Photoshop perché è comodo e perché lo faccio da molto tempo. Non mentirò e non ti dirò, borbottando la mia dentiera, che “ricordo che Photoshop era ancora molto piccolo, era su un Macintosh ed era numerato 1.0”. Ma ricordo Photoshop 4.0 (e anche su Mac). Pertanto, per me la questione della scelta non è mai stata una domanda. E quindi no, no, ma darò consigli su Photoshop, soprattutto dove le sue capacità aiuteranno a semplificare in modo significativo la creatività.

Quindi serve un qualsiasi editor grafico che permetta di disegnare con uno strumento da un pixel quadrato (esistono anche pixel non quadrati, ad esempio quelli rotondi, ma al momento non ci interessano). Se il tuo editor supporta qualsiasi set di colori, bene. Se ti consente anche di salvare file, va bene. Sarebbe bello se sapesse lavorare con i livelli, perché quando si lavora su un'immagine abbastanza complessa, è più conveniente disporre i suoi elementi in diversi strati, ma in generale questa è una questione di abitudine e comodità.

Dobbiamo cominciare? Probabilmente stai aspettando un elenco di alcune tecniche segrete, consigli che ti insegneranno come disegnare pixel art? Ma la verità è che, in generale, non esiste nulla del genere. L'unico modo per imparare a disegnare pixel art è disegnarlo tu stesso, provare, provare, non aver paura e sperimentare. Sentiti libero di ripetere il lavoro di altre persone, non aver paura di sembrare poco originale (semplicemente non spacciare il lavoro di qualcun altro per tuo, eheh). Analizza attentamente e attentamente le opere dei maestri (non miei) e disegna, disegna, disegna. Alla fine dell’articolo ti aspettano diversi link utili.

3. Principi generali.

Tuttavia, ci sono diversi principi generali che non può far male conoscere. Ce ne sono davvero pochi, io li chiamo “principi” e non leggi, perché hanno più carattere raccomandativo. Alla fine, se riesci a disegnare una brillante pixel art aggirando tutte le regole, chi se ne frega?

Il principio più elementare può essere formulato come segue: l'unità minima di un'immagine è un pixel e, se possibile, tutti gli elementi della composizione dovrebbero essere proporzionati ad esso. Lascia che lo spieghi: tutto ciò che disegni è costituito da pixel e il pixel deve essere leggibile in ogni cosa. Ciò non significa che l'immagine non possa contenere elementi, ad esempio 2x2 pixel o 3x3. Ma è comunque preferibile costruire un'immagine partendo da singoli pixel.

Il tratto e generalmente tutte le linee del disegno dovrebbero avere uno spessore di un pixel (con rare eccezioni).

Non sto affatto dicendo che questo sia sbagliato. Ma non è ancora molto carino. E per renderlo bello, ricordiamo un'altra regola: disegnare senza pieghe, arrotondare senza intoppi. Esistono cose come i nodi: frammenti che escono dall'ordine generale, conferiscono alle linee un aspetto irregolare e frastagliato (nell'ambiente di lingua inglese dei pixel artist sono chiamati jaggies):

Le fratture privano il disegno della sua naturale levigatezza e bellezza. E se i frammenti 3, 4 e 5 sono evidenti e possono essere facilmente corretti, con gli altri la situazione è più complicata: lì la lunghezza di un singolo pezzo della catena è rotta, sembrerebbe una sciocchezza, ma la sciocchezza si nota. Ci vuole un po' di pratica per imparare a vedere questi luoghi ed evitarli. Il nodo 1 viene eliminato dalla linea perché è un singolo pixel, mentre nell'area in cui è stato inserito la linea è composta da segmenti di 2 pixel. Per eliminarlo, ho ammorbidito l'ingresso della curva nella piega, allungando il segmento superiore a 3 pixel e ridisegnando l'intera linea in segmenti di 2 pixel. Le interruzioni 2 e 6 sono identiche tra loro: si tratta già di frammenti lunghi 2 pixel in aree costituite da singoli pixel.

Una serie elementare di esempi di linee rette inclinate, che si possono trovare in quasi tutti i manuali di pixel art (il mio non fa eccezione), ti aiuterà a evitare tali intoppi durante il disegno:

Come puoi vedere, una linea retta è composta da segmenti della stessa lunghezza, spostati di un pixel durante il disegno: solo in questo modo si ottiene l'effetto di linearità. I metodi di costruzione più comuni sono con segmenti di lunghezza di 1, 2 e 4 pixel (ce ne sono altri, ma le opzioni presentate dovrebbero essere sufficienti per implementare quasi ogni idea artistica). Di questi tre, il più popolare può essere tranquillamente definito un segmento lungo 2 pixel: disegna un segmento, sposta la penna di 1 pixel, disegna un altro segmento, sposta la penna di 1 pixel, disegna un altro segmento:

Non è difficile, vero? Tutto ciò di cui hai bisogno è un'abitudine. La possibilità di disegnare linee rette inclinate con incrementi di 2 pixel aiuterà in isometria, quindi la vedremo più in dettaglio la prossima volta. In generale, le linee rette sono fantastiche, ma solo finché non si presenta il compito di disegnare qualcosa di miracoloso. Qui abbiamo bisogno di curve, e di molte curve diverse. E teniamo conto di una semplice regola per arrotondare le linee curve: la lunghezza degli elementi della curva dovrebbe diminuire/aumentare gradualmente.

L'uscita dalla retta all'arrotondamento avviene in modo fluido, ho indicato la lunghezza di ogni segmento: 5 pixel, 3, 2, 2, 1, 1, ancora 2 (già verticale), 3, 5 e così via. Il tuo caso non utilizzerà necessariamente la stessa sequenza, tutto dipende dalla scorrevolezza richiesta. Altro esempio di arrotondamento:

Ancora una volta, evitiamo i difetti che rovinano così tanto l'immagine. Se vuoi verificare il materiale che hai imparato, qui ho una skin per Winamp disegnata da un autore sconosciuto, vuota:

Ci sono errori grossolani nel disegno e semplicemente arrotondamenti non riusciti, e ci sono dei difetti: prova a correggere l'immagine in base a ciò che già sai. Questo è tutto quello che ho con le linee, ti suggerisco di disegnarne un po'. E non lasciarti confondere dalla semplicità degli esempi, puoi imparare a disegnare solo disegnando, anche le cose più semplici.

4.1. Disegna una bottiglia di acqua viva.

1. La forma dell'oggetto, per ora non è necessario usare il colore.

2. Liquido rosso.

3. Cambia il colore del vetro in blu, aggiungi aree ombreggiate all'interno della bolla e un'area chiara sulla superficie prevista del liquido.

4. Aggiungi riflessi bianchi sulla bolla e un'ombra rosso scuro larga 1 pixel sulle aree del liquido che confinano con le pareti della bolla. Sembra piuttosto bello, eh?

5. Allo stesso modo, disegniamo una bottiglia con liquido blu: qui lo stesso colore del vetro, più tre tonalità di blu per il liquido.

4.2. Disegnare un'anguria.

Disegniamo un cerchio e un semicerchio: questo sarà un'anguria e una fetta ritagliata.

2. Segniamo il ritaglio sull'anguria stessa e sulla fetta, il confine tra la buccia e la polpa.

3. Riempimento. Colori dalla tavolozza, verde medio è il colore della buccia, rosso medio è il colore della polpa.

4. Segniamo la zona di passaggio dalla crosta alla polpa.

5. Strisce chiare sull'anguria (finalmente sembra se stessa). E ovviamente – semi! Se attraversi un'anguria con degli scarafaggi, questi strisciano via da soli.

6. Lo ricordiamo. Usiamo un colore rosa pallido per indicare le luci sopra i semi nella sezione e, disponendo i pixel in uno schema a scacchiera, otteniamo una parvenza di volume dal segmento ritagliato (il metodo è chiamato dithering, ne parleremo più avanti) ). Utilizziamo una tinta rosso scuro per indicare le aree ombreggiate nella sezione dell'anguria e una tinta verde scuro (di nuovo, pixel disposti a scacchiera) per dare volume all'anguria stessa.

5. Dithering.

Il dithering, o fusione, è una tecnica che consiste nel mescolare i pixel in due aree adiacenti di colori diversi in modo decisamente ordinato (non sempre). Il modo più semplice, comune ed efficace è alternare i pixel secondo uno schema a scacchiera:

La tecnica è nata grazie (o meglio nonostante) limitazioni tecniche: su piattaforme con tavolozze limitate, il dithering permetteva, mescolando pixel di due colori diversi, di ottenerne un terzo che non era nella tavolozza:

Ora, in un'era di possibilità tecniche illimitate, molti sostengono che la necessità del dithering sia scomparsa da sola. Tuttavia, il suo utilizzo corretto può conferire al tuo lavoro un caratteristico stile retrò, riconoscibile da tutti gli appassionati di vecchi videogiochi. Personalmente, mi piace usare il dithering. Non sono molto bravo, ma lo adoro comunque.

Altre due opzioni di dithering:

Cosa devi sapere sul dithering per poterlo utilizzare. La larghezza minima della zona di fusione deve essere di almeno 2 pixel (quelle linee a scacchi). Di più è possibile. È meglio non fare di meno.

Di seguito è riportato un esempio di dithering non riuscito. Nonostante il fatto che una tecnica simile possa essere trovata spesso sugli sprite dei videogiochi, è necessario essere consapevoli che lo schermo televisivo ha attenuato in modo significativo l'immagine e un tale pettine, e anche in movimento, non era visibile all'occhio:

Bene, basta teoria. Ti suggerisco di esercitarti ancora un po'.

La pixel art può essere disegnata in qualsiasi programma per lavorare con la grafica raster; è una questione di preferenze ed esperienza personali (oltre che di capacità finanziarie, ovviamente). Alcune persone usano il Paint più semplice, io lo faccio in Photoshop, perché, in primo luogo, ci lavoro da molto tempo e, in secondo luogo, mi sento più a mio agio lì. Una volta che ho deciso di provare Paint.NET gratuito, non mi è piaciuto: è come con un'auto: se riconosci un'auto straniera con cambio automatico, difficilmente entrerai in uno Zaporozhets. Il mio datore di lavoro mi fornisce software con licenza, quindi la mia coscienza è pulita davanti alla società Adobe... Anche se fanno pagare prezzi inimmaginabili per i loro programmi e bruceranno all'inferno per questo.

1. Preparazione al lavoro.

Crea un nuovo documento con qualsiasi impostazione (lascia che la larghezza sia 60, l'altezza 100 pixel). Lo strumento principale di un pixel artist è una matita ( Strumento matita, chiamato tramite tasto di scelta rapida B). Se il pennello (e l'icona del pennello) è abilitato nella barra degli strumenti, passa il mouse sopra di esso, fai clic e tieni premuto L.M.B.– apparirà un piccolo menu a discesa in cui dovresti selezionare una matita. Imposta la dimensione della penna su 1 pixel (nel pannello in alto a sinistra c'è un menu a discesa Spazzola):