Aveți nevoie de redimensionare pixel art? Aflați cum să vă măriți lucrările de artă și să păstrați acele forme blocante care să pară clare și ascuțite cu Photoshop!

În acest tutorial, veți învăța cum să obțineți rezultate excelente atunci când redimensionați pixel art în Photoshop! Pixel art este diferit de imaginile standard și prezintă provocări unice la redimensionarea acesteia. În mod normal, când măriți o imagine și adăugați mai mulți pixeli, Photoshop încearcă să împiedice rezultatul să pară blocat și pixelat amestecând pixelii împreună și netezind totul.

Dar „blocat și pixelat” este tot punctul de artă al pixelilor! Așa că pentru a redimensiona artele pixelilor, avem nevoie de o modalitate pentru ca Photoshop să adauge doar mai mulți pixeli și asta este. În loc să netezim lucrurile, trebuie să păstrăm formele și marginile operei de artă să pară clare și clare. În această lecție, vă voi arăta exact cum să o faceți.

Alături de redimensionarea artelor pixelilor, folosesc și aceeași tehnică pentru redimensionarea capturilor de ecran utilizate în tutorialele mele. Și îl puteți folosi pentru a redimensiona orice grafic unde trebuie să mențineți margini ascuțite, tari sau text care poate fi citit. Pentru a obține cele mai bune rezultate cu această lecție, veți dori să utilizați Photoshop CC, dar orice versiune a Photoshop va funcționa.

Voi folosi acest mic personaj de pixeli pe care l-am descărcat de pe Adobe Stock:

Eroul nostru de pixeli. Credit: Adobe Stock.

Aceasta este lecția 7 din seria mea de redimensionare a imaginilor. Să începem!

Cum se mărește arta pixelilor în Photoshop

Iată personajul deschis în Photoshop. Și după cum vedeți, pare destul de mic:

Pixel art la dimensiunea sa inițială.

Pasul 1: Deschideți caseta de dialog Dimensiune imagine

Cel mai bun mod de a mări arta pixelilor este folosind caseta de dialog Dimensiunea imaginii Photoshop. Pentru ao deschide, accesați meniul Image din Bara de meniu și alegeți Dimensiunea imaginii :

Accesarea Imagine> Dimensiunea imaginii.

În Photoshop CC, caseta de dialog include o fereastră de previzualizare la stânga, împreună cu opțiunile de dimensiune a imaginii din dreapta:

Caseta de dialog Dimensiune imagine în CC Photoshop.

Vizualizarea dimensiunii curente a imaginii

Mărimea curentă a imaginii se găsește în partea de sus. Alături de cuvântul Dimensiuni, vedem că opera mea este destul de mică, cu o lățime și o înălțime de doar 500 de pixeli:

Dimensiunile actuale ale pixelilor din opera de artă.

Pasul 2: Activați opțiunea Resample

Să spunem că trebuie să îmi fac personajul mult mai mare. Poate vreau să-l folosesc într-un poster sau ca fundal pentru desktop. Pentru a face acest lucru, va trebui să mărească opera de artă adăugând mai mulți pixeli.

În primul rând, asigurați-vă că opțiunea Resample din caseta de dialog este activată. Cu Resample off, dimensiunile pixelilor sunt blocate și tot ce putem schimba este dimensiunea de imprimare. Pentru a adăuga sau elimina pixeli, Resample trebuie să fie activat:

Reeșantionul ar trebui să fie pornit.

Pasul 3: Introduceți un procent în casetele Lățime și Înălțime

În loc să adăugați un eșantion pixel la o dimensiune specifică, cel mai bun mod de a-l mări este folosind procente . Și pentru a evita denaturarea și păstrarea fiecărui bloc în opera de artă perfect pătrată, veți dori să rămâneți la procente care sunt multipli de 100 (deci 200%, 300%, 400% și așa mai departe). Vom mări imaginea, setând atât lățimea cât și înălțimea la 400% :

Upsampling lățimea și înălțimea cu 400 la sută.

Aceasta va crește dimensiunile pixelilor de la 500 px la 500 px până la 2000 px la 2000 px :

Noile dimensiuni ale pixelilor după redimensionarea operei de artă.

Redimensionarea ferestrei de previzualizare

Observați că, făcând lățimea și înălțimea de 4 ori mai mare, opera de artă este acum prea mare pentru a se încadra în fereastra de previzualizare mică. Pentru a face fereastra de previzualizare mai mare, voi face caseta de dialog Dimensiunea imaginii în sine, glisând colțul din dreapta jos spre exterior. Apoi, voi face clic și glisați în fereastra de previzualizare pentru a centra opera de artă din interiorul acesteia:

Redimensionarea casetei de dialog Dimensiune imagine pentru o previzualizare mai mare.

Aflați mai multe: caseta de dialog Dimensiunea imaginii Photoshop CC - Caracteristici și sfaturi

Problema cu redimensionarea artelor pixelilor

Până acum, bine. Sau este? Dacă ne uităm la opera de artă din fereastra de previzualizare, vedem că nu arată corect. În loc de marginile din jurul formelor care par clare și ascuțite, arată puțin moale și încețoșat:

Marginile arata prea moale dupa marirea operei de arta.

Și dacă privim mai de aproape, putem vedea halos în jurul formelor, în special în zonele cu contrast mai ridicat. Voi mări imaginea cu ajutorul butoanelor de zoom din partea de jos a ferestrei de previzualizare. Și aici, la un nivel de zoom de 400%, putem vedea clar halosul, mai ales în jurul ochilor personajului:

Mărirea artei pixelilor a estompat formele și a adăugat halos în jurul lor.

Observați, totuși, că dacă faceți clic și țineți apăsat pe opera de artă din fereastra de previzualizare, halourile dispar și marginile arată foarte ascuțite, ceea ce dorim exact:

Arta pixelilor arată excelent atunci când faceți clic și mențineți apăsat.

Dar de îndată ce eliberați butonul mouse-ului, reveniți să vedeți halos-urile:

Moale și halos se întorc atunci când este eliberat butonul mouse-ului.

Metoda interpolării imaginii

Motivul este că atunci când faceți clic și mențineți apăsat în fereastra de previzualizare, vedeți lucrările de artă eșantionate înainte ca Photoshop să aplice orice interpolare a imaginii . Interpolarea este modul în care Photoshop mediază pixelii împreună și uniformizează rezultatul. Când eliberați butonul mouse-ului, vedeți opera de artă cu interpolarea aplicată. Și metoda de interpolare este cea care provoacă problemele și creează acel efect halo.

Opțiunea Interpolare se găsește în dreapta opțiunii Resample. Și implicit, este setat pe Automat :

Opțiunea de interpolare a imaginii.

De obicei, setarea automată este în regulă, deoarece permite Photoshop să aleagă cea mai bună metodă pentru job. Dar problema este că Photoshop presupune că redimensionăm o imagine standard cu multe detalii fine. Deci este alegerea unei metode care să facă o imagine standard să arate bine. Dar aceeași metodă face ca artele pixelilor și tipurile similare de grafică să arate prost. Așadar, atunci când facem o eșantionare a pixelilor, trebuie să alegem noi o metodă diferită de interpolare.

Pasul 4: Setați metoda interpolării la cel mai apropiat vecin

Pentru a face acest lucru, faceți clic pe opțiunea Interpolare pentru a deschide o listă a metodelor din care putem alege. Dacă utilizați Photoshop CC, atunci metoda de interpolare pe care Photoshop o alege pentru eșantionarea imaginilor este Conservarea detaliilor . Și în Photoshop CS6, alege Bicubic Smoother . Dar niciunul dintre ei nu funcționează bine cu pixel art:

Metodele de interpolare Photoshop.

Pentru a face o eșantionare optimă fără a face medie în pixeli, metoda de interpolare de care aveți nevoie este cea mai apropiată Vecină :

Alegerea celui mai apropiat vecin.

De îndată ce alegeți cel mai apropiat vecin, opera de artă din fereastra de previzualizare arată crocantă și ascuțită! Și dacă faceți clic și țineți apăsat în fereastra de previzualizare, apoi eliberați butonul mouse-ului, veți vedea că de data aceasta, nu se întâmplă nimic. Lucrarea de artă arată la fel de ascuțită înainte și după aplicarea metodei de interpolare.

Asta pentru că acum este aceeași metodă de interpolare de două ori. Photoshop adaugă întotdeauna pixelii inițial folosind Near Neighbor. Dar acum că ne-am ales cu cel mai apropiat Vecin, nu folosim altceva care ar face ca arta pixelilor să pară mai rău:

Cel mai apropiat Vecin este perfect pentru eșantionarea pixelilor.

Pasul 5: Faceți clic pe OK

Când sunteți gata să modelați opera de artă, faceți clic pe OK pentru a accepta setările și închideți caseta de dialog Dimensiune imagine:

Faceți clic pe OK pentru a mări arta pixelilor și închideți caseta de dialog Dimensiune imagine.

Și acum, micuțul meu erou de artă pixel pare mult mai mare, totuși el păstrează același aspect blocant și pixelat pe care ne-am aștepta:

Arta pixelului eșantionată.

Cum se mărește arta pixelilor - rezumat rapid

Înainte de a merge mai departe, să rezumăm rapid pașii pentru a obține cele mai bune rezultate atunci când lărgim arta pixelilor în Photoshop.

  • 1. Deschideți caseta de dialog Dimensiune imagine (Imagine> Dimensiune imagine).
  • 2. Setați Lățimea și Înălțimea la Procent și apoi pentru cele mai bune rezultate, alegeți un procent care este un multiplu de 100 (200%, 300%, 400% și așa mai departe).
  • 3. Modificați metoda interpolării în Vecinul cel mai apropiat.
  • 4. Faceți clic pe OK.

Cum să redimensionați arta pixelilor la o dimensiune exactă

Până acum, am aflat că cea mai bună modalitate de a mări arta pixelilor este prin eșantionarea ei folosind un procent care este un multiplu de 100. Dar dacă e nevoie să îl măriți la dimensiuni specifice ale pixelului și nu puteți ajunge acolo folosind unul din aceste procente?

De exemplu, prin eșantionarea operei de artă cu 400%, am mărit lățimea și înălțimea de la 500 de pixeli până la 2000 de pixeli:

Dimensiunile operei de artă actualizate.

Dar dacă aș avea nevoie de lățimea și înălțimea pentru a fi ceva mai mic, cum ar fi 1600 de pixeli? Dacă aș fi eșamplat imaginea mea de 500 px x 500 px cu 300%, ar fi făcut lățimea și înălțimea doar 1500 pixeli, lăsând-o încă prea mică. Și eșantionarea cu 400% a făcut-o prea mare. Ceea ce aveam nevoie într-adevăr era ceva între ele. În acest caz, ceea ce veți dori să faceți este să redimensionați opera în două etape .

Pasul 1: Exemplificați pixel art-ul ca procent

În primul rând, adăugați un pixel cu arta pixelilor folosind un procent și un multiplu de 100, care îl va face mai mare decât aveți nevoie. În cazul meu, am făcut deja acest lucru prin eșantionarea cu 400%, deci primul pas este făcut.

Pasul 2: redeschideți caseta de dialog Dimensiune imagine

Apoi, redimensionați-o a doua oară, de data aceasta pentru a o redimensiona la dimensiunile exacte ale pixelilor. Pentru a face acest lucru, deschideți din nou caseta de dialog Dimensiune imagine, accesând meniul Imagine și alegând Dimensiunea imaginii :

Accesarea Imagine> Dimensiunea imaginii.

Pasul 3: lăsați opțiunea Resample activată

Asigurați-vă că opțiunea Resample este încă activă, astfel încât să puteți modifica numărul de pixeli:

Lăsând opțiunea Resample marcată.

Pasul 4: Setați Lățimea și Înălțimea, în pixeli

Introduceți dimensiunea exactă de care aveți nevoie, în pixeli, în câmpurile Lățime și Înălțime . Le voi seta pe amândouă la 1600 pixeli:

Introducerea noilor dimensiuni de pixeli.

Pasul 5: Setați metoda interpolării la Automat

Și, în sfârșit, în timp ce metoda de interpolare a celui mai apropiat vecin funcționează excelent pentru eșantionarea pixel-urilor, nu doriți să o utilizați la prelevarea de probe. În schimb, pentru cele mai clare rezultate, schimbați metoda interpolării înapoi la Automat . Acest lucru va returna controlul către Photoshop, iar la prelevarea de imagini, va alege automat Bicubic Sharper :

Setarea metodei de interpolare la automat.

Când sunteți gata să redimensionați opera de artă la dimensiunea exactă, faceți clic pe OK pentru a închide caseta de dialog și ați terminat:

Făcând clic pe OK pentru a redimensiona arta pixelilor.

Și acolo îl avem! Așa puteți obține cele mai bune rezultate atunci când redimensionați pixel art, capturi de ecran sau grafică similară, în Photoshop! În următoarea și ultima lecție din această serie, vom analiza cea mai bună modalitate de a mări imaginile în Photoshop CC folosind o caracteristică nouă cunoscută sub numele de Preserve Details 2.0!

Sau consultați tutorialele anterioare din această serie:

  • 01 - Pixeli, dimensiunea imaginii și rezoluție
  • 02 - Comanda Dimensiune imagine Photoshop - Caracteristici și sfaturi
  • 03 - Cum să redimensionați imaginile pentru imprimare cu Photoshop
  • 04 - Cum să redimensionați imaginile pentru e-mail și fotografiere
  • 05 - Cum se calculează dimensiunea imaginii
  • 06 - Adevărul despre rezoluția imaginii, dimensiunea fișierului și web
  • 07 - Cum să redimensionați pixel art
  • 08 - Cel mai bun mod de a mări imaginile în Photoshop CC

Și nu uitați, toate tutorialele noastre sunt acum disponibile pentru a fi descărcate ca PDF-uri!