Come iniziare a fare pixel art #1

Questo è un piccolo articolo su come iniziare a fare pixel art, destinato a coloro che sono veramente agli inizi o mai aperto anche un pixel art del software., Per ora mi occuperò solo le basi, come creare un file, impostare la dimensione della tela, e lavorare con un limite di colore.

Questo articolo è stato supportato da Patreon! Se ti piace quello che sto facendo qui, per favore considera di supportarmi lì 🙂

Inoltre, questa è la parte 1 di una serie di articoli, leggi l’intera serie qui nel Pixel Grimoire.

Prima di iniziare

Prima di saltare in pixel art, ricorda: pixel art è solo un altro mezzo d’arte, come guache, pittura ad olio, matita, scultura o il suo cugino vicino mosaico. Per fare una buona pixel art è necessario essere in grado di fare buoni disegni., In generale, questo significa studiare l’anatomia, la prospettiva, la luce e l’ombra, la teoria dei colori e persino la storia dell’arte, poiché sono tutti essenziali per fare una buona pixel art.

Strumenti

Non hai bisogno di nulla di speciale per fare una buona pixel art, e puoi fare bene anche con un buon mouse e software libero. La mia configurazione include un piccolo tablet Wacom pen, un buon mouse, una buona tastiera e il mio software preferito è Aseprite, ma dovresti usare qualunque cosa tu stia più a tuo agio.,

Ecco un elenco di software comunemente utilizzati per pixel art:

• Aseprite: Grande editor professionale con molte caratteristiche di risparmio di tempo (a pagamento)
• GraphicsGale: Un classico, utilizzato in molti giochi. È un po ‘ complesso, ma pieno di grandi caratteristiche (gratuito)
• Piskel: online Gratis pixel art editor (gratuito)
• Photoshop: Potente editor di immagini non destinate a fare pixel art, ma è possibile configurarlo per utilizzarlo (pagato)

Aseprite

Aseprite è il mio preferito in pixel art del software. È incredibilmente potente, ricco di funzionalità e tuttavia semplice da usare., Ho scelto Aseprite come software per questo tutorial, ma sono abbastanza sicuro che puoi adattarlo a qualsiasi altro software che usi con modifiche minime. È inoltre possibile ottenere la prova gratuita per Aseprite, ma tenere a mente che non salverà i file, che credo che sia OK se si sta solo praticando.

Creare un nuovo file

Basta fare clic sul link “Nuovo file…” nella schermata iniziale o andare su File> Nuovo file in modo da poter iniziare a disegnare.

Creiamo un nuovo file. 16 per 16 probabilmente sembra un po ‘ troppo piccolo, ma penso che sia un buon punto di partenza., Risoluzioni più grandi possono distrarti da ciò che dovresti mettere a fuoco ora: comprendere le interazioni dei pixel con i loro vicini.

È possibile lasciare la modalità a colori RGBA, che è il più semplice e intuitivo per ora. Alcuni artisti pixel piace lavorare con una tavolozza indicizzata che permette alcuni trucchi di colore piuttosto fresco, ma viene fornito con alcuni inconvenienti troppo.,

Mantieni lo sfondo trasparente o bianco, per ora non cambierà molto. Basta fare in modo che le opzioni avanzate è deselezionata (ma sentitevi liberi di sperimentare con loro in seguito) e siete a posto!

Disegniamo!

Ci sono un sacco di barre degli strumenti e menu lì, ma non preoccupatevi, abbiamo solo bisogno di alcuni pulsanti per ora. Lo strumento principale è la matita, che dovrebbe sempre essere mantenuta con 1 pixel di larghezza, e sarà come posizioniamo i nostri pixel sulla tela. Basta fare clic sul pulsante o premere B e fare clic sullo schermo per posizionare un pixel del colore selezionato.,

Sulla sinistra potete vedere la tavolozza dei colori, con alcuni dei colori di default. Cambiamo quelli in un altro set più semplice. Fai clic sulla terza icona in cima alla tavolozza dei colori (Pressets) e scegli ARQ4 (una tavolozza davvero buona fatta da Endesga), che è quella che userai per il tuo primo sprite.

Ora, usando solo i 4 colori in alto a sinistra, prova a disegnare una tazza.,

Sentiti libero di usare il mio come ispirazione, ma prova anche a renderlo unico. Se commetti un errore, alt+clic su un’area vuota o al di fuori del tuo disegno e “scegli” il colore trasparente e puoi usarlo per cancellare i pixel. In alternativa è possibile fare clic sulla gomma o premere E per selezionarlo.

Probabilmente noterai che lavorare in una risoluzione così bassa è molto diverso dal normale disegno. Tutto deve essere calcolato, e ogni pixel si posiziona è una grande scelta che dovete fare. Questa è la cosa a cui dovrai abituarti.,

È anche possibile sperimentare con gli altri pulsanti della barra degli strumenti. Vale la pena notare che alcuni pulsanti apriranno più opzioni quando vengono premuti. Basta evitare lo strumento sfocatura per ora, in quanto aggiunge più colori e non lo vogliamo ancora.

Avanti, facciamo più sprite! Prova a disegnare un teschio, una spada e un volto umano. Questa volta senza il mio riferimento pixel art., Se ritieni che gli sprite semplicemente non si adattino alla tela, è assolutamente normale, prova ad astrarre qualcosa su un singolo pixel e riprova. È molto difficile lavorare con una risoluzione così bassa e a volte sembra un puzzle. Ecco un altro articolo che ho scritto sul lavoro con risoluzioni basse per Kano:

Se vuoi, ecco le mie versioni di quegli sprite, assicurati di finire le tue prima di guardarle .

Questo è sempre un buon esercizio. Se vuoi continuare a praticare, prova a fare ancora più disegni con quei vincoli.,

Salvare il file

Per salvare il file premere Control+S (o andare su File>Salva con nome…), scegliere un nome di file e la posizione e basta premere Salva.

Non dimenticare che nella versione di prova di Aseprite il salvataggio è disabilitato!

Vedrete che Aseprite possibile salvare in una varietà di formati, ma io consiglio sempre di tenere un .ase versione di ogni file che fai., Proprio come in Photoshop si dovrebbe tenere un .file psd. Quando si esporta per web o giochi, è possibile utilizzare Control + Alt + Shif + S o File > Export.

Aseprite è davvero buona funzione di Ridimensionamento della finestra di esportazione. Ridimensiona solo il tuo sprite in numeri tondi, il che è perfetto., Se ridimensiona il tuo sprite al 107%, ad esempio, romperà i pixel ovunque e sarà un disastro, ma se lo scalerai del 200% ogni pixel sarà ora largo e alto 2 pixel, quindi sembrerà bello e nitido.

Una tela più grande

Ora che hai le basi, come creare un nuovo file, salvare e disegnare nella tela, proviamo a disegnare su una tela leggermente più grande, 32 per 32 pixel. Useremo anche una tavolozza più grande ora, prova l’AAP-Micro12 (di AdigunPolack). Questa volta disegneremo una pala.,

A differenza dello sprite 16 per 16, possiamo effettivamente adattare alcuni contorni qui, quindi iniziamo con quello. Ecco il mio processo di ripartizione:

Passo 1: Linee

Questa linea stile è ciò che noi chiamiamo un pixel perfect line, è solo 1 pixel di larghezza e si connette in diagonale con altri pixel., Quando si effettua linee come evitare involontarie bordi, come qui:

Aseprite inoltre ha un ottima funzione impostazioni del pennello da fare che quasi automaticamente: con il pennello selezionato, fare clic sul Pixel-perfect casella di controllo. Basta non dimenticare di disattivarlo quando non si lavora con i contorni perché probabilmente ti infastidirà.,

Step 2: Base colors

The good thing about having only so few colors to choose from is that you won’t be overwhelmed by too many options., Ecco perché è molto più difficile lavorare con molti colori, se hai un colore nella tua tavolozza non ci sono scuse per non usarlo al meglio. Provate a pensare ad esso come un puzzle, sperimentare un sacco, anche combinazioni strane o insolite fino a trovare quello che si crede è la “migliore corrispondenza” per ogni area.

Step 3: Ombreggiatura

Utilizzare la tavolozza per rendere la luce e l’ombra in modo creativo., Dal momento che stai lavorando con una tavolozza molto ristretta, non avrai tutte le tonalità con luminosità diversa, quindi dovrai improvvisare.

Nell’esempio a sinistra, sto utilizzando la stessa tavolozza che si sono, l’AAP-Mini12. Quando ho disegnato questo tizio verde non avevo alcun colore verde chiaro, quindi sono andato con la tonalità più vicina che avevo a disposizione, che era gialla., La stessa cosa è successa con l’ombra, ho scelto il blu perché era il buio più vicino. E se andassi dall’altra parte? Potrei ottenere un blu più luminoso e un rosso più scuro, giusto? Beh, non proprio:

Si tratta di un effetto fresco, ma chiaramente c’è qualcosa di sbagliato. Di solito si vuole le tonalità fredde per essere le vostre ombre e tonalità calde per essere la vostra luce chiave, o potrebbero sembrare strano., Questa non è una regola scritta in pietra o altro, ci sono molte eccezioni, ma quando non è sicuro, basta andare con esso.

Passo 4: Anti-alias e polacco

Questa è la parte del disegno in cui si tenta di rendere i pixel un po ‘ meno “appuntito”., L’anti alias manuale è un argomento complesso e probabilmente avremo bisogno di un intero articolo per discuterne, ma la teoria è che userai toni medi per simulare “metà pixel” e ammorbidire i bordi. Ma non preoccuparti troppo di questo, per ora concentrati sul rendere il tuo sprite il più leggibile possibile.

Un’altra buona idea in questo passaggio è dare la caccia ad alcuni pixel orfani per ridurre il rumore., Orfano pixel sono pixel che non sono parte di un più grande gruppo di pixel dello stesso colore e non sono parte dell’anti-alias, come questo:

Si vede la piccola di 1 pixel isole sulla sinistra? Questi sono pixel orfani, come puoi vedere il pianeta sembra molto meglio dopo aver unito quei pixel con altri pixel vicini dello stesso colore.

E che dire delle stelle in quell’esempio?, Bene, sono lì per dimostrare che i pixel orfani non sono sempre cattivi, quelle stelle funzionano esattamente come previsto, creando una trama di rumore e alzando il contrasto sullo sfondo.

L’idea non è quella di rimuovere senza pensare i pixel orfani, ma di attraversarli e chiederti: questo pixel ha davvero bisogno di essere solo?

E ora?

Ora è il momento per voi di sperimentare con più colori e risoluzioni più grandi! Ma vai lentamente, forse 48 per 48 e 16 colori e così via. Se stai davvero iniziando, eviterei l’animazione per ora e mi concentrerei prima a sentirti a tuo agio con le immagini statiche.,

ho selezionato alcuni altri pixel art guide che mi piace molto se si vuole fare un po di ricerca:

• Pixel art tutorial da Curare
• Pixel art tutorial da Derek Yu
• Pixel art tutorial by Arne

anche io di fare qualche tutorial su specifici argomenti o aspetti della pixel art e design del gioco li potete vedere tutto qui di seguito:

• il Mio Patreon pagina
• Un elenco compilato di tutti i miei tutorial