Cum de a începe a face pixel art #1

incepator ghidul

Pedro Medeiros

Follow

Jul 20, 2018 · 9 min de citit

Acesta este un mic articol cu privire la modul de a începe a face pixel de artă, destinat pentru cei care sunt la început sau nu a deschis niciodată un pixel de artă software-ului., Deocamdată voi acoperi doar elementele de bază, cum să creați un fișier, să configurați dimensiunea pânzei și să lucrați cu o limită de culoare.

Acest articol a fost susținut de Patreon! Dacă vă place ceea ce fac aici, vă rugăm să ia în considerare sprijinirea mine acolo 🙂

De asemenea, aceasta este partea 1 dintr-o serie de articole, citiți întreaga serie aici, în Pixel Grimoire.înainte de a începe

înainte de a sări în arta pixelilor, amintiți-vă: pixel art este doar un alt mediu de artă, cum ar fi guache, pictură în ulei, creion, sculptură sau mozaicul său apropiat. Pentru a face o artă pixel bună, trebuie să puteți face desene bune., În general, aceasta înseamnă studierea anatomiei, a perspectivei, a luminii și a umbrei, a teoriei culorilor și chiar a istoriei artei, deoarece toate acestea sunt esențiale pentru a face o artă pixel bună.

instrumente

nu aveți nevoie de nimic fantezist pentru a face o artă pixel bună și puteți face bine chiar și cu doar un mouse bun și software gratuit. Configurarea mea include o tabletă mică WACOM pen, un mouse bun, o tastatură bună și software-ul meu preferat este Aseprite, dar ar trebui să utilizați orice vă simțiți cel mai confortabil.,

Iată o listă de software utilizate în mod obișnuit pentru pixel art:

  • Aseprite: mare editor profesionist cu multe caracteristici de economisire a timpului (plătit)
  • GraphicsGale: un clasic, folosit în multe jocuri. E un pic mai complex, dar plin de caracteristici de mare (gratuit)
  • Piskel: Gratuit on-line editor pixel art (gratuit)
  • Photoshop: editor de imagine Puternic, care nu sunt destinate pentru a face pixel de artă, dar puteți să-l configurați să-l folosească (plătit)

Aseprite

Aseprite este preferata mea de artă pixel software-ul chiar acum. Este incredibil de puternic, plin de caracteristici și totuși simplu de utilizat., Am ales Aseprite ca soft pentru acest tutorial dar sunt destul de sigur ca il puteti adapta oricarui alt soft pe care il folositi cu modificari minime. Puteți obține, de asemenea, încercarea gratuită pentru Aseprite, dar rețineți că nu vă va salva fișierele, ceea ce cred că este în regulă dacă practicați doar.

crearea unui fișier nou

doar faceți clic pe linkul „fișier nou…” din ecranul de pornire sau mergeți la fișier> Fișier Nou, astfel încât să putem începe să desenăm.

să creăm un fișier nou. 16 de 16, probabil, pare un pic prea mic, dar cred că este un bun punct de plecare., Rezoluțiile mai mari vă pot distrage atenția de la ceea ce ar trebui să vă concentrați acum: înțelegerea interacțiunilor pixelilor cu vecinii lor.

Aseprite Nou Sprite dialog

Puteți părăsi modul de culoare în RGBA, care este cel mai simplu și intuitiv pentru acum. Unii artiști de pixeli preferă să lucreze cu o paletă indexată, care permite câteva trucuri de culoare destul de cool, dar vine și cu unele dezavantaje.,

păstrați fundalul transparent sau alb, nu se va schimba prea mult pentru moment. Doar asigurați-vă că opțiunile avansate nu sunt verificate (dar nu ezitați să experimentați cu ele mai târziu) și sunteți bine să mergeți!

să desenăm!

există o mulțime de bare de instrumente și meniuri acolo, dar nu vă faceți griji, avem nevoie doar de câteva butoane pentru moment. Instrumentul principal este creionul, care trebuie păstrat întotdeauna cu 1 pixel de lățime și va fi modul în care ne plasăm pixelii pe pânză. Doar faceți clic pe butonul, sau apăsați B, și faceți clic pe ecran pentru a plasa în jos un pixel de culoarea selectată.,

Aseprite spațiul de lucru

În stânga, puteți vedea paleta de culori, cu unele culori implicite. Să le schimbăm într-un alt set mai simplu. Faceți clic pe cel de-al treilea icoana de pe partea de sus a paletei de culori (Pressets) și alegeți ARQ4 (un foarte bun paleta făcute de Endesga), asta e cea pe care o va utiliza pentru prima sprite.acum, folosind doar cele 4 culori din stânga sus, încercați să desenați o cană.,Simțiți-vă liber să o utilizați pe a mea ca inspirație, dar încercați să o faceți unică. Dacă faceți o greșeală, alt+faceți clic pe o zonă goală sau în afara desenului dvs. și veți „alege” culoarea transparentă și o puteți folosi pentru a șterge pixeli. Alternativ, puteți face clic pe radieră sau apăsați E pentru ao selecta.probabil veți observa că lucrul într-o rezoluție atât de scăzută este foarte diferit de desenul obișnuit. Totul trebuie calculat și fiecare pixel pe care îl plasați este o alegere mare pe care trebuie să o faceți. Acesta este lucrul cu care va trebui să te obișnuiești.,

de asemenea, puteți experimenta cu alte butoane în bara de instrumente. Merită să observați că unele butoane vor deschide mai multe opțiuni atunci când sunt apăsate. Doar evitați instrumentul de estompare deocamdată, deoarece adaugă mai multe culori și nu vrem asta încă.

apoi, să facem mai multe sprite! Încercați să desenați un craniu, o sabie și o față umană. De data aceasta fără referința mea pixel art., Dacă simțiți că spritele pur și simplu nu se vor încadra în pânză, este absolut normal, încercați să abstractizați ceva la un singur pixel și încercați din nou. Este foarte greu să lucrezi cu o rezoluție atât de scăzută și uneori se simte ca un puzzle. Iată un alt articol pe care l-am scris despre lucrul cu rezoluții mici pentru Kano:

Dacă doriți, iată versiunile mele ale acestor sprite, doar vă rugăm să vă asigurați că ați terminat-o pe a ta înainte de a le privi .acesta este întotdeauna un exercițiu bun. Dacă doriți să continuați să practicați, încercați să faceți și mai multe desene cu aceste constrângeri.,pentru a salva fișierul apăsați Control+S (sau du-te la File>Save As…), alegeți un nume de fișier și locația și doar a lovit salva.nu uitați că în versiunea de încercare a aseprite salvarea este dezactivată!

Aseprite Export Fișier de dialog

Veți vedea că Aseprite poate salva într-o varietate de formate, dar mereu am recomanda pastrarea unei .versiunea ase a fiecărui fișier pe care îl face., La fel ca în Photoshop v-ar păstra un .fișier psd. Când exportați pentru web sau jocuri, puteți utiliza Control + Alt + Shif + s sau fișier> Export.

de Ce niciodată nu ar trebui să redimensiona un pixel de artă parțial

Aseprite are foarte bună caracteristică de Redimensionare în fereastra de export. Se scalează doar sprite în numere rotunde, care este perfect., Dacă rescalați sprite-ul 107%, de exemplu, acesta va rupe pixeli peste tot și va fi o mizerie, dar dacă îl scalați cu 200%, fiecare pixel va avea acum 2 pixeli lățime și înălțime, așa că va arăta frumos și ascuțit.

O Pânză de Mare

Acum, că aveți elementele de bază, cum ar fi crearea unui nou fișier, salvarea și desen în pânză, să încercăm bazându-se pe ceva mai mare de pânză, 32 de 32 pixeli. Vom folosi, de asemenea, o paletă mai mare acum, încercați aap-Micro12 (de AdigunPolack). De data aceasta vom desena o lopată.,

spre deosebire de sprite 16 de 16, putem potrivi de fapt unele contururi aici, deci să începem cu asta. Aici este procesul de defalcare:

Pasul 1: Linii

Pas 1

Acest stil de linie este ceea ce noi numim un pixel perfect linie, e doar 1 pixel lățime și se conectează în diagonală cu alte pixeli., Atunci când se face linii, cum ar fi că vom evita neintenționată margini, ca aici:

Aseprite, de asemenea, are un foarte bun element de pe perie setările pentru a face asta aproape automat: cu brush tool selectat, faceți clic pe-Pixel perfectă de selectare. Doar nu uitați să o dezactivați atunci când nu lucrați cu contururi, deoarece probabil vă va deranja.,

Aseprite Pixel perfect algorithm

Step 2: Base colors

Step 2

The good thing about having only so few colors to choose from is that you won’t be overwhelmed by too many options., De aceea este mult mai greu să lucrezi cu o mulțime de culori, dacă ai o culoare în paleta ta, nu există nicio scuză să nu o folosești în cel mai bun caz. Încercați să vă gândiți la el ca la un puzzle, experimentați foarte mult, chiar și combinații ciudate sau neobișnuite până când găsiți ceea ce credeți că este „cel mai bun meci” pentru fiecare zonă.

Pasul 3: Umbrire

Pas 3

Utilizați paleta de culori pentru a face lumină și umbră în moduri creative., Deoarece lucrați cu o paletă foarte restrânsă, nu veți avea fiecare nuanță cu luminozitate diferită, așa că va trebui să improvizați.

Improvizeze nuanta de tonuri cu nuanțe diferite

În exemplul din stânga, eu sunt, folosind aceeași paletă ești, AAP-Mini12. Când am desenat acest tip verde nu aveam nici o culoare verde deschis, așa că am mers cu cea mai apropiată nuanță pe care o aveam disponibilă, care era galbenă., Același lucru s-a întâmplat și cu umbra, am ales albastrul pentru că era cel mai apropiat întuneric. Dar dacă m-am dus în altă parte? Aș putea obține un albastru mai luminos și roșu mai închis, nu? Ei bine, nu chiar:

Umbra tonuri folosind inversat nuanță

E un efect de rece, dar în mod clar e ceva în neregulă. De obicei, veți dori ca nuanțele reci să fie umbrele dvs. și nuanțele calde să fie lumina dvs. cheie sau ar putea părea ciudate., Aceasta nu este o regulă scrisă în piatră sau ceva, există multe excepții, dar când nu sunteți sigur, mergeți cu ea.

Pasul 4: Anti-alias și poloneză

Pasul 4

Aceasta este o parte a desenului în cazul în care încercați să facă pixeli, un pic mai „ascuțite”., Manual anti alias este un subiect complex și probabil că vom avea nevoie de un articol întreg pentru a discuta doar asta, dar teoria este că veți folosi tonuri medii pentru a simula „jumătate de pixeli” și pentru a înmuia marginile. Dar nu vă faceți griji prea mult despre acest lucru încă, de acum se concentreze pe a face sprite dvs. cât mai ușor de citit posibil.o altă idee bună în acest pas este să vânați niște pixeli orfani pentru a reduce zgomotul., Orfan de pixeli sunt pixeli care nu sunt parte dintr-un grup mai mare de pixeli de aceeași culoare și nu sunt parte a anti-alias, astfel:

Eliminarea orfan pixeli

Vezi mica de 1 pixel-insule de pe stânga? Aceștia sunt pixeli orfani, după cum puteți vedea planeta arată mult mai bine după ce am îmbinat acei pixeli cu alți pixeli din apropiere de aceeași culoare.

și cum rămâne cu stelele din acest exemplu?, Ei bine, sunt acolo pentru a dovedi că pixelii orfani nu sunt întotdeauna răi, acele stele funcționează exact așa cum se intenționează, creând o textură de zgomot și ridicând contrastul în fundal.ideea nu este să eliminați fără minte pixelii orfani,ci să le treceți și să vă întrebați: acest pixel trebuie să fie singur?

acum ce?

acum este timpul pentru tine de a experimenta cu mai multe culori și rezoluții mai mari! Dar mergeți încet, poate 48 cu 48 și 16 culori și așa mai departe. Dacă sunteți într-adevăr la început aș evita animație pentru acum și să se concentreze pe obtinerea confortabil cu imagini statice în primul rând.,

am selectat unele alte pixel art ghiduri care chiar îmi place, dacă vrei să faci unele de cercetare:

  • arta Pixel tutorial de Leac
  • arta Pixel tutorial de Derek Yu
  • arta Pixel tutorial de Arne

de asemenea, am face niste tutoriale despre anumite subiecte sau aspecte de pixel de artă și design de joc, le puteți vedea pe toate aici:

  • Mi Patreon pagina
  • O listă cu toate tutorialele mele

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *