Vodnik po slikovnih pikah: 3 načini za ustvarjanje slikovnih pik s Photoshopom

Kazalo:

Anonim

Pixel art 8-bitne flashback sorte NES je trenutno v modi, pa naj bo to v igrah, kot sta The Incident in Sword & Sworcery, ali samo za avatarje v spletu. Če se sprašujete, kako nastane nekaj te čudovite slikovne pike in kako to narediti sami, je tukaj nekaj nasvetov za skoraj takojšnjo sliko slikovnih pik. Uporabili bomo funkcijo povečave OS X, Pixelfari, in tudi konfigurirali Photoshop, da ustvarite svojo retro sliko pik in počistite rezultate drugih metod.

1) Uporabite Mac OS X Zoom za pikseliranje slik in ustvarjanje takojšnje slikovne pike

Verjetno že veste, da če držite tipko Control in nato z dvema prstoma povlečete navzgor ali navzdol po sledilni ploščici, boste povečali zaslon (ali držite Control in uporabite kolesce na zunanja miška). No, če onemogočite izravnavanje v orodju OS X Zoom, lahko uporabite to funkcijo za ustvarjanje piksloviranih slik iz česar koli. Takole:

  • Pritisnite Command+Option+\, da onemogočite izravnavanje pri povečavi zaslona
  • Prestavite miškin kazalec nad katero koli sliko, ki jo želite takoj pikselizirati
  • Control+Povečajte sliko in opazujte, kako slikovne pike rastejo
  • Naredite posnetek celotnega zaslona s Command+Shift+3

S to tehniko sem takoj ustvaril ta MacBook s pikselsko sliko:

Če je potrebno, lahko nato počistite sliko v Photoshopu z uporabo tehnik Photoshopa, omenjenih v tem članku, za urejanje na natančni ravni pikslov. Nekaj ​​nasvetov za to metodo:

  • Manjše osnovne slike so boljše, ustvarjanje ikon iz slike in njihovo povečavo je odlično
  • Večji kontrast je na splošno boljši
  • Poskusite različne stopnje povečave

Pomembno je tudi, da posnamete celozaslonski posnetek zaslona, ​​da bo slika zajeta v polni pikselizirani veličini.

2) Narišite Pixel Art v Photoshopu s temi konfiguracijskimi nasveti

Če imate photoshop, lahko prilagodite nekatere nastavitve, da bo boljši za risanje in urejanje slikovnih pik:

  • Spremenite način, kako Photoshop spreminja velikost slik, tako da prilagodite nastavitve »Image Interpolation« na »Nearest Neighbor (ohrani trde robove)
  • Omogoči mrežo prek nastavitev > Vodila, rezine mreže in štetje > 1×1
  • Pravilno konfigurirajte orodje Pencil na premer 1px s 100% trdoto
  • Uporabi več stopenj povečave tako za pogled slikovnih pik od blizu kot za želeno končno ločljivost

Vaša nastavitev Photoshopa bo videti podobna tej:

Te tehnike Photoshopa prihajajo od Brandona Trebitowskega, razvijalca za iOS, in če vas sploh zanima oblikovanje slikovnih pik, je njegova objava v spletnem dnevniku o tej zadevi zelo priporočljiva za branje, lahko jo preberete tukaj na BrandonTreb.com .

3) Ustvarite takojšnjo slikovno sliko s Pixelfari

Drug trik za pospešitev ustvarjanja slikovnih pik in celo ustvarjanje skoraj takojšnje slikovnih pik je uporaba 8-bitnega spletnega brskalnika Pixelfari. Pixelfari prihaja od razvijalca Nevana Morgana in ga lahko takoj prenesete tukaj.

V bistvu je vse, kar morate storiti, to, da povlecite katero koli sliko v Pixelfari in slika bo samodejno upodobljena kot pixel art, nato pa naredite posnetek zaslona okna Pixelfari. Ni popolno, vendar ustvari dobro izhodišče, ki ga je mogoče nato izboljšati z zgornjimi tehnikami, ki jih je omenil Brandon.

Tu je logotip OSXDaily, vržen v Pixelfari brez drugega urejanja, to je precej dober primer, kako to deluje.

Če želite počistiti izpis, lahko uporabite zgoraj omenjene nasvete za Photoshop ali celo uporabite funkcijo povečave OS X za hiper-pikselizacijo rezultatov v Pixelfariju.

Očitno obstaja več načinov za to, vendar sta za hitro pikselizacijo tehniki Zoom in Pixelfari odlični, konfiguracija Photoshopa pa je kot nalašč za risanje iz nič ali čiščenje vaših predhodno pikseliranih slik.Lahko poskusite uporabiti tudi Paintbrush, klon MSPaint, vendar je s to aplikacijo težje doseči ceno. Nazadnje, lepa splošna referenca je Natomic, ki ima nekaj splošnih nasvetov o senčenju, osvetlitvi, uporabi linij in več, njegove stare informacije, vendar piksli obstajajo že dolgo, zato so tehnike še vedno zelo pomembne.

Vodnik po slikovnih pikah: 3 načini za ustvarjanje slikovnih pik s Photoshopom