De ce Pixel Art poate fi un teren perfect de antrenament pentru design grafic în 2023

Chiar dacă nu ai fost prin preajmă pentru a experimenta minunile jocurilor video clasice din anii 1970 până în anii 1990, nu este niciodată prea târziu să dezvolți o apreciere pentru forma de artă distinctă care a evoluat pentru a satisface nevoile acestor jocuri. Este o formă de artă pe care o știm astăzi ca pixel art și este una dintre cele mai bune modalități de a-ți câștiga stripes în design grafic 2D asistat de calculator.

Motivul pentru aceasta este că arta pixelului pune cereri grele asupra artistului. Necesită mai multă disciplină și este mai rigid decât majoritatea celorlalte forme de artă. Pixel art te obligă să te concentrezi și să izolezi ceea ce este cel mai important într-o imagine și să folosești doar asta, fără a oferi controlul mai fin pe care l-ai putea aplica într-un stil de desen mai detaliat. Este o abordare „mai puțin este mai mult” a desenului și te face mai bun la desen.

Pixel art necesită timp pentru a stăpâni. La urma urmei, vă creați imaginile câte un pixel la un moment dat și fiecare imagine necesită o planificare atentă. Va trebui să învățați să lucrați cu o paletă limitată și fără beneficiul curbelor naturale. De asemenea, veți lucra exclusiv într-un mediu 2D, unde, dacă aveți nevoie de un aspect 3D, va trebui să-l creați folosind trucuri precum perspectiva izometrică și defilarea în paralelă.

Învățarea de a anima sprite și fundaluri este, de asemenea, o modalitate excelentă de a vă îmbunătăți abilitățile de programare dacă gestionați singur un întreg proiect de joc. Acum, când dispozitivele mobile sunt mai conectate și încă nu au, de obicei, capacitatea de jocuri 3D susținute, Jocurile 2D fac o renaștere, și puteți efectiv să puneți la punct aceste abilități pentru a câștiga niște bani în plus atunci când lucrările de proiectare nu curg liber la ușa dvs.

Pixel art nu necesită niciun software special. Puteți crea pixel art în orice program de desen de bază. Mulți artiști cu pixeli și-au început lucrările în instrumente simple, cum ar fi MS Paint, dar este mai bine să folosiți software mai sofisticat care folosește straturi și grile personalizate, astfel încât să puteți modifica cu adevărat designurile la perfecțiune. Inkscape este foarte bun în acest scop. Este gratuit, are grile izometrice încorporate și funcționează perfect pentru pixel art.

În ceea ce privește hardware-ul, puteți utiliza un mouse, dar mi se pare mai ușor să folosiți o tabletă grafică, deoarece tind să primesc „mâinile mouse-ului” atunci când fac lucrări de artă detaliate, așa că aș recomanda utilizarea a cel puțin unei tablete grafice de bază.

De ce pixel art este ideal

Prea mulți oameni folosesc cuvintele ilustrator și designer în mod interschimbabil. Într-adevăr, un ilustrator este cu mult sub nivelul unui designer. Ilustratorii pur și simplu desenează lucrurile în funcție de solicitarea clientului lor. Proiectanții proiectează lucrurile în funcție de nevoile clientului lor. Este o diferență masivă.

A învăța să creați pixel art înseamnă a învăța cum să inovați soluții creative pentru a satisface nevoi foarte specifice. Este mult mai mult decât să desenezi. Planificarea, atenția la detalii, capacitatea de a lucra în limitele tehnologiei și conceperea unei strategii pentru a depăși aceste limitări, este ceea ce face ca un mare artist pixel să fie și un mare designer.

Lumea artei pixelilor

Contrar a ceea ce vă puteți aștepta, piața pixel art este mare și este în creștere. Se așteptau, în general, ca arta pixelilor să dispară odată ce tehnologia a atins punctul în care era mai practic și mai fezabil să folosești arta vectorială și 3D CGI. În realitate, există încă o cerere puternică pentru pixel art și a câștigat de fapt un domeniu de aplicare mai larg. Acolo unde odinioară pixel art-ul era limitat în principal la jocuri, acum este folosit într-o gamă foarte largă de aplicații practice.

Unele dintre domeniile în care se vinde pixel art includ:

• Jocuri mobile și jocuri cu tematică retro
• Infografice
• Proiectare de site-uri
• Proiectarea interfeței
• Modele utilizate pe îmbrăcăminte, etichete cheie etc.
• Grafică pentru televiziune (de exemplu: The IT Crowd, Good Game)
• Benzi desenate Pixel art (de exemplu: Diesel Sweeties, Kid Radd)
• Filme (de exemplu: Wreck It Ralph, Pixeli)
• Expoziții de artă Pixel și colecții private

Pot exista și alte piețe potențiale care apar din când în când. În unele moduri, puteți chiar să vă gândiți la cărămizile Lego ca la un fel de pixel art și este de fapt posibil să creați 3D pixel art cu Lego. Dar asta nu se va întâmpla decât dacă deveniți mai întâi un maestru al pixelilor, așa că haideți să aflăm mai multe despre cum faceți asta.

Noțiuni introductive în designul pixel art

Cel mai bun mod de a intra în această lume este de a intra în unele concursuri de artă pixel și învață pe măsură ce mergi. Desigur, atunci când vorbim despre competiții, ne referim la cele care sunt libere să participe și care nu exploatează în mod comercial munca dvs., cerându-vă să vă înscrieți toate drepturile organizatorilor competiției.

Concursurile bune de artă a pixelilor stabilesc provocări care necesită să vă folosiți abilitățile ca designer inovator pentru a atinge obiectivul. Uneori, aceasta este pur și simplu setarea temei, dar ar putea include și reguli precum limitarea numărului de culori pe care le puteți utiliza sau setarea unui număr maxim de pixeli. Acestea sunt toate constrângerile la care au trebuit să lucreze odată designerii de jocuri. Când înveți aceleași tehnici, în aceleași condiții, dezvolți abilități puternice și, sperăm, o mai bună înțelegere a întregului proces de proiectare.

Pregătire

Există o mulțime de tutoriale online gratuite și le puteți achiziționa cărți despre pixel art or design-ul jocului ca să te duci. Pentru o introducere mai aprofundată, ați putea lua în considerare luarea unui curs udemy în pixel art. La doar 35 de dolari și predat de un artist de joc expert (Marco Vale, în prezent director de artă la Studiourile Indot), este o valoare foarte bună.

Procesul pixel art

Crearea oricărei opere de pixel art urmează un proces liniar de la concept până la finalizare:

• Ideea - decideți ce veți crea sau obțineți instrucțiuni
• Planificare - faceți alegeri cu privire la modul în care veți crea imaginea
• Selecție grilă - selectați tipul corect de grilă pentru imaginea pe care o creați
• Selecția paletei - configurați o paletă de culori pentru imagine
• Prototipare - un pas opțional pentru a vă oferi un cadru de bază pentru schiță
• Schițare - creați schița de bază a părților majore ale imaginii
• Netezire - remediați orice „jaggies” sau nereguli pentru a crea un contur mai bun
• Colorare - adăugați culori imaginii folosind paleta pe care ați configurat-o
• Umbrire - adăugați evidențieri și umbre pentru a vă face imaginea mai realistă
• Dithering - un pas opțional pentru a reproduce o adevărată senzație retro într-o situație de paletă limitată
• Conturarea selectivă - aplicați linii solide porțiunilor selectate ale imaginii pentru a da definiție
• Anti-aliasing - un ultim pas de netezire în care folosiți culoarea pentru a spori realismul
• Setare - dacă imaginea pe care ați creat-o este o mică parte a unei scene mai mari, vă configurați setarea acesteia

Unii pași, cum ar fi dithering și anti-aliasing, pot fi gestionați automat de software-ul dvs. de desen. Depinde ce folosiți și ce opțiuni selectați.

Ideea

Unii oameni consideră acest lucru ca fiind cel mai dificil pas în crearea unei opere noi, dar, de fapt, probabil că nu este. Scopul dvs. este să decideți ce veți crea sau, în unele cazuri, să primiți instrucțiuni de la client cu privire la ceea ce își dorește. Inspirația poate proveni din lumea reală din jurul tău sau din filme, jocuri, cărți și orice altceva care te poate ajuta să vizualizezi obiectele care vor apărea în scena ta. Pentru acest exemplu, vom crea un ghiveci de flori care ar fi o recuzită într-o scenă mai mare.

Planificare

În acest pas știți deja ce veți crea, așa că acum vă gândiți la modul în care îl veți crea. Prima decizie majoră va fi dacă veți proiecta o imagine plană sau să îi oferiți o perspectivă 3D. De asemenea, veți decide cât de detaliată sau realistă ar trebui să fie imaginea, dacă are nevoie de aspect retro și alte lucruri de genul acesta.

Cu cât doriți ca imaginea să fie mai realistă, cu atât va trebui să utilizați mai mulți pixeli și culori și cu atât va dura mai mult să creați. Dacă proiectați pentru o competiție, unele dintre aceste alegeri vor fi fost deja făcute pentru dvs., dar va trebui totuși să elaborați cel mai bun mod de a obține rezultatul.

Un lucru sensibil de făcut ar fi să tipăriți grila cu care veți lucra și să o utilizați pentru a face o schiță pe hârtie a imaginii computerului terminat. Acest lucru vă va servi drept referință pentru harta de biți pe care o creați, pentru a vă ajuta să păstrați perspectiva și scala în concordanță.

Selectarea grilei

Acest lucru este determinat de natura lucrării pe care o creați. Pentru imagini plate, veți utiliza o grilă standard în care toate liniile se intersectează în unghi drept.

Într-o scenă 3D, aveți de ales între a utiliza o grilă izometrică (cea mai obișnuită alegere) sau o grilă oblică. O grilă izometrică are linii care se intersectează la 30 de grade:

O grilă oblică are linii care se intersectează la 45 de grade:

Desenele oblice sunt bune atunci când doriți să includeți o mulțime de detalii fine, dar, în general, izometricul oferă o imagine mai bună și se simte mai realist. Este stilul de desen mai ales din motive întemeiate.

Selecția paletei

Puteți lăsa acest pas până când sunteți gata să colorați, dar de fapt vă poate ajuta cu restul procesului dacă vă definiți culorile din timp.

Prototyping

Ghiveciul din exemplu este în esență o formă de con distorsionat și, ca și în cazul tuturor imitațiilor 2D ale unui con, creăm acea formă de bază folosind elipse stivuite. Acest lucru economisește timp și demonstrează, de asemenea, valoarea utilizării Inkscape, deoarece are algoritmi pentru a produce linii mai fine pe muchiile curbate decât multe alte programe de desen. Trebuie doar să ne asigurăm că elipsele se aliniază frumos cu grila.

Apoi folosiți câteva linii drepte pentru a le conecta (liniile ușor curbate sunt și mai realiste dacă aveți răbdare să le desenați).

conturarea

În acest pas, desenăm conturul imaginii pe care dorim să o pixelăm. Dacă ați făcut un prototip al imaginii, această parte este ușoară. Mai întâi creați un nou strat de imagine și îl stivați deasupra celuilalt strat (în Inkscape, noul strat are automat un fundal transparent). Blocați stratul prototip, apoi selectați noul strat și folosiți-l pentru a urmări prototipul cu instrumentul creion. Dezactivați fixarea grilei la urmărirea liniilor curbe.

Dacă întâmpinați dificultăți în a vă vedea noile linii, pur și simplu reduceți opacitatea stratului prototip până când este mai ușor să vedeți liniile stratului contur. Nu urmăriți toate liniile, ci doar cele care ar avea sens.

Puteți șterge stratul prototip după finalizarea conturării, dacă doriți wish, sau pur și simplu faceți-l invizibil.

netezirea

Acesta este un pas dificil. Pentru aceasta, măriți curbele din imagine și încercați să corectați orice linii zimțate care fac ca imaginea să pară mai puțin naturală. În funcție de nivelul imaginii, este posibil să nu fie nevoie să faceți acest lucru (dacă imaginea dvs. are 32 × 32 pixeli sau mai puțin, puteți face foarte puțin pentru a o îmbunătăți prin netezire.

Modul de a efectua prima rundă de netezire este să măriți imaginea, astfel încât să puteți vedea unde curbele nu sunt bine definite sau unde există pauze (goluri) în liniile continue. Orice goluri vor provoca sângerări de culoare dacă utilizați o umplutură de găleată, deci este o idee bună să eliminați golurile. Amintiți-vă că faceți doar un pixel la un moment dat, care este locul în care o tabletă face munca mult mai ușoară decât un mouse.

Colorare

Asta făceai pentru distracție când aveai cinci ani, doar că acum este mult mai ușor. Puteți umple zone mari de culoare cu o găleată, iar multe programe de desen vă permit să setați un gradient care vă poate oferi sau nu un aspect realist. Altewise este aceeași afacere ca netezirea: măriți și setați pixelii pe rând. Nu creați un strat de culoare separat, deoarece software-ul dvs. poate să nu recunoască limitele unui strat diferit atunci când faceți o umplere a găleții.

Umbrire

Culorile solide sunt ușoare, dar pentru a obține un aspect realist, trebuie să utilizați umbrire. Este mai ușor să faceți umbrire pe imagini mai mari, deoarece acestea au mai mulți pixeli pe care să lucrați. Primul pas în umbrire este să vă dați seama cum lumina vă lovește obiectul sau scena și apoi aplicați lumini și umbre într-un mod realist. La început, acest lucru va fi dificil, dar cu experiența și feedback-ul de la colegi artiști, veți obține atenția. Aici am de gând să umbresc doar peretele din spate al oalei, dar ar fi mai bine să aplicăm câteva evidențieri pe peretele frontal.

dithering

Cu o paletă limitată, nu puteți obține întotdeauna toate nuanțele și culorile pe care le-ați dori, iar efectuarea unor modificări subtile între zonele adiacente este dificilă, fără a trece. Nu este ceva care este necesar pentru hardware-ul modern, dar este adesea aplicat pentru situațiile în care doriți un aspect retro din anii 90 sau în care din diverse motive vi se cere să lucrați cu o paletă limitată. Unele programe software pot gestiona automat dithering-ul pentru dvs. sau poate fi necesar să vă creați propriul dithering. Această imagine este prea simplă pentru a avea nevoie de orice dithering, dar aici este un tutorial care explică cum să creați un efect de dithering fals în Inkscape.

Conturarea selectivă

Aceasta înseamnă înlocuirea contururilor negre pe zonele interne cu o culoare mai naturală și conturarea acelor porțiuni care necesită conturare pentru definire. În viața reală, venele de pe o frunză nu sunt negre, așa că nici ele nu ar trebui să fie în desenul tău.

Anti-aliasing

Acest lucru este similar cu netezirea, cu excepția cazului în care priviți mai atent regiunile de culoare care ar putea avea nevoie de „lovire” pentru a înmuia puțin liniile, astfel încât acestea să pară mai realiste. Bumpingul unei culori înseamnă doar alegerea unei nuanțe de culoare pentru un pixel între culorile pixelilor de pe ambele părți ale acestuia. Estomparea intenționată face ca liniile să fie mai puțin ascuțite. La fel ca și dithering-ul, software-ul dvs. poate aplica automat anti-aliasing pentru dvs.

reglaj

Punerea obiectului final într-o scenă mai mare se numește setare. Nu trebuie să faceți acest lucru cu sprite de caractere sau obiecte care sunt mobile. Puteți face asta mai târziu cu codul. Utilizați setarea pentru obiecte fixe care nu se mișcă. Obiectele animate ar trebui convertite în sprite, ceea ce este un subiect pentru o altă zi.

Ce trebuie să faceți dacă imaginea dvs. nu este suficient de pixelată

Una dintre probleme este că Inkscape și programe vectoriale similare fac prea bine o treabă de umpluturi de găleată, astfel încât culorile arată foarte netede și vectorii. Dacă doriți un aspect pixelat, atunci trebuie să exportați imaginea în png, să o deschideți în GIMP și să aplicați filtrul Pixelize, pe care îl veți găsi în secțiunea Blur. Acest lucru vă va oferi un rezultat de acest gen (de care este posibil să aveți nevoie pentru a anti-alias):

Concluzii finale

Arta pixelilor este departe de a fi moartă, iar artiștii de pixeli buni primesc încă mult respect în comunitatea de design de la cei care înțeleg devotamentul necesar pentru a deveni un maestru. Învățarea de a construi imagini pixel cu pixel te face să fii un designer mai bun și, eventual, și un inginer mai bun. Există încă o cerere puternică de piață pentru pixel art și relativ puțini artiști de pixel talentați la fața locului, care deservesc această nevoie. Puteți câștiga bani în pixel art sau pur și simplu folosiți-le ca o modalitate de a vă îmbunătăți abilitățile. Oricum ar fi, este distractiv și plin de satisfacții, merită bine făcut.