Aflați cum să desenați arta pixel artizanală în Photoshop

Imaginile ilustrate cu pixeli sunt excelente pentru a face pictograme pe computer, imagini izometrice și chiar scene întregi. Ele pot fi făcute rapid și ușor folosind Photoshop cu câteva modificări rapide la setările preferințelor.

Singurul dezavantaj este că arta pixelului arată cel mai bine atunci când fiecare pixel a fost plasat manual, spre deosebire de utilizarea unui filtru Photoshop. Așa este, așezat la mână - știu că sună puțin cam nebun, mai ales când unele scene de pixeli au mii de pixeli în ele. Dar fără plasarea mâinilor, arta pixelilor poate arăta ca o imagine rău Lo Res, așa că feriți-vă!

Cred că o regulă bună înainte de a începe este că ar trebui să vă puteți vedea creația în mod clar ca un grup de cărămizi pătrată în culori diferite, dar atunci când vă smulgeți și vă estompați ochii, puteți să o faceți ca o imagine. Imaginați-vă că faceți un mozaic de țiglă, doar că nu aveți nevoie de vopsea.

Mai jos este o piesă completă de lucrări de pixeli, vom crea câteva dintre piesele mai elementare din această lucrare.

Software-ul

OK, să ne pregătim pentru desen. Doar în cazul în care nu aveți o copie a Photoshop, există unele programe gratuite dedicate desenelor Pixel disponibile pentru descărcare gratuită:

  • Pixen (Mac)
  • Grafică Gale (Câștigă)
  • Găsiți mai multe aplicații aici.

Am jucat în jurul valorii de ambele programe, dar am revenit la Photoshop pentru că sunt obișnuit cu comenzile tastaturii.

Bine, Să stabilim o pagină

  1. Mai întâi deschideți preferințele în Photoshop și setați Interpolarea imaginii la "Cel mai apropiat vecin".
  2. Creați o nouă fotografie 300 px la 300 px la 72 dpi.
  3. Selectați instrumentul creion la 1 pixel. Instrumentele Pencil and Eraser sunt singurele instrumente de care aveți nevoie.
  4. Ocazional s-ar putea să folosiți bagheta magică pentru a selecta o zonă de umplere, doar să vă asigurați că opțiunea Anti Alias ​​este oprită.

Dacă ați folosit instrumentul perie la un pixel de 9 pixeli în loc de 1, veți obține o acțiune anti-aliasing care va strica efectul pixelilor de margine. Deci, stick la 1 pixel. "Păstrați-o înclinat mențineți-o", așa cum obișnuia să spună Mama.

Atunci când desenul dvs. de pixeli este vizualizat la 100% (dimensiunea reală), scula creionului la o lățime de 1 pixel este foarte mică, deci este greu de văzut și manipulat. O idee este să măriți vederea la 800%, astfel încât să puteți vedea ce faceți. Deseori am o fereastră deschisă în Photoshop cu aceeași afișare a ecranului la 200%, astfel încât să pot vedea cât de repede arată desenul meu aproape și, de asemenea, dintr-un pic mai departe în același timp.

Putem salva documentul nostru de lucru ca fișier PSD și exporta pentru uz web mai târziu ca fișier GIF. De asemenea, putem mări fișierul ulterior și transformăm într-un TIF pentru imprimarea CMYK.

Lean & Mean

Să începem să desenați

OK, să mergem la desenarea unei cărți deschise. Cu instrumentul Pen trageți marginea pentru a crea conturul dvs. negru. Apoi completați culorile plane ale paginii și notați marca.

Creați ideea de text pe pagină cu câteva linii de pixeli unice. Vedeți modul în care am făcut o ușoară aplecare în linie pentru a da impresia unei mici curbe pe pagină.

În cele din urmă, adăugați câteva subliniază în mijlocul paginilor și în partea marcajului. O atingere drăguță este un singur pixel în partea de jos a fiecărei pagini, aceasta oferă doar un indiciu de margine a paginii în loc de a fi un bloc solid.

Odată ce veți obține elementele de bază ale contururilor, culorilor, evidențierii și umbririi, puteți încerca să vă construiți alte forme simple.

Picline Line Pixel

Icoanele pixelilor, precum cele de mai sus, pot fi proiectate ca o serie de linii care sunt la doar 90 ° unul față de celălalt și sunt foarte multe pătrate și dreptunghiuri. Ocazional însă, este posibil să aveți nevoie de o linie la un unghi.

Ceva care trebuie avut în vedere este faptul că liniile înclinate arată cel mai bine atunci când sunt modele regulate. Dacă acestea sunt neregulate (cum ar fi cele prezentate mai jos), ele pot apărea neregulate și brute atunci când sunt văzute mici. Cel de-al doilea exemplu de mai jos este unghiurile izometrice mult mai fine, care arată excelent cu desenele pixelilor, dar nu este unghiul de 30 ° "iso" folosit în clasa de desen tehnic - este ceva mai aproape de 26.5º. 30º, din păcate, oferă o linie groasă la 100%. Dacă faceți o linie care rulează regulat 2 puncte peste și 1 punct în sus, veți obține 26,5º.

Să încercăm să desenăm altceva mai puțin geometric și să folosim mai multe din aceste modele de linii?

Linia neregulată va arăta ciudat la 100%.

Modele de linii netede în diferite unghiuri.

Să desenezi un jurnal de pixeli

Liniile de-a lungul lungimii sunt ușor de știut cum să le facem acum, dar ce zici de acele runde rotunde?

Aceste două modele sunt obișnuite, dar se schimbă de la linii orizontale largi până la pătrate și apoi la linii verticale. Se pare că este puțin ciupit, dar dacă vă blocați ochii, arata corect!

Curba din partea dreaptă sus a capătului jurnalului este, de asemenea, modelul invers al secțiunii din stânga jos. Eu numar adesea pixelii sau amintesc anumite combinatii. Combo-ul pixel pe cerc este ...

  • 3 pătrate (peste)
  • 2
  • 111
  • 222 (în jos)
  • 6
  • 2
  • 1

Un pic mai dificil pentru a obține atârnă de la început, ca folosind curbe bezier în Illustrator, dar veți obține în curând un "simt" pentru asta. Lungimea jurnalului este ușoară: folosim doar 2 de-a lungul unui sistem de până și facem jurnalul atât de lung sau de scurt pe cât ne dorim.

Cercurile mai mici concentrice de la capăt dau un model frumos de aur și unele zone de umbrire mai întunecate în partea de jos a jurnalului dau o adâncime. Vom da logului o culoare de brad plat pentru a incepe, apoi pentru a crea adancime, putem crea dithering prin plasarea de pixeli de culori contrastante pe ambele parti ale liniei luminoase de inalta / joasa lumina.

Puteți construi modelele și le puteți face mai complexe. Cu toate acestea, cu atenție - cu cât este mai realist și mai dificil să încercați să obțineți fuzionatorul, imaginea poate apărea dacă este destinată reproducerii la dimensiuni mici.

Am aruncat câțiva alți pixeli aleatorii pe jurnalul # 3, așa cum am vrut să aibă un aspect dur și să contracte puțin cu veverița.

Pentru jurnalul final am lucrat într-o zonă de scoarță și o ramură mică. Mi sa părut mai bine să finalizez mai întâi o zonă sau un stil și apoi să lucrez mai mult în detaliu. Nu cred că aș fi putut desena zgârietura de coajă cu modelul dithering de la zero - totuși, tocmai am continuat să adaug straturi deasupra straturilor. Etapele simple funcționează cel mai bine!

Pixelul neregulat

Să ne mișcăm pe ceva mai neregulat, ca un veverițel care să stea pe jurnalul nostru. Pentru ceva așa de complicat, este mai bine să începeți cu creion și hârtie.

Mai întâi am desenat o pagină izometrică pe pagina mea pentru a obține dimensiunile potrivite. Deoarece folosim acest exemplu special în scopuri editoriale, am folosit o fotografie ca referință. Apoi încep să schițez. Acord o atenție specială unghiului pe ambele urechi și picioare, așa cum vreau să urmeze liniile izometrice.

După cum puteți vedea detaliul este foarte minim - vreau doar să primesc forma de bază și unghiurile corecte elaborate mai întâi. Vom face restul lucrării în Photoshop.

Aduceți în schiță, puneți pe un strat nou și fantomă opacitatea pentru a putea vedea pixelii pe care urmează să creați în mod clar. Nu este o regulă tare și rapidă, dar cred că desenele pixel arata cel mai bine atunci când au contururi negre.

Aici mă duc în jurul meu veveriță cu ajutorul creionului creând conturul negru. Unul dintre lucrurile care trebuie evitate este strângerea în cazul în care pixelii contur se ating unul pe celălalt pe mai multe părți. Dacă desenați un pătrat suplimentar, ștergeți-l cu instrumentul dvs. de ștergere (de asemenea păstrat la o lățime de 1 pixel, vedeți cercul roșu), va arăta mai curat și publicul vă va mulțumi pentru asta.

Încă mai arată cam murdar, dar se va forma în sus! Cuvintele din interiorul ilustrației ajută de asemenea să-i dați un aspect îndrăzneț, asigurați-vă că acestea sunt culori întunecate care nu sunt negre pentru a face un contrast. Sună-mi un radical, dar m-am dus cu maro pe asta.

Când forma este completă, umpleți zona interioară cu o culoare de ton mediu (maro moale) și poate utiliza o culoare deschisă pentru a scoate în evidență unele aspecte importante.

Regula de contur negru nu este una tare și rapidă, am lăsat niște keyline negre sub fălcile și labele din față, deoarece a fost greu să văd ce se întâmplă.

Concluzie

Plasarea mâinii, îndepărtarea, schimbarea pixelilor este locul în care apare talentul. Uneori. Dar, odată ce începeți să vă agățați de ea, veți putea să trageți aproape orice - tot ce aveți nevoie este puțină răbdare. Sper că acest lucru vă ajută și vă inspiră să vă creați o lucrare grozavă proprie!

Resurse aditionale

Iată câteva resurse pentru citirea în continuare a pixelilor:

  • Instrumentul de artă al lui Pixel (arată o umplere mai detaliată a pixelilor și crearea de caractere pixel numite "Sprites")
  • Crearea Pixel Pixel Art Pixel by Pixel - Sfaturi și Tutoriale. O listă bună de site-uri de pixeli pe care să le vizitați.
  • 20+ artiști inspirat de pixeli, tutoriale și resurse - o colecție de resurse de artă pixel aici pe Psdtuts+.
  • Unele fișiere pixel pe care le-am desenat și animat ca fișiere GIF. Vedeți Squirrel în acțiune!

Aboneaza-te la feed-ul Psdtuts + RSS pentru cele mai bune tutturi Photoshop și articole de pe web.